* { margin:0; padding:0; }

body{
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
color: #333;
line-height: 20px;
background: transparent url("bg.jpg") top center no-repeat;
}

a{ color: #c63f3f; font-weight: bold; }
a:hover{ color: #8cc63f; }
h2{ font-size: 16px; color: #8cc63f; }
a img { border: 0; }

/* pozicioniranje */
#head { width: 100%; text-align: center; position: absolute; top: 0; left:0;  background: url(bg1.gif) repeat-x; }
#main{ position: relative; width: 940px; margin: 0 auto; margin-top: 200px; *padding-top: 200px; /*IE needs padding*/ z-index: 100; }
#left{ float: left; width: 460px; }
#right{ float: right; width: 470px; margin-top: 212px; }
#foot{ clear: both; height: 159px; background: url(bg2.gif) bottom repeat-x; }

/* head */
#head h1{ display: none; }

/* ljevo */
#left p { margin: 20px 0; /*text-align: justify;*/ }
#left .meta{ display: block; background: url(hr2.gif) bottom no-repeat; position: relative; height: 65px; margin: 20px 0 30px 0; }
#left .meta a{ text-decoration: none; text-transform: uppercase; }
#left .meta a span{ color: #8cc63f; }
#left .meta .vise{ position: absolute; top: 0;  }
#left .meta .komentari{ position: absolute; top: 20px; }
#left .meta .glasaj{ position: absolute; right: 45px; width: 180px; color: #8cc63f; font-weight: bold; }
#left .meta .prijavi{ position: absolute; top: 52px; right: 0; background-color: #fff; padding-left: 10px; }
#left .meta .prijavi ul li{ display: inline; padding: 0 5px; }
#left .meta .prijavi ul li a img{ border: 0; }

#left .opis { margin: 0 0 10px 0; }
#left .opis strong { display: block; color: #8cc63f; }

/* desno */
#right h3{ height: 50px; text-indent: -9999px; }

/* ljestvice */
#ljestvice { background: url(hr.gif) bottom repeat-x; padding-bottom: 20px; }
#ljestvice div { width: 230px; }
#ljestvice ul { margin-bottom: 5px; margin-left: 5px; list-style: none; }
#ljestvice li { font-size: 12px; margin-bottom: 2px; padding-left: 25px; padding-right: 5px; }

#ljestvice div a { text-decoration: none; text-transform: uppercase; margin-left: 15px; }
#ljestvice div ul li a { color: #8cc63f; text-transform: none; margin: 0; }
#ljestvice div ul li a:hover { color: #c63f3f; }
#ljestvice div ul li p { display: inline; padding: 3px 0; }
#ljestvice div ul li span { margin-left: -20px; }

.mod2{ background-color: #e9f2db; }

#najpopularnije{ float: left; }
#najpopularnije h3{ background: url(naslov-najpopularnije.gif) no-repeat 10px center; }
#najpopularnije ul li a { padding-left: 5px; }

#najnovije{ float: right; }
#najnovije h3{ background: url(naslov-najnovije.gif) no-repeat 10px center; }
#najnovije ul li a { padding-left: 5px; }

/* sponzori */
#sponzori{ background: url(hr.gif) bottom repeat-x; padding-bottom: 20px; }
#sponzori h3{ background: url(naslov-support.gif) no-repeat 15px center; }
#sponzori p { margin-left: 10px; font-weight: bold; clear: left; color: #8cc63f; }
#sponzori a {
	display: block; float: left;
	width: 90px; margin: 10px 10px 20px 10px;
	-moz-opacity:0.5; opacity:0.5; filter: alpha(opacity=50);
}
#sponzori a:hover{
	-moz-opacity:1; opacity:1; filter: alpha(opacity=100);
}

/* footer */
#foot{ color: #fff; padding-top: 30px; }
#foot a{ color: #fff; text-decoration: none; }
#foot a:hover{ text-decoration: underline; }
#foot p{ background: url(foot.gif) no-repeat; height: 75px; width: 830px; margin: 0 auto; padding: 84px 0 0 110px; position: relative; }
#foot .pagination { position: absolute; top: 0; left: 0; color: #c63f3f; font-weight: bold; font-size: 14px; width: 450px; text-align: right; }
#foot .pagination a { color: #8cc63f; font-size: 16px; padding: 0 5px; }
#foot .pagination a:hover { color: #333; text-decoration: none; }
#foot .cpr{ float: left; }
#foot .rss{ float: right; width: 50px; }
#foot .rss a { display: block; width: 47px; height: 19px; background: url(rss.gif) no-repeat; text-indent: -9999px; }

/* clearfix hack */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h3.komentarih3 { background: url(komentarih3.gif) no-repeat 1px center; height: 30px; text-indent: -9999px; }
#komentari { list-style: decimal inside; font-weight: bold; margin: 10px 0 20px 0; }
#komentari p { margin: 5px 4px 5px 21px; background-color: #e9f2db; padding: 1px 5px; font-weight: normal; }

h3.dodajh3 { background: url(dodajh3.gif) no-repeat 1px center; height: 30px; text-indent: -9999px; }
#komentiraj label{ display: block; font-weight: bold; margin-top: 10px; } 
#komentiraj input{ width: 450px; border: 1px solid #ccc; font-family: Tahoma, Arial, sans-serif; font-size: 11px; padding: 2px; }
#komentiraj textarea{
	width: 450px; height: 100px;
	border: 1px solid #ccc;
	overflow: auto;
	display: block;
	font-family: Tahoma, Arial, sans-serif; font-size: 11px;
	padding: 2px;
}
#komentiraj .submit{ width: 50px; float: left; margin-top: 5px; }
#komentiraj #loading {  float: left; margin: 7px 0 0 10px; visibility: hidden; }
#komentiraj #respond { float: left; display: inline; margin-top: 7px; }

.glasaj_broj{ position: absolute; top: 20px; left: 0; }
.glasaj_ocjena{ position: absolute; top: 0; left: 0; }
.glasaj_poruka{ position: absolute; top: 0; left: 105px; }

.rating *{ margin: 0; padding: 0; border: 0; }
.rating{ background: url('zelena.gif') repeat-x; width: 75px; top: 22px; right: 0; position: absolute; }

.rating ul{ position: relative; height: 15px; width: 0; background: url('crna.gif') repeat-x; }
.rating ul.currentrate_1{ width: 15px; } 
.rating ul.currentrate_2{ width: 30px; }
.rating ul.currentrate_3{ width: 45px; }
.rating ul.currentrate_4{ width: 60px; }
.rating ul.currentrate_5{ width: 75px; }

.rating li{ position: absolute; top:0; left:0; display: block; }

.rating li a{ display: block; height: 15px; text-indent: -9999px; cursor: pointer; }
.rating li a:hover, .rating li a.hover, .rating li.hover a{ background: url('crvena.gif') repeat-x; }

.rating .rate_1{ z-index: 10; } .rating .rate_2{ z-index: 9; } .rating .rate_3{ z-index: 8; } .rating .rate_4{ z-index: 7; } .rating .rate_5{ z-index: 6; }

.rating .rate_1 a{ width: 15px; } .rating .rate_2 a{ width: 30px; } .rating .rate_3 a{ width: 45px; } .rating .rate_4 a{ width: 60px; } .rating .rate_5 a{ width: 75px; }

.rating.disabled li a, .rating .disabled li a{ visibility: hidden; }
.rating.disabled li a:hover, .rating .disabled li a:hover{ background: none; }


#prijava input,#prijava textarea{ width: 450px; border: 1px solid #ccc; }
#prijava textarea{ height: 80px; overflow: auto; }
#prijava input.smallertext{ width: 360px;  }
#prijava input.button{ width: 80px; margin-left: 10px;  }
#prijava input.submit{ width: 80px; float: left; }
#prijava #loading{ float: left; margin: 3px 0 0 10px; visibility: hidden; }

#prijava2 input,#prijava textarea{ width: 450px; border: 1px solid #ccc; }
#prijava2 textarea{ height: 80px; overflow: auto; }
#prijava2 input.smallertext{ width: 360px;  }
#prijava2 input.button{ width: 80px; margin-left: 10px;  }
#prijava2 input.submit{ width: 80px; float: left; }
#prijava2 input.radijo { width: 25px; border: 0; }
#prijava2 #loading{ float: left; margin: 3px 0 0 10px; visibility: hidden; }