#slider { width: 750px; height: 450px; background: url(../images/ccslider/loading.gif) center center no-repeat #FFF; }
#slider_ins{ background:url(../images/year/citata.jpg) no-repeat left top;}
#slider img { visibility: hidden; }
.slider-nav.prev { background: url(../images/ccslider/left-arrow.png) no-repeat; left: -35px; }
.slider-nav.next { background: url(../images/ccslider/right-arrow.png) no-repeat; right: -35px; }
.slider-timer.play { background: url(../images/ccslider/play.png) no-repeat; }
.slider-timer.pause { background: url(../images/ccslider/pause.png) no-repeat; }
/* Styles for slider div and images */
.ccslider { position: relative; }
.slider-innerWrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
.slider-innerWrapper img { position: absolute; top: 0; left: 0; visibility: visible !important; max-width: 100%; }

/* Styles for the control links */
.slider-controls { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: none; }
.ccslider:hover .slider-controls { display: block; }
a.slider-nav { position: absolute; top: 50%; cursor: pointer; }
.slider-nav.prev { left: 0; }
.slider-nav.next { right: 0; }
.slider-timer { position: absolute; left: 50%; top: 50%; z-index: 200; cursor: pointer; display: none; }
.ccslider:hover .slider-timer { display: block; }
/* Styles for the control links */
.control-links { position: absolute; z-index: 200; list-style: none; bottom: -80px; padding: 0; min-width: 100%; text-align: center; white-space: nowrap; }
.control-links li { display: inline-block; margin-left: 5px; cursor: pointer; background: #969696; width: 10px; height: 11px; line-height: 0; zoom: 1; *float: left;	 /*for IE6, IE7 */}
.control-links li:first-child { margin-left: 0; }
.control-links li.active { background: #00b8e9; }
.control-links li.linkThumb { width: 183px; height: 75px; position: relative; top: 0; text-indent: 0; background: transparent none;	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";	opacity: .3;margin-right:1px; }
.control-links li.linkThumb:last-child { margin-right:0px; }
.control-links li.linkThumb.active { background: transparent none;	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";	opacity: 1;}
.control-links li.linkThumb img { width: 183px; height: 75px; display: inline !important; visibility: visible !important; }
.ccslider.controlThumbs { margin-bottom: 100px; }
/* Caption styles */
.cc-caption { display: none; background: #000; background: rgba(0, 0, 0, 0.7); z-index: 101; color: #fff; padding: 10px; font-size: 12px; position: absolute; left: 0; right: 0; bottom: 0; }
.cc-caption h3 { color:#FFF;font-size: 13px; }
.cc-caption h3 a{ color:#FFF; text-decoration:none;}
.cc-caption h3 a:hover{text-decoration:underline;}
.cc-caption a{color:#febf01;text-decoration:none;}
.cc-caption a:hover{color:#FFF; text-decoration:underline;}
.slider-caption { background: #000; background: rgba(0, 0, 0, 0.7); z-index: 101; color: #fff; padding: 10px; font-size: 14px; position: absolute; left: 0; right: 0; bottom: 0; display: none; }
/* Containers for custom HTML content */
.cc-htmlwrapper { position: absolute; top: 0; left: 0; z-index: 101; width: 100%; height: 100%; overflow: hidden; display: none; }
.cc-html { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.cc-html img {    /* This ensures that images inside custom html content are visible */ visibility: visible !important; }
/* Styles for links placed on slide images */
.slider-link { display: block; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: url(about:blank);  /* hack to fix a bug in IE, to make the anchor tag clickable. Can use any fake image url */ }
/* position the canvas elements for 3d effect */
.ccslider canvas { position: absolute; top: 0; left: 0; }
/* Styles for elements used in 2d animations */
.wipe-div { position: absolute; top: 0; left: 0; z-index: 3; width: 0; height: 0; -webkit-background-size: cover !important; background-size: cover !important; }
.split1-div, .split2-div { position: absolute; z-index: 4; -webkit-background-size: cover !important; background-size: cover !important; }
.circle-div { position: absolute; top: 50%; left: 50%; z-index: 3; width: 0; height: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.clock-mask { position: absolute; top: 0; z-index: 3; width: 50%; height: 100%; overflow: hidden; }
.clock-mask.left { left: 0; }
.clock-mask.right { right: 0; }
.clock-outer { position: absolute; top: 50%; overflow: hidden; }
.left .clock-outer { -moz-transform-origin: left center; -webkit-transform-origin: left center; -o-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }
.right .clock-outer { -moz-transform-origin: right center; -webkit-transform-origin: right center; -o-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; }
.clock-inner { position: absolute; top: 50%; -webkit-background-size: cover !important; background-size: cover !important; }
.left .clock-inner { left: -50%; }
.right .clock-inner { left: 50%; }