html,body {
	height: 100%;
}

body {
	margin:0; padding:0;
	text-align: left;
	border: none;
	color: #002b01;
	font-size: 75%;
	font-family: Georgia, "New York CE", utopia, serif;
	background: #002a01 url(../_clip/bg_site.gif) center top repeat-x;
}
h1 {
	font-size: 185%; font-weight: normal;
	color: #007f3b;
	margin: 0 -17px 35px -17px; padding: 10px 0 10px 17px;
	background: url(../_clip/h1_bg.png) left bottom no-repeat;
}
h2 {
	color: #8e7745;
	font-size: 145%; font-weight: normal;
	margin: 0; padding: 8px 0 9px 30px;
	background: url(../_clip/h2_bg.gif) 0 4px no-repeat;
	line-height: normal;
}
h2 a {text-decoration: none}
h2 a:hover {text-decoration: underline}

#content-homepage h2.headline {
	color: #007f3b;
	font-size: 185%; font-weight: normal;
	margin: 0; padding: 13px 0 10px 30px;
	background: url(../_clip/h1_bg.gif) 0 100% no-repeat;
	line-height: normal;
}
h3 {
	font-size: 135%;
	font-weight: normal;
	margin: 10px 0; padding: 0;
}

h4 {
	font-weight: bold;
	font-size: 100%;
	margin: 10px 0 5px 0; padding: 0;
}

h1, h2, h3, h4 {line-height: normal; text-align: left; font-family: Georgia, "New York CE", utopia, serif;}

a {text-decoration: underline; color: #8e7745;}
a:hover {text-decoration: none; color: #D6A033;}

img {border: none;} img.block {display: block}
sup {font-size: 75%;}
fieldset, form {border: none; margin: 0; padding: 0;}
fieldset {display: inline}
legend {display: none;}
hr {border: none; border-top: 1px dashed #CB6100; height: 1px; width: 100%; display: block;}
p { margin: 11px 0; padding: 0; }

/* layout -------------------------------------------- */

#page {width: 925px; margin: 0 auto; padding: 0; position: relative;}
#left-glow { width: 55px; height: 723px; background: url(../_clip/left-glow.png) left top no-repeat; position: absolute; left: -55px;}
#right-glow { width: 55px; height: 723px; background: url(../_clip/right-glow.png) left top no-repeat; position: absolute; right: -55px;}
#left-logo { width: 358px; height: 723px; background: url(../_clip/bg_logo.png) right top no-repeat; position: absolute; left: -413px;}

/* header -------------------------------------------- */

#header { height: 116px; margin: 0 auto; background: url(../_clip/bg_top.jpg) left top no-repeat; position: relative;}
a.hp-btn { display: block; width: 180px; height: 100px; position: absolute; left: 0; top: 10px;}
a.hp-btn span { display: none;}
.flags {position: absolute; right: 25px; top: 130px; z-index: 999;}
.flags img {margin: 0 0 0 10px;}

/* content -------------------------------------------- */

#content-holder {
	background: #fffabe url(../_clip/top-ornament.jpg) center top no-repeat;
	min-height: 400px;
	padding: 46px 0 0 0;
	position: relative;
}
/* \*/ * html #content-holder {height: 400px;} /**/

#subpage-content { padding: 10px; line-height: 1.37em; }
#content {
	padding: 10px 25px 25px 25px;
	margin: 15px 0 0 0;
	width: 575px;
	background: url(../_clip/bg_content.gif) left bottom no-repeat;
	float: left;
	min-height: 250px;
}
#content-homepage {padding: 15px 20px;}

#subpage-content #content { text-align: justify; }

#right-side {
	margin: 23px 0 0 0;
	float: right;
	width: 270px;
	background: url(../_clip/bg_right-side.gif) left top no-repeat; min-height: 200px;
}
/* \*/ * html #right-side {height: 200px;} /**/
/* \*/ * html #content {height: 250px;} /**/

#right-side h2 {color: white; background: none; padding: 20px 0 15px 25px; font-size: 145%}

a.btn_continue { background: url(/_clip/small-bullet.gif) 0 5px no-repeat; padding: 0 0 0 10px; margin: 0 0 0 30px; font-size: 95%;}

/* footer -------------------------------------------- */

#footer { background: url(../_clip/bg_footer-sides.gif) center top no-repeat; width: 100%;}
#footer-content {
	background: #fefce3 url(../_clip/bg_footer.gif) center top no-repeat;
	width: 880px;
	margin: 0 auto; padding: 15px 20px 10px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
}

#copyright { float: left; }
#pivovary { float: right; padding: 10px 0 0 0;}
#pivovary img { margin: 0 5px;}

#pivovary legend {display: none;}
#pivovary fieldset {border: none;}


#footer-glow { height: 40px; background: url(../_clip/bg_site-end.gif) center top no-repeat; }


/* layout items -------------------------------------------- */

#small-logo {
	background: url(../_clip/small-logo.png) 0 0 no-repeat;
	position: absolute; left: 419px; top: 3px;
	z-index: 60;
	width: 90px; height: 63px;
}
#flash-slider { width: 885px; height: 280px; margin: 0 auto;}
img.hp_piva { float: right; margin: 0 0 0 15px}

.two-column-holder { width: 100%; }
.two-column-holder .left-column { float: left; width: 48%;}
.two-column-holder .right-column { float: right; width: 48%;}

#content-homepage .two-column-holder { width: 100%; padding: 0 0 15px 0; background: url(../_clip/bg_news.gif) 50% 100% no-repeat;}
#content-homepage .two-column-holder .left-column { float: left; width: 435px;}
#content-homepage .two-column-holder .right-column { float: right; width: 435px;}

#content-homepage .two-column-holder .left-column .content {padding: 10px 15px 5px 0;}
#content-homepage .two-column-holder .right-column .content {padding: 10px 15px 5px 30px; font-size: 95%;}

#content-homepage .two-column-holder .left-column .content p {padding: 0 30px; margin: 0; font-size: 95%;}
#content-homepage .two-column-holder .left-column .content .btn-more {margin: 10px 0 0 30px; display: block;}

ul#hp-piva-list {list-style: none; margin: 0; padding: 0;}
ul#hp-piva-list li {text-transform: uppercase; line-height: 1.7em;}
ul#hp-piva-list li a {text-decoration: none}

ul.sitemap { margin: 0; padding: 0; list-style: none;}
.sitemap ul { margin: 0; padding: 0 0 0 10px; list-style: none;}
ul.sitemap li { background: url(/_clip/sitemap-bullet.gif) 0 6px no-repeat; padding:  0 0 0 15px;}
ul.sitemap li li { line-height: 1.7em; font-weight: bold; background: url(/_clip/sitemap-bullet.gif) 0 8px no-repeat; }
ul.sitemap li li li { line-height: 1.4em; font-weight: normal; background: url(/_clip/sitemap-bullet.gif) 0 6px no-repeat; }

#content-navig { padding: 0 0 10px 18px; width: 610px; }
.btn-top { float: right;}
.btn-back { float: left;}

.beer-image { float: left; margin: 0 20px 5px 0; }
#small-beer-selector { padding: 60px 0 15px 25px }

.download-block {
	text-align: center;
	float: left;
	margin: 0 15px 0 0;
	width: 188px;
	font-size: 80%
}
/* \*/ * html .download-block {margin: 0 12px 0 0;} /**/
.download-block img { border: 2px solid #FEFCE3}
.download-block p {width: auto !important; margin: 0; padding: 5px 0 0 0 !important; font-family: Arial, Helvetica, sans-serif;}
.last-in-row {margin: 0 !important; float: right; display: inline;}

.gallery-block { float: left; margin: 0 10px 10px 0;}
.gallery-block img { border: 4px solid #FFF; background: #EAE3A9; padding: 1px; display: block; }

ul.news-list { margin: 0; padding: 0; list-style: none; text-align: left;}
ul.news-list li { line-height: 1.6em; }
ul.news-list li span { color: #6DA36D; width: 100px; float: left; }
ul.news-list li a { margin: 0 0 0 5px;}

ul.styled-list { margin: 10px; padding: 0; list-style: none; }
ul.styled-list li { padding: 3px 0 3px 23px; background: url(/_clip/list-bullet.gif) 10px 7px no-repeat;}

.infoBox { padding: 10px 15px; background: #600706; }

.right-picture { float: right; margin: 0 0 15px 20px; padding: 1px; display: block; border: 4px solid #FFF; background: #EAE3A9;}
.left-picture { float: left; margin: 0 20px 15px 0; padding: 1px; display: block; border: 4px solid #FFF; background: #EAE3A9;}

/* mailing */

#maillist-box {
	margin: 25px 0 0 25px;
	padding: 10px 15px 7px 15px;
	background: #f3edb2;
	width: 380px;
	text-align: left;
	position: relative;
}
#maillist-box h3 { padding: 0 0 7px 0; margin: 0; font-weight: normal;font-size: 105%;  }
#maillist-box p { padding: 7px 0; margin: 0; }
#maillist-box p.message { font-size: 75%; }
#maillist-box #maillist-form {
	background: #002a01;
	padding: 5px 20px 20px 20px;
	width: 370px;
	display: block;
	position: absolute;
	bottom: 0; left: 0px;
	color: white;
	font-size: 95%;
	text-align: left;
}
/*
#maillist-box a {color: #C09953;}
#maillist-box a:hover {color: #000;}
*/
#maillist-box #maillist-form #maillist-message { color: yellow; padding: 5px 0; }
#maillist-box #maillist-form fieldset { float: none; padding: 0; margin: 0; border: none; width: auto !important; height: auto !important; display: block; }
#maillist-box #maillist-form legend { display: none; }
#maillist-box #maillist-form .email { clear: both; }
#maillist-box #maillist-form .email input { border: 1px solid black; background: #f3edb2; margin: 3px 0; width: 200px; padding: 3px 5px; overflow: visible; }
#maillist-box #maillist-form input#maillist-send { background: #f3edb2; border: 1px solid #FFF; padding: 3px 5px; margin: 5px 0 2px 0; width: auto; overflow: visible; cursor: pointer; }
#maillist-box #maillist-form .chbox-1 input { margin: 0 5px 0 0; padding: 0; vertical-align: middle; }
#maillist-box #maillist-form .chbox-2 input { margin: 0 5px 0 0; padding: 0; vertical-align: middle; }
#maillist-box #maillist-form .chbox-2 { margin: 0 0 5px 0; }

#maillist-box #maillist-form-show { background: url(/_clip/ico_mail.png) 0 50% no-repeat; padding: 0 0 0 25px; }
#maillist-box #maillist-form-hide { background: url(/_clip/ico_close.gif) 100% 50% no-repeat; padding: 0 20px 3px 0; float: right; }

.unsubscribe-form { background: #f8f4eb;  padding: 10px 15px 7px 15px; margin: 25px 0 0 0; }

/**/


/* table styles -------------------------------------------- */

table { width: 100%; }
table th { padding: 4px 8px; vertical-align: top; text-align: left; background: #F1D283;}
table td { padding: 4px 8px; vertical-align: top; background: #F3EDB2; }

/* redefine -------------------------------------------- */

.no-border {border: none;}
.no-bg {background: none;}

img.img-border {border: 5px solid #E4E9F7;}
a:hover img.img-border {border: 5px solid #B3B6D0;}

.clear {height: 0; clear: both; overflow: hidden; visibility: hidden;}
.hide {display: none;}

.floatLeft {float: left;}
.floatRight {float: right;}

.textCenter {text-align: center;}
.textLeft {text-align: left;}
.textRight {text-align: right;}

