body, p, li, td, th{
font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
}

body {line-height: 150%;
font-size: 100%;
color: #000000;
position: absolute;
background-color: #222222;
}
h1 {
font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
line-height: 150%;
font-size: 180%;
padding-left: 3em;
padding-top: 1em;
color: #000000;
}
h2 {
font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
line-height: 150%;
font-size: 120%;
color: #000000;
}
h3 {
font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
font-size: 100%;
color: #155902;
}
h4 {
font-size: 60%;
color: #212173;
line-height: 120%;

}
h5 {
font-family: "Comic Sans MS", "Helvetica CE", Arial, sans-serif;
font-size: 260%;
color: #640000;
}
h6 {
font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
font-size: 50%;
color: #000000;
padding-left: 3em;
}
p, table, ul {
font-size: 100%;
line-height: 150%;
}

a {
text-decoration: underline;
}
A:link { color: blue }
A:visited { color: purple }
A:hover { color: red }
.stranka {
text-align: center;
}


.logo {
    margin:0; padding:0;
    float:right;
}

.avetum {
margin:0; padding:0;
}

.mail {
margin:auto; 
padding:0;
width: 500px;
text-align:left;
}

.mail1 {
margin:0; padding:0;
text-align:center;
}
body {
		margin:0; padding:0;
		text-align: center;
		width: 100%
		}

#hlavni {
background-color: #222222;
width: 100%;

}	

#hlavni2 {
min-width:770px;
width:expression(document.body.clientWidth < 770? "770px": document.body.clientWidth > 1000? "1000px": "auto" );
max-width:1000px;
margin-left: auto;
margin-right: auto;
padding-top: 8px;
text-align: left;
}
  
   #header {
		margin:0; padding:0;
		height: 174px;
    background-image: url('zahlaviback.gif');
    background-repeat: repeat-x ;
    background-color: white;
 		}

	#main1 {
		margin:0; padding:0;
		
		}
	#main2 {
		margin:0; padding:0;
		border-right: 10px solid #DEDEBD;
		background:#F0F0CF;
		}
	#left {
		float:left;
    width:180px;
		margin:0; padding:0;
		background:#DEDEBD;
		font-size:100%;
		}
	#right {
		float:right;
		width:1px;
		font-size:1px;
		margin:0; padding:0;
		background:#F0F0CF;
			}
	#middle {
		
		margin:0;
		border-left: 180px solid #DEDEBD;
    padding:0;
		background:#F0F0CF;
		font-size:80%;
		}
	#footer {
	height: 5em;
  background-color: #DEDEBD;
  margin:0; padding:0;
  }	
	
  
	.column-in {
		margin:0; padding:10px;
		}
		
	.column-in2 {
		margin:0; padding:10px;
		
		
		}	
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:#DEDEBD;
		}
		
	h1,h2,h3,h4 { margin: 0.2em 0; }
	p { margin: 1em; }
	a { color:black; }
		.copy { text-align:center; font-size:80%; }

.boxvpravo {
    margin:0px; padding: 1em;
    float:right;
}
.boxvlevo {
    margin:0px; padding: 1em;
    float:left;
}

.boxtab {
    margin:30px; padding: 30px;
    
}
.zapati {
font-size: 70%;
color: #212173;
line-height: 140%;
text-align: center;
padding-top: 0.5em;
}

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

.green {
font-weight: bold;
color: green;
}