/*
Title 	: CSS for Simple Carousel with Paging Using Mootools
Author 	: Nikhil Kunder
Date 	: 2008/09/12
Version : 1.0
    moocarousel_v1.0.js & carousel.css  is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 	Lesser General Public License for more details.
*/

@charset "utf-8";
/* CSS Document */
/* body{ margin:25px; font-family:"trebuchet MS", Tahoma ; font-size:13px; border:0px solid #cfcfcf; padding:20px;} */
.clearfix{clear:both;display:block;line-height:1%;}
.text{ color:#555555;}

/* carousel css*/
.sprite_icon{background:url(/media/system/js/images/ikone.png) no-repeat;opacity:0.5}
.carousel_container_l, .carousel_container_r{display:block; margin:10px 0px 0 0px ; position: relative;width: 9px;height:60px; float:left; cursor:pointer; background-color:#000;} 
.carousel_container_r{background-position: 0 0px;margin-left:0px;margin-right:9px } 
.carousel_container_l{background-position: 0 -60px;margin-right:0px;margin-left:9px; } 
.sprite_icon:hover{opacity:1}
/*.carousel_container_r:hover{background:url(/media/system/js/images/ikone_h.gif) no-repeat 0px 1px;background-color:#000;} 
.carousel_container_l:hover{background:url(/media/system/js/images/ikone_h.gif) no-repeat scroll 0px -74px;background-color:#000;}
*/
/* carousal 1*/
#carousel1_container{width:100%;  height:80px; float:left; border:0px solid #cccccc;background:#000;margin-bottom:16px;}
#carousel1_wrapper{overflow:hidden;margin: 0 2px; width:600px; position: relative; float:left;}
#carousel1_items_container{margin:0px; padding:0px 0px; width:8000px;position: relative;
  -webkit-transition: right 2s; /* Safari */
    transition: right 2s;
}
.carousel1_items{ width:90px; height:60px; border:none; margin:10px 5px; position:relative; float:left; text-align:center; overflow:hidden;background-color:#363636;}
.carousel1_items img{margin:0px;}

/* carousal 2*/
#carousel2_container{width:645px;float:left; border:0px;float:left;}
#carousel2_wrapper{overflow:hidden;margin: 0px; width:641px; position: relative; float:left;}
#carousel2_items_container{margin:0px; padding:0px; width:2000px; position: relative;  }
.carousel2_items{ width:129px; height:270px; border:0px; margin:0px 1px 0px 0px; position:relative;float:left; text-align:left; overflow:hidden;}

/* carousal 3*/
#carousel3_container{width:627px;  height:92px; float:left; border:0px solid #cccccc;background:url(/media/system/js/images/pozadina.gif);margin:0px;}
#carousel3_wrapper{overflow:hidden;margin: 0 2px; width:566px; position: relative; float:left;}
#carousel3_items_container{margin:0px; padding:0px 0px; width:80000px;position: relative;  }
.carousel3_items{ width:101px; height:74px; border:1px solid #acacac; margin:8px 5px 8px 5px; position:relative; float:left; text-align:center; overflow:hidden;background-color:#363636;}
.carousel3_items img{margin:0px;}





/* carousel paging css*/
.carousel_paging {text-align:right; margin:5px 10px 0 0;}
.carousel_paging .current, .carousel_paging .page{ outline:none;  width:15px; height:15px; line-height:15px; text-align:center; display:block; float:left; background:#D8D8EB; margin:0 1px 0 0; text-decoration:none;}
.carousel_paging a:hover, .carousel_paging .current{background:#4D4D9B; color:#ffffff;}

.car_traka {width:641px;height:25px;color:#fff;background-color:#34af3d;text-align:left;font-family:Georgia,Times,serif;font-size:12px;line-height:25px;font-weight:bold;}
.kockica_grad{color:#FFFFFF; cursor:pointer;font-family:arial,sanserif,arial; font-size:13px;
font-weight:900;height:20px;line-height:20px;margin-left:2px;margin-top:3px;text-align:center;width:20px;float:left;}
div.kockica_grad:hover{background-color:#0E5914;}
.trakica-grad{margin:2px 5px;padding:0px;width:119px;height:12px;text-align:left;font:bold 10px/14px Georgia,Times,serif;text-transform:uppercase;}