html,body{margin:0;padding:0}

body{
background-color:#222;  
font: 95% lucida grande, sans-serif; 
text-align:center;
}

#tlo{
background-image:url('images/tecotlo.jpg');
background-repeat: repeat; 
}

a {text-decoration:none; color:#000;}
a:link{color:#194d83;text-decoration:none; padding:2px; margin-bottom:3px;}
a:hover{color:#7e7d7e; text-decoration:none;}
a:visited{color:#000;text-decoration:none;}

#header{
background-image:url('images/tecohead2.jpg');
background-repeat:no-repeat;
background-position:top center;
height:514px;
width:939px;
}

.box, .boxfirst{
float:left;
background-color: #000;
-moz-border-radius: 15px;
padding:12px;
padding-bottom:20px;
margin-top:40px;
border: 1px solid #000;
filter: alpha(opacity=60);
opacity:0.6;
width:28%;
color:#fff;
margin-bottom:30px;
margin-left:20px;
font-size:12px;
min-height:200px;
}

.boxfirst{
margin-left:20px;}

.mail{
float:left;
margin-top:450px;
margin-left:330px;
font-size:2.2em;
color:#194d83;
font-family:corbel;
text-transform:uppercase;
position:relative;
z-index:12;
}

#container{
text-align:left;
width:939px;
margin:0 auto;
}


#content{
	padding:20px;
	float:left;
	position:relative;
	margin-top:10px;
width:98%;
z-index:10;
line-height:1.4em;
margin-bottom:30px;
}

.wpis{
background-color: #222;
-moz-border-radius: 15px;
color:#fff;
filter: alpha(opacity=90);
opacity:0.9;
padding:12px;
padding-bottom:20px;
margin-top:20px;
border: 1px solid #000;
}

#footer{
clear:both;
width:100%;
height:100px;
background-color: transparent;
border-top:1px solid #000;
}

#footer p{
font-size:9px;
text-align:center;
padding-top:20px;
overflow:hidden;
}

h2{
color: #333;
text-align:left;
font-weight: normal;
font-size: 2.0em;
line-height:1.2;
border-bottom: 1px solid #333;
}


h1{
color: #194d83;
text-align:left;
font-weight: normal;
font-size: 24px;
line-height:1.5;
border-bottom: 1px solid #194d83;
}


.obraz{
border: 1px solid #fff;
padding:7px;}