/*
 * Web Design and Web Development by Goran Beko
 * September 2010
 */

/* SLIDER HOME PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.sliderBig{overflow:hidden;width:980px}
.sliderBig a.moreSliderBig,.sliderBig a.moreSliderBig:visited,.sliderBig a.moreSliderBig:hover{background:transparent url(/img/moreSliderBig.png) no-repeat left top;bottom:10px;cursor:pointer;display:block;height:22px;position:absolute;right:30px;text-indent:-2000px;width:117px}
.main_image{border:1px solid #C80000;color:#FFF;float:left;height:360px;overflow:hidden;position:relative;width:750px}
.main_image h2{color:#C80000;display:block;float:left;font-size:25px;font-weight:700;margin:0 0 10px;width:300px}
.main_image p.time{clear:both;color:#FFF;display:block;float:left;font-size:13px;font-weight:700;padding:0;width:300px}
.main_image p.lead{color:#fff;display:block;float:right;padding:0 30px 0 0;position:absolute;right:0;width:420px}
.main_image .desc{bottom:0;display:none !important;left:0;position:absolute;width:100%}   /* ovo important sluzi da se ne prikaze trasparentni blok */
.main_image .desc a.collapse{background:url(/img/scrollContent/collapse.gif) no-repeat left top;height:20px;position:absolute;right:20px;text-indent:-99999px;top:-20px;width:28px}
.main_image .desc a.show{background-position:left bottom}
.main_image .block{background:#111 none repeat scroll 0 0;height:100px;padding:10px;position:relative;width:100%}
.image_thumb{background:url(/img/scrollContent/scrollNavigation_bg.png) no-repeat right bottom;float:right;height:362px;position:relative;width:224px}
.image_thumb img{border:2px solid #999;float:right}
.image_thumb .imageThumbHolder{float:left!important;margin:0 0 7px!important;outline:none!important;padding:0!important;position:relative!important;width:224px!important}
.image_thumb .imageThumbHolder .block{display:none!important;float:left!important;margin-left:10px!important;padding:0!important;width:170px!important}
.image_thumb .imageThumbHolder p{display:none!important}
.image_thumb .imageThumbHolder a{display:block;height:104px;outline:none!important;position:relative;width:224px}
.image_thumb .imageThumbHolder.hover a span.arrowWhite,.image_thumb .imageThumbHolder.active a span.arrowWhite{background:url(/img/arrows/arrowWhite.gif) no-repeat left top;display:block;float:left;height:19px;left:0;position:absolute;top:40px;width:10px}
.image_thumb .imageThumbHolder.hover a img,.image_thumb .imageThumbHolder.active a img{border:2px solid #C80000!important}

/* @end */

/* SCROLL CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.scrollContent{height:362px;width: 224px;position:relative;}
.scrollContent .scrollable {position:relative;overflow:hidden;width: 224px;height:332px;padding:0;}
.scrollContent .scrollable .items {width:20000em;position:absolute;clear:both;}
.scrollContent .scrollable .items div {float:left;text-align:center;width:224px;margin:0 10px 0 0;}

/* @end */

/* LEFT RIGHT BUTTONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.scrollContent a.prev, .scrollContent a.prevPage {display:block;width:19px;height:30px;margin:0;cursor:pointer;background: url(/img/scrollContent/left.png) no-repeat; position:absolute; left:20px; bottom:0}
.scrollContent a.next, .scrollContent a.nextPage {display:block;width:19px;height:30px;margin:0;cursor:pointer;background: url(/img/scrollContent/left.png) no-repeat;position:absolute; right:10px; bottom:0}
.scrollContent a.disabled {visibility:hidden !important;}
.scrollContent a.next, .scrollContent a.nextPage {background:url(/img/scrollContent/right.png);clear:right;}

/* @end */

/* NAVIGATOR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.scrollContent .navigator {bottom:0;display:block;left:85px;position:absolute;width:70px;}
.scrollContent .navigator a {width:14px;height:30px;float:left;margin:0 3px;cursor:pointer;background: url(/img/scrollContent/navAct.png) no-repeat 0 0;}
.scrollContent .navigator a:hover {width:14px;height:30px;float:left;margin:0 3px;cursor:pointer;background: url(/img/scrollContent/navAct.png) no-repeat 0 0;}
.scrollContent .navigator a.active, .scrollContent .navigator a.active:hover {width:14px;height:30px;float:left;margin:0 3px;cursor:default;background: url(/img/scrollContent/navCur.png) no-repeat 0 0}

/* @end */