html,body {
	height: 100%;
}


p, img, h1, h2, h3, h4, form, ul, li {margin: 0; padding: 0; border: none;}
.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

img.pic_left {margin: 5px; float: left;}
img.pic_right {margin: 5px; float: right;}

h1 { color: #c7b585; font-size: 175%; font-weight: normal; padding: 0 0 30px 0; margin: 0;}
h2 {color: #254004; font-size: 145%; font-weight: normal; padding: 0 0 20px 0; color: #b59859;}
h3 {color: #783E12; font-size: 105%; font-weight: normal; padding: 10px 0 5px 0;}


body {
  background: #ffffff;
  margin: 0 auto; padding: 0;
  font-family: Times New Roman;
  color: #777777;
  font-size: 100%;
}

a {color: #C64545; text-decoration: underline;}
a:hover {color: #2C853F; background: #f2f4f0}

hr { border: none; border-top: 1px solid #D9D9D9; height: 1px; }

.hide {display: none;}

.top {margin: 0 auto; width: 100%; height: 90px;}
.flash {margin: 0 auto; width: 100%; height: 370px; background: #81916d; overflow: hidden;}
#content {margin: 0 auto; padding: 25px 0 0 0; width: 100%; }
.foot {margin: 0 auto; padding: 0 0 15px 0; }

.top-site, .flash-site, .foot-site {margin: 0 auto; width: 933px; position: relative;}
.flash-site {height: 100%; color: #e5e5e5; } /*docasna*/
.foot-site p {font-size: 75%; padding: 5px 10px 15px 10px; margin: 0; }
.foot-site p.float_right {text-align: right;}
.top-site {position: relative; height: 90px;}

.top-site {z-index: 100;}
.flash-site {z-index: 50;}

.content-site {margin: 0 auto; width: 885px; padding: 20px 30px 10px 30px; background: url(/_clip/content-middle.gif) left top repeat-y;}

.content-top-shadow {margin: 0 auto; height:6px; width: 945px; background: url(/_clip/content-top.gif) left top no-repeat;}
.content-bottom-shadow {margin: 0 auto; height:6px; width: 945px; background: url(/_clip/content-foot.gif) left top no-repeat;}

/* \*/ * html .content-top-shadow {margin-bottom: -13px} /**/

.content-site p {margin: 0; padding: 0;}
.content-site .news p {margin: 0; padding: 0 0 10px 0;}

#content-over-flash { position: relative; top: 45px; left: 340px; width: 570px; display: none;}

.obchod {/*background: url(/_images/image_obchod.jpg) left top no-repeat;*/}
.pivovary {/*background: url(/_images/image_pivovary.jpg) left top no-repeat;*/}
.media {/*background: url(/_images/image_media.jpg) left top no-repeat;*/}
.kontakt {/*background: url(/_images/image_kontakt.jpg) left top no-repeat;*/}
.homepage {/*background: url(/_images/image_onas.jpg) left top no-repeat;*/}


/*top*/
a.logo {
	display: block;
	width: 286px; height: 142px;
	background: url(/_clip/logo.png) left top no-repeat;
	position: absolute; left: -25px; top: 0;
	z-index: 100;
	cursor: pointer;
	}
form {text-align: right; }
.button {background: #ffffff; border: none; color: #9d9d9d; font-size: 70%; font-family: Times New Roman; margin: 10px 5px 0 0;}
input.text {border: 1px solid #9d9d9d; margin: 10px 5px 0 0;}


/*menu*/



ul.menu {font-weight: bold; list-style: none; position: absolute; bottom: 10px; left: 333px; width: 500px;}
ul.menu li {float: left;}
ul.menu li a {display: block; padding: 2px 8px; color: #777777; border-right: 1px solid #979797; background: none; text-decoration: none;}
ul.menu li a:hover {color: #b59859;}
ul.menu li.active a {color: #b59859 !important;}
ul.menu li.last a {border: none}

ul.menu.smaller {font-size: 80%}

ul.flag {font-size: 95%; font-weight: bold; list-style: none; position: absolute; top: 60px; right: 0;}

.flag li, .flag li a:hover, .flag li #active { float: left; margin: 0 3px; width: 20px; height: 13px;}
.flag li a:hover, .flag li #active span {margin: 0; }

.flag li {position: relative;  overflow: hidden; border: 1px solid #b0a4a3;}
.flag li span {position: absolute; top: 0; left: 0; display: block;}
.flag li a:hover {cursor: pointer;}

.flag li.cz, .flag li.cz span {background: url(/_clip/cz-off.gif) 0 0 no-repeat; width: 20px; height: 13px;}
.flag li.en, .flag li.en span {background: url(/_clip/en-off.gif) 0 0 no-repeat; width: 20px; height: 13px;}
.flag li.de, .flag li.de span {background: url(/_clip/de-off.gif) 0 0 no-repeat; width: 20px; height: 13px;}
.flag li.ru, .flag li.ru span {background: url(/_clip/ru-off.gif) 0 0 no-repeat; width: 20px; height: 13px;}

.flag li.cz1 a:hover span, .flag li#active.cz span {background: url(/_clip/cz.gif) 0 0 no-repeat;  border: 1px solid #715752;}
.flag li.en a:hover span, .flag li#active.en span {background: url(/_clip/en.gif) 0 0 no-repeat; border: 1px solid #715752;}
.flag li.de a:hover span, .flag li#active.de span {background: url(/_clip/de.gif) 0 0 no-repeat; border: 1px solid #715752;}
.flag li.ru a:hover span, .flag li#active.ru span {background: url(/_clip/ru.gif) 0 0 no-repeat; border: 1px solid #715752;}


/*content*/


.left_panel {float: left; width: 610px;}
.right_panel {float: right; width: 245px; padding: 0 0 10px 15px; border-left: 1px solid #D9D9D9}

.short-content-block { width: 290px; margin: 0 15px 20px 0; font-size: 75%; float: left; color: #3a3a3a;}
.short-content-block .image {float: left; width: 130px;}
.short-content-block .image img {border: 1px solid #b0a4a3;}
.short-content-block .text { float: left; width: 160px}
.short-content-block .text h3 {margin: 0 0 10px 0; padding: 0; font-size: 115%;}
.short-content-block .text h3 a {text-decoration: none;}
.short-content-block .text h3 a:hover {background: #f2f4f0}

.short-content-block.normal-size {font-size: 100%; color: #777777;}



.aktualita {padding: 0; font-size: 85%;}
.aktualita ul { margin: 0; padding: 0; list-style: none; }
.aktualita ul li { padding: 2px 0}
.aktualita ul li a {text-decoration: underline;}

.contact-block {float: left; width: 260px; padding: 15px 20px 15px 0;}
.loga-pivovaru img { margin: 0 50px 15px 0; padding: 1px;}
.loga-pivovaru a:hover img, .loga-pivovaru a:hover {background: none !important;}
.short-content-block a:hover img, .image a:hover {background: none !important;}

p.btn_back {margin: 15px 0; padding: 10px 0;}
.btn_back a {padding: 3px 6px; background: #F2F4F0; text-decoration: none;}
.btn_back a:hover {background: #81916D; color: white;}

#mapa {width: 393px; height: 246px; margin-right: 15px; background: url(/_clip/mapa_cr.gif) 0 0 no-repeat; float: left;}
#mapa.eu {background: url(/_clip/mapa_eu.jpg) 0 0 no-repeat; float: left;}
#mapa_menu { float: left; width: 200px; padding-top: 20px; margin-right: 15px;}
#mapa_menu ul {margin: 0; padding: 0; list-style: none;}
#mapa_menu ul li a {display: block; padding: 3px 6px; background: #F2F4F0; border-bottom: 1px solid white; text-decoration: none; font-size: 85%; }
#mapa_menu ul li a:hover {background: #81916D; color: white;}
#kontakt { padding: 10px 0 0 0; width: 260px; float: left;}
/* \*/ * html #mapa_menu ul li a {height: 1px }/**/

table.cd_kontakt, table.seznam {width: 100%; margin: 15px 0; border: 1px solid #F2F4F0;}
table.cd_kontakt th, table.seznam th {padding: 4px 5px; background: #F2F4F0; text-align: left; font-size: 85%;}
table.cd_kontakt td, table.seznam td {padding: 3px 5px; border: 1px solid white;}
table.seznam td {font-size: 80%;}


.left-picture { margin: 0 15px 15px 0; float: left;}
.right-picture { margin: 0 0 15px 15px; float: right;}

.sitemap-block {font-size: 85%; float: left; width: 200px; padding: 0 10px; border-right: 1px solid #D9D9D9}
.sitemap-block.last {padding: 0 0 0 10px; border: none !important;}
.sitemap-block h3 {font-size: 125%;}

ul.sitemap { margin: 0 0 0 15px; padding: 0; }
ul.sitemap li { padding: 3px 0; font-weight: bold;}
ul.sitemap ul { margin: 5px 0 0 25px; padding: 0; }
ul.sitemap ul li { padding: 0; font-weight: normal;}



/* SEDM SPECIALU */

#sedm_specialu {background: #8A281D url(/_clip/top-7.jpg) center 10px repeat-x; padding: 145px 25px 25px 25px; color: #FEF191; }
#sedm_specialu ol {margin-bottom: 10px; }
#sedm_specialu ul {margin: 0 0 10px 35px; }
#sedm_specialu form { background: url(/_clip/obrazek-7.jpg) left bottom no-repeat; height: 650px; width: 100%;}
#sedm_specialu input.btn {background: #8A281D /*url(/_clip/top-7.jpg) 0 0 no-repeat*/; color: #FEF191; font-weight: bold; border: none; }
#sedm_specialu h3 {color: #ffffff;}
#sedm_specialu table {color: #8A281D; text-align: left; background: url(/_clip/transparent.png) 0 0 repeat; margin: 10px 10px 0 10px; padding: 10px 25px 10px 25px; width: 97%;}
#sedm_specialu th {font-size: 110%; }
#sedm_specialu th.jedna {width: 65%;}
#sedm_specialu td {font-weight: bold;}
#sedm_specialu p.right {text-align: right;}
#sedm_specialu a {color: #ffffff; }
#sedm_specialu a:hover {background: none; color: #C64545; }


/* soutezni formular */
#sedm_specialu td.msg {
    font-weight: bold;
}

#sedm_specialu h2.msg {
    font-weight: normal;
    color: #c7b585;
}

#sedm_specialu .msg.error {
    font-size: 0.8em;
    color: red;
}

#sedm_specialu input.error, #sedm_specialu select.error {
    background: #fcc;
}
/**/
table.formular { text-align: left; width: 100%; border-collapse: collapse; margin: 15px 0; }
table.formular td { text-align: left !important; padding: 2px; vertical-align: top; }
table.formular td textarea { width: 320px; height: 85px; }
table.formular input.hospoda { width: 255px; }

ul.error { margin: 15px 0; padding: 0; list-style: none; }
ul.error li { margin: 0; padding: 2px 0 2px 20px; color: red; }

.flash-lobkowicz {position:relative;width:593px; height:263px;}
.flash-lobkowicz a {display:block; width:593px; height:263px; z-index:5000; position:absolute; top: 0; left: 0; color:none; }
.flash-lobkowicz a span {display:none;}
.flash-lobkowicz a:hover {background:none;}
.flash-lobkowicz #flash_anim {z-index: 100; position: relative; }