html,body {
	height: 100%;
}

body {
	margin:0; padding:0;
	text-align: left;
	border: none;
	color: #FFF;
	font-size: 75%;
	font-family: Tahoma, Arial, sans-serif;
	background: #000 url(/_clip/homepage/bg_header-part.gif) 0 0 repeat-x;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 225%; font-weight: normal;
	color: #E31C1C;
	margin: 0 0 30px 0; padding: 0;
}
h2 {
	color: #ffdcdc;
	font-size: 185%; font-weight: normal;
	margin: 0; padding: 15px 0;
	background: url(/_clip/bullet_h2.gif) 0 4px no-repeat;
	line-height: normal;
	font-style: italic;
}

h3 {
	font-size: 135%;
	font-weight: bold;
	margin: 13px 0; padding: 0;
}

h4 {
	font-weight: bold;
	font-size: 100%;
	color: #373c65;
	margin: 0; padding: 0;
}

h1, h2, h3, h4 {line-height: normal; text-align: left;}

a {text-decoration: underline; color: #FFD100;}
a:hover {text-decoration: none; color: #D9B75D;}

img {border: none;} img.block {display: block}
sup {font-size: 75%;}
fieldset, form {border: none; margin: 0; padding: 0;}
fieldset {display: inline; margin: 0; padding: 0;}
legend {display: none;}
hr {border: none; border-top: 1px dashed #CB6100; height: 1px; width: 100%; display: block;}

/* layout -------------------------------------------- */

#header-holder { width: 100%; height: 338px; position: absolute; top: 0px; }
#header-bg { background: url(/_clip/homepage/bg_header.jpg) 50% 0 no-repeat; height: 338px; }
#header-content { width: 880px; height: 338px; margin: 0 auto; position: relative; }
#content-holder { background: url(/_clip/homepage/bg_content-part.gif) 50% 0 repeat-x; margin: 338px 0 0 0; min-height: 300px;}
/* \*/ * html #content-holder { height: 300px;} /**/
#content { width: 880px; margin: 0 auto; padding: 38px 0 30px 0; background: url(/_clip/homepage/bg_content.jpg) 50% 0 no-repeat;}

#snezeni { position: absolute; left: -10px; z-index: 10; }

/* content items -------------------------------------------- */


/* layout items -------------------------------------------- */

#top-icons { position: absolute; top: 38px; right: 0; z-index: 20;  font-size: 125%; }
#top-icons a { color: #c4b8bc; text-decoration: none; margin: 0 20px 0 0; }
#top-icons a:hover { color: #FFFF00; text-decoration: underline; }
#top-icons a.cash-and-carry { background: url(/_clip/homepage/ico_cac.png) 0 50% no-repeat; padding: 5px 5px 5px 35px; }
#top-icons a.g-shop { background: url(/_clip/homepage/ico_kosik.png) 0 50% no-repeat; padding: 5px 5px 5px 35px; }
#top-icons a.g-klub { background: url(/_clip/homepage/ico_pivo.png) 0 50% no-repeat; padding: 5px 5px 5px 28px; }

/* \*/ * html #top-icons a { margin: 0; padding: 0 0 7px 0 !important; padding-left: 35px; display: inline; } /**/

#pivo { width: 435px; height: 338px; background: url(/_clip/homepage/pivo.png) 0 0 no-repeat; position: absolute; left: -50px; z-index: 10; }

#vip-icon { position: absolute; bottom: -25px; right: 175px; z-index: 50; }

#search { position: absolute; right: 0; bottom: 6px; z-index: 50; }
#search input { vertical-align: middle; border: none; margin: 0; padding: 0; }
#search input.search-input { background: url(/_clip/homepage/search_input.gif) 0 0 no-repeat; border: none; width: 125px; height: 21px; padding: 2px 5px; overflow: visible; color: #ba9f89;}
#search input.search-button { border: none; width: 25px; height: 25px; cursor: pointer; }

#ticker { position: absolute; z-index: 100; right: 16px; top: 84px; }

.hp-news-box { width: 280px; float: left; margin: 0 20px 0 0; background: url(/_clip/homepage/bg_news-block.jpg) 0 0 no-repeat; position: relative; line-height: 1.25em; }
.lastinrow { float: right; margin: 0; }
.hp-news-box h3 { font-size: 115%; padding: 0 0 0 17px; }
.hp-news-box h3 a { color: black; text-decoration: none; }
.hp-news-box h3 a:hover { color: #450303; text-decoration: underline; }
.hp-news-box img { position: absolute; top: 46px; left: 16px; border: 1px solid #e89e39; }
.hp-news-box .perex { margin: 90px 0 0 0; padding: 0 17px; font-size: 95%; }
.hp-news-box .perex strong { color: #cd9a28; }

#login-box { margin: 25px 0 15px 0; text-align: right; background: #200000; width: 880px; font-size: 95%; }
#login-box input { background: #240000; border: 1px solid #4c3d10; color: white; padding: 2px; margin: 0 7px 0 2px; overflow: visible; width: auto; font-size: 95%; vertical-align: middle;}
#login-box input.btn-login { margin-right: 15px; padding: 2px 7px; font-size: 85%; background: #4c3d10; border: none;}

#login-box .top-corners {background: url(/_clip/homepage/top-corners.gif) 0 0 no-repeat; }
#login-box .bottom-corners {background: url(/_clip/homepage/bottom-corners.gif) 0 100% no-repeat; padding: 15px; }

.FB-link a { background: url(/_clip/fb_micro-icon.gif) 0 50% no-repeat; padding: 2px 0 2px 17px; font-size: 95%; color: #FFD100; font-weight: bold; text-decoration: none;}
.FB-link a:hover { text-decoration: underline;}

/* footer -------------------------------------------- */

#footer { color: #4d4d4d; font-size: 95%; width: 880px; margin: 0 auto; padding: 10px; border-top: 1px solid #240000; }
#footer p { padding: 0 0 5px 0; margin: 0;}
#footer a { color: #4c3d10; text-decoration: underline; }
#footer a:hover { color: #7f661b; }

/* ***** claim-footer ***** */


#claim-footer {
	width: 100%; height: 50px;
	margin: 0 auto;
	background: #580000;
	border-top: 1px solid #7e0000;
	position: fixed;
	bottom: 0;
	z-index: 9999;
}
#claim-footer #holder { width: 880px; margin: 0 auto; position: relative; }
#claim-footer #holder .azvn { margin: 8px 0 0 0; }

#claim-footer .brand-flag {
	width: 171px; height: 125px;
	position: absolute;
	right: 0; bottom: 0;
	background: url(/_clip/brand-flag.png) 0 0 no-repeat;
}

#footer-icons { width: 102px; position: absolute; right: 0; top: 10px; }
#footer-icons .bubbleInfo { float: left; }

.bubbleInfo { position: relative; }
.trigger { margin: 0 5px 0 0;}
.trigger.gambrinus-icon { margin: 0;}

.popup {
	position: absolute;
	display: none;
	z-index: 50;
	background: #000000 url(/_clip/claim_footer-bg.gif) 50% 0 no-repeat;
	border: 1px solid #7e0000;
    border-bottom: none;
	padding: 10px 15px 20px 15px;
	width: 280px;
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
}
.popup h3 { color: #aac08f; border-bottom: 1px solid #262626; margin: 0 0 10px 0; padding: 0 0 3px 0; font-size: 105%;}
.popup ul { margin: 0; padding: 0; list-style: none; font-weight: bold; color: #d3c183; line-height: 1.5em; }
.popup ul li a { color: #FFF; text-decoration: none; }
.popup ul li a:hover { color: #FFD100; text-decoration: underline;  }
.popup ul.yt-list li a { background: url(/_clip/footer-icon_youtube-small.png) 0 3px no-repeat; padding: 3px 0 3px 25px; display: block; }
.popup ul.fb-list li { border-bottom: 1px solid #262626; position: relative; }
.popup ul.fb-list li a { background: url(/_clip/footer-icon_facebook-small.png) 0 6px no-repeat; padding: 6px 0 6px 25px; display: block; }
.popup ul.fb-list li .fb-like-position { width: 135px; overflow: hidden; position: absolute; top: 3px; left: 135px; }

/* *\*/ * html .popup ul.fb-list li a { height: 1%; } /**/
/* *\*/ * html .popup ul.yt-list li a { height: 1%; } /**/

.popup .sipka { position: absolute; left: 95px; bottom: -11px;  }



/* table styles -------------------------------------------- */



/* redefine -------------------------------------------- */

.no-border {border: none;}
.no-bg {background: none;}

.clear {height: 0; clear: both; overflow: hidden; visibility: hidden;}
.hide {display: none;}

.floatLeft {float: left;}
.floatRight {float: right;}

.textCenter, td.textCenter {text-align: center;}
.textLeft, td.textLeft {text-align: left;}
.textRight, td.textRight {text-align: right;}