body {
background-color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
background:url(../img/bgbg.gif) repeat-x;
}
p {
color:#666666;
}
a {
color:#0000CC;
text-decoration:none;
}
a:hover {
text-decoration: underline;
}

h3 {
margin-left:15px;
margin-top:0;
padding:5px 0;
color:red;
text-align:center;
border-top:2px solid red;
border-bottom:2px solid red;
background-color:#FFCCCC;
}

#kontejner {
position:absolute;
left:50%;
width:950px;
margin-left:-475px;
background:url(../img/bg.png) repeat-y center;
padding: 0 9px;
}

#header {
width:950px;
height:120px;
background-color:#0000CC;
}
#header .logo {
width:200px;
height:120px;
background:#0000CC url(../img/logo.png) no-repeat center left;
float:left;
}
#header .meni_vrh {
width:695px;
height:20px;
float:right;
text-align:right;
padding-right:5px;
color:#ababab;
}
#header .meni_vrh a{
color:#ababab;
text-decoration:none;
}
#header .meni_vrh a:hover {
color:#FFFFFF;
text-decoration:underline;
}

#header .onama {
width:658px;
height:94px;
float:left;
margin-left:40px;
}


/***************************************************
			      GLAVNI MENI
***************************************************/
#meni {
clear:both;
margin:auto;
width:950px;
height:44px;
margin:0px;
letter-spacing:1px;
text-transform:uppercase;
position:relative;
display:block;
font-size:12px;
font-family:Tahoma;
font-weight: bold;
background: url(../img/meni_poz.gif) repeat-x;
}

#meni ul{
margin:0;
list-style-type:none;
width:auto;
padding-right: 0;
padding-bottom: 1px;
padding-left: 4px;
padding-top: 4px;
}

#meni ul li{
display:block;
float:left;
margin:0;
}

#meni ul li a{
display:block;
float:left;
color:#0000CC;
text-decoration:none;
background-color: transparent;
background-image: url(../img/meni_razmak.gif);
background-repeat: no-repeat;
background-position: right top;
padding: 7px 15px 0 15px;
width: auto;
text-align: center;
height: 23px;
letter-spacing:2px;
}

#meni ul li a:hover{
color:#FFFFFF;
background:#0000CC url(../img/meni_hover.gif) repeat-x left top;
}

#meni ul li a.current{
color:#FFFFFF;
background:#0000CC url(../img/meni_hover.gif) repeat-x left top;
}

#meni ul li a.current:hover{
color:#FFFFFF;
background:#0000CC url(../img/meni_hover.gif) repeat-x left top;
}

#meni ul li a.home{
width: 50px;
background: url(../img/home.gif) no-repeat left top;
padding:0px;
padding-top: 7px;
}
#meni ul li a.home:hover{
background: url(../img/home.gif) no-repeat left bottom;
}

#meni ul li a.visegrad {
margin-left:163px;
background-position: left top;
}
#meni ul li a.kontakt {
background-position: left top;
}


/***************************************************
			      LIJEVI MENI
***************************************************/
#lijevi-meni {
float: left;
width: 171px;
background-color: #ffffff;
padding-left:4px;
padding-top:0px;
}
.lijevi-list {  
background-color: #f4f4f4; 
width:175px; 
}
.lijevi-list ul { 
margin: 0px 0px 1px 0px; 
padding: 0; 
list-style-type: none; 
list-style:none; 
}
.lijevi-list li { 
margin: 0; 
padding: 0; 
}

.lijevi-list a { 
display:block; 
width:164px; 
line-height:20px; 
margin:0px; 
text-decoration:none; 
padding-left:7px; 
font-size:13px; 
color:#000; 
border-bottom: 1px solid #ebebeb; 
border-top:1px solid #FFF; 
border-left:4px solid #CCC;
font-weight:bold;
}
.lijevi-list a:hover { 
background-color:#fff; 
text-decoration:none; 
border-left-color: #0000CC; 
color: #0000CC; 
}
.lijevi-list .dodaj a { 
display:block; 
width:164px; 
line-height:20px; 
margin:0px; 
text-decoration:none; 
padding-left:7px; 
font-size:13px; 
color:red; 
border-bottom: 1px solid #ebebeb; 
border-top:1px solid #FFF; 
border-left:4px solid #CCC;
font-weight:bold;
}
.lijevi-list .dodaj a:hover { 
background-color:#fff; 
text-decoration:none; 
border-left-color:red; 
}

.lijevi-head { 
padding: 3px 0px 0px 11px; 
display:block; 
width:161px; 
height:21px; 
margin:0px; 
padding-left:10px; 
background: url(../img/lm-head.gif) repeat-x; 
background-color:#0000CC; 
text-transform: uppercase;
border: 2px solid #CCCCCC;
}
.lijevi-head a {
text-decoration:none; 
font-size:14px; 
color:#FFF; 
font-weight: bold;  
text-transform: uppercase; 
display:block;
}
.lijevi-head a:hover { 
text-decoration:none;  
text-transform: uppercase; 
}
/*LIJEVI MENI KRAJ*/


/***************************************************
			      DESNI MENI
***************************************************/
#desni-meni {
float: left;
width: 171px;
background-color: #ffffff;
padding-left:10px;
}
.desni-list {  
background-color: #f4f4f4; 
width:175px; 
}
.desni-list ul { 
margin: 0px 0px 1px 0px; 
padding: 0; 
list-style-type: none; 
list-style:none; 
}
.desni-list li { 
margin: 0; 
padding: 0; 
}

.desni-list a { 
display:block; 
width:164px; 
line-height:20px; 
margin:0px; 
text-decoration:none; 
padding-left:7px; 
font-size:13px; 
color:#000; 
border-bottom: 1px solid #ebebeb; 
border-top:1px solid #FFF; 
border-right:4px solid #CCC;
font-weight:bold;
}
.desni-list a:hover { 
background-color:#fff; 
text-decoration:none; 
border-right-color: #0000CC; 
color: #0000CC; 
}
.desni-list .dodaj_desno a { 
display:block; 
width:164px; 
line-height:20px; 
margin:0px; 
text-decoration:none; 
padding-left:7px; 
font-size:13px; 
color:red; 
border-bottom: 1px solid #ebebeb; 
border-top:1px solid #FFF; 
border-right:4px solid #CCC;
font-weight:bold;
}
.desni-list .dodaj_desno a:hover { 
background-color:#fff; 
text-decoration:none; 
border-right-color:red; 
}

.desni-head { 
padding: 3px 0px 0px 11px; 
display:block; 
width:161px; 
height:21px; 
margin:0px; 
padding-left:10px; 
background: url(../img/lm-head.gif) repeat-x; 
background-color:#0000CC; 
text-transform: uppercase;
border: 2px solid #CCCCCC;
}
.desni-head a {
text-decoration:none; 
font-size:14px; 
color:#FFF; 
font-weight: bold;  
text-transform: uppercase; 
display:block;
}
.desni-head a:hover { 
text-decoration:none;  
text-transform: uppercase; 
}
/*DESNI MENI KRAJ*/




/***************************************************
			        SADRZAJ
***************************************************/
/*LIST ZA POCETNU*/
#list {
float:left;
width:950px;
clear:both;
}
#dodaj_list {
float:left;
width:630px;
margin-left:230px;
margin-bottom:10px;
clear:both;
}
/*Kraj LIST ZA POCETNU*/


#sadrzaj {
float:left;
width:570px;
margin-left:13px;
border: 1px solid #CCC;
}
#naslov {
background: #0000CC url(../img/lm-head.gif) repeat-x;
height:21px;
padding: 3px 0 0 0;
font-size:14px;
font-weight:bold;
text-indent:18px;
color:#FFFFFF;
border: 1px solid #CCC;
border-bottom: 2px solid #CCC;
display:block;
}
#vijesti {
width: 540px;
padding: 10px 15px 20px 15px;
}
.kratke_vijesti {
border-bottom: 1px dashed #ccc;
padding: 13px 0 10px 0;
}
.kratke_vijesti_naslov{
font-size:14px;
font-weight:bold;
padding: 0px 0 3px 0;
}
.kratke_vijesti_naslov a{
color:#000000;
text-decoration:none;
}
.kratke_vijesti_naslov a:hover{
color:#0000CC;
}

.kratke_vijesti p {
text-align:justify;
margin-top:0;
padding:0px 0 0 0;
}
.kratke_vijesti img {
padding: 2px;
border: 1px solid #ccc;
margin: 0 8px 5px 0;
}
.kratke_vijesti :hover img {
border: 1px solid #0000CC;
}

.kratke_vijesti a { 
position: relative;
}
/*SADRZAJ KRAJ*/


/***************************************************
			    KONTAKT FORMS
***************************************************/
#kontakt_box {
width: 540px;
padding: 10px 15px 20px 15px;
}
#kontakt_box .text {
color:#666666;
text-align:justify;
}

.kontakt_naslov{
font-size:14px;
font-weight:bold;
padding: 0px 0 3px 0;
}

form{
margin: 0px;
padding-left: 0px;
font-family: "Lucida Sans Unicode", Arial;
font-size:11px;
color: #666666;
}

label {
color:#666666;
font-size:12px;
width:90px;
display:block;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 28px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
clear: left;
}
.plava_zvjezdica{
color:#0000cc;
}
input{
}

.textbox {
border:1px solid #E1E1E1;
font-size:12px;
width:160px;
line-height:18px;
padding:2px;
padding-bottom:1px;
background-color: #FFFFFF;
margin-top: 4px;
margin-right: 80px;
margin-left: 0px;
margin-bottom: 5px;
height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #3b5998;
}

.textbox:focus {
border:1px solid #0000cc;
background-color: #d8dfea;
cursor:text;
}

textarea {
border:1px solid  #E1E1E1;
width:230px;
background-color: #FFFFFF;
height: 150px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #3b5998;
margin-top: 4px;
padding:2px;
}

textarea:focus {
border:1px solid #0000cc;
cursor:text;
background-color: #d8dfea;
}

#sub-login {
width:300px;
height: 30px;
padding-top: 30px;
padding-left: 205px;
padding-bottom:10px;
}
.sub-login {
height: 28px;
width: 88px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #FFFFFF;
background-color:#0000cc;
cursor:pointer;
}

.holder-form-height, .holder-form, .holder-form-height170px{
width:100%;
position: relative;
float: left;	
}

.holder-form{height: 28px;}

.error, .error2, .error3, .error4{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0000cc;
top: 1px;
line-height: 28px;
position: absolute;
right: 215px;
}

.error2{right: 162px;}
.error3{right: 126px;}
.error4{right: 163px;}


/***************************************************
			 DESNO OD SADRZAJA
***************************************************/

#desno_sadrzaj {
float: left;
margin-left: 10px;
width:170px;
border: 1px solid #CCC;
}
.desno_naslov {
background: #0000CC url(../img/lm-head.gif) repeat-x;
height:21px;
padding: 3px 0 0 0;
font-size:14px;
font-weight:bold;
text-indent:18px;
color:#FFFFFF;
border: 1px solid #CCC;
border-bottom: 2px solid #CCC;
display:block;
text-transform:uppercase;
}
.sjenka_ispod_naslova {
background: url(../img/lm-head-bg.gif) repeat-x;
}
.desno_vijesti_box {
padding: 7px 6px 15px 6px;
}

.desno_vijest:hover .desno_marka a, .desno_vijest:hover .desno_tip a{
text-decoration:underline;
}
.desno_marka a {
color:#0000CC;
text-decoration:none;
padding: 3px 2px 0 2px;
display:block;
}
.desno_tip a {
font-size:11px;
color:red;
text-decoration:none;
border-bottom: 1px dashed #ccc;
padding: 3px 4px;
display:block;
}

#facebook {
float:right;
padding:15px 21px 0 0;
}

/*DESNO OD SADRZAJA KRAJ*/



/***************************************************
			       PROIZVODI
***************************************************/
#proizvodi_box {
float:left;
width:752px;
margin-left:13px;
border: 1px solid #CCC;
margin-top:10px;
padding-bottom:15px;
}
#naslovi {
background: #0000CC url(../img/lm-head.gif) repeat-x;
height:21px;
padding: 3px 0 0 0;
font-size:14px;
font-weight:bold;
text-indent:18px;
color:#FFFFFF;
border: 1px solid #CCC;
border-bottom: 2px solid #CCC;
display:block;
}


#proizvodi {
width: 550px;
padding: 20px 0px 20px 0px;
}


.proizvod{
width:257px;
float:left;
margin-left:18px;
}
/* KAD JE SVE LINK
.proizvod:hover .proizvod_naslov a, .proizvod:hover .proizvod_p a, .proizvod:hover .proizvod_slika a img{
background-color:#2986ff;
color:#f1fff1;
}
*/
.proizvod_edit {
font-size:11px;
font-weight:bold;
padding: 2px 5px 2px 5px;
clear:both;
color:red;
text-decoration:none;
background-color:#FFCCCC;
border-top: 1px solid red;
height:14px;
text-transform:uppercase;
}	
	
	.proizvod_edit .izmjeni{
	float:left;
	width:30%;
	}
	.proizvod_edit .izmjeni a{
	text-decoration:none;
	color:#FF0000;
	}
	.proizvod_edit .izmjeni a:hover{
	text-decoration:underline;
	}

	.proizvod_edit .obrisi{
	float:right;
	width:30%;
	text-align:right;
	}
	.proizvod_edit .obrisi a{
	text-decoration:none;
	color:#FF0000;
	}
	.proizvod_edit .obrisi a:hover{
	text-decoration:underline;
	}
.proizvod_naslov {
font-size:12px;
font-weight:bold;
padding: 2px 5px 2px 5px;
clear:both;
color:#0000CC;
text-decoration:none;
background-color:#d8dfea;
border-top: 1px solid #0000CC;
height:15px;
}
	.proizvod_naslov .marka{
	float:left;
	width:60%;
	}
	.proizvod_naslov .cijena{
	float:right;
	width:40%;
	text-align:right;
	}

.proizvod_vrsta {
font-size:11px;
font-weight:bold;
padding: 2px 5px 2px 5px;
clear:both;
color:#000000;
text-decoration:none;
background-color:#ebebeb;
border-top: 1px solid #cccccc;
height:14px;
}
	.proizvod_vrsta .tip{
	float:left;
	width:100%;
	}
	
.proizvod_slika a img {
padding-left:65px;
padding-right:65px;
border: 0;
border-right: 2px solid #eeeeee;
}
.proizvod_slika a:hover img {
cursor: move;
}

.proizvod_p {
padding: 0 ;
clear:both;
font-size:11px;
display:block;
text-decoration:none;
color:#0000CC;
padding-bottom:5px;
border-right: 2px solid #eeeeee;
border-bottom: 2px solid #eeeeee;
}
/*PROIZVODI KRAJ*/


/***************************************************
			    NABRAJANJE PROIZVODA
***************************************************/
#nabrojeni_proizvod_box:hover .nabrojeni_proizvod a{
background-color:#ffffff;
color: #CCCCCC;
border-top: 1px solid #CCCCCC;
border-bottom: 7px solid #fff;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
}

.nabrojeni_proizvod a{
display:block;
width: 170px;
height: 30px;
padding: 10px 0px 10px 0px;
float:left;
text-align:center;
text-decoration:none;
background-color:#d8dfea;
border-top: 1px solid #0000CC;
border-bottom: 7px solid #fff;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
font-size:12px;
font-weight:bold;
color:#0000CC;
}
#nabrojeni_proizvod_box:hover .nabrojeni_proizvod a:hover{
background-color:#d8dfea;
color:#0000CC;
border-top: 1px solid #0000CC;
border-bottom: 7px solid #fff;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
}
/*NABRAJANJE PROIZVODA KRAJ*/


/***************************************************
			        FOOTER
***************************************************/
#footer {
clear:both;
width:940px;
height:32px;
background:url(../img/footer.gif) repeat-x;
color:#666666;
padding: 12px 5px 0 5px;
font-size:11px;
}
#footer a {
color:#0000CC;
text-decoration:none;
}
#footer a:hover {
text-decoration: underline;
}

#footer .lijevo {
float:left;
width:410px;
}
#footer .sredina {
float:left;
width:280px;
padding-left:30px;
}
#footer .desno {
float:right;
width:200px;
text-align:right;
}

/***************************************************
			        CLEAR
***************************************************/
.clear10 {
height:10px;
clear:both;
}
.clear12 {
clear:both;
height:12px;
}
.clear20 {
clear:both;
height:20px;
}
.clear25 {
clear:both;
height:25px;
}

/***************************************************
			    DODAJ FORMS
***************************************************/
#dodaj_box {
width: 550px;
padding: 10px 15px 20px 15px;
}
.dodaj_naslov{
font-size:14px;
font-weight:bold;
padding: 0px 0 3px 0;
}