/*
 ---------- Coin Slider jQuery plugin CSS styles, http://workshop.rs/projects/coin-slider ---------- */



/* ---------- banner a jeho tlacitka -------------- */



.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a { text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 30px; float: left; top: 0px; left: 0px;}.cs-buttons a { margin-left: 5px; height: 5px; width: 5px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }

.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title {position: absolute; bottom: 0px; left: 0px; z-index: 1000; background: url(../icon/xxx.png) #939598 no-repeat 0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 0px; border-radius: 0px; font-family: Tahoma; font-size: 8pt; font-weight: normal; width: 100%; padding: 10px; color: #FFFFFF;}
.cs-prev, .cs-next { font-family: Tahoma; font-size: 8pt; background-color: transparent; color: #FFFFFF; padding: 0px 0px; }

/*.cs-title {position: absolute; bottom:0; left: 0; z-index: 1000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Tahoma; font-size: 8pt; width: 787px; padding: 10px; background-color: #000000; color: #FFFFFF; }*/
/*.cs-title {position: absolute; bottom: 0px; left: 0px; z-index: 1000; background: url(../icon/bg-coinslider.png) transparent no-repeat 0px 0px; font-family: Tahoma; font-size: 12pt; font-weight: bold; height: 30px; width: 765px; padding: 10px; color: #FFFFFF;}*/



/* ---------- spodni tlacitka -------------- */
.cs-buttons a {
    border-radius: 50%;
    background: #CCC;
    background: -webkit-linear-gradient(top,  #CCCCCC, #F3F3F3); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #CCCCCC, #F3F3F3); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #CCCCCC, #F3F3F3); /* opera */
    background:     -ms-linear-gradient(top,  #CCCCCC, #F3F3F3); /* IE10 */
    background:         linear-gradient(top,  #CCCCCC, #F3F3F3); /* css3 */      
}
a.cs-active {
    background: #990066;
    background: -webkit-linear-gradient(top,  #990066, #990066); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #990066, #990066); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #990066, #990066); /* opera */
    background:     -ms-linear-gradient(top,  #990066, #990066); /* IE10 */
    background:         linear-gradient(top,  #990066, #990066); /* css3 */  
    border-radius: 50%;    
    box-shadow: 0 0 3px #990066;   
    border: 1px solid #990066 !important;     
}