/* -----------------------------css napsal: Petr Boček - 1DESIGN ------------------------------------------------------*/

/* ---------- #070744 --------------------------------------------------------------------------------------------------*/
/* ---------------------------- PRO CELY WEB---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------*/

body     { background: url(../img/bg_body.gif) repeat; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black;
	         text-align: center; xposition: relative; margin-top: 25px; }

a.aa, a.aa:hover { text-align: left; border: 0px solid black;  padding: 0px; text-decoration: none; margin: 1px;
                   font-family: Verdana, Arial, sans-serif; font-size: 11px;  font-weight: bold; display: block; }
a.aa             { color: white; }
a.aa:hover       { color: black; }

a.bb, a.bb:hover { text-align: left; border: 0px solid black;  padding: 0px; text-decoration: none; margin: 1px;
                   font-family: Verdana, Arial, sans-serif; font-size: 11px;  font-weight: bold; }
a.bb             { color: white; }
a.bb:hover       { color: black; }

a.kk, a.kk:hover { text-align: left; border: 0px solid black;  padding: 0px; text-decoration: none; margin: 1px;
                   font-family: Verdana, Arial, sans-serif; font-size: 11px;  font-weight: bold; display: block; }
a.kk             { color: #50647E; }
a.kk:hover       { color: white; }

a.mm, a.mm:hover { text-align: left; border: 0px solid black;  padding: 0px; text-decoration: underline; margin: 0px;
                   font-family: Verdana, Arial, sans-serif; font-size: 10px;  font-weight: bold; }
a.mm             { color: #50647E; }
a.mm:hover       { color: white; }

a.ll, a.ll:hover { text-align: left; border: 0px solid black;  padding: 0px; text-decoration: underline; margin: 0px;
                   font-family: Verdana, Arial, sans-serif; font-size: 12px;  font-weight: bold; }
a.ll             { color: #50647E; }
a.ll:hover       { color: black; }

p        { font-size: 12px; color: black; }
.nadpis  { font-size: 15px; color: #50647E; font-weight: bold; font-family: times, serif; }
p.male   { font-size: 11px; color: black; }
p.male2  { font-size: 10px; color: black; }
/* ---------------------------- hlavní pole ----------------------------------*/

#logo    { background: none; width: 855px; height: 83px;  border: 0px solid red; text-align: center; }
#main    { background: url(../img/podklad.gif) no-repeat; width: 855px; height: 445px;  border: 0px solid black; text-align: center; }
#intro   { background: none; width: 855px; height: 445px;  border: 0px solid black; text-align: center; }

#menu1   { position: absolute; top: 5px; left: 6px; background: none; border: 0px solid red; width: 177px; height: 185px;
           text-align: left; }
#menu2   { position: absolute; top: 315px; left: 6px; background: none; border: 0px solid red; width: 177px; height: 115px;
           text-align: left; }
#menu3   { position: absolute; top: 5px; left: 16px; background: none; border: 0px solid red; width: 177px; height: 180px;
           text-align: left; }
#menu4   { position: absolute; top: 212px; left: 16px; background: none; border: 0px solid red; width: 177px; height: 20px;
           text-align: left; }
#menu5   { position: absolute; top: 250px; left: 16px; background: none; border: 0px solid red; width: 177px; height: 180px;
           text-align: left; }
           
#texty   { position: absolute; top: 14px; left: 28px; background: none; border: 0px solid red; width: 425px; height: 415px;
           text-align: left; }
#texty_kosik   { position: absolute; top: 14px; left: 10px; background: none; border: 0px solid red; width: 430px; height: 415px;
           text-align: left; }
		   
#texty4  { position: absolute; top: 14px; left: 28px; background: none; border: 0px solid red; width: 425px; height: 415px;
           text-align: center; }
           
#texty2  { position: absolute; top: 180px; left: 17px; background: none; border: 0px solid red; width: 380px; height: 220px;
           text-align: left; }
#texty3  { position: absolute; top: 10px; left: 17px; background: none; border: 0px solid red; width: 415px; height: 410px;
           text-align: center; overflow: -moz-scrollbars-vertical;  }           

div.clanek   { position: absolute; background-color: white; #padding: 10px; font-size: 11px; color: black; }
div.clanek   { overflow: auto; scrollbar-base-color: #50647E; scrollbar-track-color: white; 
               clip: rect(auto auto auto auto); padding-top: 0px }         
#prvni       { left: 0; top: 10 }
                        
#leva    { position: relative; top: 0px; left: 0px; width:  190px; height: 436px; background: none; border: 0px solid red; text-align: left;  float: left;}
#stred   { position: relative; top: 0px; left: 0px; width:  460px; height: 436px; background: none; border: 0px solid red; text-align: left; float: left; }
#prava   { position: relative; top: 0px; left: 0px; width:  197px; height: 436px; background: none; border: 0px solid red; text-align: left; float: left; }

.flag    { width:  16px; height:  10px; background: none; border: 0px solid red; margin-top: 1px; }
.logo    { width: 101px; height:  82px; background: none; border: 0px solid red; }
.logo2   { width: 169px; height:  53px; background: none; border: 0px solid red; }
.logo3   { width: 374px; height: 115px; background: none; border: 0px solid red; margin-left: 15px; }
.logo4   { width: 150px; height: 130px; background: none; border: 0px solid red; margin-right: 13px; margin-top: 5px; float: right; }
.vlajky  { width: 208px; height: 311px; background: none; border: 0px solid red; margin-left: -17px; margin-top: 0px; }          
.mapka   { width:  197px; height: 120px; background: none; border: 1px solid #50647E; margin-right: 10px; margin-top: 8px;}       
       
li       { font-size: 10px; font-weight: bold; color: #50647E; list-style-type: square; }
ul       { font-size: 10px; font-weight: normal; color: #50647E; }
.hotel   { width: 150px; height: 200px; background: #50647E; border: 0px solid red; float: left; margin-left: 0px; margin-right: 27px;}
.semin   { width: 356px; height: 279px; background: white; border: 0px solid red; margin-left: 28px; margin-top: 60px;}

.ubyt1   { width:  250px; height: 187px; background: none; border: 0px solid red; float: left; margin-top: 3px; margin-right: 20px;}  
.ubyt2   { width:  115px; height: 76px; background: none; border: 0px solid red; float: left; margin-top: 15px; margin-right: 20px; }  

.gast1   { width:  250px; height: 166px; background: none; border: 0px solid red; margin-top: 0px; margin-right: 20px; float: left; }  
.gast2   { width:  250px; height: 166px; background: none; border: 0px solid red; margin-top: 15px; margin-right: 20px;  }  

.dark1   { width:  180px; height: 120px; background: none; border: 0px solid red; margin-bottom: 30px; margin-right: 15px; float: right; }  
.dark2   { width:  280px; height: 186px; background: none; border: 0px solid red; margin-top: 0px; margin-right: 0px;  }  

.semi1   { width:  250px; height: 166px; background: none; border: 0px solid red; float: left; margin-top: 3px; margin-right: 20px;} 
.semi2   { width:  143px; height: 220px; background: none; border: 0px solid red; float: left; margin-top: 3px; margin-right: 20px;} 

.meni1   { width:  178px; height: 270px; background: none; border: 0px solid red; float: left; margin-top: 3px; margin-right: 20px;} 
.jide1   { width:  192px; height: 290px; background: none; border: 0px solid red; float: left; margin-top: 3px; margin-right: 20px;} 
.ceny1   { width:  400px; height: 266px; background: none; border: 0px solid red; float: left; margin-top: 3px; margin-right: 20px;} 

.aran1   { width:  250px; height: 166px; background: none; border: 0px solid red; margin-top: 0px; margin-right: 15px; float: left; }  
.aran2   { width:  140px; height: 210px; background: none; border: 0px solid red; margin-top: 0px; margin-right: 0px;  float: left;}

.musi1   { width:  195px; height: 131px; background: none; border: 0px solid red; margin-top: 0px; margin-right: 15px; float: left; }  
.musi2   { width:  195px; height: 131px; background: none; border: 0px solid red; margin-top: 0px; margin-right: 0px;  float: left;}

.petr1   { width:  250px; height: 166px; background: none; border: 0px solid red; margin-top: 0px; margin-right: 15px; float: left; float: left; }  
.petr2   { width:  250px; height: 153px; background: none; border: 0px solid red; margin-top: 0px; margin-right: 15px; float: left; float: left; }  

.donj1   { width:  240px; height: 370px; background: none; border: 0px solid red; margin-top: 0px; margin-right: 20px; float: left; float: left; }  

.kava1   { width:  220px; height: 175px; background: none; border: 0px solid red; margin-top: 5px; margin-right: 15px; float: right; }  
.kava2   { width:  220px; height: 146px; background: none; border: 0px solid red; margin-top: 5px; margin-right: 15px; float: right; }  

.zamek1  { width:  229px; height: 283px; background: none; border: 0px solid red; margin-top: 0px; margin-right: 0px; float: left; }  
.zamek2  { width:  170px; height: 133px; background: none; border: 0px solid red; margin-top: 0px; margin-right: 7px; float: right; }  
.zamek3  { width:  170px; height: 133px; background: none; border: 0px solid red; margin-top: 17px; margin-right: 7px; float: right; }  

/* ----------------------------------------------------------------------------------------------------------------------*/
.gal1    { width:  99px; height: 70px; background: none; border: 0px solid red; margin-top: 5px; margin-right: 5px; float: left; }
.gal2    { width:  94px; height: 62px; background: none; border: 0px solid red; margin-top: 5px; margin-right: 5px; float: left; }


/* ----------------------------------- KONEC STYLU ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------*/
td   { border: 0px solid #50647E; font-size: 11px; color: black; }       
   
.rform1, .rform2, .rform3, .rform4, .rform5, .rform6, .rform7 
        { background-color: #B5C5DE; font: 11px Arial; border: 1px solid #50647E; padding: 1px; height: 18px; }
.rform1 { width: 230px; }
.rform2 { width: 130px; }
.rform3 { width:  40px; }
.rform4 { width: 100px; }
.rform5 { width:  70px; }
.rform6 { width: 140px; }
.rform7 { width: 230px; height: 90px; }
.rform8 { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; font-weight: bold; border: 1px solid #7f7f7f;
          width: 90px; background-color: #50647E; color: #efefef; height: 18px; }
.maintxt { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #6f6f6f; }