@charset "utf-8";
/* CSS Document */

body{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#24394A;
	background-color:#0c61a1;
}

a{
	color:#24394A;
}
a:hover{
	color:#35C600;
}


ul{
	margin-left:10px;
}

li{
	margin-left:12px;
	padding:5px;
	list-style:disc;
}

.radio{
	border:0px;
}

.checkbox{
	border:0px;
}

#popup_message{
	line-height:20px;
	min-height:30px;
	background:url(../images/important.gif) no-repeat top left;
}

#popup_panel input{
	padding:5px 10px 5px 10px;
}

#stranica{
	width:100%;
}

#header_bgr{
	width:100%;
	height:222px;
	background:#0c61a1 url(../images/header_bgr.jpg) top center no-repeat;
}

#header{
	margin: 0px auto;
	width:970px;
	height:222px;
	background:#0c61a1 url(../images/header.jpg) top left no-repeat;
}

#menu{
	margin: 0px auto;
	width:952px;
	height:35px;
	color:#969494;
	position:relative;
	top:85px;
}

#menu .menu_item{
	float:left;
	margin-top:3px;
	padding-left:20px;
	padding-right:20px;
	border-right:1px solid #DDDDDD;
	line-height:34px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#menu a:hover .menu_item{
	color:#3BDF00;
	cursor:pointer;	
}

#header_adresa {
	font-size:13px;
	font-weight:normal;
	left:564px;
	line-height:20px;
	position:relative;
	top:41px;
	width:165px;
}

#content_wrapper{
	margin: 0px auto;
	width:970px;
}
#content{
	background:#FFFFFF;
	height:auto;
	padding-top:8px;
	padding-bottom:10px;
	-moz-border-radius:10px;
	-khtml-border-radius: 10px;
    -webkit-border-radius:10px;
	width:970px;
}

#content_left{
	float:left;
	width:230px;
	height:auto;
	margin-left:8px;
}

/* Mali prozori */
/* OKVIRI*/
.mali_prozor_naslov{
	width:199px;
	height:32px;
	overflow:hidden;
	line-height:24px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	padding-right:15px;
}
.mali_prozor_naslov a{
	color:#FFFFFF;
}
.mali_prozor_naslov a:hover{
	color:#35C600;
}
.mali_prozor_sadrzaj{
	width:199px;
	height:auto;
	line-height:18px;
	background:#FFFFFF url(../images/mali_prozor_bgr.jpg) top left repeat-y;
	padding:10px;
	padding-right:15px;
}
.mali_prozor_dolje{
	width:224px;
	height:10px;
	background:#FFFFFF url(../images/mali_prozor_bottom.jpg) top left no-repeat;
}
/* BOJE */
.mali_prozor_green{
	background:#307c06 url(../images/mali_prozor_naslov_green.jpg) top left no-repeat;
}
.mali_prozor_grey{
	background:#24394A url(../images/mali_prozor_naslov_grey.jpg) top left no-repeat;
}
/* Mali prozori*/
#korisnicki_izbornik{
	float:left;
}
#korisnicki_izbornik .mali_prozor_sadrzaj{
	background:#FFFFFF url(../images/korisnicki_izbornik_bgr.jpg) top left repeat-y;
	min-height:75px;
}

#mala_trazilica{
	float:left;
}
#mala_trazilica .trazi_pojam{
	width:128px;
	border:1px solid #24394A;
}

#kategorije_meni{
	float:left;
}

#google_trazilica{
	float:left;
}
#google_trazilica input{
	margin-bottom:10px;
	border:1px solid #ABABAB;
}
#google_trazilica .trazi_pojam{
	width:128px;
	border:1px solid #24394A;
}
#google_trazilica .trazi_gumb{
	padding:2px;
	border:1px solid #24394A;
}
#google_trazilica .mali_prozor_grey{
	background:#24394A url(../images/mali_prozor_naslov_grey_note.jpg) top left no-repeat;
}












#vertical_menu{
	width:200px;
}

#banneri_lijevo{
	float:left;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:224px;
	height:auto;
	border:1px solid #ABABAB;
	background:#FFFFFF;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
    -webkit-border-radius:10px;
	border-radius:10px;
	*behavior:url(border-radius.htc);	/* IE7*/
	_behavior:url(border-radius.htc);	/* IE6*/
}

#banneri_lijevo .banner_lijevo{
	margin-left:12px;
	margin-bottom:10px;
}

#main_content{
	float:left;
	width:724px;
	height:auto;
	line-height:18px;
}

#main_content .crumbs{
	font-size:11px;
	font-weight:normal;
	line-height:20px;
}
#main_content .crumbs a{
	
}
#main_content .crumbs a:hover{
	
}

#main_content .naslov_sadrzaja{
	margin-left:20px;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
}
#main_content .naslov_sadrzaja a{
	text-decoration:none;
}
#main_content .naslov_sadrzaja a:hover{
	
}

#footer{
	margin: 0px auto;
	margin-top:10px;
	width:930px;
	height:41px;
	background:#212426 url(../images/footer.jpg) top center no-repeat;
	color:#969494;
	font-size:10px;
	padding-left:40px;
	padding-left:40px;
	line-height:40px;
	text-align:center;
}

#footer a{
	color:#969494;
	text-decoration:underline;
}

#footer a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

/************* DEFAULT  *************/

.naslov{
	font-size:18px;
	line-height:24px;
	text-align:center;
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
}

.podnaslov{
	font-size:14px;
	line-height:18px;
	text-align:left;
	margin:auto;
	margin-top:10px;
	margin-bottom:5px;
	border-bottom:1px dashed;
	background-color:#F1F1F1;
}

.okvir{
	float:left;
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
	width:100%;
	height:auto;
}

.error_poruka{
	width:90%;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #ABABAB;
	color:#FF0F0F;
	background:url(../images/error_poruka.png) no-repeat top left;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
}

.ok_poruka{
	width:90%;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #ABABAB;
	color:#16CF0C;
	background:url(../images/ok_poruka.png) no-repeat top left;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
}

.forma_polje{
	margin:auto;
	width:100%;
	height:auto;
	clear:both;
	margin-bottom:10px;
}

.forma_polje_naziv{
	float:left;
	width:50%;
	text-align:right;
	line-height:20px;
}

.forma_polje_input{
	float:left;
	width:50%;
	text-align:left;
}

input, select{
	margin-left:5px;
	border:1px solid #24394A;
	padding:3px;
}

.gumb{
	padding:2px;
	text-align:center;
	color:#FFF;
	background:#3E576B;
}

/************** POČETNA ***************/

#content_middle{
	float:left;
	width:482px;
	height:auto;
	margin-left:0px;
	padding-right:12px;
}

#content_right{
	width:224px;
	height:auto;
}

#carousel{
	height:165px;
	border:1px solid #253B49;
	background:#253B49 url(../images/carousel_bgr.jpg) repeat-x top left;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
    -webkit-border-radius:10px;
	border-radius:10px;
	*behavior:url(border-radius.htc);	/* IE7*/
	_behavior:url(border-radius.htc);	/* IE6*/
	overflow:hidden;
}
#carousel li{
	margin:0px;
	padding-left:10px;
	height:155px;
	width:470px;
}

#carousel .carousel_content{
	margin:auto;
	width:315px;
	height:115px; 
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	background:#FFFFFF;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
    -webkit-border-radius:10px;
	border-radius:10px;
}

#male_novosti{
	float:left;
}

#male_novosti .mala_novost{
	margin-bottom:10px;
}

#male_novosti .mala_novost_naslov{
	font-weight:bold;
}

#male_novosti .mala_novost_opsirnije{
	float:right;
}

#mali_kontakt{
	float:left;
}

#mala_tecajna_lista{
	float:left;
}
#mala_tecajna_lista .eur{
	margin:auto;
	width:120px;
	height:15px;
	padding-left:30px;
	margin-bottom:4px;
	background:url(../images/euro_flag.gif) no-repeat top left;
}
#mala_tecajna_lista .gbp{
	margin:auto;
	width:120px;
	height:15px;
	padding-left:30px;
	margin-bottom:4px;
	background:url(../images/gb_flag.gif) no-repeat top left;
}
#mala_tecajna_lista .usd{
	margin:auto;
	width:120px;
	height:15px;
	padding-left:30px;
	margin-bottom:4px;
	background:url(../images/usa_flag.gif) no-repeat top left;
}

#mala_prognoza{
	float:left;
}

/********** NOVOSTI ****************/
#novosti{
	width:720px;
}

#novosti .brojevi_stranica{
	width:710px;
	height:auto;
	margin-bottom:6px;
	margin-top:10px;
}

#novosti .broj{
	float:right;
	width:20px;
	line-height:19px;
	text-align:center;
	margin-right:5px;
	color:#243A48;
	border:1px solid #243A48;
	background:#FFFFFF;
}

#novosti .naziv_stranice{
	float:right;
	width:auto;
	line-height:21px;
	text-align:center;
	margin-right:5px;
	color:#243A48;
	border:0px;
	background:#FFFFFF;
}

#novosti a .broj{
	text-decoration:underline;
}
#novosti a:hover .broj{
	text-decoration:none;
	color:#FFFFFF;
	background:#243A48;
}

#novosti .aktivan{
	color:#FFFFFF;
	background:#243A48;
	border:1px solid #243A48;
}

#novosti .novost{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #ABABAB;
}
#novosti .novost_naslov{
	font-size:12px;
	font-weight:bold;
	padding:4px;
}
#novosti .novost_datum{
	text-align:right;
	font-style:italic;
	font-size:10px;
	padding:4px;
	background:url(../images/calender_icon.png) top right no-repeat;
}

#novosti .novost_sadrzaj{
	padding:4px;
}
#novosti .novost_opsirnije{
	width:100%;
	text-align:right;
	font-style:italic;
}
#novosti .novost_opsirnije a{
	text-decoration:none;
}

#novosti .novost_natrag{
	width:100%;
	text-align:left;
	font-style:italic;
}
#novosti .novost_natrag a{
	text-decoration:none;
}

/********** KONTAKT FORMA ****************/
#kontakt_forma{
	width:100%;
}
#kontakt_forma .forma_polje_naziv{
	width:40%;
}
#kontakt_forma .forma_polje_input{
	width:60%;
}
#kontakt_forma input, select{
	width:200px
}

#kontakt_forma .textarea {
	border:1px solid;
	margin-bottom:10px;
	margin-left:5px;
	width:305px;
	height:200px;
}

#kontakt_forma .gumb{
	width:200px;
}




/*********** PROGNOZA MALA**************/
#prognoza_small{
	float:left;
	width:230px;
	height:auto;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #ABABAB;
	background:#FFFFFF url(../images/prognoza_bgr.jpg) no-repeat top left;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
    -webkit-border-radius:10px;
	border-radius:10px;
	*behavior:url(border-radius.htc);	/* IE7*/
	_behavior:url(border-radius.htc);	/* IE6*/
	text-align:center;
}

#prognoza_small .naslov_prognoza{
	font-weight:bold;
	line-height:28px;
}

/***************** LOGIN *****************/
#login_stranica{
	width:100%;
}

#login_stranica input, select{
	width:100px;
}


/********** REGISTRACIJA ****************/
#registracija{
	width:100%;
}
#registracija .forma_polje_naziv{
	width:40%;
}
#registracija .forma_polje_input{
	width:60%;
}
#registracija input, select{
	width:200px
}
#registracija .gumb{
	width:200px;
}

/********** PROFIL ****************/
#profil{
	width:100%;
}
#profil .forma_polje_naziv{
	width:40%;
}
#profil .forma_polje_input{
	width:60%;
}
#profil input, select{
	width:200px
}
#profil .gumb{
	width:200px;
}

/************** KORISNIČKI *****************/
#korisnicki{
	width:100%;
}
#status_traka{
	padding-left:8px;
	padding-right:22px;
	line-height:28px;
	color:#FFFFFF;
	background:transparent url(../images/status_traka_bgr.png) no-repeat top left;
	width:690px;
	height:37px;
}

#status_traka a{
	color:#FFFFFF;
}

#status_traka a:hover{
	color:#95B1EF;
}

/************** WEBSHOP ******************/
#koraci{
	width:100%;
	font-size:10px;
}

#koraci .korak{
	float:left;
	width:240px;
	color:#AAAAAA;
	background:url(../images/korak_inactive.png);
	padding-top:2px;
	text-align:center;
	height:33px;
}

#koraci .korak_active{
	float:left;
	width:240px;
	color:#FFFFFF;
	background:url(../images/korak_active.png);
	padding-top:2px;
	font-weight:bold;
	text-align:center;
	height:33px;
}

/************** KOŠARICA *****************/
#kosarica{
	width:720px;
}

#kosarica form{
	width:720px;
}

#kosarica .box{
	border-bottom:1px solid;
}

#kosarica label{
	line-height:26px;
}

#kosarica .boxRed{
	border-bottom:1px dashed #000000;
}

#kosarica .tablica_kosarica{
	width:710px;
	margin-left:5px;
	margin-right:5px;
}

#kosarica .tablica_kosarica tr td{
	padding-top:2px;
	padding-bottom:2px;
}

#kosarica textarea{
	border:1px solid #ABABAB;
	width:718px;
	height:100px;
}

#kosarica .box_naslov{
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	text-align:left;
	margin:0px;
	margin-top:20px;
	margin-bottom:3px;
	padding-left:6px;
	color:#FFFFFF;
	background:#324758;
}

/********* FAVOURITE PROIZVODI **********/
#favourite_proizvodi{
	width:100%;	
}

#favourite_proizvodi .box{
	width:100%;
	border-bottom:1px solid;
}

#favourite_proizvodi .boxRed{
	border-bottom:1px dashed #000000;
}

#favourite_proizvodi .tablica_kosarica tr td{
	padding-top:2px;
	padding-bottom:2px;
}

#favourite_proizvodi textarea{
	border:1px solid #ABABAB;
	width:698px;
	height:100px;
}

#favourite_proizvodi .box_naslov{
	width:100%;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	text-align:left;
	margin:auto;
	margin-top:20px;
	margin-bottom:5px;
	color:#000000;
	background:#F1F1F1;
	border-bottom:1px dashed;
}

/************ NARUDŽBA ********************/

#narudzba{
	width:720px;
}

#narudzba .narudzba_memorandum{
	margin-top:5px;
	margin-bottom:10px;
}

#narudzba .narudzba_naslov{
	font-size:16px;
	line-height:34px;
	font-weight:bold;
}

#narudzba .narudzba_narucitelj{
	float:left;
	width:300px;
	padding:10px;
	border:1px solid #000000;
}

#narudzba .narudzba_odrediste{
	float:right;
	width:300px;
	padding:10px;
	border:1px solid #000000;
}

#narudzba .narudzba_datum{
	clear:both;
	text-align:right;
	line-height:24px;
}

#narudzba thead{
	border:1px solid #000000;
	font-weight:bold;
}

#narudzba tbody{
	border:1px solid #000000;
}

#narudzba tr{
	border-bottom:1px dashed #000;
}

#narudzba td{
	padding:5px;
}

/************** SLANJE NARUDŽBE ************/
#slanje_narudzbe{
	width:100%;
}

/********* CLEARFIX ALTERNATIVE ************/
.clear {
 display:inline-block;
}
.clear:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}