body {background: #4B2400 url("../grafika_webu/PozadiHorni.jpg") top left repeat-x;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 10pt;
color: #000000;}

a {color: #000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:hover {color: #000000; text-decoration: underline;}
a:active {color: #000000; text-decoration: underline;}

ul {list-style-type: none; margin-top: 15px;}
/* posledni prazdna polozka menu jen pro drzeni pozadi */
li#last {display: block;
height: 20px;
line-height: 20px;
background: url("../grafika_webu/MenuBlok.jpg") left bottom no-repeat;}

#hlavniMenu {position: relative; width: 180px; left: 2px; top: 0px; margin-bottom: 20px; margin-top: 0;}

ul#hlavniMenu a {background: url("../grafika_webu/MenuPozadiObe.jpg") no-repeat;
display: block;
height: 25px;
line-height: 25px;
color: #000;
text-decoration: none;
font-size: 11pt;
font-weight: bold;
text-indent: 9px;
border-bottom: 0px solid #fff; width: 175px;}

ul#hlavniMenu a:visited {color: #000000; background: url("../grafika_webu/MenuPozadiObe.jpg"); background-position: 0 0;}
ul#hlavniMenu a:hover {color: #D30000; background: url("../grafika_webu/MenuPozadiObe.jpg"); background-position: -175px 0;}
ul#hlavniMenu a:active {color: #000000; background: url("../grafika_webu/MenuPozadiObe.jpg"); background-position: 0 0;}

p {width: 100%; clear: both; text-indent: 10px; margin-bottom: 10px;}

#logo {width: 311px; height: 81px; position: relative; top: 20px; left: 6px;}

h1, h2, h3, h4, h5, h6 {clear: both;}

h1 {display: block; font-size: 11pt; color: #D30000; margin-bottom: 10px;}
#logo h1 {margin: 0;}
#logo h1 a {background-color: transparent; display: block; width: 310px; height: 80px;}
h1 a {display: block;}

h1 span {background: url("../grafika_webu/Logo.jpg") no-repeat;
display: block;
cursor: pointer;
position: absolute;
width: 100%;
height: 100%;}

h2 {font-size: 11pt; color: #D30000; margin-bottom: 10px;}
h2 a {font-size: 10pt; color: #000; text-decoration: underline; font-weight: normal;}
h2 a:visited, h2 a:hover, h2 a:active {color: #000; text-decoration: underline;}
h2 span {font-size: 8pt; color: #D30000; font-weight: normal;}
td h2 {margin-bottom: 5px;}

h3 {font-size: 10pt; color: #000; padding-top: 2px; text-indent: 10px;}
h3 a {color: #000; text-decoration: underline; font-weight: normal;}
h3 a:visited, h3 a:hover, h3 a:active {color: #000; text-decoration: underline;}

h4, h5, h6 {font-size: 8pt; color: #663300; padding-top: 5px; text-indent: 10px;}
h4 a {color: #000; text-decoration: underline;}
h4 a:visited, h4 a:hover, h4 a:active {color: #000; text-decoration: underline;}

h5 {text-indent: 0;}
h6 {font-weight: normal; text-indent: 0;}

/* divy v hlavicce */
#moto {width: 580px;
position: relative;
font-size: 14pt;
left: 248px;
top: -70px;
text-align: right;
z-index: 10;}

div#vyberJazyk {width: 22px; position: relative; left: 865px; top: -85px;}
#vyberJazyk a {display: block; width: 20px; height: 14px; position: absolute; border: 1px solid #fff;}
#vyberJazyk a:hover {width: 20px; height: 14px; position: absolute; border: 1px solid #FFD800;}
a#flag_cz {top: 0px; background: url("../vlajky/jazyk/czF.gif") top left no-repeat;}
a#flag_gb {top: 18px; background: url("../vlajky/jazyk/gbF.gif") top left no-repeat;}
a#flag_de {top: 36px; background: url("../vlajky/jazyk/deF.gif") top left no-repeat;}

#datumAktual {width: 220px;
position: relative;
left: 560px;
top: -14px;
text-align: right; color: #fff; font-size: 8pt;}

#lista {width: 100%; height: 16px; position: relative; bottom: 4px;}

#navigaceHorni { float: left; width: 700px; left: 10px; position: relative;
font-weight: bold; font-size: 8pt; color: #FF3000; font-weight: normal;}

#navigaceHorni a:link, #navigaceHorni a:visited {text-decoration: none; color: #ffcc99;} 
#navigaceHorni a:hover, #navigaceHorni a:active {text-decoration: underline; color: #FFB32E;}

#textSloupecLevy {width: 47%; float: left; text-align: justify; padding-right: 5px;}
#textSloupecPravy {width: 50%; float: right;}

/* formulare obecne*/
form {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; padding: 0; margin :0;}
input, textarea {border: 1px solid #ccc;}

/* form pro vyhledavani */
#vyhledavani {position: relative; float: right; width: 140px; left: 13px; bottom: 2px;}
.vyhlTextPole {background: #ffffff; font-size: 8pt; line-height: 16px; vertical-align: middle; text-align: right; width: 80px;}
.vyhlTextPole:focus {background: #FFF1E2;}
#vyhlTlacitko, #potvrzTlacitko {background: none; color: #ffcc99; height: 16px; font-size: 8pt; border: 0; line-height: 16px; vertical-align: middle;}
#potvrzTlacitko {color: #000;}


/* tabulky */
table {width: 100%; text-align: left; margin: 15px 0; background: url("../grafika_webu/SubmenuPozadi2.jpg") left bottom no-repeat;}

table a, h2 a {display: block; text-decoration: underline; background: url("../grafika_webu/RadekPozadi.jpg") left bottom no-repeat;}
table a:visited, table a:active, h2 a:visited, h2 a:active {color: #000000; text-decoration: underline;}
table a:hover, h2 a:hover {color: #C05E00; text-decoration: underline;}

li h2 a {text-indent: 10px;}

tr {background: none;}
td {height: 24px; padding-right: 5px;}

/* sloupce tabulky pro list pivovaru */
.tab1LevySlp {width: 90%;}
.tab1PravySlp {text-align: right; width: 10%;}

table span, h3 span {font-size: 8pt; color: #D30000; font-weight: normal;}

table.gbook {background: url("../grafika_webu/SubmenuPozadi1.jpg") left bottom no-repeat;}

.gbook a, .gbook a:visited, .gbook a:hover, .gbook a:active {color: #D30000; display: inline;}

.tab2LevySlp {width: 10%;}
.tab2PravySlp {text-align: left; width: 80%;}

td img {vertical-align: middle;}

div.subMenu, div.subMenu2, div.subMenu3, div.subMenu4 {
display: block; 
font-size: 8pt;
width: 100%;
height: 1.5em;
padding-top: 0.25em;
clear: both;
background: url("../grafika_webu/SubmenuPozadi1.jpg") bottom left no-repeat;
margin: 5px 0;
color: #996633;}
div.subMenu2 {color: #663300; background: url("../grafika_webu/SubmenuPozadi2.jpg") bottom left no-repeat;}
div.subMenu3 {background: none; text-align: right;}
div.subMenu4 {height: 100%;}


.subMenu a, .subMenu a:visited, .subMenu a:hover, .subMenu a:active {font-weight: bold; color: #000000; text-decoration: underline;}

.subMenu2 a, .subMenu2 a:visited, .subMenu2 a:hover, .subMenu2 a:active {color: #D30000; text-decoration: underline;}

.subMenu3 a, .subMenu3 a:visited, .subMenu3 a:hover, .subMenu3 a:active {color: #000; text-decoration: underline;}

.subKontakt {background: none; border: 1px solid #ccc; margin-top: 5px; font-size: 8pt;}

.skenLevy, .skenPrav {width: 310px; float: left; text-align: right; margin-right: 1px;}
.skenPrav {text-align: left;}
.skenLevy img, .skenPrav img {border: 1px solid #ccc;}
.skenNumb {width: 70px;
float: left;
text-align: right;
padding-top: 20px;
font-size: 8pt;}

.mensiObr {width: 500px; border: 1px solid #fff;}

.skenNumb div {background: none; margin-top: 10px;}

.skenDetailLevy, .skenDetailPrav {font-size: 8pt;
width: 309px;
height: 45px;
background: url("../grafika_webu/SubmenuPozadi1.jpg") left bottom no-repeat;
float: left;
text-align: right;
margin-bottom: 2px;
margin-right: 2px;} 

.skenDetailPrav {text-align: left;
border-left: 1px solid #ccc;
background: url("../grafika_webu/SubmenuPozadi2.jpg") right bottom no-repeat;}

.nahled, .detail, .nahledDoPrehledu {display: block;
float: left;
margin: 11px;
padding: 3px;
border: 2px solid #ffcc99;}
.nahled {width: 90px; height: 90px;}
.nahled:hover {border: 2px solid #ff7f50;}

.nahledDoPrehledu {margin: 2px;}
.popisDoPrehledu  {float: right; text-align: left; width: 82%; padding-top: 20px;}

.pocet_navstev, .pocet_hitu {clear: both;
float: left; 
background: #FFF1E2;
color: #000000;
font-size: 8pt;
height: 1.1em;
margin-top: 2px;
padding: 2px 2px;
border: 1px solid #996633;}

.pocet_hitu {background: #D30000; color: #fff; border: 1px solid #fff;}

.vysledekHledani {padding: 0 0 0 30px; width: 650px; height: 50px;
background: url("../grafika_webu/SubmenuPozadi1.jpg") bottom left no-repeat;}

.clear {width: 100%; clear: both;}
.centr {margin-top: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto; text-align: center;}

#paticka img {vertical-align: middle;}
#paticka p {padding-top: 40px; color: #ffcc99;}
 
#paticka a:link, #paticka a:visited, #paticka a:active {color: #fff; text-decoration: underline;}
#paticka a:hover {color: #ffcc99; text-decoration: underline;}

#prubeznaCena {
position: fixed;
margin: 10px;
padding: 5px;
border: 1px solid #fff;
z-index: 50;
top: 0;
right: 0;
width: 150px;
height: 70px;
background-color: red;
color: white;
text-align: right;
font-size: 12px;
font-weight: bold;}

#infoBox1 {width: 530px; height: 70px; float: left;}
#infoBox2 {width: 160px; height: 70px; float: right; text-align: right; padding-right: 5px;}
#listMenu {height: 100px;}

#odberNovinek  {text-align: left; margin-left: 10px; margin-bottom: 25px;}