/* CSS Document */
@import url(osnovni.css);

#naslov { float: left; padding: 193px 0 0 0; width: 604px; }
#naslov h1, #naslov h2 {
	color: #FFF;
	float: left;
	font-size: 14px;
	font-weight: normal; 
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 302px;
}
#naslov h1 { text-align: left; }

#podnozje a { color: #233513; }
#podnozje p { margin: 2px 0 0 0; }
#linkovi p { margin: 0 0 14px 0; }

/*****************************************************************************************************************************************/
/* STRUKTURA */
#container {
	position: absolute;
	display: block;
	left: 50%;
	margin: 0 0 0 -320px;
	padding: 0;	
	width: 640px;
}
#zaglavlje {
	position: relative;
	width: 604px;
	font-size: 11px;
	height: 227px;
	margin: 0;
	padding: 18px 18px 15px 18px;
	background-image: url(/foto/head/head1.jpg)
}
#navi1 {
	width: 640px;
	height: 20px;
	background-color: #6A9F39;
}
#sredina {
	background-color: #000;
	display: block;
	float: left;
	margin: 0;
	padding: 15px 18px 15px 18px;
	width: 604px;
}
#sadrzajglavni {
	display: block;
	width: 640px;
}

#podnozje {
	background-color: #6A9F39;
	display: block;
	float: left;
	font-size: 11px;
	height: 20px;
	margin: 0;
	padding: 0 5px 0 5px;
	width: 630px;
}
/*****************************************************************************************************************************************/

/*****************************************************************************************************************************************/
/* NAVI */
#navi1 ul, #navipolozaj, #navix ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; }
#navi1 ul li, #navipolozaj li, #navix ul li { display: block; float: left; margin: 0; padding: 0; }
#navi1 ul li a {
	background-color: #6A9F39;
	color: #FFF;
	display: block;
	float: left;
	height: 18px;
	margin: 0 2px 0 0 ;
	padding: 2px 4px 0 17px;
	text-transform: lowercase;
}
#navi1 ul li a:hover, #navi1 ul li a:visited:hover, #navi1 ul li a:active {
	background-image: url(/images/navix_g.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
#navi1 .selected { 
	background-color: #000;
	background-image: url(/images/navix_b.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
#navi1 .selected:hover, #navi1 .selected:visited:hover { background-image: url(/images/navix_b.gif); }

/* NAVI POLOZAJ*/
#navipolozaj { width: 604px; height: 20px; }
#navipolozaj li, #navix ul li { display: inline; } 
#navipolozaj li a, #navix ul li a {
	margin: 0;
	padding: 0 4px 0 4px;
	text-transform: lowercase;
}
#navipolozaj .paddinglnone, #navix .paddinglnone, #fotopopis .paddinglnone { padding-left: 0; }
#navix { display: block; float: left; height: 16px; background-color: #000; }

/* NAVI NAZAD*/
#navinazad { clear: both; }
/*****************************************************************************************************************************************/

/*****************************************************************************************************************************************/
/* popis */
.popis { list-style-type: none; list-style-position: outside; margin: 10px 0 10px 0; padding: 0; }
.popis li { display: block; margin: 0; padding: 0; }
/*****************************************************************************************************************************************/

/*****************************************************************************************************************************************/
/* FOTOGRAFIJE */
#fotopopis { list-style-type: none; list-style-position: outside; margin: 10px 0 0 0; padding: 0; display: block; float: left; }
#fotopopis li { display: block; float: left; margin: 0; padding: 0 0 0 20px; width: 135px; height: 150px; }

#fotodetalji { display: block; float: left; }
#fotodetalji img { margin: 7px 20px 20px 0; }
#fotodetalji img.zoom3 { margin: 7px 0 20px 0; }

.clipmax { width: 600px; clip: rect(0px, 600px, 600px, 0px); overflow:hidden; }
/*****************************************************************************************************************************************/
.textbox {
	font-size: 12px;
	color: #000;
	background-color: #FFF;
	padding: 1px;
	border: none;
	margin: 2px 0 8px;
}

#frmcontact { display: block; float: left; margin-right: 20px; width: 290px; }
#frmcontact .textbox { width: 290px; }
#frmcontact #txttext { height: 76px; }

label { display: block; }

.hide { display: none;}

#edithidden { margin: 10px; }