@charset "utf-8";
/* CSS Document */

body{
background-image: url(grafika/hlavni_pozadi.gif);
background-repeat:repeat-x;
background-position:top;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#f9f9f7;
}

h1{
font-size:200%;
color: #FF9966;
text-align:left;
}
p{
padding:0;
margin:0;
}
img{
border:0;
}
hr.cistic {
   clear: both;
   height: 1px;
   border: none;
   margin: -1em 0 0 0;
   visibility: hidden;
 }
#dokument{
width:100%;
}

#HlavniKontejner{
width:820px;
margin-top:50px;
margin-bottom:50px;
}
.Kontejner{
width:820px;
background-image:url(grafika/hlavni-kontejner_pozadi.png);

}


#HlavniKontejner .horniLista{
height:20px;
width:820px;
margin:0px;
background-image:url(grafika/horni-lista.png);
}

#HlavniKontejner .spodniLista{
height:20px;
width:820px;
margin:0px;
background-image:url(grafika/spodni-lista.png);
}


#HlavniKontejner .obsah{
width:782px;
background-color:#FFFFFF;
border:1px solid #FFCC99;
}
#HlavniKontejner .obsahVnitrni{
width:780px;
border:1px solid #FFFFFF;
background-image:url(grafika/hlavni-kontejner_vnitni-obsah.gif);
background-position:bottom;
background-repeat:repeat-x;
min-height:400px;
}

#zahlavi{
width:100%;
background-image:url(grafika/hlavni-kontejner_zahlavi-pozadi.gif);
height:200px;
}

#menu{
width:100%;
height:50px;
background-image:url(grafika/menu_pozadi.png);
}
#menu .MenuLista{
height:32px;
}
#menu .ZacatekMenu{
background-image:url(grafika/menu_zacatek.gif);
width:154px;
height:50px;
float:left;
}


#menu ul {
padding:0;
margin:0;
display:block;
}

#menu li {
padding:0;
float:right;
display:inline;
}

.menuOhotelu a {
background-image:url(grafika/menu_ohotelu.gif);
width:110px;
margin-top:10px;
height:32px;
display:block;
}
.menuOhotelu a:hover
{
background-position:right;
}
.menuOhotelu a.aktivni
{
background-position:right;
}
.menuCenik a {
background-image:url(grafika/menu_cenik.gif);
width:110px;
margin-top:10px;
height:32px;
display:block;
}
.menuCenik a:hover
{
background-position:right;
}
.menuCenik a:active
{
background-position:right;
}
.menuCenik a.aktivni
{
background-position:right;
}
.menuRezervace a {
background-image:url(grafika/menu_rezervace.gif);
width:110px;
margin-top:10px;
height:32px;
display:block;
}
.menuRezervace a:hover
{
background-position:right;
}
.menuRezervace a:active
{
background-position:right;
}
.menuRezervace a.aktivni
{
background-position:right;
}
.menuFotogalerie a {
background-image:url(grafika/menu_fotogalerie.gif);
width:110px;
margin-top:10px;
height:32px;
display:block;
}
.menuFotogalerie a:hover{
background-position:right;
}
.menuFotogalerie a:active{
background-position:right;
}
.menuFotogalerie a.aktivni
{
background-position:right;
}
.menuLuhacovice a {
background-image:url(grafika/menu_luhacovice.gif);
width:110px;
margin-top:10px;
height:32px;
display:block;
}
.menuLuhacovice a:hover{
background-position:right;
}
.menuLuhacovice a:active{
background-position:right;
}	
.menuLuhacovice a.aktivni
{
background-position:right;
}
.ZahlaviKontakt{
text-align:right;
margin:15px;
float:right;
width:380px;
}
.LogoHedvika{
background-image:url(grafika/logo-penzion-hedvika.gif);
width:380px;
height:64px;
}
.ZahlaviRezervace{
margin-top:30px;
}
.ZahlaviRezervaceGreen{
color:#66CC33;
}
#zahlavi img{
margin-top:10px;
margin-left:15px;
float:left;
border:0;
}

#ObsahHlavnihoKontejneru .Obsah{
width:600px;
}

#Paticka{
width:100%;
margin-top:20px;
}

#Paticka .Obsah{
width:100%;
padding-top:10px;
padding-bottom:5px;
color:#666666;
}

#Paticka a{
font-size:11px;
color:#66CC33;
text-decoration:none;
}
#Paticka a:hover{
width:100%;
color: #FF9933;
}

#obsah-o-hotelu{
margin-top:20px;
margin-bottom:20px;

}
#obsah-o-hotelu img{
float:left;
margin-right:20px;
}
#obsah-o-hotelu p{
text-align:justify;
margin:10px;
margin-left:0px;
float:left;
line-height:2em;
}

#obsah-cenik{
margin-top:20px;
margin-bottom:20px;

}

#obsah-cenik table{
width:90%;
}

#obsah-cenik .td1{
text-align:left;
width:70%;
padding:5px;
}
#obsah-cenik .td2{
text-align:center;
width:30%;
padding:5px;
padding-left:15px;
}
#obsah-cenik .tr-hlavicka{
background-color: #FFCC99;
width:30%;
}
#obsah-cenik li{
text-align:left;
}
#obsah-fotogalerie{
margin-top:20px;
margin-bottom:20px;
}

#obsah-fotogalerie img{
border:1px solid  #666666;
margin-left:5px;
margin-top:5px;
margin-right:5px;
}
#obsah-fotogalerie .fotka{
background-color: #FFFFFF;
font-size:10px;
margin:3px;
border:1px solid #DDDDDD;
float:left;
}
#obsah-fotogalerie .popis-a{
color: #006600;
margin:3px;
}
#obsah-rezervace{
margin-top:20px;
margin-bottom:20px;
}
#obsah-rezervace table{
border:0;
width:500px;
text-align:center;
font-size:11px;
}
#obsah-rezervace tr.nadpis{
background-color:#FFCC99;
}
#obsah-rezervace td{
padding:3px;
}
#obsah-rezervace td.datum{
background-color: #FFFFCC;
}
#obsah-rezervace tr.nadpis-typu{
background-color: #99CCFF;
}
#obsah-rezervace td.typ{
background-color:#CCEEFF;
width:33%;
}
#obsah-rezervace tr.nadpis-osobni{
background-color: #CCCCCC;
}
#obsah-rezervace td.osobni{
background-color:#EAEAEA;
width:50%;
}
#obsah-rezervace .overeni-registrace{
margin-top:50px;
margin-bottom:100px;
}
#obsah-informace-o-Luhacovicich{
margin-top:20px;
margin-bottom:20px;
}
#obsah-informace-o-Luhacovicich p{
text-align:justify;
line-height:2em;
display:block;

}
#obsah-informace-o-Luhacovicich img{
margin:5px;
padding:5px;
}
#rb .box{
width:600px;
background: url(grafika/bkg.gif) repeat;
}
#rb .top-left{
background: url(grafika/top-left.gif) no-repeat top left;
}
#rb .top-right{
background: url(grafika/top-right.gif) no-repeat top right; 
}
#rb .bot-left{
background: url(grafika/bot-left.gif) no-repeat bottom left;
}
#rb .bot-right	{
background: url(grafika/bot-right.gif) no-repeat bottom right;
 }
#rb .top-left, .top-right, .bot-left, .bot-right {
	width: 100%;
	height: 6px;
	font-size: 1px;
}
#rb .content  { margin: 0 14px; }
#rb img{
margin:10px;
}


