/* css for penzion-lomna.cz - all right's reserved - made by mommek */
body {
background-color: #cfdad2;
}
#cele {
margin: auto;
width: 700px;
}
#head {
background: #cfdad2 url('img/head.jpg') no-repeat;
width: 422px;
height: 122px;
float: left;
}
.ahead {
display: block;
width: 422px;
height: 122px;
}
#headinfo{
margin-top: 10px;
margin-left: 10px;
float: left;
width: 190px;
height: 112px;
color: #9a5a15;
font: 10pt 'Trebuchet MS';
}
#lang {
float: left;
width: 50px;
height: 102px;
padding-left: 20px;
padding-top: 20px;
}
#flagcz {
background: url('img/cz.jpg') no-repeat;
width: 30px;
height: 20px;
margin-bottom: 10px;
}
#flagpl {
background: url('img/pl.jpg') no-repeat;
width: 30px;
height: 20px;
margin-bottom: 10px;
}
#flageng {
background: url('img/eng.jpg') no-repeat;
width: 30px;
height: 20px;
}
.alang {
width: 30px;
height: 20px;
display: block;
}
#main {
background: url('img/intro3.jpg') no-repeat;
width: 700px;
height: 472px;
}
.amain {
display: block;
width: 700px;
height: 492px;
}
#foot {
background: #cacaca;
height: 45px;
padding-top: 5px;
text-align: center;
font-size: 7pt;
font-family: 'Tahoma';
}

.k{
display: block;
width: 60px;
height: 134px;
float: left;
}
.k:hover {
background: url('img/main-k.png') no-repeat;
display: block;
}
.u {
display: block;
width: 55px;
height: 134px;
float: left;
}
.u:hover {
background: url('img/main-uu.png') no-repeat;
width: 55px;
height: 134px;
display: block;
}
.ch {
display: block;
width: 100px;
height: 134px;
float: left;
}
.ch:hover {
background: url('img/main-ch2.png') no-repeat;
width: 100px;
height: 134px;
display: block;
}
.a {
display: block;
width: 60px;
height: 134px;
float: left;
}
.a:hover {
background: url('img/main-a2.png') no-repeat;
width: 60px;
margin-left: -5px;
height: 134px;
display: block;
}
.r {
display: block;
width: 80px;
height: 134px;
float: left;
}
.r:hover {
background: url('img/main-r2.png') no-repeat;
margin-left: -20px;
width: 80px;
height: 134px;
display: block;
}
.kk {
display: block;
width: 70px;
height: 134px;
float: left;
}
.kk:hover {
background: url('img/main-kk2.png') no-repeat;
margin-left: -44px;
width: 70px;
height: 134px;
display: block;
}
.aa {
display: block;
width: 75px;
height: 134px;
float: left;
}
.aa:hover {
background: url('img/main-aa2.png') no-repeat;
margin-left: -55px;
width: 75px;
height: 134px;
display: block;
}
/* ---------- HORIZONTÁLNÍ MENU ---------- */
#nav .Uroven0
{
  height: 35px;
  overflow: hidden;
  display: block;
  margin-top: 55px;
}
#nav .Uroven0 .navlink {
background: url('img/navbg2.png') no-repeat;
width: 70px;
height: 15px;
float: left;
font-family: 'Tahoma';
font-size: 9pt;
text-align: right;
margin-right: 3px;
}
#nav .Uroven0 .navlink a
{
color: #000;
font-weight: bold;
text-decoration: none;
padding: 0px 5px 3px 0px;
}
#nav .Uroven0 a:hover {
border-bottom: 2px solid #e5732f;
}
#nav .Uroven0 a.button-02 {margin-right: 10px;}
#nav .Uroven0 a.button-03 {margin-right: 10px;}
#nav .Uroven0 a.button-04 {margin-right: 10px;}
#nav .Uroven0 a.button-05 {margin-right: 10px;}
#nav .Uroven0 a.button-06 {margin-right: 10px;}
#nav .Uroven0 a.button-07 {margin-right: 10px;}
#nav .Uroven0 a.button-08 {margin-right: 10px;}
#nav .Uroven0 a.button-012 {margin-right: 10px;}

#menu .Uroven0 div a.button-02:hover {background: url('img/blue_hover.png') repeat-x;color: #fff;}
#menu .Uroven0 div a.button-03:hover {background: url('img/aqua_hover.png') repeat-x;color: #fff;}
#menu .Uroven0 div a.button-04:hover {background: url('img/brown_hover.png') repeat-x;color: #fff;}
#menu .Uroven0 div a.button-05:hover {background: url('img/green_hover.png') repeat-x;color: #fff;}
#menu .Uroven0 div a.button-06:hover {background: url('img/b-06-hover.png') no-repeat;color: #fff;}
#menu .Uroven0 div a.button-07:hover {background: url('img/orange_hover.png') repeat-x;color: #fff;}
#menu .Uroven0 div a.button-08:hover {background: url('img/gold_hover.png') repeat-x;color: #fff;}

#menu .Uroven0 div.active a.button-02 {background: url('img/blue_hover.png') repeat-x;color: white;}
#menu .Uroven0 div.active a.button-03 {background: url('img/aqua_hover.png') repeat-x;color: white;}
#menu .Uroven0 div.active a.button-04 {background: url('img/brown_hover.png') repeat-x;color: white;}
#menu .Uroven0 div.active a.button-05 {background: url('img/green_hover.png') repeat-x;color: white;}
#menu .Uroven0 div.b-06-active        {background: url('img/b-06-hover.png') no-repeat;width: 245px;text-align: left;color: white;}
#menu .Uroven0 div.active a.button-07 {background: url('img/orange_hover.png') repeat-x;color: white;}
#menu .Uroven0 div.active a.button-08 {background: url('img/gold_hover.png') repeat-x;color: white;}


/* ---------- VERTIKÁLNÍ MENU ---------- */
#nav .Uroven1 { 
margin-left: -110px;
font-family: 'Georgia';
}
#menu .Uroven1 ul{
padding-left: 10px;
}
#menu .Uroven1 li{
List-style: gray;
margin-left: 30px;
}
#nav .Uroven1 a
{
  color: #000;
  text-decoration: none;
}
#nav .Uroven1 a:hover{
  color: #e5732f;
  text-decoration: none;
}
#menu .Uroven2 { 
margin-left: 35px;
border-top: 1px solid #bdbdbd;
width: 200px;
display: block;
}
#menu .Uroven2 a
{
  color: #0d2e71;
  display: block;
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left: 20px;
  text-decoration: none;
  font-size: 10pt;
  font-family: 'Tahoma';
  width: 180px;
  height: 15px;
}
#menu .Uroven2 a:hover{
  text-decoration: underline;
}
p{
margin: 0px;
}
h1 {
font-size: 12pt;
margin: 0px;
}
h2 {
font-size: 13pt;
}
h3 {
font-size: 12pt;
}
h4 {
font-size: 11pt;
}
h5 {
font-size: 10pt;
}

.Edit {
padding: 3px;
font-family: 'Georgia';
font-size: 10px;
font-weight: bold;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
#clear {
clear: both;
margin: 0;
padding: 0;
}