/* CSS Document */

*{ margin: 0; padding: 0; }*
body {
	font: .8em Arial, Sans-Serif;
	line-height: 1.3em;
	color: #000;
	text-align:center;
	min-width:778px;
}

#mainwrap {width:100%; 	background: #082427 url(img/img_01.jpg) repeat-x; }
#bodywrap {width:778px;
           margin: 0 auto;
           text-align: left; }
#bottom {width:778px;
           margin: 0 auto;
           text-align: center;
           background: #fff url(img/img_21.jpg) repeat-x; 
           height:63px;
           padding-top: 20px;}  
#bottom span { color:#1C1C1C; font-size:10px;}                    
#topmenu {position:relative; height:143px; width:100%; background:  url(img/img_06.jpg) repeat-x;} 
#topmenu h2 {width:170px; height:86px; position:absolute; left:0px; top:0px; margin:0;}
#topmenu h2 span {width:100%; height:100%; position:absolute; 
                  background: url(img/img_04.jpg) no-repeat; margin:0;}
#topmenu #flashcontent {width:595px; height:86px; position:absolute; left:170px; top:0px;}
#topmenu .logotien {width:122px; height:55px; position:absolute; left:0px; 
top:86px !important; top:80px; background: url(img/img_08.jpg) no-repeat ; 
 }
#topmenu #flashcontent2 {width:156px; height:55px; position:absolute; left:122px; top:86px;}   
#topmenu .slogan {width:425px; height:33px; position:absolute; right:45px; 
bottom:5px; background: url(img/img_12.jpg) no-repeat ; 
 }
.medzera { height:45px; width:100%; background:  url(img/img_17.jpg) repeat-x;}

#telo {width:100%;  background: #24292A; color:#fff; }
#telo h1 {color:#D5C902; padding:0px 0 20px 20px;  font-size:25px; font-weight:normal;}
#telo h3 {color:#666A6C; padding:10px 0 10px 50px;  font-size:16px; font-weight:normal;}
#teloleft {width:474px; float:left;}
#teloleft p {padding:5px 20px 5px 50px;} 
#teloleft .title {margin:-3px 0px 20px -30px; font-size:15px; font-family: Arial, Sans-Serif; font-weight:bold;} 
#teloleft hr {margin:20px 0 0px 20px; color:#666A6C; background-color: #666A6C; height:6px;}



      
#teloright {float:right; width:220px;  padding-left:20px; padding-right:20px;}
#teloright hr {margin:20px 0 0px 0px; color:#666A6C; background-color: #666A6C; height:6px; width:230px;}
#teloright .title {margin:2px 0px 10px 0px; font-size:15px; font-weight:bold; } 

.block {display:block; width:220px; height:220px; }
#teloright a {color:#fff; text-decoration:none; }
#teloright a:hover {  text-decoration:underline; color:#808080; }
.clear {clear:both;}    
.priestor { padding-top:10px;} 
.medzera2 { height:25px; width:100%;}  

.popis { } 
.popis i     { color:#808080; display:block; margin-top:-10px;}

table {	font: 1em Arial, Sans-Serif;	line-height: 1.3em;
	color: #fff;}
td {padding:5px; vertical-align:top;}      

.popis2 { padding:5px 0px 5px 0px;} 
.popis2 i     { color:#808080; display:block; margin-top:-10px;}   

#teloleft a {color:#D5C902; font-weight:bold; text-decoration:none;}  
#teloleft a:hover {text-decoration:underline;}  

.tech{	font: 0.9em Arial, Sans-Serif;	line-height: 1.3em;
	color: #808080; border-collapse: collapse; border: 1px solid #666; margin-left:50px; width:400px; margin-bottom: 20px; margin-top:5px;}  
.odd {background-color:#333;}
.odd2 {background-color:#444;}      
.tech td { border: 1px solid #666; }