/********************************************

   Layout

********************************************/ 



#container{margin:0 auto;width:1052px}

#header{background:url(../img/header.gif) no-repeat left top; height:170px; margin:0 auto; position:relative; width:1046px}

#main{background:url(../img/main_bg.png) repeat-y left top;padding:0 15px 0 17px;}

#mainBottom{background:url(../img/main_bottom_bg.png) no-repeat left top; height:20px}

.path-search{padding:5px 0 10px;}

#column-left{float:left;margin:0 10px 0 0;width:190px;}

#content{float:left;width:650px;margin:0 0 10px 0} /*z*/

#column-right{float:right;width:160px;}


/* -------------------  Logo -------------------- */



h1.logo{left:50px;margin:0;position:absolute;top:40px;}

h1.logo a{background:transparent url(../img/logo.gif) no-repeat top left;cursor:pointer;display:block;width:175px; height:100px;text-indent:-2000px}



/* -------------------  Language Menu -------------------- */



.language{position:absolute;right:25px;top:10px;}

.language a{display:block;float:left;height:32px;margin:0 0 0 3px;text-indent:-2000px;width:32px;}

.language a.sr{background:url(../img/flags/sr.gif) no-repeat left top;}

.language a.en{background:url(../img/flags/en.gif) no-repeat left top;}



/* -------------------  Header Banner -------------------- */



a.headerBanner{background:url(../img/banners/730x90.jpg) no-repeat left top;bottom:25px;display:block;height:90px;position:absolute;right:25px;text-indent:-2000px;width:730px;}

#headerBanner {bottom:25px; display:block; height:90px; position:absolute; right:25px; width:730px;} #headerBanner img, #headerBanner a {border:0}


/* -------------------  Path - Bread Crumbs -------------------- */



.path{background:url(../img/path/left.png) no-repeat left top;color:#010101;float:left;font-weight:bold}

.path div{background:url(../img/path/right.png) no-repeat right top;padding:0 10px 2px;}

.path a{background:url(../img/path/bullet.png) no-repeat right 3px transparent;color:#010101;margin:0 7px 0 0;padding:0 15px 0 0;text-decoration:underline}

.path a:hover{text-decoration:none}



/* -------------------  Pagination -------------------- */



.pagination a{color:#037EB1;float:right;margin:0 0 0 30px;padding:0 0 0 16px;}

.pagination a.next{background:url(../img/pagination/next.gif) no-repeat left 3px;}

.pagination a.previous{display:block;background:url(../img/pagination/previous.gif) no-repeat left 3px;}



/* -------------------  Slide Show -------------------- */



#slideShow{background:#383838;padding:0 15px;position:relative; width:260px}

#slideShow h5{border-bottom:1px solid #777777;color:#FFFFFF;font-size:12px;font-weight:bold;margin:0 0 5px;padding:10px 0 5px;text-transform:uppercase;}

#slideShow h6{color:#9BD1E8;font-size:10px;font-weight:bold;padding:5px 0;position:absolute; left:0; bottom:-20px}



#slideShowNav{float:right;padding:0 0 3px;}

#slideShowNav a{color:#EBEBEB;font-size:9px;margin:0 0 0 10px;text-decoration:none;}

#slideShowNav a:hover{text-decoration:none}

#slideShowNav a.prevSlide{background:url(../img/slideShow/previous.gif) no-repeat left 2px;padding:0 0 0 15px;}

#slideShowNav a.nextSlide{background:url(../img/slideShow/next.gif) no-repeat right 2px;padding:0 15px 0 0;}



/* -------------------  Proposal - Predlazemo -------------------- */



.proposal h4{background:url(../img/proposal/h4.png) no-repeat left top;color:#2F2F2F;font-weight:bold;padding:7px 0 7px 70px;}

.proposal .main{background:url(../img/proposal/main.png) repeat-y left top;padding:5px 5px 0;}

.proposal .bottom{background:url(../img/proposal/bottom.png) no-repeat left top; font-size:0; height:10px; }

.proposal .browser{border-bottom: 1px solid #FFAE00;margin:0 0 5px;padding:0 0 5px;position:relative}

.proposal .browser img{margin:0 0 5px;}

.proposal .browser h6{background:#37A8D3;color:#FFF;font-size:11px;line-height:normal;}

.proposal .browser h6 a{color:#FFF;}

.proposal .browser p{line-height:130%}



/* -------------------  Site Friend -------------------- */



.siteFriend h6{background:url(../img/friendSite/h6.png) no-repeat left top;color:#787878;font-size:12px;font-weight:bold;padding:9px 0 9px 50px;}



/* -------------------  Weather -------------------- */



.weather h6{background:url(../img/weather/h6.png) repeat-x left top;color:#222;font-size:11px;font-weight:bold;padding:7px 0;}

.weather .main{border-bottom:1px solid #CBCBCB;border-left:1px solid #CBCBCB;border-right:1px solid #CBCBCB}

.weather .browser{border-bottom: 1px solid #ECECEC;color:#444444;font-size:12px;padding:5px 4px 4px;}

.weather span.city, .weather span.temperature, .weather span.mark{display:block;float:left;text-align:center;}

.weather span.city{text-align:left;width:80px;}

.weather span.temperature{width:35px}

.weather span.mark{width:35px}



/* -------------------  Story Small -------------------- */



.storySmall h6{background:url(../img/story/h6.png) repeat-x left top;color:#222;font-size:11px;font-weight:bold;padding:7px 0 7px 60px}

.storySmall .browser{background:url(../img/story/divider.gif) repeat-x left bottom;padding:5px 4px;}

.storySmall p.date{font-weight:bold}

.storySmall h5 a, .storySmall h5 a:visited{color:#0C03E6;font-size:12px;font-weight:bold;text-decoration:underline}

.storySmall h5 a:hover{text-decoration:none}

.storySmall p.lead{line-height:140%;padding:5px 0 0;}



/********************************************

   Footer Elements

********************************************/ 



#footer h5{background:#37A8D3;border:1px solid #378FD3;color:#fff;font-weight:bold;padding:5px 5px 5px 10px;text-transform:uppercase;}

#footer .main{background:#F9EFD3;border-bottom:1px solid #89A951;border-left:1px solid #89A951;border-right:1px solid #89A951}

.menuFooter{background:#fff; border-top:1px solid #89A951; border-bottom:1px solid #89A951;padding:5px 0}

.menuFooter a{border-right:1px solid #2C2C2C;color:#2C2C2C;margin:0 5px 0 0;padding:0 10px 0 0;}

.menuFooter a:hover, .menuFooter a.current{text-decoration:underline}

.signature{padding: 5px 0}

.signature a.logo{background:url(../img/signature_logo.png) no-repeat left top;display:block;height:45px;margin:0 auto;text-indent:-2000px;width:75px;}

a.kemmikhost{background:url(../img/new-way.gif) no-repeat right 1px; padding:0 80px 0 0}



/* -------------------  Feature Content -------------------- */



.featureContent{position:relative;width:650px}

.ikonica {position:absolute;z-index:100; top:20px;left:20px;}
.ikonica img {border:0;}

.featureContent .title{background:url(../img/featureContent/title_bg.png) repeat;border-top:0px solid #FFFFFF;bottom:0;left:0;padding:10px;position:absolute;width:630px}

.featureContent .title h6{color:#fff;font-size:12px;font-weight:bold;margin:0 0 5px;text-transform:uppercase}

.featureContent .title p{color:#fff;font-size:11px;line-height:120%}

.featureContent .info{border:1px solid #555;left:10px;padding:10px 10px 10px 60px;position:absolute;top:10px;width:200px;background:url(../img/featureContent/title_bg.png)}

.featureContent .info h6{color:#fff;font-size:11px;font-weight:bold;margin:0 0 5px;}

.featureContent .info p{color:#fff;font-size:9px;font-weight:bold;line-height:120%}



/* -------------------  Convent Info -------------------- */



.conventInfo h2{background:url(../img/conventInfo/conventInfo_bg.gif) no-repeat left top;color:#FFF;padding:0 3px 3px 10px;}

.conventInfo h2 a{color:#fff}

.conventInfo p{color:#1F1F1F;font-size:12px;}



/* -------------------  Convent Box -------------------- */

.conventContent {background:url(../img/yellowDot.gif) 325px 0px repeat-y}
.conventContentBgnone {background:none}

.conventBoxWrap {border-bottom:1px #FFAE01 solid}
.conventBoxWrapNoB {border-bottom:0px #FFAE01 solid}
.conventBox{border-right: 1px solid #FFAE01; float:left;padding:5px 5px 5px 0;width:320px; display:inline}

.conventBoxSecond{float:left;padding:5px 0 5px 5px;width:319px;display:inline}

.conventBox .photoBox, .conventBoxSecond .photoBox{float:left;margin:0 10px 0 0;position:relative;width:150px;}

.conventBox .photoBox p, .conventBoxSecond .photoBox p{background:#FDF7EA;border:1px solid #D0DDBA;color:#353535;}

.conventBox h5, .conventBoxSecond h5, .conventBox h5 a, .conventBoxSecond h5 a{color:#000;font-weight:bold;margin:0 0 5px;}

.conventBox p, .conventBoxSecond p{line-height:130%}

/* za default -----------------------------*/
.none {display:none}

/* -------------------  Label Big -------------------- */



span.labelBig{background:none;display:block;height:20px;position:absolute;right:10px;top:10px;width:70px;}
span.labelBig img {border:0;}

span.labelSmall{background:none;display:block;height:14px;position:absolute;right:10px;top:10px;width:50px;}
span.labelSmall img {border:0;}

#fblike {text-align:center;margin-left:auto; margin-right:auto; width:36em;}