/* * generated by WOW Slider 4.8 * template Salient */ @import url("http://fonts.googleapis.com/css?family=Marmelad&subset=latin,latin-ext,cyrillic"); #wowslider-container1 { zoom: 1; position: relative; max-width:710px; float: left; margin:8px auto 34px; z-index:90; border:none; text-align:left; /* reset align=center */ } * html #wowslider-container1{ width:710px } #wowslider-container1 .ws_images ul{ position:relative; width: 10000%; height:auto; left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow: visible; /*table-layout:fixed;*/ } #wowslider-container1 .ws_images ul li{ width:1%; line-height:0; /*opera*/ float:left; font-size:0; padding:0 0 0 0 !important; margin:0 0 0 0 !important; } #wowslider-container1 .ws_images{ position: relative; left:0; top:0; width:100%; height:100%; overflow:hidden; } #wowslider-container1 .ws_images a{ width:100%; display:block; color:transparent; } #wowslider-container1 img{ max-width: none !important; } #wowslider-container1 .ws_images img{ width:100%; border:none 0; max-width: none; padding:0; } #wowslider-container1 a{ text-decoration: none; outline: none; border: none; } #wowslider-container1 .ws_bullets { font-size: 0px; float: left; position:absolute; z-index:70; } #wowslider-container1 .ws_bullets div{ position:relative; float:left; } #wowslider-container1 .wsl{ display:none; } #wowslider-container1 sound, #wowslider-container1 object{ position:absolute; } #wowslider-container1 .ws_bullets { padding: 5px; } #wowslider-container1 .ws_bullets a { width:20px; height:18px; background: url(./bullet.png) left top; float: left; text-indent: -4000px; position:relative; margin-left:5px; color:transparent; } #wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_bullets a.ws_selbull{ background-position: 0 100%; } #wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position:absolute; display:none; top:50%; margin-top:-21px; z-index:60; width: 42px; height: 42px; background-image: url(./arrows.png); } #wowslider-container1 a.ws_next{ background-position: 100% 0; right:5px; } #wowslider-container1 a.ws_prev { left:5px; background-position: 0 0; } #wowslider-container1 a.ws_next:hover{ background-position: 100% 50%; } #wowslider-container1 a.ws_prev:hover { background-position: 0 50%; } #wowslider-container1 a.ws_next:active{ background-position: 100% 100%; } #wowslider-container1 a.ws_prev:active { background-position: 0 100%; } * html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block} #wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev, #wowslider-container1:active a.ws_next, #wowslider-container1:active a.ws_prev{display:block} /*playpause*/ #wowslider-container1 .ws_playpause { display:none; width: 42px; height: 42px; position: absolute; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; z-index: 59; } #wowslider-container1:hover .ws_playpause { display:block; } #wowslider-container1 .ws_pause { background-image: url(./pause.png); } #wowslider-container1 .ws_play { background-image: url(./play.png); } #wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 50% 50% !important; } #wowslider-container1 .ws_pause:active, #wowslider-container1 .ws_play:active { background-position: 100% 100% !important; }/* bottom center */ #wowslider-container1 .ws_bullets { bottom: 0px; left:50%; } #wowslider-container1 .ws_bullets div{ left:-50%; } #wowslider-container1 .ws-title{ position:absolute; display:block; bottom: 25px; left: 5px; margin-right:5px; padding:7px; background:rgba(202, 202, 202, 0.6); color:#222222; z-index: 50; font-family:'Marmelad',Helvetica,Arial,Verdana,sans-serif; font-size: 20px; line-height: 22px; font-weight: bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #wowslider-container1 .ws-title div{ color: #444444; margin-top: 6px; font-size: 16px; line-height: 18px; font-weight: normal; } #wowslider-container1 .ws_images ul{ animation: wsBasic 15.9s infinite; -moz-animation: wsBasic 15.9s infinite; -webkit-animation: wsBasic 15.9s infinite; } @keyframes wsBasic{0%{left:-0%} 20.75%{left:-0%} 33.33%{left:-100%} 54.09%{left:-100%} 66.67%{left:-200%} 87.42%{left:-200%} } @-moz-keyframes wsBasic{0%{left:-0%} 20.75%{left:-0%} 33.33%{left:-100%} 54.09%{left:-100%} 66.67%{left:-200%} 87.42%{left:-200%} } @-webkit-keyframes wsBasic{0%{left:-0%} 20.75%{left:-0%} 33.33%{left:-100%} 54.09%{left:-100%} 66.67%{left:-200%} 87.42%{left:-200%} } #wowslider-container1 .ws_shadow{ background-image: url(./bg.png); background-repeat: no-repeat; background-size:100%; position:absolute; z-index: -1; left:-1.27%; top:-2%; width:102.53%; height:110.5%; } * html #wowslider-container1 .ws_shadow{/*ie6*/ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1/bg.png', sizingMethod='scale'); } *+html #wowslider-container1 .ws_shadow{/*ie7*/ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1/bg.png', sizingMethod='scale'); } #wowslider-container1 .ws_bullets a img{ text-indent:0; display:block; bottom:20px; left:-43px; visibility:hidden; position:absolute; box-shadow: 0 0 3px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.8); border: 4px solid #e1e1e1; border-radius:0px; max-width:none; } #wowslider-container1 .ws_bullets a:hover img{ visibility:visible; } #wowslider-container1 .ws_bulframe div div{ height:48px; overflow:visible; position:relative; } #wowslider-container1 .ws_bulframe div { left:0; overflow:hidden; position:relative; width:85px; background-color:#e1e1e1; } #wowslider-container1 .ws_bullets .ws_bulframe{ display:none; bottom:24px; overflow:visible; position:absolute; cursor:pointer; box-shadow: 0 0 3px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.8); border: 4px solid #e1e1e1; border-radius:5px; } #wowslider-container1 .ws_bulframe span{ display:block; position:absolute; bottom:-11px; margin-left:-2px; left:43px; background:url(./triangle.png); width:15px; height:7px; }