body , html {
 font-family: "Trebuchet MS", sans-serif; "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; 
 font-size: 89%;
 color: #000000; 
 margin: 0;
 text-align: center;
 background: white; 
} 


a:link, a:visited {
 color: #BD0409;
}

a:active, a:hover {
 color: #000;
}

h1 {
 width: auto;
 height: auto;
 border-style: none;
 padding: 45px 0 15px 0;
 margin: 0 15px;
 color: #333333;
 font-size: 179%;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 clear: left;
} 


h2 {
 padding: 0;
 margin: 30px 0 5px 10px;
 font-size: 110%; 
 font-weight: bold;
} 

h3 {
 padding: 2px 2px 2px 0;
 margin: 25px 0 0 15px;
 font-size: 120%; 
 font-weight: bold;
 color: #880000; 
 clear: left;
} 

#all {
width: 760px;
height: auto;
position: relative;
margin: 0 auto;
padding: 0;
background: #fff;
border: 1px solid #000;
}


#top {
 width: 760px;
 height: 58px;
 padding: 0;
 margin: 0;
 background: url(grafika/top.jpg) 0% 0% no-repeat #fff; 
 font-size: 100%;
 font-family: "Trebuchet MS", sans-serif; 
} 

#top h2 {
 position:absolute;
 top: 15px;
 left: 0;
 width:249px;
 height:40px;
 margin: 0;
 padding: 0;
 overflow:hidden;
 color: #686B6B;
 font-size: 100%;
 font-weight: bold;
 font-style: italic;
 text-decoration: none;
 background: #fff; 
 text-indent: 15px;
 }

#top h2 span {
 display:block;
 position:absolute; left:0; top:0; z-index:1;
 width:249px;
 height:40px;
 margin:0;
 padding:0;
 background:url("grafika/logo-analyzer.gif") 0% 0% no-repeat;
 cursor: pointer;
 }


#top h2 A:link {
 color: #E75218; 
 text-decoration: none; 
 font-weight: bold; 
 } 

#top h2 A:visited {
 color: #E75218; 
 text-decoration: none; 
 font-weight: bold; 
 } 

#top h2 A:active {
 color: #000000; 
 text-decoration: none; 
 font-weight: bold; 
 }
 
#top h2 A:hover {
 color: #000000;
 text-decoration: none; 
 font-weight: bold; 
 } 

#top h2 strong {
 color: #E75218;
 }


#top p#zkazka {
 width: 300px;
 height: 53px;
 position: absolute;
 right: 15px;
 top: 0px;
 _top: 5px;
 font-size: 90%;
 text-align: left;
 color: #868888;
}

#head {
 width: 760px;
 height: 188px;
 position: relative;
 top: 0; 
 padding: 0;
 margin: 0 auto;
 background: url(grafika/head.jpg) 0% 0% no-repeat; 
 text-align: left;
 z-index: 2;
} 

#obsah {
 width: 760px;
 text-align: left;
}

#obsah_text {
 float: left;
 color: #787A7A;
 font-weight: bold;
 font-size: 90%;
}

#obsah_text h2 {
 color: #9A0000;
 margin: 30px 15px 10px 15px; 
}

#obsah_text p {
 margin: 10px 15px;
}

#leva {
 width: 310px;
 float: left;
 color: #787A7A;
 font-weight: bold;
 font-size: 90%;
}

#leva h2 {
 color: #9A0000;
 margin: 30px 15px 10px 15px; 
}

#leva p {
 margin: 10px 15px;
}

#prava p {
 margin: 10px;
}

#prava {
 width:448px;
 float: left;
 padding: 25px 0;
}

#foot {
 clear: left;
 background: #E2E2E2; 
 font-size: 90%;
 width: 760px;
 height: 30px; 
 position: relative; 
}

#vlevo {
 width: 400px;
 height: 20px; 
 text-align: left;
 position: absolute;
 top: 0;
 left: 0; 
 margin: 0; 
 padding: 5px 0 0 10px
}

#vpravo {
 width: 360px;
 height: 20px; 
 text-align: right;
 position: absolute;
 top: 0;
 right: 0;  
 margin: 0;
 padding: 5px 10px 0 0
}

.l {
 width: 166px;
 height: 140px;
 float: left;
 border: 0px;
 margin: 5px;
}

.del {
 border: 1px dashed #686B6B;
 border-width: 1px 0 0 0;
 height: 2px;
 margin: 10px 5px;
 clear: left;
}