/**************************************/
/*              GLOBALS               */
/**************************************/
body{
	background: #963992 url(images/background.jpg) repeat scroll;
	font-size: 14px;
}

.wrap{
	clear: both;
	width: 100%;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
#top-menu{
}
#top-menu .container{
	text-align: center;
	font-size: 1.3em;
	/*font-family: "Times New Roman", Times, serif;*/
}


ul.menu-lista{
	margin: 0;
}
ul.menu-lista li{
	display: inline;
	list-style-image: none;	
	margin: 0 10px;
}

ul.menu-lista a,
#footer-inventum a{
	text-decoration: none;
	color: #ff9524 !important; 	/* important treba radi IE6 */
}
ul.menu-lista a:hover,
ul.menu-lista a:active, 
ul.menu-lista a:focus,
#footer-inventum a:hover,
#footer-inventum a:active, 
#footer-inventum a:focus{ 
	text-decoration: underline;
}

/**************************************/
/*              HEADER                */
/**************************************/
#header{
	background: url(images/zaglavlje.png) no-repeat scroll center top;	
	position: relative;
	height: 160px;	
}
#header .container{
	background: url(images/zaglavlje_sredina.jpg) no-repeat scroll center top;
	width: 980px;
	position: relative;
	top: 20px;
	height: 140px;
}

h1.logo{
	position: relative;
	top: 55px;
	margin: 0;
	padding: 0;
}
h1.logo a{
	display: block;
	height: 60px;
	width: 670px;
	margin: 0 auto;
	padding: 0;
}
h1.logo a span{
	position: absolute;
	top: -500px;
}

/*#angel1, #angel2{
	display: block;
	position: absolute;
	top: -60px;
	height: 200px;
	width: 120px;	
	z-index: 10;	
}
#angel1{
	background: transparent url(images/angel_10_left.png) no-repeat scroll left top;
	margin-left: 150px;
}
#angel2{
	background: transparent url(images/angel_10_right.png) no-repeat scroll left top;
	margin-left: 790px;
}
*/
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#contents{
	background: transparent url(images/okvir_middle.jpg) repeat-y scroll center 70px;
	
}
#contents-1{
	background: transparent url(images/okvir_top.png) no-repeat scroll center top;	
}
#contents-2{
	background: transparent url(images/okvir_bottom.jpg) no-repeat scroll center bottom;
}
#contents .container{
}

#contents .container .inner{
	min-height: 300px;
	padding: 25px 30px 65px;
}

.citljivi-tekst{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6{
	color: #692a14;
	text-shadow: 0.05em 0.05em 0.2em white;
	font-family:  Georgia, serif;
}

a:link 				{ text-decoration: none; color: #ff5400; }
a:visited 			{ text-decoration: none; color: #ff5400; }
a:hover 				{ text-decoration: underline; color: #ff5400; }
a:active, a:focus { text-decoration: underline; color: #ff5400; }

.karta{
	font-size: 90%;
	font-style: oblique;
	color: #692a14;
}

p + ul{
	margin-top: -0.7em;
}

/* images */
img.okvir{
	padding: 5px;
	border: 2px solid #9A708A;
}
a.highslide:hover img.okvir{
	border-color: #963992;
}



/* Google maps karta lokacija */
#svmap{
	padding: 5px;
	border: 2px solid #9A708A;
}


/* kontakt adresa */
.kontakt{
	font-size: 90%;
}
.kontakt p{
	margin: 0 0 10px;;
}
.kontakt .polje{
	font-weight: bold;
}
.kontakt .vrijednost {
	/*left:110px;
	margin: 0;
	position:absolute;
	width:250px;*/
}


.kontakt-zaglavlje p{
	margin: 0 0 3px;
	line-height: normal;
	font-size: 90%;
}


/* === FORMA === */
.forma{
	text-align: left;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
}
fieldset{
	border: 1px dashed #9A708A;
}
legend{
	background-color: #FFF8DC;
	border: 1px solid #9A708A;
	padding: 2px 15px 2px 15px;
	margin: 0px 0px 0px 5px;
	font-weight: bold;
	color: #692a14;
	text-shadow: 0.05em 0.05em 0.2em white;
}
.forma p{
	margin: 5px 0px 5px 0px;
}
.forma p + ul{
	margin-top: 0;
}
.forma label{
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
}

.forma input,
.forma textarea{
	background: #fff8dc;
	border: 1px solid #9A708A;
}
textarea:focus, 
input[type='text']:focus, 
input[type='password']:focus, 
select:focus{
	outline: 1px solid #9A708A;	
} 

input[type='submit']:hover,
input[type='submit']:focus,
input[type='reset']:hover,
input[type='reset']:focus{
	background: #de5fa5;
	color: white;
}


/* --- Kontakt forma --- */
#kontakt{
	width: 400px;
}

#kontakt label{
	width: 100px;
}

#kontakt input,
#kontakt textarea{
	width: 270px;
}

#kontakt .forma_gumbi{
	position: relative;
	margin: 0px 0px 5px 110px;
}
* html #kontakt .forma_gumbi{
	margin: 0px 0px 5px 134px;
}
#kontakt .forma_gumbi input{
	width: 120px;	
	margin: 0px 5px 0px 0px;
}

#kontakt #capcha-block{ clear:both; margin-top: 20px; margin-left:110px; margin-bottom:20px; }
#kontakt #capcha-block label{ width:100%; text-align:left; }
#kontakt #captcha-change-image{ font-size:80%; }
#kontakt #captchainput{ width:160px; }


/*Google maps: adresa na karti*/
.gmnoprint{
	font-size: 0.9em;	
}
	
/* --- Narudzbenica form --- */	
#narudzbenica label{ width: 150px; }
#narudzbenica input,
#narudzbenica textarea{ width: 220px; }

#narudzbenica input#broj{ width: 50px; }

#narudzbenica p.postarina{ margin-left: 235px; }
#narudzbenica ul.postarina{margin-left: 270px; }

#narudzbenica #capcha-block{ clear:both; margin-top: 20px; margin-left:150px; }
#narudzbenica #capcha-block label{ width:100%; text-align:left; }
#narudzbenica #captcha-change-image{ font-size:80%; }
.captcha-error{
	color: white;
	background-color: red;
	padding: 2px 5px;
	margin: 5px 5px 5px 0;
	font-weight: bold;
	float:left;	
}

#narudzbenica .forma_gumbi{
	float: right;
	margin: 10px 35px;
}
#narudzbenica .forma_gumbi input{
	width: 120px;	
}
/**************************************/
/*               FOOTER               */
/**************************************/
#footer{
	font-size: 80%;
	padding-top: 10px;
	color: #EADACD;
}
#footer-inventum{
	text-align: right;
}
#footer-inventum p{
	margin: 0;
	padding-right: 15px;
}