@CHARSET "UTF-8";
* {
    margin: 0;
    padding: 0;
    font-family: Georgia;
    font-size: 12px;
}
/* globální definice stylů  */
html {}

body {
    font-family:  Georgia;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: url(../images/design/bg.png) #ECE3D5 repeat-x;
}
a {color:#A10B0B;}
a:hover {color:#F48366;}

#container {
    width: 966px;
    position: relative;
    text-align: left;
    margin: auto;
}
#containerflow {
    position: relative;
    width: 966px;
    top: 146px;
    left: 8px;
}

#bottom-fix-home{background: url('../images/design/bg-bottom.jpg') bottom repeat-x; width: 100%; height: 320px;  float:left; margin: 194px 0 0 0; position: absolute; z-index:-10; padding: 0 0 15px 0; }
#bottom-fix-page{background: url('../images/design/bg-bottom.jpg') bottom repeat-x; width: 100%; height: 320px; float:left; margin: -168px 0 0 0; position: absolute;  z-index:-10; padding: 0 0 15px 0;}

#containerflow .divider, #container .hr {clear: both;margin:20px 50px;border-top:1px solid #F2DDBC;height:1px;overflow: hidden;}
#containerflow h1, #container h2 {font-family:  Georgia;color: #A10B0B;}
#containerflow h1 {font-size: 26px;margin-bottom: 25px;font-weight: bold;}
#containerflow h2 {font-size: 14px;margin-bottom: 10px;}
#containerflow ul, #container ol {margin-left:20px;}
#containerflow p {margin:10px 0;text-align: justify;line-height:20px;}
#containerflow ul, #containerflow ol, #containerflow p {color:#66635E;}
#containerflow span.caplett {color: #A10B0B;font-weight: bold;font-size:200%;}
#containerflow a.btn {line-height:22px;padding:0 7px 5px 7px;color:#F1CFCF;font-weight:normal;background:#AC0303;border:1px solid #D45B5B;display: block;font-size:14px;text-align: center;}
#containerflow a.btn:hover {background:#CC0404;}

#containerflow_index {
    position: relative;
    width: 966px;
    top: 508px;
    left: 8px;
}
#menu {
	position: absolute;
	width: 820px;
	top: 45px;
	left: 120px;
	z-index: 6;
}
#horni_lista {
	position: absolute;
	width: 982px;
	height: 15px;
	top: 65px;
	background: url(../images/design/horni_lista.gif);
}
#spodni_horni_lista {
	position: absolute;
	width: 966px;
	height: 35px;
	top: 80px;
	left: 8px;
	background: url(../images/design/spodni_horni_lista.gif);
}
#pecet {
	position: absolute;
	width: 136px;
	height: 141px;
	top: 16px;
	left: 20px;
	z-index: 5;
}
#pecet a {display: block;width: 136px;height: 141px;background: url(../images/design/pecet.png);}
#pecet a strong {display: none;}
#leva_horni_lista {
	position: absolute;
	width: 37px;
	height: 45px;
	top: 80px;
	left: -29px;
	background: url(../images/design/leva_horni_lista.png);
}
#prava_horni_lista {
	position: absolute;
	width: 37px;
	height: 45px;
	top: 80px;
	left: 974px;
	background: url(../images/design/prava_horni_lista.png);
}
#top {
    position: absolute;
    width: 966px;
    height: 393px;
    top: 115px;
    left: 8px;
    background: url(../images/design/top.jpg);
}
#top #ochranna-znaceni {position: absolute;left:615px;top:80px;}
#top #ochranna-znaceni a {width: 75px;height:140px;display: block;}
#top #ochranna-znaceni a strong {display: none;}

#top #peceti {position: absolute;left:420px;top:260px;}
#top #peceti a {width: 525px;height:110px;display: block;}
#top #peceti a strong {display: none;}

#oznameni {
	width: 966px;
	height: 49px;
	top: 508px;
	left: 8px;
	background: url(../images/design/oznameni.gif);
}
.horke_novinky {
	position: relative;
	color: #F1CFCF;
	top: 16px;
	left: 10px;
  font-size: 12px;
  font-weight: bold;
}
.text_horke_novinky {
	position: absolute;
	color: #F1CFCF;
	top: 16px;
	left: 160px;
	font-style: italic;
}
.text_horke_novinky a {
    color: #F1CFCF;
    font-style: italic;
    text-decoration: none;
}
.text_horke_novinky a:hover {
    text-decoration:underline;
}
.text_historie_cz {
	position: relative;
	color: white;
	top: 152px;
	left: 25px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

.text_historie_en {
	position: relative;
	color: white;
	top: 152px;
	left: 25px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

.text_historie_cz a, .text_historie_en a {
	color: white;
	text-decoration: none;
}

.text_mobil_cz a {
	position: relative;
	top: 152px;
	left: 25px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

.text_mobil_en a {
	position: relative;
	top: 152px;
	left: 25px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

.text_mobil_cz a, .text_mobil_en a {
	color: black;
	text-decoration: none;
}

.text_aktualit_cz a {
	position: relative;
	top: 152px;
	left: 25px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

.text_aktualit_en a {
	position: relative;
	top: 152px;
	left: 25px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

.text_aktualit_cz a, .text_aktualit_en a {
	color: black;
	text-decoration: none;
}
.aktualita_datum {float: left;margin:5px 10px 0 18px;}
.aktualita_mesic {
    width: 45px;
    height: 11px;
    background-color: #C40F0F;
    padding: 1px 0 0 0;
    color: white;
    text-align: center;
    font-size:9px;
    overflow: hidden;
    border-top: 1px solid #a0a0a0;
}
.aktualita_den {
    width: 45px;
    height: 25px;
    border-bottom: 1px solid #a0a0a0;
    background-color: white;
    color: black;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.aktualita_text {
	color: black;
	text-align: center;
	font-size: 16px;
	text-align: left;
    float: left;
    overflow: hidden;
    margin:5px 0 0 0;
}
.aktualita_text a {
	color: #252525;
    font-weight: bold;
}

#box_aktualit .aktualita_text, #detail_box_aktualit .aktualita_text {width: 230px;height: 60px;}
.aktualityPage .aktualita_text {width: 500px;}
.aktualityPage .rok {color:#A10B0B;font-size:22px;font-weight:bold;margin:20px 0;}
.aktualityPage .divider {clear: both;margin:10px 50px;border-top:1px solid #F2DDBC;height:1px;overflow: hidden;}

/* SEO */
#top_02_seo {
	position: absolute;
	width: 293px;
	height: 255px;
	top: 115px;
	left: 410px;
	z-index: -1;
}
#top_04_seo {
	position: absolute;
	width: 271px;
	height: 255px;
	top: 115px;
	left: 703px;
	z-index: -1;
}
#top_05_seo {
	position: absolute;
	width: 564px;
	height: 138px;
	top: 370px;
	left: 410px;
	z-index: -1;
}
#box_historie_seo {
	position: absolute;
	width: 312px;
	height: 177px;
	top: 783px;
	left: 8px;
	background: url(../images/design/box_historie.gif);
	z-index: -1;
}
#box_mobil_seo {
	position: absolute;
	width: 312px;
	height: 177px;
	top: 783px;
	left: 335px;
	background: url(../images/design/box_mobil.gif);
	z-index: -1;
}
#box_aktualit_seo {
	position: absolute;
	width: 312px;
	height: 177px;
	top: 783px;
	left: 662px;
	background: url(../images/design/box_aktualit.gif);
	z-index: -1;
}
/* detail piva */
#detail_top {
	position: absolute;
	width: 966px;
	height: 31px;
	top: 115px;
	left: 8px;
	background: url(../images/design/detail_top.gif);
}
#detail_bottom {
	width: 966px;
	background:url(../images/design/detail_bg_middle.gif);
    margin-bottom:15px;
}
#detail_bottom .top {background:url(../images/design/detail_bg_top.gif) no-repeat;width: 966px;height: 25px;}
#detail_bottom .bottom {background:url(../images/design/detail_bg_bottom.gif) no-repeat left bottom;}

#flash, #detail_flash {
	width: 966px;
	height: 226px;
    left: 8px;
	padding-top:10px;
	/*background: url(../images/design/flash.gif);*/
}
#box_historie, #detail_box_historie {
	width: 312px;
	height: 177px;
	background: url(../images/design/box_historie.gif);
    float: left;
}
#box_historie a, #detail_box_historie a {
    width: 312px;
    height: 177px;
    display: block;
    text-decoration: none;
}
#box_mobil_cz, #detail_box_mobil_cz {
	width: 312px;
	height: 177px;
	background: url(../images/design/box_mobil_cz.jpg);
    float: left;
    margin-left: 15px;
}

#box_mobil_en, #detail_box_mobil_en {
	width: 312px;
	height: 177px;
	background: url(../images/design/box_mobil_en.jpg);
    float: left;
    margin-left: 15px;
}

#box_aktualit, #detail_box_aktualit {
	width: 312px;
	height: 177px;
	background: url(../images/design/box_aktualit.gif);
    float: left;
    margin-left: 15px;
}
#rozdelovac, #detail_rozdelovac {
	width: 966px;
	height: 41px;
	left: 8px;
	background: url(../images/design/rozdelovac.gif);
}
#paticka, #detail_paticka {
  background-color:#EDD9B5;
  color:#87785C;
  font-family:Georgia;
  font-size:14px;
  margin:10px 0;
  text-align:center;
}
#detail_top_text {
	position: absolute;
	width: 966px;
	height: 31px;
	top: 125px;
	left: 180px;
}
#detail_top_text a {
	color: #918C84;
}
.rebel_premium {
	color: #575551
}
#detail_bottom_text {
	width: 600px;
	left: 60px;
    margin:0 15px 0 35px;
    padding:0 0 35px 0;
    float: left;
}
#detail_bottom_text .left {
	position: absolute;
	width: 280px;
	top: 150px;
	left: 0px;
}
#detail_bottom_text .right {
	position: absolute;
	width: 280px;
	top: 150px;
	left: 300px;
}


.mainmenu { margin: 0; padding: 0; left: 50px; top: 20px; position: relative; }
.mainmenu * {margin:0;padding:0;}

.mainmenu li { list-style: none; position: relative; text-align: left; display: inline; float: left;  }
.mainmenu li a {height: 50px;line-height: 50px;color: #E9B7B7; font-size: 11px; text-decoration: none; font-weight: bold; font-size: 12px;padding:17px 10px;}
.mainmenu li a:hover, .mainmenu li.sel > a {color: #fff;}
.mainmenu li.sel { background: url(../images/design/stin.gif) no-repeat bottom center;}

/* submenu */
.mainmenu li ul {display: none;border:1px solid #D45B5B; border-top:0;position: absolute;width: 200px;background: url(../images/design/submenu_ul_bg.gif) repeat-x top left #B60D0D;padding:0 14px;margin:0;}
.mainmenu li ul li {display: block;float: none;background: url(../images/design/submenu_li_bg.gif) no-repeat bottom right;}
.mainmenu li ul li a {color: #E9B7B7; font-size:9px; text-decoration: none; font-weight: normal; font-size: 12px;width: 100%;display: block;height:auto;line-height:35px;padding:0px 0;}
.mainmenu li ul li a:hover {background:none;}

.halfcol {width:48%;float:left;}
.halfcolsplit {width:3%;float:left;}
.thirdcol {width:32%;float:left;}
.twothirdcol {width:64%;float:left;}
.cb {clear:both;}
.fleft {float:left;}
.fright {float:right;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.center {text-align:center;}
.right {text-align:right;}

.pageDivider {text-align: center;margin:30px 0;color: #EECA92;}
.pageDivider span.pageDivider_na, .pageDivider span.pageDivider_na_not_a, .pageDivider a.pageDivider_a {font-size:20px;line-height:30px;padding:0 7px;border:1px solid #F6E4C8;background: #FAECD6;text-decoration: none;}
.pageDivider a.pageDivider_a {color: #A10B0B;}
.pageDivider a.pageDivider_a:hover {background:#A10B0B;color:#FAECD6;}

.recognitionPage {}
.recognitionPage .yearcol {width:32%;float:left;}
.recognitionPage .yearcol .year {color:#A10B0B;font-size:24px;font-weight:bold;margin:0;}
.recognitionPage .recogcol {width:64%;float:left;}
.recognitionPage .recogcol table {width:100%;}
.recognitionPage .recogcol table th {color:#A10B0B;font-weight:bold;text-align: left;}
.recognitionPage .recogcol table th.col1 {width:40%;}
.recognitionPage .recogcol table th.col2 {width:30%;}
.recognitionPage .recogcol table th.col3 {width:30%;}
.recognitionPage .recogcol table td, .recognitionPage .recogcol table th {padding:10px;}
.recognitionPage .recogcol table td {vertical-align: top;}
.recognitionPage .divider {clear: both;margin:10px 50px;border-top:1px solid #F2DDBC;height:1px;overflow: hidden;}

.imgdivc {text-align: center;}
.imgbrdB {border: 5px solid #D9CDBB; float:right;}
.first {margin-top:0 !important;}

.themeimg {float: right; width:300px ;_width:290px; z-index: 10000; margin: 0 15px 0 0;}
.themeimg .cont {height:200px;}
.themeimg .img1 {height:440px;background:url(../images/theme/original.png) no-repeat top right;}
.themeimg .img2 {height:440px;background:url(../images/theme/tmavy.png) no-repeat top right;}
.themeimg .img3 {height:440px;background:url(../images/theme/czechbeer.png) no-repeat top right;}
.themeimg .img4 {height:440px;background:url(../images/theme/tradicni.png) no-repeat top right;}
.themeimg .img5 {height:440px;background:url(../images/theme/haskuvck.png) no-repeat top right;}
.themeimg .img6 {height:440px;background:url(../images/theme/pivo.png) no-repeat top right;}
.themeimg .img7 {height:440px;background:url(../images/theme/lahve3.png) no-repeat top right;}
.themeimg .img8 {height:440px;background:url(../images/theme/votrok-detail.png) no-repeat top right;}
.themeimg .img9 {height:440px;background:url(../images/theme/svatecni.png) no-repeat top right;}
.themeimg table {margin: 0 0 15px 0;}
.themeimg .aktualita_datum {margin:5px 10px 0 0;}

.logomanual img {border:0;}

.gallery_img {float:left;margin:0 20px 20px 20px;}
.gallery_img img {border-top:2px solid #ffffff; border-right:2px solid #ffffff; border-bottom:2px solid #D9CDBB; border-left:2px solid #D9CDBB; padding:5px;}
.gallery_img img:hover {border:2px solid #F8EBD7; padding:5px;}

.oceneniImg {background:url(../images/design/oceneni_piva_bg.gif) center center no-repeat transparent;height:140px;width:100%;}
.oceneniImg-en {background:url(../images/design/oceneni_piva_bg-en.gif) center center no-repeat transparent;height:140px;width:100%;}

.img-oz {width:150px;float:left; display:block;}

.productList {}
.productList .col {width:49.5%;float:left;}
.productList .col .img {width:90px;float:left;}
.productList .col .img img {border:3px solid #D9CDBB;}
.productList .col .txt {width:180px;float:left;height:150px;margin:10px;}

p.znacka-oz { width:auto; float:left; margin:0 !important; font-size:17px; font-weight:bold; color:#C5292A !important; text-transform:uppercase;}
.productList-oz p {margin:0 0 15px 0 !important;}
.productList-oz { width:440px; float:right;}
.productList-oz .col-oz {width:25%;float:left; margin:0; }
.productList-oz .col-oz .img {width:90px;float:left;}
.productList-oz .col-oz .img img {border:3px solid #D9CDBB;}
.productList-oz .col-oz .txt {float:left;margin:0 0 2px 0; min-height:50px;}

table.tbl1 {width:100%;}
table.tbl1 th {color:#A10B0B;font-weight:bold;text-align: left;}
table.tbl1 th.col1 {width:30%;}
table.tbl1 th.col2 {width:30%;}
table.tbl1 th.col3 {width:20%;}
table.tbl1 th.col4 {width:30%;}
table.tbl1 td, table.tbl1 th {padding:5px;}
table.tbl1 td {vertical-align: top;}

table.tbl2 {width:100%;}
table.tbl2 th {color:#A10B0B;font-weight:bold;text-align: left;}
table.tbl2 th.col1 {width:40%;}
table.tbl2 th.col2 {width:60%;}
table.tbl2 td, table.tbl2 th {padding:5px;}
table.tbl2 td {vertical-align: top;}


.gallery, .gallery_in{float:left;padding:0;margin:0;width:470px;}
.thumbs_all{float:left;margin:0 0 20px 10px !important;padding:0;}
.thumbs_all img{padding:1px;border:5px solid #D9CDBB;}
.thumbs_all li{float:left; list-style: none;width: 145px;height: 115px;}
span.thumbs_all {float:left; margin-left:40px!important; margin-left:40px;}
.thumbs_all a{}
.thumbs_all a:hover img{ border:5px solid #D9CDBB;}
.highlite{color:#000; font-weight:700;}

#langmenu {
    position: absolute;
    width: 98px;
    height: 21px;
    top: 15px;
    left: 850px;
    background: url(../images/design/jazyky.gif);
    z-index: 1000;
    cursor:pointer;
}
#langmenu a:link, #langmenu a:visited { display:block !important;text-decoration:none !important; margin:0 !important;font-style: normal;color: #1e3c4a;font-size: 90%; }
#langmenu a:hover {text-decoration:none !important;font-weight: bold;}
#langmenu .menu-first {line-height:15px;padding:3px 0 4px 5px;font-size:11px;}
#langmenu .menu-first.slide-down {background:white;}
#langmenu .menu-first img {margin:2px 5px 0 0;border:0 !important;}
#langmenu .down-list {padding:0;background:white;border-bottom:1px solid #4B636E;width:98px !important;}
#langmenu .down-list li {padding:5px 5px 5px 5px;list-style: none;border:0;background: none;}
#langmenu .down-list li img {margin-right:5px;border:0 !important;}

.calendar { width: 230px; padding: 10px 15px 0px 0;  margin: 0 0 20px 0; }
.calendar h2 { display: block; color: #990A0A; font-weight: bold; font-size: 18px; margin: 2px 0 7px 0;}
.calendar p { float: right; }
.calendar p a { text-decoration: none; color: #b0b0b0; font-size: 14px; line-height: 20px; }
.calendar table { border-collapse: collapse; width: 100%; }
.calendar table thead tr th, .calendar table tbody tr td { margin: 0 0 0 1px; text-align: center; }
.calendar table thead tr th { font-size: 12px; color: #990A0A; height: 28px;}
.calendar table tbody tr td a { color: #990A0A; display: block; padding: 5px 0; font-size: 11px; text-decoration: none; background: #F8ECD7}
.calendar table tbody tr td a.active { display: block; color: #ffffff; font-size: 11px; padding: 5px 0; font-weight: bold; text-decoration: none; border: 0 solid #ff6a03; background: #990A0A; }