﻿@charset "utf-8";
/* CSS Document */

 #slides {
      width:100%;
	  height:auto;
	  text-align:center;
    }

    #slides .slidesjs-navigation {
      margin:5px; position: absolute; z-index:10; bottom:40px;
    }

     a.slidesjs-next,
    a.slidesjs-play,
    a.slidesjs-stop,
   a.slidesjs-previous
    {
      background-image: url(../../images/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

   a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
	 left:15px
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
	   left:0px
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
	 
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
	  left:30px
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
	  
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
	  left:30px
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }


    .slidesjs-pagination {
		margin: 5px;
		position: absolute;
		z-index: 10;
		float: right;
		right: 33px;
		list-style: none;
		bottom: 40px;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
     /* background-image: url(../images/pagination.png);*/
	 border:1px solid white;
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
     /*  background-position: 0 -13px*/
	 background-color:white;
    }

    .slidesjs-pagination li a:hover {
      /* background-position: 0 -26px;*/
	  background-color:gray;
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
	
	
	.aboutAss{width400px;}
    .aboutAss a{ width:75px; float:left; display:block; color:#000; text-decoration:none;}
	
	
	.img-ban img
	{
		width:100%
	}
	.img-ban h2
	{
    text-align: center;
    color: white;
    position: absolute;
    bottom: 0;
   width:100%;
    font-size: 28px;
    padding: 5px;
    border-radius: 10px;
	right:0;
	-webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 2s;
        text-shadow: 2px 2px 2px #002654;
 text-shadow: 3px 3px 0 #002654, -1px -1px 0 #002654, 1px -1px 0 #002654, -1px 1px 0 #002654, 1px 1px 0 #002654;
}

  

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
	
    0%   { opacity:0.1; right:100px;}
    100% { opacity:1; right:0px;}
}

/* Standard syntax */
@keyframes example {
      0%   {opacity:0.1; right:100px;}
    100% {opacity:1; right:0px;}
}
	/*banner*/