* {
	margin:0;
	padding:0;
	border: 0;
} 

html, body, #wrap {height: 100%;}

body > #wrap {
	height: auto; 
	min-height: 100%;
}

#main {
	padding-bottom: 96px;
} 
body {
	background-image:url(v1/images/zp_bordura.jpg);
	margin: 0;
	overflow: scroll;
	overflow-x: hidden;
	border: 0px;
}

#wrap {
	background-image:url(v1/images/zp_pozadina.jpg);
	background-repeat:repeat-y;
	background-position:center;
	margin: 0 auto;
	margin-top: -20px;
}

#main {
	width: 780px;
	margin: 0 auto;
	border: 0px;
	position:inherit;
	clear: both;
	height: auto;
	min-height: 100%;
/*	background-color: #FFFFFF; */
	z-index: -1;
	padding-bottom: 96px;
	padding-left: 1px;

}

#foot {
	width: 780px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
}

#foot #right {
	width:310px;
	float:right;
	text-align:right;
}
	
#footer {
	position: relative;
	margin-top: -96px;
	height: 96px;
	clear:both;
	width: 100%;
	background-image: url(v1/images/zp_footer.jpg);
	background-repeat: no-repeat;
	background-position: center;
} 

#footer p {
	position: relative;
	padding-top: 70px;
	text-align: center;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 10px;
	float:left;	
}

#footer #right a {
	color:#FFFFFF;
	font-family:Arial;
	font-size:10px;
	text-decoration:none;
}

#footer #right a:link {color: #FFFFFF; text-decoration: none;}
#footer #right a:hover {color: #FFFFFF; text-decoration:underline;}
#footer #right a:visited {color: #FFFFFF; text-decoration: none;}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	border:0px;}

.clearfix {display: inline-block;}

* html .clearfix { height: 1%;}
.clearfix {display: block;}

.header {
	height: 145px;
	background-image: url(v1/images/zp_head.gif);
	background-repeat: no-repeat;
	background-position:center;
	margin: 0;
}

#head {
	width: 770px;
	margin: 0 auto;
	padding: 5px 5px 5px 5px;
}

#head #hdrtxt {
	width:250px;
	float:right;
	text-align:right;
	color: #FFFFFF;
	font-family: Arial;
	font-size:10px;
	padding-right: 5px;
}

.underNavi {
	position:relative;
	width: 100%;
	background-image: url(v1/images/zp_head_under.gif);
	top: 145px;
	height: 20px;
	z-index:-1;
}

.navi {
	height: 20px;
	color: #ffFFFF;
	font-family: Arial;
	text-align: right;
	font-size:13px;
	float:none;
	background-image: url(v1/images/zp_head_under.gif);
	width: 780px;
}

.navi a {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
}

.navi a:hover {
	text-decoration: underline;
}

.line {
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-top: 10px;
}

.levoHome {	
	width: 250px;
	height: 169px;
	background-image: url(v1/images/zp_left_zp.jpg);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	padding-top: 10px;
	padding-left: 5px;
}

.levo {	
	width: 250px;
	float: left;

	min-height:380px;
	
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	background-image: url(v1/images/zp_lbg.jpg);
	background-repeat: no-repeat;
	background-position: left;
	/* padding-left: 5px; */
}

.levo a {
	color: #FFFFFF;
	font-family:Arial;
	font-size:12px;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 10px;
}
.levo p {
	color: #FFFFFF;
	font-family:Arial;
	font-size:12px;
	padding: 0 0 1em;
	padding-top: 10px;
	padding-left: 10px;
}

.levo a:hover {color: #FFFFFF; text-decoration:underline;}


.sadrzaj {
	width: 500px;
	padding-top: 10px;
	float:right;
	/* margin: 0px auto; */
}

.sadrzaj_text {
	padding-right: 10px;
	/* margin: 0 auto; */
}

.sadrzaj_text p {
	color: #000000;
	font-family:Arial;
	font-size:12px;
	/* margin: 0 auto; */
	/* padding: 0 0 0 0; */
}

.banRam {
	border: solid 1px #CCC;
}

.ban1 {
	padding-top: 5px;
	padding-left: 5px;
	float:left;
	padding-right: 10px;
}

.ban2 {
	float:left;
	padding-right: 10px;
	padding-top: 5px;
}

.ban3 {
	padding-top: 5px;
}
