body {font-family: verdana; font-size: 0.8em; background-color: #ccc;  }
h1, h2, h3, h4, h5, h6, ul {margin: 0 ; padding: 0;}
h1   { font-size: 1.1em; color: #555; margin: 0 10px 0 0 ; padding: 5px 9px 5px 0;  
       display: inline; float: right;}
h2   {color: #C61B08; font-size: 1.3em; margin-bottom: -3px 0 15px 0 ; }
h3 {font-size: 1.1em; padding: 5px 0 0 5px;}
h4 {font-size: 0.9em; margin: 5px 0 0 10px;}
.odsazeno {margin: 0 0 0 10px;}
dl {margin: 5px 10px 10px 20px;}
dt {font-weight: bold; margin: 15px 0 0 0;}
dd { margin: 5px 0 0 10px;}



#obal { width: 770px; position: absolute; top: 24%;left: 50%;
        margin: -175px 0px 0px -375px; padding: 0px 0px 0px 0px; overflow: none;
        background-position: left top;background-repeat: repeat-y;}
.info-webu {width: 770px; background-color: #ccc; text-align: right; }          
#hlavicka-webu {width: 770px; height: 120px; margin: 0;}   
 #logo-webu {width: 175px; height: 149px ; background: #ccc; background-position: left; background-repeat: no-repeat; }
 #baner-webu{width: 595px; height: 149px ;}   
 #logo-webu{ background-position: left; background-repeat: no-repeat;   }            
 #baner-webu{ background-position: left; background-repeat: no-repeat;   }            
 #baner-webu .nadpis {list-style: none; margin: 0 0 5px -15px ; padding: 0; font-weight: bold;}
 #baner-webu ul  {float: right; display: inline; margin: 20px 10px 0 0 ; }
 #baner-webu ul li {list-style: square;  margin: 0 0 0 15px ; }
#levy-sloupec-webu  { float: left; width: 144px; padding: 0 0 15px 8px;}    
 #levy-sloupec-webu p {text-align: right;color: #666;  font-size: 0.85em;padding: 2px 7px 0 0; margin: 0 0 0 0;}
 #levy-sloupec-webu div { text-align: right; }
 #levy-sloupec-webu div.nahore { margin: 20px 0 0 0 ; }
 #levy-sloupec-webu div span.nahore {font-weight: bold; padding: 2px 8px 0px 5px  ; border-top: 1px solid ; border-right: 1px solid ; }
 #levy-sloupec-webu div span.dole   {border-bottom: 1px solid ; border-right: 1px solid ; }
 #levy-sloupec-webu ul {margin: 10px 0 20px 35px;}
 #levy-sloupec-webu ul li {list-style: square;}
 #levy-sloupec-webu ul li a{text-decoration: none; font-weight: bold;}
 #levy-sloupec-webu ul li a:hover{text-decoration: underline; font-weight: bold;}
 #levy-sloupec-webu ul.dulezite {margin: 0px 0 0px 35px; border-right: 1px solid ; padding: 8px 0 0 0 ; }
 #levy-sloupec-webu ul.dulezite li   {list-style: square; color: #555;}
 #levy-sloupec-webu ul.dulezite li a {color: #666; text-decoration: none;}
 #levy-sloupec-webu ul.dulezite li a:hover {text-decoration: underline; }
#hlavni-cast-webu {float: left; width: 607px ;}    
#obsah {float: left;width: 445px; margin: 0; padding: 10px 10px 20px 10px; }
 #obsah a {color:#007ED9; font-weight: normal; padding: 0px 5px 0px 5px; margin: 0;padding: 0;  }
 #obsah a:hover {text-decoration:none; font-weight: normal; background-color: #eee; color: #C61B08; 
                 margin: 0; padding: 0 ;}
 #obsah img {margin: 5px 10px 5px 10px;}
 #obsah p {margin: 5px 15px 5px 15px; padding: 0;}
 #obsah p.odkazy {margin: 10px 8px 5px 8px; padding: 5px 0 0 0 ;  border-top: 1px dashed #555; text-align: right;}
 #obsah p.odkazy a {margin: 0 ; padding: 0 2px 0 2px; font-size: 0.85em ;}
 #obsah p.odkazy a:hover {padding: 0 2px 0 2px;}
 
 #obsah a.objednat {font-weight: bold; font-variant: small-caps; border: 1px solid red;
                    padding: 3px 7px 4px 7px; margin: 8px 0 0 0 ; background-color: #E9EBF5;}
 #obsah a.objednat:hover {font-weight: bold; font-variant: small-caps; border: 1px solid blue;
                    padding: 3px 7px 4px 7px; margin: 8px 0 0 0 ;}                    

#obsah .ramecek-odstavec {background: #e6e6e6;margin: 20px 5px 5px 20px; width: 400px;}
#obsah .stin-odstavec    {background: #fff;border: 1px solid #C61B08;border: 1px dashed #aaa; position: relative; top: -5px; left: -4px; padding: 6px 5px 6px 5px; }
#obsah .odstavec-ramecek {background: #eee; padding: 5px ; font-size: 0.9em; font-family: verdana; margin: 0 5px 0 5px ;}
 
 #obsah .destinace       { width: 400px;margin: 10px 5px 5px 20px;
                           padding: 5px; border: 1px dashed #666;  }
 #obsah .destinace img   { float: left; }
 #obsah .destinace h3    { }
 #obsah .destinace ul    { margin: 5px 5px 5px 200px; }
 #obsah .destinace ul li { list-style: square;}
 #obsah .destinace ul li a  {}
 #obsah .destinace ul li a:hover {}
 #obsah .destinace p     { }
 #obsah .destinace p strong     { color:  #A46C3B; }


 #obsah div.odkazy {background: #e5e5e5; text-align: right;  margin: 0 5px 0 5px; padding: 0 0 3px 0; }
 #obsah div.odkazy a {padding: 0 5px 0 5px ; margin: 0 ; font-size: 0.85 em; color: rgb(0,153,255);} 
 #obsah div.odkazy a:hover {margin: 0 ; text-align: right;  padding: 0 5px 0 5px ;}
 #obsah .vypis-ramecek {background: #eee; margin: 5px 5px 5px 20px; padding: 5px; width: 400px; border: 1px dashed #999;}
 #obsah .vypis-ramecek h3.objekt {font-size: 0.9em; margin: 10px 0 5px 0; color: #C61B08; }
 #obsah .vypis-ramecek table.objekt {font-family: arial; font-size: 0.9em; margin: 0  0 0 10px; _margin: 0  0 0 160px;}
 #obsah .vypis-ramecek table.objekt td.popis {width: 75px ;}
 #obsah .ramecek-detail {background: #eee; margin: 5px 5px 5px 20px; padding: 5px; width: 400px; border: 1px dashed #999;}
 #obsah .ramecek-detail h3.objekt {font-size: 0.9em; margin: 10px 0 5px 0;}
 #obsah .ramecek-detail table.objekt {width: 230px;font-family: arial; font-size: 0.9em; margin: 0  0 0 10px; _margin: 0  0 0 160px;}
table.objekt td.popis {vertical-align: top; font-weight: bold; padding: 2px 2px 2px 5px; }
table.objekt td.obsah {padding: 2px 2px 2px 5px;}
table.objekt td.popis1 {width: 50px ; background-color: #ddd; vertical-align: top; font-weight: bold; padding: 2px 2px 2px 5px; }
table.objekt td.popis2 {width: 50px; background-color: #cfcfcf; vertical-align: top; font-weight: bold;  padding: 2px 2px 2px 5px; } 
table.objekt td.obsah1 {background-color: #ddd; padding: 2px 2px 2px 5px;}
table.objekt td.obsah2 {background-color: #cfcfcf; padding: 2px 2px 2px 5px;} 
#obsah table.nabidka {background-color: #e6e6e6; width: 95%; margin: 5px 0 5px 15px; } 
#obsah table.nabidka th {padding: 3px 5px ;}
#obsah table.nabidka tr.sudy {background-color: #ddd;}
#obsah table.nabidka tr.lichy {background-color: #ccc;}
#obsah table.nabidka td.popis {font-weight: bold; padding: 2px 4px; color: #444; }
#obsah table.nabidka td.obsah {text-align: right; padding: 2px 4px;}
#obsah table.nabidka td.obsah strong {text-decoration: underline; color: #C61B08;}
#obsah table.nabidka td.obsah span {text-decoration: line-through;}
#pravy-sloupec-webu { float: right; width: 140px; padding: 0 0 20px 0 ;} 
 #pravy-sloupec-webu h4  {margin: 0 0 0 0 ; padding: 5px 0 4px 5px; }
 #pravy-sloupec-webu h4.dulezite {color: #C61B08; border: 0px solid black; border-bottom: none; border-left: none;}
 #pravy-sloupec-webu ul.dulezite {margin: 0 0 0 10px;border-right: 0px solid black; padding: 5px 0 15px 0;}
 #pravy-sloupec-webu h4.doporucujeme {color: green; border: 0px solid black; border-bottom: none; border-right: none;}
 #pravy-sloupec-webu h5 {background-color: #eee; border-left: 0px solid black; padding: 3px 0 2px 7px; font-size: 0.85em;color: #666;} 
 #pravy-sloupec-webu ul.doporucujeme {margin: 0 0 0 0px;border-left: 0px solid black; padding: 5px 0 15px 15px;}
 #pravy-sloupec-webu ul.doporucujeme li {list-style: none;text-align: right;padding: 0 5px 0 0;}
 #pravy-sloupec-webu ul { margin:  0; padding: 0;   list-style: none; }
 #pravy-sloupec-webu ul a { font-weight: normal; font-size: 0.9em; color:#666; text-decoration: none; }
 #pravy-sloupec-webu ul a:hover { color: #CC3333; text-decoration: underline;}
 #pravy-sloupec-webu ul a span {margin: 0 4px 0 4px ; color: #CC3333;} 
 #pravy-sloupec-webu ul a:hover span {text-decoration: none; color: #000 ;}
 #pravy-sloupec-webu ul.dulezite a span {color: #CC3333;}
 #pravy-sloupec-webu ul.doporucujeme a span {color: green;}
#paticka-webu {border-top: 0px solid black;background-position: bottom;background-repeat: no-repeat;;height: 25px; }        

ul.text {margin: 5px 5px 5px 70px; list-style: square ;}
ul.obsah-vypis {margin: 5px 5px 5px 30px; list-style: square ;}
img.text {float: left; padding: 5px; border: 1px solid; margin: 0; }
img.text2 {float: right; padding: 5px; border: 1px solid; margin: 0; }

.dulezity {color: #C61B08;}
.poznamka {color: #444; font-style: italic; margin: 0; padding: 0 ; font-size: 0.9em; }
.left     {float: left;}
.right    {float: right;}
.srovnani {clear: both;}
.none {list-style: none ;}
.stred {position: relative; margin: 0; padding: 0 0 0 0px; top: 15px; font-weight: bold;}



.text-vlevo {text-align: left;}
.text-vpravo {text-align: right;}
.text-stred {text-align: center;}

span.povinne {color: red;}
span.vyrazne {font-weight: bold; color: #444;}
span.male    {font-size: 0.7em;}

strong.modre   {color: #3B73B9;}
strong.zelene  {color: #639F61;}
strong.cervene {color: #C61B08;}

.w3c {float:left; margin: 2px 0 0 8px; padding: 0 ;}
.copyright {font-size: 0.9em; padding: 2px 0 0 0 ; color: #444;}
.copyright a {text-decoration: none;margin: 0 8px 0 0 ; color: #666; }
.copyright a:hover {text-decoration: underline;margin: 0 8px 0 0 ; color: #222; }

.ramecek-obrazek  {}
.stin-obrazek    {}

.blok {margin: 10px 0 0 5px;font-family: tahoma; font-weight: bold; padding: 2px 5px 2px 5px;}

table {font-family: arial; font-size: 0.9em;}
td {font-size: 1em;font-weight: normal;}
