
body {
	padding-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom : 50px;
	margin: 0px;
	font-family: "ARIAL CE", "HELVETICA CE", ARIAL, HELVETICA, sans-serif;
	background-color: #283544;
	font-size: 75%;  /* 1em = 12px */
	line-height: 1.2;
	text-align : center; /* IE hack */
	color: #000000;
} 

/* - obsah ----------------------------------------------------------------------------------------------- */

div.obsah {
	position: relative;
	width: auto;
	background-color: #ffffff;
    max-width: 600px;
	_width: 600px;  /* IE < 7 hack */
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 31px;
	padding-bottom: 31px;
	text-align : left;
}

#okraj-h  {position: absolute; top: 0; left:0; width: 100%; height:31px; background-image: url('pix/okraj-h.gif'); }
#okraj-lh {position: absolute; top: 0; left:0; width: 10px; height:31px; background-image: url('pix/okraj-lh.gif'); }
#okraj-ph {position: absolute; top: 0; right:0; width: 10px; height:31px; background-image: url('pix/okraj-ph.gif'); }
#okraj-d  {position: absolute; bottom: 0; left:0; width: 100%; height:31px; background-image: url('pix/okraj-d.gif'); }
#okraj-ld {position: absolute; bottom: 0; left:0; width: 10px; height:31px; background-image: url('pix/okraj-ld.gif'); }
#okraj-pd {position: absolute; bottom: 0; right:0; width: 10px; height:31px; background-image: url('pix/okraj-pd.gif'); }


/* - hlavička + horní navigace -------------------------------------------------------------------------- */

div.hlavicka {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top : 0;
	margin-bottom : 0;
	height: 200px;
    max-width: 600px;
	_width: 600px;  /* IE < 7 hack */
	text-align : left;
	padding-left: 15px;
}

div.topmenu {
	position: absolute;
	width: 250px;
	left: 150px;
	top: 40px;
}  

div.navig {font-size: 1.2em; font-weight: bold; margin: 0; color: #ffffff; height: 25px;}
div.navig a {text-decoration: none;  color: #aaaaaa;}
div.navig a:hover {text-decoration: underline; color: #ffffff;;}

div.toplogo { position: absolute; left: 15px; top: 0; }

/* - textové styly -------------------------------------------------------------------------------------- */
p {margin: 0.3em 5px 0.3em 5px; text-align : justify;}
p a { color: #e57100; }
p.dalsi { text-align : right; font-weight: bold; }

h1 {margin: 0.3em 15px 0.3em 5px; font-size: 1.8em; font-weight: bold;}
h1.next {margin-top: 1.2em;}

h2 {margin: 1em 15px 0.3em 5px; font-size: 1.5em; font-weight: bold;}
h3 {margin: 0.8em 5px 0.3em 5px; font-size: 1.2em; font-weight: bold;}
h4 {margin: 0.6em 5px 0.3em 5px; font-size: 1em; font-weight: bold;}

h1 a, h2 a, h3 a, h4 a { text-decoration: none; color: #000000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: underline; color: #e57100;}

li li, li p, td p, blockquote p {font-size:1em}

/* - obrázkové styly ------------------------------------------------------------------------------------ */

img.vpravo {float:right; border: 0; margin:5px 5px 5px 15px;}

/* ------------------------------------------------------------------------------------------------------ */

/*
.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 : 0.8em;}

.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;
}


*/
 
