* {
	margin: 0;
	padding: 0;
}
body {
	background-color: Black;
	color: White;
	font-family: sans-serif;
	font-size: 12px;
}
body.prvni {
	background-color: #5F5F5F;
}
#container-page {
	width: 815px;
	min-height: 495px;
	_height: 495px;
	margin: 40px auto;
	position: relative;
}
#container-head {
	width: 815px;
	height: 140px;
	background-color: #4F4F4F;
}
#container-content {
	width: 815px;
	margin: auto;
	clear: both;
}
#leftmenu {
	position: absolute;
	top: 140px; left: 0px;
	width: 175px; height: 425px;
	padding-bottom: 1px;
	background-image: url(../img/bgr_ls.png);
	background-repeat: repeat-y;
}
#leftmenu.katalog {
	background-image: url(../img/bgr_lsk.png);
}
#leftmenu-content {
	width: 130px;
	margin: 0px auto;
}
#logo {	
	border: none;
	margin: 20px 17px;
}
#leftmenu h2 {
	/*font-size: 1.1em;*/
	font-size: 1em;
	margin-left: 15px;
	color: Silver;
}
#leftmenu.katalog h2 {
	color: Black;
}
#leftmenu a.submenu {
	color: #848787;
	line-height: 17px;
	font-size: 0.9em;
}
#leftmenu.katalog a.submenu {
	color: Gray;
}
#leftmenu a.vyber {
	margin-left: 5px;
	padding-left: 10px;	
	background-image: url(../img/tecka_1.png);
	background-repeat: no-repeat;
	background-position: left;
}
#leftmenu.katalog a.vyber {
	background-image: url(../img/tecka_2.png);
}
#leftmenu a{
	display: block;
	margin-left: 15px;	
	line-height: 20px;
	color: Silver;
	text-align: left;
	text-decoration: none;
}
#leftmenu.katalog a{
	color: Black;
}
#leftmenu a:hover{
	color: #848787;
	margin-left: 5px;
	padding-left: 10px;	
	background-image: url(../img/tecka_1.png);
	background-repeat: no-repeat;
	background-position: left;
}
#leftmenu.katalog a:hover{
	color: #707273;
	background-image: url(../img/tecka_2.png);
}
#leftmenu a.submenu:hover{
	color: #D5D6D6;
}
#leftmenu.katalog a.submenu:hover{
	color: #707273;
}
#content {
	position: absolute;
	top: 140px; left: 175px;	
	width: 640px;
	height: 425px;
	padding-bottom: 1px;
}
.katalog {
	background-color: #FFFDE8;
	color: Black;
}
#container-content img {
	border: none;
}
#container-content img.prehledobr {
	position: absolute;
	bottom: 30px;
	left: 40px;
}
.ilustracni {
	position: absolute;
	top: 50px; left: 30px;
	border: none;
}
#ps {
	position: absolute;
	top: 50px; left: 235px;
	width: 380px;
	text-align: center;
}
h1 {
	font-size: 1.8em;
	font-weight: bold;
	font-stretch: condensed;		
}
.sedy {
	color: #BDBCAF;
}
hr {
	height: 5px;
	color: #DEDCCE;
}
#ps p {
	padding: 8px;
	font-size: 1.1em;
	font-weight: bold;
}
#ps.psp p {
	font-weight: normal;
	text-align:left;
	margin-bottom: 10px;
}
#ps table {
	margin: 5px 0px;
}
#ps td {
	text-align: left;
	color: Gray;
}
#baleni {
	text-align:left
}
#baleni img {
	margin: 0px 15px;
}
#baleni.psp img {
	margin: 0px 5px;
}
#submenu {
	position: absolute;
	top: 390px;
	width: 600px; height: 35px;
	margin: 0px 15px;
	text-align: center;
}
#submenu.psp {
	position: absolute;
	top: 480px;
	width: 600px; height: 35px;
	margin: 0px 15px;
	text-align: center;
}
#submenu a {
	margin: 7px;
	color: Gray;
	text-decoration: none;
}
#submenu a:hover {
	color: Black;
}
#submenu.psp a:hover {
	color: White;
}
#novinky_text {
	position: absolute;
	top: 45px; left: 20px;
	width: 600px;
}
#novinky_text h1 {
	font-size: 1.4em;
	color: #5F5F5F;
	margin-bottom: 15px;
}
#novinky_text p {
	text-align: justify;
}
#novinky_text img {
	float: right;
	margin: 0px 10px;
}
#novinky_text a {
	display: block;
	float: right;
	color: Gray;
	text-decoration: none;
}
#novinky_banery {
	position: absolute;
	top: 230px; left: 20px;
	width: 490px; height: 120px;
}
#novinky_banery img.small_baner {
	border: none;
	margin-right: 5px;	
	float: left;
}
#content.pivovar {
	width: 620px;
	height: 325px;
	margin: 25px 10px;
}
#content h2{
	font-size: 12px;
}
#content h3{
	font-size: 12px;
	color: gray;
}
#content h4{
	font-size: 12px;
}
#content h4.nadpisy{
	font-size: 11px;
	font-variant: normal;
	font-style: italic;
	margin: 5px 0px 5px 0px;
	color: gray;
}
#content p {
	margin: 10px 0px 30px 0px;
}
.persona {
	margin: 10px 0px;
	padding: 10px;
	clear: both;
	height: 260px;
	overflow: visible;
}
.multipack {
	margin: 10px auto;
	padding: 10px;
	clear: both;
	height: 210px;
	width: 470px;
}
.licha {
	/*background-color: #fffcdb;*/
	border-bottom: solid 2px #f6e5bf;
}
.suda {
	/*background-color: #fffbcc;*/
	border-bottom: solid 2px #f6e5bf;
}
#content.pivovar .persona p {
	width: 390px;
	margin: 0px 0px 15px 0px;
	text-align: justify;
}
#content.pivovar .persona img, #content .multipack img {
	float: right;
	margin: 0px 0px 20px 20px;
	padding: 5px;
	/*border: solid #818181 1px;*/
}
#content .multipack img {
	margin: 0px;
}
#content .multipack p {
margin: 0px;
}
#lsl {
	position: absolute;
	width: 330px;
	text-align: justify;
}
#ft {
	position: absolute;
	left: 360px;
	width: 265px;
}
#ft img {
	margin: 10px 0px 10px 10px;
	float: left;
}

/* prehled piv text */
#pspp, #lspp {
	position: absolute;
	top: 80px; left: 20px;
	width: 260px;
	height: 270px 
} 
#lspp {
	left: 320px;
}
#pspp a, #lspp a {
	display: block;
	padding: 6px 4px;
	width: 100%;
	color: Black;
	text-decoration: none;
	border-bottom: solid 1px #d7d7d7;
}
#pspp a.black, #lspp a.black {
	/*background-color: #363636;*/
	/*color: white;*/
	color: black;
	font-weight: bolder;
}
#pspp a:hover, #lspp a:hover {
	color: #a6a6a6;
}
/* baleni piv */
#baleni.prehled{
	text-align: center;
	padding-top:120px; 
}
#baleni.prehled img {
	margin: 6px;
}
#balenipiv, #vysvetlivky {
	width: 580px;
	margin: 20px;
}
#balenipiv td, #balenipiv th {
	width: 10%;	
	text-align: center;
}
#balenipiv th {
	background-color: Gray;
	color: white;
	font-weight: bold;
}
#balenipiv td.popis, #balenipiv td.popisl, #vysvetlivky td.popisl {
	padding: 3px 20px;
	/*background-image: url(../img/baleni.png);*/
	/*background-repeat: no-repeat;*/
	text-align: left;
	border-bottom: solid 1px #d7d7d7;
}
#balenipiv td.popis a, #balenipiv td.popisl a {
	font-weight: bold;
	text-decoration: none;
	color: black;
}
#balenipiv td.popisl a {
	color: gray;
}
p a {
	color: white;
}
p a.external {
	padding-right: 15px;
	background-image: url(../img/externlink.gif);
	background-repeat: no-repeat;
	background-position: right -1px;
	color: White;
}
#exp_etikety img {
	margin: 0px 10px;
	border:none;
}
#exp_etikety p {
	margin: 0px 50px;
}

#mapa {
	position: absolute;
	width: 440px;
	height: 360px;
	top: 20px;
	left: 190px;
	text-align: right;
}
#mapa img {
	margin: 30px 0px 47px 0px;
}
#usp_tuz, #usp_zah {
	width: 620px;
	margin: 10px 0px;
	border-collapse: collapse;
}
#usp_tuz th, #usp_zah th {
	text-align: left;
	padding: 12px 0px;
	color: gray;
}
#usp_tuz td, #usp_zah td {
	text-align: left;
	padding: 4px 0px;
	vertical-align: top;
	border-bottom: solid 1px gray;
}
#usp_tuz a {
	color: white;
	text-decoration: none;
}
#mapaOZ {
	position: absolute;
	top: 80px; left: 20px;
}
#barvy {
	position: absolute;
	top: 130px; left: 450px;
}
#barvy td {
	padding: 1px 5px;
}
#barvy td a {
	color: gray;
	text-decoration: none;
}
#barvy td a:hover {
	color: white;
}
#ozp {	
	position: absolute;
	top: 40px;
	right: 0px;
	width: 180px;
	height:280px;
	background-color: #3A3F3D;
	padding: 5px 15px;
	color: #ADAFAF;
	font-size: 11px;
	line-height: 17px;
}
#ozp img {
	margin: 10px auto;
}
#ozp h3 {
	color: white;
}
#ozp a {
	color: #ADAFAF;
	text-decoration: none;
}
#oz_zpet {
	position: absolute;
	top: 360px;
	left: 160px;
	color: white;
}
.uod {
	display: block;
	color: white;
	text-decoration: none;
	margin: 10px 0px;
	padding-left: 15px;
	background-image: url(../img/dolu.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.uon {
	display: block;
	color: white;
	text-decoration: none;
	margin: 15px 0px;
	padding-left: 15px;
	background-image: url(../img/nahoru.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#form {
	width: 500px;
	margin: 20px auto;
	padding: 20px;
	background-color: #262626;
}
#form table {
	margin: auto;
}
#form td {
	padding: 5px;
}
#form .label {
	padding-bottom: 5px;
	font-weight: bolder;
	color: gray;
	border-bottom: solid 1px gray;
}
#form span.povinne {
	padding-left: 10px;	
	color: gray;
	font-size: 0.8em;
	vertical-align: top;
}
#form input, #form textarea {
	border: solid 1px black;
	padding: 3px;
	background-color: #a4a4a4;
	color: black;
}
.stred {
	text-align: center;
}
#form .tlacitko {
	padding: 0px;
	cursor: pointer;
	font-weight: bold;
}
#etikety {
	width: 600px;
	margin: auto; 
}
#etikety img {
	padding: 12px;
	float: left;
}
#prodejna, .foto_strip {
	width: 620px;
}
#prodejna img, .foto_strip img {
	float: left;
	padding: 5px;
}
ul {
	margin: 20px;
}
ul li {
	margin: 5px 0;
	padding: 5px 10px;
	background-color: #2f2f2f;
}
ol {
	margin: 10px 20px;
}
ol li {
	margin: 5px;
}
#cenik_ex {
	width: 610px;
	margin: 20px 0;
	border: solid 1px gray;
	border-collapse: collapse;
}
#cenik_ex th {
	vertical-align: top;
	padding: 5px;
	background-color: #282828;
}
#cenik_ex td {
	vertical-align: top;
	padding: 5px;
	border: solid 1px gray;
}
.aktualita h3 {
	margin: 10px 0;
}
.aktualita h4 {
	margin: 10px 0;
}
.aktualita h4.podtrzene {
	text-decoration: underline;
}
.aktualita th {
	padding: 3px;
	background-color: #2d2d2d;
}
.aktualita td {
	padding: 3px;
	border-bottom: solid 1px #363636;
}
td.prvni{
	border-bottom: solid 1px gray;
	padding: 2px;
}
.aktualita a {
	color: white;
}
#limocontent {
	text-align: center;
	background-color: #b7c7df;
	color: #00008b;
	padding: 20px;
}
#limocontent p {
	padding: 15px;
}
.vlevo {
	text-align:left
}