/* styly obecne */

body {width: 100%; height: 100%; margin: 0px; padding: 0px; background: #FFFFFF; text-align: left; font-size : 13px; font-family: arial; color: #333333;
}
div {background: transparent; border-style: solid; border-width: 0px; border-color: #FFFFFF;
}
img {border-style: solid; border-width: 0px; border-color: #333333;
}
h1 {margin: 0px; color: #CC0000; font-size: 14px;}
h2 {margin: 0px; font-size: 14px; color: #333399}
span {font-weight: bold; color: #333399;}
.container {width: 1000px; margin: 0px auto; background: url("images/hotely-ubytovani-back-1.png");}



/* styly hlavicka */

.hlavicka {width: 960px; height: 197px; margin-left: 20px; background: url("images/hotely-ubytovani-top.jpg");}
.modry-prouzek-1 {width: 942px; height: 23px; padding-top: 7px; padding-left: 18px; font-weight: bold; font-size: 11px; background: url("images/hotely-ubytovani-back-3.png");}
.modry-prouzek-1 a {margin-right: 11px; text-decoration: none; float: left; color: #333399;}
.modry-prouzek-1 a:hover {text-decoration: underline; color: #333399;}

a.logo {float: right; margin-right: 7px;}
#logo {width: 290px; height: 19px; margin-top: 1px;}

.vlajecky {padding-left: 18px;}
.vlajecky div {width: 45px; height: 30px; margin-top: 3px; margin-right: 10px; float: left;}
.vlajecky a {width: 45px; height: 30px; display: block;}
.ceska-vlajecka {background: url("images/hotely-ubytovani-ceska-vlajecka-1.png");}
.ceska-vlajecka a:hover {background: url("images/hotely-ubytovani-ceska-vlajecka-2.png");}
.britska-vlajecka {background: url("images/hotely-ubytovani-britska-vlajecka-1.gif");}
.britska-vlajecka a:hover {background: url("images/hotely-ubytovani-britska-vlajecka-2.gif");}
.nemecka-vlajecka {background: url("images/hotely-ubytovani-nemecka-vlajecka-1.png");}
.nemecka-vlajecka a:hover {background: url("images/hotely-ubytovani-nemecka-vlajecka-2.png");}



/* styly telo */

.modry-prouzek-2 {width: 942px; height: 23px; margin-top: 3px; color: #FFFFFF; margin-left: 20px; padding-top: 7px; padding-left: 18px; background: url("images/hotely-ubytovani-back-2.gif"); font-weight: bold;}
.modry-prouzek-2 h1 {color: #FFFFFF;}
#uvod {width: 723px; height: 20px; display: block; float: left;}
.modry-prouzek-2 a {color: #FFFFFF; text-decoration: none;}
.modry-prouzek-2 a:hover {color: #FFFFFF; text-decoration: underline;}

.cerveny-prouzek {width: 942px; height: 22px; margin-top: 3px; margin-left: 20px; padding-top: 8px; padding-left: 18px; font-size: 11px; background: #CC0000;}
.cerveny-prouzek a {color: #FFFFFF; text-decoration: none; margin-right: 11px;}
.cerveny-prouzek a:hover {color: #FFFFFF; text-decoration: underline;}

.telo {width: 960px; margin-top:3px; margin-left: 20px; border-bottom-width: 3px; background: #EEEEEE;}

.sloupec-vlevo {width: 170px; float: left; border-right-width: 3px; background: #FFFFFF;}
.hotylek {width: 170px; height: 128px;}
.vnitrni-3 {width: 134px; margin-bottom: 3px; padding-top: 3px; padding-right: 18px; padding-bottom: 3px; padding-left: 18px; font-weight: bold; font-size: 11px; background: #00BFFF;}
.vnitrni-3 a {color: #FFFFFF; text-decoration: none;}
.vnitrni-3 a:hover {color: #FFFFFF; text-decoration: underline;}
#sloupec-spodek-1.vnitrni-3 {margin-bottom: 0px;}

.sloupec-vpravo {width: 170px; float: right; border-left-width: 3px; background: #FFFFFF;}
.sloupec-vpravo .vnitrni-3 {text-align: right; background: #CC0000;}
#sloupec-spodek-2.vnitrni-3 {margin-bottom: 0px;}

.prostredek {width: 614px; margin-left: 173px;}
.vnitrni-1 {width: 594px; height: 21px; padding-top: 4px; padding-left: 20px; border-bottom-width: 1px; color: #333399; background: #DDDDDD;}
.barevne-prouzky {width: 574px; height: 2px; margin-top: 9px; margin-left: 20px; border-top-width: 2px; border-bottom-width: 2px; border-top-color: #FF0000; border-bottom-color: #4169e1; background: #FFFFFF;}
.vnitrni-2 {width: 574px; position: relative; padding-top: 18px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px;}
.vnitrni-2 h3 {margin-top:0px; margin-bottom:0px; font-weight:normal;}
   .hvezdicky {height: 16px; float: left; border-right-width: 2px; border-color: #CCCCCC; background: url(images/hotely-ubytovani-hvezdicka-1.png); background-repeat: repeat-x; background-position: 4px 2px;}
   .hvezdicky a {display: block; width: 100%; height: 16px;}
   .hvezdicky a:hover {background: #333399 url(images/hotely-ubytovani-hvezdicka-2.png); background-repeat: repeat-x; background-position: 3px 1px;}
   .hotylky {width: 82px; height: 62px; border-width: 2px; border-color: #CCCCCC; float: left; margin-left: 4px;}
     a:hover .hotylky {border-color: #888888;}
   .ikonky {width: 45px; margin-left: 8px; float: right;}

.cleaner {width: 960px; height: 0px; visibility: hidden; clear: both;}
 
/*formular*/
.mujform {width:400px;float:left;}
label {  
     color: #c12e1e; 
     font-weight: bold;
     text-align: left; 
     margin-right: 5px; 
     margin-top: 4px; 
     width: 130px;
     float: left;}
input {margin-top: 4px;}
textarea {margin-top: 4px;}
.formtable {float:right; width:170px; color:#c12e1e;} 
.poznamka1 {margin-top:200px; }
.poznamka2 {margin-top:30px; }
.poznamka3 {margin-top:50px; }
.poznamka4 {margin-top:25px; }
.poznamka5 {margin-top:15px; }
.poznamka6 {margin-top:30px; }
.poznamka7 {margin-top:40px; }
.fkontakt {width:480px;}

/* styly paticka */

.paticka {width: 960px; margin-left: 20px; text-align: center;}
.paticka-horejsek {width 924px; height: 22px; font-size: 11px; padding-top: 8px; padding-right: 18px; padding-left: 18px; background: #CC0000;}
.paticka-horejsek a {color: #FFFFFF; margin-right: 11px; text-decoration: none;}
.paticka-horejsek a:hover {text-decoration: underline;}
.paticka-spodek {width 924px; height: 35px; margin-top: 3px; font-weight: bold; font-size: 10px; padding-top: 8px; padding-right: 18px; padding-left: 18px; background: #00BFFF;}
.paticka-spodek a {margin-right: 11px; text-decoration: underline; color: #333399;}