/*
generalno
------------------------------------------------------------------------------------*/

*
{padding:0;margin:0;}
.clear{clear:both;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a.img, a.img, a.img {border:none;}
img {border:none;}
a {outline:none; }


html {background:#dff4f8 url(/img/bg1.gif) repeat-x;}


#omotac {
	background: url(/img/topbg6.gif) no-repeat center top;
	width:100%;
	display: table;

}



.logo{float:left;width:233px; height:85px; position:relative; top:30px;margin:0 0 15px 0;}




.omotac_sadrzaj{width:960px; margin:0 auto;}





*
.sadrzaj_bg{background:#fff url(/img/slider_bg.jpg) no-repeat center top; width:960px;padding:0;position:relative; top:30px;}

.sadrzaj_bg2{background:#fff; width:960px;padding:0;position:relative; top:30px;}






/*
 ******************************************************************************
slider
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:900px;
  height:260px;
  margin:0 auto;
  overflow:hidden;
top:10px;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:950px;
  height:240px;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:240px;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:900px;
  height:240pxpx;
  margin:0 auto;
  padding:0;
}
.cs_article h1 a{
  display:block;
  width:420px;
  margin:0px 26px 5px 450px;
  text-align:left;
font:1.2em myriad pro, calibri, tahoma, arial, verdana, sans-serif;
color:#fff;
}

.cs_article h2 a{
  display:block;
  width:420px;
  margin:0px 26px 5px 450px;
  text-align:left;
font:1.4em myriad pro, calibri, tahoma, arial, verdana, sans-serif;
color:#fff;
}


.cs_article img {
  position:absolute;
  top:0;
  left:50px;
  width:382px;
 height:240px;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p {
  display:block;
  width:420px;
  margin:0 26px 5px 450px;
  padding:0;
  border:0;
font:0.9em myriad pro, calibri, tahoma, arial, verdana, sans-serif; 
color:#f1bfef;
}


.readmore a{background: url(/img/more.png) no-repeat; width:99px; height:30px;float:right;margin:30px 90px 0 0;}





.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:-30px;
  height:240px;
  padding:0;
  z-index:10000;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}














/*
 ******************************************************************************
glavna navigacija
 ******************************************************************************
 */



.menu { height: 45px;display: block;margin:25px 0 0 0; float:right;}



.menu ul {list-style: none;padding: 0;margin: 0;}

.menu ul li {float: left;overflow: hidden;position: relative;text-align: center;line-height: 45px;}

.menu ul li a {position: relative;display: block;width: 110px;height: 45px;font:0.8em/45px myriad pro, calibri, tahoma, arial, verdana, sans-serif; color: #000;letter-spacing: 1px;text-transform: uppercase;text-decoration: none;cursor: pointer;}

.menu ul li a span {position: absolute;left: 0;width: 110px;}

.menu ul li a span.out {top: 0px;}

.menu ul li a span.over,.menu ul li a span.bg {top: -45px;}

		

	
#menu ul li a span.over {color: #fff;}

#menu ul li span.bg {height: 45px;background: url('img/bg_over2.png') center center no-repeat;}
		
		



.menu ul li.current a {background: url('img/bg_over3.png') center center no-repeat;color:#fff;}





#lijevi_stupac{background:; width:620px;  margin:50px 20px 0 10px;float:left;}
#desni_stupac{ width:300px;  margin:50px 0 0 0;float:left;}


.footer{background:url(/img/footerbg.gif) no-repeat; width:960px; height:29px; padding:0 0 30px 0;}

p.footer_text{font:0.8em/27px arial, myriad pro, calibri, tahoma,  verdana, sans-serif;text-align:center;color:#798b8e;padding:0 0 20px 0;}


p.footer_text a{color:#798b8e;}
p.footer_text a:hover{text-decoration:underline;}


#confirm{position:relative; top:45px; left:250px; background:url(/img/confirm_button.gif) no-repeat; width:72px; height:19px;border:0;cursor:pointer;}
#edit{position:relative; top:45px; left:250px;background:url(/img/edit_button.gif) no-repeat; width:72px; height:19px;border:0;cursor:pointer;}


p.naslov_stranice{font:1em  myriad pro, arial, calibri, tahoma,  verdana, sans-serif;padding:0 0 0 10px;width:480px;}



.popularnost{background:url(/img/popular_bg.gif) no-repeat; width:122px; height:27px; margin:0 0 0 490px;}
.popularnost p{font:0.8em/27px arial, myriad pro, calibri, tahoma,  verdana, sans-serif;text-align:center; color:#fff;}

.smile{width:18px; height:18px;position:relative; top:4px; left:4px;}



.tekst_okvir{width:480px; float:left;margin:0 10px 0 0;}



.cestitka_bg{position:relative; padding:5px; background-color:#eef5f7; width:610px;  margin:0 0 20px 0;}
.tl_2
{top:0px; left:0px; background:url(/img/corners.gif) top left no-repeat;}

.tr_2
{top:0px; right:0px; background:url(/img/corners.gif) top right no-repeat;}

.bl_2
{bottom:0px; left:0px; background:url(/img/corners.gif) bottom left no-repeat;}

.br_2
{bottom:0px; right:0px; background:url(/img/corners.gif) bottom right no-repeat;}

.corner_2
{width:10px; height:10px; position:absolute; z-index:1;}




.cestitka_bg_aktivno{position:relative; padding:5px; background-color:#d7fda6; width:610px;  margin:0 0 20px 0;}
.tl_22
{top:0px; left:0px; background:url(/img/corners_aktivno.gif) top left no-repeat;}

.tr_22
{top:0px; right:0px; background:url(/img/corners_aktivno.gif) top right no-repeat;}

.bl_22
{bottom:0px; left:0px; background:url(/img/corners_aktivno.gif) bottom left no-repeat;}

.br_22
{bottom:0px; right:0px; background:url(/img/corners_aktivno.gif) bottom right no-repeat;}

.corner_22
{width:10px; height:10px; position:absolute; z-index:1;}



















p.naslov{font:0.8em/20px arial, myriad pro, calibri, tahoma,  verdana, sans-serif;padding:6px 0 0 10px;}


p.cestitka_tekst{font:0.8em/25px arial, myriad pro, calibri, tahoma,  verdana, sans-serif;padding:0 0 0 10px;width:480px;}
p.cestitka_tekst2{font:0.8em/25px arial, myriad pro, calibri, tahoma,  verdana, sans-serif;padding:0 0 0 10px;width:480px;}

p.cestitka_tekst span{color:#50830d;}
p.cestitka_tekst span span{color:#a44ca2;}




.okvir_pager{padding:5px 0 10px 5px;}
ul.pager li {list-style-type:none; display:block; float:left; }
ul.pager li a.active {font:0.9em arial, tahoma, verdana, sans-serif; color:#fff;font-weight: bold;text-decoration: none; background:#904990;margin:0 1px;padding:3px 5px 3px 5px;}
ul.pager li a{font:0.8em arial, tahoma, verdana, sans-serif; color:#656565;text-decoration: none; background:#eef5f7;margin:0 1px;padding:3px 5px 3px 5px;}
ul.pager li a:hover {color: #fff;background-color: #3e3d3d;}




















.more {
    display: none;
width:620px;
}
  
a.showLink, a.hideLink {
    outline:none;
    border:none;
    text-decoration: none;
   position:relative;
top:5px;
  
     }
a.hideLink {border:none;
    text-decoration: none;
   position:relative;
top:5px;
left:10px;
float:left;
width:71px;
     }
a.showLink:hover, a.hideLink:hover {
    }





p.views{font:0.7em/19px arial, myriad pro, calibri, tahoma,  verdana, sans-serif; color:#fff; background:url(/img/views_bg.png) no-repeat;width:93px;text-align:center;float:left;  margin:5px 0 0 20px; }

p.date{font:0.7em/19px arial, myriad pro, calibri, tahoma,  verdana, sans-serif; color:#98b9c2; float:left;  margin:5px 0 0 20px; }

p.views2{font:0.7em/19px arial, myriad pro, calibri, tahoma,  verdana, sans-serif; color:#919c9f; float:left;  margin:5px 0 0 0px; }


.slika_okvir{width:120px; float:left;margin:10px 0 0 0;}
.slika_okvir p{color:#474747; padding-left:0px; margin:0px; font:0.7em arial, verdana, tahoma, calibri, sans-serif; text-align:center;}


a.cestitka_img {width: 90px;height:60px; margin:0px 0px 5px 12px;display:inline; float:left; padding:2px; border:1px solid #dcdcdc; background:#dfe0dd;}


a.cestitka_img:hover { padding:2px; border:1px solid #dcdcdc; background:#a6d8e6;}


.greeting{height:60px; width:90px; display:block;}

.ocjena{margin:0 0 0 27px;}






.ratingblock {
    width:95px;
    float:left;
	display:block;
	padding-bottom:15px;
	margin:0 0 0 13px;
 	overflow:hidden;

	}

	
.unit-rating { /* the UL */
	list-style:none;
	margin:0px;
	padding:0px;
	height: 15px;
	position: relative;
	background: url('img/starrating333.gif') top left repeat-x;
float:left;
position:relative; top:6px; left:10px;		
	}

.unit-rating li{
        
        text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('img/starrating333.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:15px;}
.unit-rating a.r2-unit{left:15px;}
.unit-rating a.r2-unit:hover{width: 30px;}
.unit-rating a.r3-unit{left: 30px;}
.unit-rating a.r3-unit:hover{width: 45px;}
.unit-rating a.r4-unit{left: 45px;}	
.unit-rating a.r4-unit:hover{width: 60px;}
.unit-rating a.r5-unit{left: 60px;}
.unit-rating a.r5-unit:hover{width: 75px;}


.unit-rating li.current-rating {
	background: url('img/starrating333.gif') left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

p.thanks{display:none;color:green;position:relative; top:6px;}	







/*
 ******************************************************************************
most popular
 ******************************************************************************
 */

.most_pop_bg{position:relative; padding:5px; background-color:#3e3d3d; width:290px;  margin:0 0 20px 0;}
.tl_3
{top:0px; left:0px; background:url(/img/corners2.gif) top left no-repeat;}

.tr_3
{top:0px; right:0px; background:url(/img/corners2.gif) top right no-repeat;}

.bl_3
{bottom:0px; left:0px; background:url(/img/corners2.gif) bottom left no-repeat;}

.br_3
{bottom:0px; right:0px; background:url(/img/corners2.gif) bottom right no-repeat;}

.corner_3
{width:10px; height:10px; position:absolute; z-index:1;}




p.naslov_box{color:#fff;font:1em/38px  myriad pro, calibri, tahoma, arial, verdana, sans-serif;float:left;padding:0 0 0 6px;}

.mp_icon{float:left;padding:4px 6px 0 0;}


.cestitka_bg2{width:280px;}


.cestitka_bg_mp{position:relative; padding:4px; background-color:#eef5f7; width:280px;  margin:10px 0 10px 0;}
.tl_4
{top:0px; left:0px; background:url(/img/corners3.gif) top left no-repeat;}

.tr_4
{top:0px; right:0px; background:url(/img/corners3.gif) top right no-repeat;}

.bl_4
{bottom:0px; left:0px; background:url(/img/corners3.gif) bottom left no-repeat;}

.br_4
{bottom:0px; right:0px; background:url(/img/corners3.gif) bottom right no-repeat;}

.corner_4
{width:10px; height:10px; position:absolute; z-index:1;}











p.naslov_box2{color:#fff;font:1em/50px  myriad pro, calibri, tahoma, arial, verdana, sans-serif;float:left;padding:0 0 0 6px;}

.hof_bg{position:relative; padding:5px; background-color:#88458a; width:290px;  margin:0 0 20px 0;}
.tl_5
{top:0px; left:0px; background:url(/img/corners555.gif) top left no-repeat;}

.tr_5
{top:0px; right:0px; background:url(/img/corners555.gif) top right no-repeat;}

.bl_5
{bottom:0px; left:0px; background:url(/img/corners555.gif) bottom left no-repeat;}

.br_5
{bottom:0px; right:0px; background:url(/img/corners555.gif) bottom right no-repeat;}

.corner_5
{width:10px; height:10px; position:absolute; z-index:1;}






.tl_6
{top:0px; left:0px; background:url(/img/corners666.gif) top left no-repeat;}

.tr_6
{top:0px; right:0px; background:url(/img/corners666.gif) top right no-repeat;}

.bl_6
{bottom:0px; left:0px; background:url(/img/corners666.gif) bottom left no-repeat;}

.br_6
{bottom:0px; right:0px; background:url(/img/corners666.gif) bottom right no-repeat;}

.corner_6
{width:10px; height:10px; position:absolute; z-index:1;}














/*
 ******************************************************************************
send
 ******************************************************************************
 */



.thumbs{padding:0 3px 0 10px;width:70px; height:50px;display:inline;}
.forma_bg{position:relative; padding:5px; background-color:#eef5f7; width:930px;  margin:10px 0 10px 10px;}

.forma_bg h1{font:1.1em/42px  myriad pro, calibri, tahoma, arial, verdana, sans-serif;color:#fff;background:url(/img/naslov_bg2.jpg) no-repeat; width:920px;margin:10px 0 10px 5px;padding:0 0 0 10px;}

.forma_bg p{font:0.8em/20px arial, myriad pro, calibri, tahoma, verdana, sans-serif;color:#474747;padding:0 10px 20px 10px;}

a.help{font:0.7em/20px arial, myriad pro, calibri, tahoma, verdana, sans-serif;color:#474747;text-decoration:none;padding:0 10px 0 5px;}
a.help:hover{text-decoration:underline;}



.cssform p{
width: 755px;
clear: left;
margin:0 0 0 10px;
padding: 8px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #d4e2e4;
height: 1%;
}


p.picture_options{
width:300px;
color:#879698;
padding:5px 0 8px 155px;
font-size:0.8em;
}


p.video_options{
width:300px;
color:#879698;
padding:5px 0 8px 155px;
font-size:0.8em;
}

#picture_video{margin:10px 0 8px 5px;}


.upload_logo{margin:0 8px 0 8px;}


.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 300px;
}

.cssform textarea{
width: 300px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


.boxes{border:1px solid #8C3E89;}

.buttons{width:190px; margin:0 auto;padding:0 0 10px 0;}



.radio_button{position:relative; top:2px;cursor:pointer;}



#submit_button{background:url(/img/submit.gif) no-repeat; width:86px; height:26px; cursor:pointer; border:0px;margin:0 5px 0 0;}

#reset_button{background:url(/img/reset.gif) no-repeat; width:86px; height:26px; cursor:pointer; border:0px;}





.slika_okvir_edit{margin:5px 0 10px 153px;}
.greeting_edit{margin:0px 0px 5px 12px;display:inline; float:left; padding:2px; border:1px solid #dcdcdc; background:#dfe0dd;}
.delete_img{margin:50px 0 0 8px;}



/*
 ******************************************************************************
search
 ******************************************************************************
 */




.search_bg1{position:relative; padding:5px; background-color:#e4eef0; width:690px;  margin:20px auto 200px auto;}






#search_form{background:#eef5f7; border:1px solid #b3c6ca; width:520px; margin:20px auto; padding:12px 0 12px 32px;}
.tl_33
{top:0px; left:0px; background:url(/img/corners7.gif) top left no-repeat;}

.tr_33
{top:0px; right:0px; background:url(/img/corners7.gif) top right no-repeat;}

.bl_33
{bottom:0px; left:0px; background:url(/img/corners7.gif) bottom left no-repeat;}

.br_33
{bottom:0px; right:0px; background:url(/img/corners7.gif) bottom right no-repeat;}

.corner_33
{width:10px; height:10px; position:absolute; z-index:1;}

#search_form p{padding:0; margin:0;font:0.9em myriad pro, arial, calibri, tahoma, verdana, sans-serif;color:#474747;}

#search_button{background:url(/img/search_button.gif) no-repeat; width:81px; height:26px; cursor:pointer; border:0px;margin:0 5px 0 0;}

#searchfield{width:220px;margin:0 0 0 10px;}








/*
 ******************************************************************************
hof
 ******************************************************************************
 */










ul#navlist{margin:8px 0 8px 0;padding:0;white-space: nowrap;}

#navlist li{display: inline;list-style-type: none; }
#navlist a { margin:0 10px 0 0;padding: 3px 42px;}
#navlist a:link, #navlist a:visited{font:0.9em myriad pro, arial, calibri, tahoma, verdana, sans-serif;color: #fff;background-color: #88458a;text-decoration: none;}
#navlist li.active a{background-color: #622064;}
#navlist a:hover{color: #fff;background-color: #a166a3;text-decoration: none;}


/*
error and success
*/

.error_input{border: 1px solid #8C3E89;background-color:#DFA7DC;}