body {
	padding: 0px;
	margin: 0px;
	font-family: "ARIAL CE", "HELVETICA CE", ARIAL, HELVETICA, sans-serif;
	background-color: #c1a037;
	background-image : url(pix/backtile.jpg);
	font-size: 14px;
} 

/* - podklad stránky a obsah ----------------------------------------------------------------------------- */

div.obsah {
	position: relative;
	width: auto;
	max-width: 760px;
    min-width: 620px;
	margin-left: auto;
	margin-right: auto;
	margin-top : 5px;
	margin-bottom : 5px;
	padding-bottom : 25px;
	/* IE hack */	
    _width:expression(document.body.clientWidth < 620 ? "620px" : (document.body.clientWidth > 760 ? "760px" : "auto"));
    _margin-left:expression(document.body.clientWidth < 760 ? "0" : (document.body.clientWidth - 760)/2);	
}

/* - hlavička + horní navigace -------------------------------------------------------------------------- */

div.hlavicka {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top : 0px;
	margin-bottom : 5px;
	height: 200px;
	max-width: 760px;
    min-width: 620px;
	border-bottom-width: 1px;
	border-bottom-color: #484B58;
	border-bottom-style: solid;
	/* IE hack */	
    _width:expression(document.body.clientWidth < 620 ? "620px" : (document.body.clientWidth > 760 ? "760px" : "auto"));
    _margin-left:expression(document.body.clientWidth < 760 ? "0px" : (document.body.clientWidth - 760)/2);	
}

div.topmenu {
	position: absolute;
	width: 480px;
	left: 270px;
	top: 35px;
}  

div.navig {font-size: 14px; font-weight: bold;} 	
div.navig a {text-decoration: none;  color: #666666;}
div.navig a:hover {text-decoration: underline; color: #000000;}

div.intl {	position: absolute; top: 20px; right: 0px; width: 80px; }
div.napis {
	position: absolute; 
	top: 145px; 
	right: 0px; 
	width: 400px; 
	text-align: right; 
}
p.orel {
		font-family: "Times New Roman CE", "Times New Roman", Times, serif;
		font-size: 30px; 
		font-weight: bold;
}
div.topkontakt {position: absolute; top: 50px; right: 0px; width: 200px; text-align: right;}
div.toplogo { position: absolute; left: 0px; top: 7px; }

/* - textové styly -------------------------------------------------------------------------------------- */
p {margin: 5px;}
h1 {margin: 15px 5px 5px 5px; font-size: 26px; font-weight: bold;}
h2 {margin: 15px 5px 5px 5px; font-size: 22px; font-weight: bold;}
h3 {margin: 5px; font-size: 18px; font-weight: bold;}
h4 {margin: 5px; font-size: 14px; font-weight: bold;}

.cena {position: relative; float: right; margin: 5px 5px 0 5px; padding: 0;}
.zbozi {margin-top: 10px; border-width: 1px; border-bottom-style: dotted;  border-bottom-color: #484B58;}

.small {font-size : 9px;}

.predel {
    clear: both;
	font-size: 12px;
	text-align : center;
	background-color: #484B58;
	color: #FFFFFF;
	font-weight : bold;
	margin-left: 0px;
	margin-right: 0px;
	margin-top : 5px;
	margin-bottom : 10px;
}

.predel a {text-decoration: none;  color: #FFFFFF;}
.predel a:hover {color: #FFFFFF; text-decoration: underline;}

.popisek {text-align : center; font-size : 10px; margin: 0 2px 5px 2px;}

th {
	font-size: 12px;
	text-align : center;
	background-color: #484B58;
	color: #FFFFFF;
	font-weight : bold;
}
th a {text-decoration: none;  color: #FFFFFF;}
th a:hover {color: #FFFFFF; text-decoration: underline;}

td.note {
	font-size: 12px;
	text-align : center;
	font-style : italic;
}
td {
	font-size: 12px;
} 


	
/* - obrázky --------------------------------------------------------------------------------------------- */

img 	{ border-color : #484B58; }

div.icon { position: relative; 
	float:left;
	background-color: #484B58;
	-moz-box-sizing : border-box; 
	margin-right:10px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 0;
	width: 202px;
	height:  168px;
}
span.iconpix {
	position: absolute;
    z-index: 0;
    top: 1px;
    left: 1px;
	border: 0;
}
span.iconovl {
	position: absolute;
	right: 5px;
    bottom: 11px;
    z-index: 1;
}
span.icontxt {
	position: absolute;
    top: 153px;
	width: 202px;
    z-index: 0;
	font-size: 12px;
	text-align : center;
	color: #FFFFFF;
	font-weight : bold;
}
span.icontxt a {text-decoration: none;  color: #FFFFFF;}
span.icontxt a:hover {color: #FFFFFF; text-decoration: underline;}


div.foto { 
	position: relative; 
	-moz-box-sizing : border-box; 
	float:right;
	background-color: #484B58;
	-moz-box-sizing : border-box; 
	margin-right:0px;
	margin-left:5px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 0;
	width: 302px;
	height: 243px;
}

div.fotoleft { 
	position: relative; 
	-moz-box-sizing : border-box; 
	float:left;
	background-color: #484B58;
	-moz-box-sizing : border-box; 
	margin-right:5px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 0;
	width: 302px;
	height: 243px;
}

span.fotopix {
	position: absolute;
    z-index: 0;
    top: 1px;
    left: 1px;
	border: 0;
}
span.fotomax {
	position: absolute;
	right: 5px;
    bottom: 5px;
    z-index: 1;
}
span.fototxt {
	position: absolute;
    top: 228px;
	width: 302px;
    z-index: 1;
	font-size: 12px;
	text-align : center;
	color: #FFFFFF;
	font-weight : bold;
}
span.fototxt a {text-decoration: none;  color: #FFFFFF;}
span.fototxt a:hover {color: #FFFFFF; text-decoration: underline;}

div.fotocolumnr {
	float:right;
	position: relative;
	-moz-box-sizing : border-box; 
	width: 302px;
}

div.fotocolumnl {
	float:left;
	position: relative;
	-moz-box-sizing : border-box; 
	width: 302px;
	margin-right:5px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.pram {
	position: relative; 
	float: right;
	margin: 0;
	padding: 0;
}