html, body {
margin: 0;
padding: 0;
height: 100%;
}

body {
margin:0; 
padding:0 7px; 
font-family: sans-serif; 
font-size: 90%; 
letter-spacing:0.1em; 
letter-spacing:normal; 
color:#000000; 
background-image: url(../images/odk_bgnd_s.png);
background-position: top;
background-repeat: repeat-x;
background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
font-weight:normal; 
margin:0; 
padding:0;
color: #800000;
}

h1 {font-size: 117%;}
h2 {font-size: 115%;}
h3 {font-size: 112%;}
h4 {font-size: 109%;}
h5 {font-size: 105%;}
h6 {font-size: 102%;}

p {
margin:0 0 0.4em 0;
padding: 0;
font-size:85%;
}

li {
font-size:80%;
}

a:link {
color: #800000; 
text-decoration:none; 
border-bottom: 1px dotted #F2DCDC;
}

a:visited {
color: #800000; 
text-decoration:none; 
border-bottom: 1px dotted #F2DCDC;
}

a:hover {
color: #800000; 
text-decoration:none; 
border-bottom: 1px solid #800000;
}

a img { 
border:none; 
}

hr {
width:50%; 
margin: 0 auto 0 auto; 
color:#330099; 
height:1px;
}

hr.cleaner {
clear:both; 
height:1px; 
margin: -1px 0 0 0; 
padding:0; 
border:none; 
visibility: hidden;
}

.maly {
clear:both; 
font-size: smaller; 
margin-top:5px;
}

.kap {
font-variant: small-caps; 
color:#330099; 
font-style:normal;
}

#cidlo {
float:left;
}

#ram {
margin: 0 auto 0.5em auto;
width: 770px;
background-color:#ffffff; 
border-left: 1px solid #F2DCDC;
border-right: 1px solid #F2DCDC;
border-bottom: 1px solid #F2DCDC;
}



#zahlavi {
margin:0 0 5px 0; 
padding:0 0 0 0.7em; 
height:56px;  
height:86px; 
border-bottom:1px dotted #F2DCDC;

}


#zahlavi h1, #zahlavi h3 {
	position:absolute;
	margin:0 0 0 170px; 
	padding:29px 0 0 0; 
	text-transform: lowercase;
	font-size:50px; 
	letter-spacing:8px; 
	font-weight:normal;
	ccolor:#C0C0C0;
}

#cz {
	font-size:25px; 
	letter-spacing:5px; 
	font-weight:normal;
}

#zahlavi h1 {
		color:#C0C0C0;

}

#zahlavi h3 {
	margin: -2px 0 0 168px;
}

#zahlavi h2 {
	font-size:14px; 
	letter-spacing:0.1em; 
	margin:0; 	
	padding:14px 0 0 170px;
	text-transform:lowercase;
	font-weight:normal;
	text-align:left;
}




#levy {
	width:120px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 4px;
}

#levy ul { 
margin:0 0  0 1em; 
padding:0 0 2em 0; 
}


#levy li{
list-style-type: none;
}





#stred {
float:left; 
width:460px;
margin: 10px 0 0 0; 
padding: 0 5px 0 5px; 
}

#stred em {
padding:5px 0 10px 0;
}

#stred p {
width:80%;
padding:0 0 0 0;
margin:2px 10px 12px 3px;
}

#stred h6 a {
font-weight: bolder;
padding:0 3px 0 3px;
}

#stred h6 a:hover {
color:#800000; 
background-color:#F2DCDC; 
border-bottom:none;
}




#pravy {
	float:right;
	clear:right;
	width:165px;
	margin: 0 0 0 5px;
	padding:0 4px 0 0;
	font-size:95%;
}

#pravy h6 {
text-transform:uppercase; 
padding: 1em 0 0 0; 
letter-spacing:0em;
	font-size:90%;
}

#pravy h6 a {
color:#800000;
}

#pravy p {
margin:1px 0 0 0;
}







.pridat { 
margin:0.9em 0 1.3em 2em;
}

.pridat a:link, .pridat a:visited  { 
padding: 4px 10px 2px 10px;
background-color:#800000;
color:#F2DCDC !important;
border-bottom: solid 1px #800000;
}

.pridat a:hover  { 
padding: 4px 10px 2px 10px;
background-color:#F2DCDC;
color:#800000 !important;
font-weight: bolder;
border-bottom: solid 1px #F2DCDC;
}

.odsaz { 
padding:5px 0 10px 0; 
}

.new {
font-weight:bold; 
color:red;
}

.tl {
border:none !important; 
font-size:90%;
}





.novinka {
color:red; 
font-weight:bold;
}

#jine li{
margin:0 0 0  0; 
padding: 2px 0 3px 5px; 
}

#nove a {
border-bottom: 1px dotted #F2DCDC;
} 

#nove a:hover {
color:#330099; 
border-bottom: 1px solid #800000;
} 

#siroka {
clear:both;
}








#pat {
clear:both; 
margin: 0 auto 0.5em auto;
width: 770px;
	height:3em;
text-align:center; 
padding:0; 
}

#pat ul {
font-size:75%; 
padding:0.5em 0 0.5em 0; 
	margin:0 0 0.6em 0;
}

#pat li {
display:inline;  
padding:0 1em 0 0; 
	margin:0 0 0.6em 0;
}