/* ------- DEFAULT DECLARATON ------- */
html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
button, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	line-height: 1.21em;
	color: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	overflow: hidden;
}
li,
ul li,
ol li {
	list-style: none !important;
	list-style-type: none !important;
	list-style-image: none !important;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	cursor: pointer;
	cursor: hand;
}
/* TYPOGRAPHY - text properties section, please do not use any of them elsewhere */
@font-face {
	font-family: "Myriad Web";
	src: local('☺'), url('/static/font/myriad.woff') format('woff'), url('/static/font/myriad.ttf') format('truetype'), url('/static/font/myriad.svg#Myriad-Web') format('svg');
}
@font-face {
   font-family: "Myriad Web";
	src: local('☺'), url('/static/font/myriad-bold.woff') format('woff'), url('/static/font/myriad-bold.ttf') format('truetype'), url('/static/font/myriad-boldy.svg#Myriad-Web') format('svg');
   font-weight: bold;
}
body {
	font-size: 62.5%; /*default size cca 10px, 62.5 is onec of magic number */
	font-family: Arial, Helvetica, Tahoma, sans-serif;
}
button, button *, textarea {font-family: Arial, Helvetica, Tahoma, sans-serif;} /* Fix IE bug */
h1, h2,
ul#menu, ul#menu_second {font-family: "Myriad Web", Arial, Helvetica, Tahoma, sans-serif;}
#header {font-size: 2.2em;}
#skips {font-size: 1.2em;}
#content,
#elements {font-size: 1.2em;}  /*normal size for text cca 12px */
#ageCheck {font-size: 1.4em;}
h1,
h2 {font-size: 200%;}
h1 small, h2 small {font-size: 75%;}
/*#content #main h1 strong, #content #main h2 strong {font-size: 133.33%}*/
h3,
dt {font-size: 100%;}
ul#menu, ul#menu_second {font-size: 1.2em;}
#footer {font-size: 1em;}
button, input, select, textarea {font-size: 100%;}
#content #second .ilustration {font-size: 83.4%;}
/* text-decoration: none/underline */
a {
	text-decoration: underline;
}
ul#menu li a, ul#menu_second li a,
a.selected {text-decoration: none;}
/*
#menu li a, #menu li strong,
#menu_second li a, #menu_second li strong {text-transform: uppercase;}
*/
/* font-weight: bold/normal */
strong, b,
table th,
dt,
h3 b, h3 strong, h3 {font-weight: bold;}
h1, h2,
h1 b, h2 b,
h1 strong, h2 strong,
ul#menu li strong, ul#menu_second li strong {font-weight: normal;}
/* text-transform: uppercase/normal */
/* ... */
/* font-style: italic/normal; */
em {font-style: italic;}
/* ------- COLORS ------- */
/* texty .................... black */
/* odkazy ................... #c61021 */
/* nadpisy, hovery .......... white */
html,
#ageCheck p#ageCheck_ask {
	color: white;
}
#content #second,
#content #sidebar,
#ageCheck {
	color: #7b5f5b;
}
#sidebar table.calendar { margin-top: 5px; }
#sidebar table.calendar th.monthSwitch img { color: #c61021; cursor: pointer; }
#sidebar table.calendar th.monthSwitch { color: #ffffff; vertical-align: top; }
h1, h2 {color: #faf9f9;}
h1 strong, h2 strong,
h1 b, h2 b,
#ageCheck span {color: #E7150F;}
h3, dl dt {color: #E59E38;} 
a, a span {color: #E7150F;}
form button {color: #4e5359;}
form input, form textarea {color: #4f555e;}
#sidebar table th {color: #9ea0a4;}
#menu_second li a, #menu li a {color: #BBA2A2;}
#footer {color: #5e4445;}
#content #main #main_in p.type_2 {color: #060301;}
/* hovery */
a:hover, a:hover span,
ul#menu li a:hover, ul#menu li:hover a,
ul#menu li.selected a,
ul#menu_second li a:hover, ul#menu_second li:hover a {color: white;}
/* stavy */
a.selected {color: white;}
/* ------- OBECNE DEKLARACE ------- */
html {
/*	background: #48515d url(/static/css/type-2/basic/html.jpg) 0 0 repeat-x;*/
}
body {
}
hr.separator {
	position: absolute;
	visibility: hidden;
	height: 1px;
	border: 0 none;
}
img {
	display: block;
	margin: 0 auto;
}
img.left,
img[align="left"] {
	float: left;
	margin: 0 10px 5px 0;
}
img.right,
img[align="right"] {
	float: right;
	margin: 0 0 5px 10px;
}
/* formulare */
form {
	/*
	position: relative;
	margin-left: -20px;
	_margin-left: 10px;
	width: 706px;
	*/
	clear: both; /* ! */
}
form fieldset {
	position: relative;
	/* padding-top: 50px; */
	margin-top: 80px;
	display: block;
	min-height: 55px; /* firefox <= 3.0.11 toto z nejakeho duvodu nechape a ja netusim proc */
}
form fieldset legend {
	position: absolute;
}
form fieldset legend span, form fieldset legend label {
	background: transparent url(/static/css/type-2/basic/gradient.png) left top no-repeat;
	position: absolute;
	width: 	560px; /* 599 - 2x20 */
	height: 50px;
	line-height: 50px;
	top: -50px;
	left: -20px; 
	padding: 0 20px;
}
form fieldset {
	background: transparent url(/static/css/type-2/basic/gradient.png) left bottom no-repeat;
	margin-bottom: 8px;
	padding: 0 20px 5px 20px;
}
form table {
	margin: 0 auto;
}
form table thead tr > :first-child , form table thead tr > :last-child, form table thead tr > * {
	background-color: transparent !important;
	background-image: none;
	line-height: 1.45em;
}
form table tr td, form table tr th {
	border: 0 none;
	padding: 0 10px 1em 0;
	background-color: transparent;
	vertical-align: middle;
}
form table tr th {text-align: right;}
form table tfoot tr td, form table tfoot tr th {
	padding-bottom: 0;
	text-align: right;
}
form label {}
form input, form select, form textarea {
	border: 1px solid white;
	padding: 0 3px;
	margin-right: 5px;
	width: 180px;
}
form input:focus, form select:focus, form textarea:focus {
	border-color: black;
}
form input[readonly="readonly"] {background-color: #e9f0f3;}
form .halfSize {width: 90px;}
form .quarterSize {width: 45px;}
form textarea {
	/*width:*/
}
form textarea.hidden {
	position: absolute;
	top: -999999px;
	left: -999999px;
}
form label input {
	width: auto;
	border: 0 none;
}
form button, form button span { /* ie6 css */ 
	background-color: transparent;
	line-height: 22px;
	display: block;
	height: 22px;
	outline: 0 none;
	white-space: nowrap;
}
form button { /* ie 6.7 css */
	padding: 0;
	color: white;
	border: 0 none;
	width: auto;
	cursor: pointer;
	cursor: hand;
	padding-right: 5px;
	background-position: right -22px;
	overflow: visible;
	display: inline;
}
form button span {
	width: auto;
	background: transparent url(/static/css/type-2/basic/ico-next.png) right 2px no-repeat;
	padding-right: 25px;
}
/* seznamy */
ul li {
	background: transparent url('/static/css/type-4/basic/li.png') 0 7px no-repeat;
	padding-left: 10px;
}
/*ul li ul li {background-image: url(/static/css/type-2/basic/li.png);}*/
/* tabulky */
table {
	border-collapse: collapse;
}
table caption {
	white-space: nowrap; /* ! */
}
table tr td, table tr th {
	border: 1px solid #3b424c;
	padding: 3px 5px;
	vertical-align: top;
}
table tr th {
	background-color: #3b424c;
}
table thead tr>* {
	border: 0 none !important; /* ten important tam musi byt kvuli IE7 */
	line-height: 33px;
	text-align: center;
}
table thead tr>*:first-child {background: #3b424c url(/static/css/type-1/basic/table.png) left top no-repeat;}
table thead tr>*:last-child {background: #3b424c url(/static/css/type-1/basic/table.png) right top no-repeat;}
table tfoot tr td, table tfoot tr th {
	text-align: right;
} 
/* vsehochut */
.text-right {text-align: right;}
.text-left {text-align: left;}
/* ROZVRZENI STRANKY */
html {
	background: #0b0302 url('/static/css/type-4/basic/html.png') left top repeat-x;
	width: 100%;
}
#layout {
	width: 760px;
	margin: 0 auto;
	position: relative;
	margin-top: 5px;
}
#header {
	background: transparent url('/static/css/type-4/basic/header.png') left top no-repeat;
	height: 197px;
	display: block;
}
#header #logo,
#header #logo span {
	position: absolute;
	top: 47px;
	left: 58px;
	width: 200px;
	height: 100px;
}
#skips {
	position: absolute;
	top: -2200px;
}
#header #logo span {
	top: 0;
	left: 0;
	background: transparent url('/static/css/type-4/basic/logo.png') left top no-repeat;
}
#content {
	background: transparent url('/static/css/type-4/basic/content.png') left bottom no-repeat;
	padding: 0 1px; /* ! */
}
/*#content p {margin-bottom: 0.75em;}*/
#content a.more {
	float: right;
	background: transparent url('/static/css/type-4/basic/more.gif') right 4px no-repeat;
	padding-right: 18px;
}
#content a.more:hover {
	background-position: right -39px;	
}
#content #main,
#content #main #main_in {
	background: transparent url('/static/css/type-4/page/main-city.jpg') -1px top no-repeat; /* default */
}
#content #main.city {background-image: url('/static/css/type-4/page/main-city.jpg');}
#content #main.bar {background-image: url('/static/css/type-4/page/main-bar.jpg');}
#content #main.hops {background-image: url('/static/css/type-4/page/main-hops.jpg');}
#content #main.photo {background-image: url('/static/css/type-4/page/main-photo.jpg');}
#content #main.build {background-image: url('/static/css/type-4/page/main-build.jpg');}
#content #main.build-city {background-image: url('/static/css/type-4/page/main-build-city.jpg');}
#content #main.blank {background-image: url('/static/css/type-4/page/main-blank.jpg');}
#content #main #main_in {
	width: 279px;
	height: 316px; /* 336 - padding (2x20) */
	background-image: url('/static/css/type-4/basic/main-in.png');
	margin-left: 134px;
	padding: 20px 15px 0 28px;
	position: relative;
	overflow: hidden;
	overflow-y: auto;
}
#layout #content #main .main_in,
#layout #content #main .type1 {background-position: left top;}
#layout #content #main .type2 {background-position: left -336px;}
#layout #content #main .type3 {background-position: left -843px;}
#content #main #main_in p.type_2 {
	position: relative;
	left: -19px;
	padding: 15px 15px 13px 19px;
	height: 143px;
	overflow: hidden;
	margin: 15px 0;
	width: 279px;
	background: #b87130 url('/static/css/type-4/basic/main-in.png') -10px -672px no-repeat;
	line-height: 1.1em; 
}
#content #main #main_in .switcher {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: none;
}
#content #main #main_in .switcher a {
	border-left: 1px #e7150f solid;
	padding: 0 2px 0 4px;
}
#content #main #main_in .switcher a:first-child {border-left: none;}
#content #main h1,
#content #main h2 {
	margin-left: 10px;
	line-height: 0.6em;
	margin-bottom: 7px;
}
#content #main h1.hidden {
	position: absolute;
	top: -2000px;
}
#content #main h1 strong, #content #main h2 strong,
#content #main h1 small, #content #main h2 small {
	display: block;
	line-height: 0.6em;
	margin-bottom: 10px;
}
#content #main h1 strong, #content #main h2 strong,
#content #main h1 b, #content #main h2 b {
	margin-left: -10px;
}
#content #main h1 small, #content #main h2 small {
	text-align: right;
	padding-right: 45px;
}
#content #main dl dt, #content #main dl dd {
	float: left;
}
#content #main dl dt {
	clear: both;
	width: 35px;
}
#content #main dl dd {
	width: 235px;
}
#content #second {
	min-height: 157px;
	background: #0b0302 url('/static/css/type-4/basic/second.png') left top repeat-x;
	/*margin: 0 1px;*/
}
#content #second.type_1 h2,
#content #second h2.type1 {
	margin-left: 145px;
}
#content #second #second_in {
	padding: 20px 220px 20px 20px;
	background: transparent none left top no-repeat;
}
#content #second h2 {margin-bottom: 2px;}
#content #second dl dt {
	clear: both;	
}
#content #second dl dt img {
	float: left;
	margin: 5px 20px 10px 0;
	clear: both;
}
#content #second .ilustration {
	float: left;
	margin: 7px 20px 20px 0;
	position: relative;
	z-index: 9999;
	width: 125px;
}
#content #second .ilustration img {
	margin-bottom: 5px;
}
#sidebar {
	position: absolute;
	right: 50px;
	top: 563px;
	width: 241px;
	z-index: 201;
}
#menu,
#menu_second {
	position: absolute;
	top: 171px;
	left: 13px;
	z-index: 1001;
}
#menu li,
#menu_second li {
	padding: 0;
	float: left;
	background-image: none;
}
#menu li a, #menu li strong,
#menu_second li a, #menu_second li strong {
	line-height: 24px;
	display: block;
	padding: 0 10px;
	padding-top: 2px;
}
#menu li a:hover, #menu li strong,
#menu li.selected a,
#menu_second li a:hover, #menu_second li strong {
	border-top: 2px solid #e7150f;
	padding-top: 0;
}
#menu_second {
	top: 3px;
	left: auto;
	right: 10px;
}
#menu_second li {
	background-image: url('/static/css/type-4/basic/menu-second.png');
	background-position: left 8px;
	padding-left: 2px;
}
#menu_second li:first-child {
	background-image: none;
}
#elements span {
	position: absolute;
	background: transparent url('/static/css/type-4/basic/elements.png') left top no-repeat;
	z-index: 101;
}
#elements span#elements_water {
	top: 538px;
	left: 448px;
	width: 79px;
	height: 19px;
	background-position: left -368px;
}
#elements span#elements_hop {
	top: 447px;
	left: 480px;
	width: 305px;
	height: 161px;
	background-position: left -387px;
}
#elements span#elements_barley {
	top: 505px;
	left: 10px;
	width: 130px;
	height: 65px;
	background-position: left -278px;
}
#elements span#elements_gold_glass {
	top: 38px;
	left: 540px;
	width: 220px;
	height: 654px;
	background-position: left top;
	background-image: url('/static/css/type-4/page/bottle-gold.png');
}
#elements span#elements_green_bottle {
	left: 540px;
	top: 28px;
	width: 170px;
	height: 662px;
	background-image: url('/static/css/type-4/page/bottle-premium.png');
}
#elements span#elements_little_gold_glass {
	left: 25px;
	top: 292px;
	width: 96px;
	height: 415px;
	background-image: url('/static/css/type-4/page/sidebar-beer.png');
}
#elements span#elements_small_bottle {
	left: 175px;
	top: 375px;
	width: 54px;
	height: 171px;
	background-image: url('/static/css/type-4/page/bottle-small.png');
}
#footer {
	display: block;
	clear: both;
	background: transparent url('/static/css/type-4/basic/footer.png') 709px 0 no-repeat;
	margin-bottom: 10px;
	position: relative;
	zoom: 1;
}
#footer p {
	line-height: 37px;
	display: block;
	padding-left: 20px;
}
#footer p#copyright {
	position: absolute;
	right: 65px;
	top: 0;
}
#ageCheck {
	background: transparent url('/static/css/type-4/basic/agecheck.png') left top repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 999999;
}
#ageCheck.visible {
	display: block;
}
#ageCheck #ageCheck_content {
	position: absolute;
	left: 50%;
	top: 50%;
}
#ageCheck #ageCheck_content #ageCheck_contentIn {
	position: absolute;
	left: -240px;
	top: -162px;
	width: 360px; /* 480 - 2x60 */
	height: 164px; /* 324 - 160 */
	padding: 160px 60px 0 60px;
	background: transparent url('/static/css/type-4/basic/agecheck-content.png') left top no-repeat;
}
#ageCheck #ageCheck_content #ageCheck_contentIn p {
	line-height: 2.7em;
}
#ageCheck #ageCheck_content #ageCheck_contentIn p a {
	padding: 0 10px;
}