/*********************************
  *   STYLE - H1 - H7 + BODY      *
  *********************************/
 html{
 	background-color: #393432;
 	color: white;
 }
 
 body {
 	padding: 0px;
 	margin: 0px;
 	background-color: #393432;
 	color: white;
   font-family: serif;
 }
 
 p,td,th,span,div,input,textarea,body{
   font-size: 9pt;
 }
 
 a, a:visited {
   text-decoration: none;
   color: white;
 	cursor: pointer;
 }
 
 a:hover {
 	text-decoration: underline;
 }
 
 a img {
 	border-width: 0px;
 }
 
 h1, h2, h3, h4, h5 {
 	display: block;
 	margin: 0;
   padding: 0 0 3px 0;
 }
 
 
 
 h1 {
 	text-align: center;
 	font-size: 1.7em;
 	padding-top: 5px;
 }
 
 h2{
   text-align: left;
 	font-size: 1.3em;
 }
 
 h3{
 	text-align: left;
 	font-size: 1.2em;
 }
 
 form {
 	margin: 0;
 }
 
 input, textarea{
   border: 1px black solid;
   background: white;
 }
 
 h3 a {
 	margin: 0;
 	padding: 0;
 }
 
 hr{
   height: 1px;
   border-width: 0px;
   background: black;
   padding: 0px;
   margin: 5px 2px;
 	clear: both;
 }
 
 /****************************
  *      Main content
  ***************************/
 
 #bg_left {
 	height: 985px;
 	background: url('design/img/bg_left.jpg') top left no-repeat;
 }
 
 #bg_left_special {
 	position: relative;
 	top: 0px;
 	left: 0px;
 }
 
 #bg_left_p {
 	position: absolute;
 	top: 0px;
 	left: -8px;
 	width: 8px;
 	height: 985px;
 	background: url('design/img/bg_l_p.jpg') no-repeat;
 }
 
 #bg_left_r {
 	position: absolute;
 	top: 10px;
 	left: -16px;
 	width: 8px;
 	height: 7px;
 	background: url('design/img/bg_l_r.jpg') no-repeat;
 }
 
 #text_chlazene_pivo {
 	position: absolute;
 	top: 155px;
 	left: -120px;
 	width: 30px;
 	height: 432px;
 	background: url('design/img/text_chlazene_pivo.png') no-repeat;
 }
 
 #bg_right {
 	height: 985px;
 	background: url('design/img/bg_right.jpg') top right no-repeat;
 }
 
 #main {
 	width: 935px;
 	margin: 0 auto;
 	margin-top: 0px;
 	background-color: #393432;
 	color: white;
 }
 
 #m_top {
 	width: 690px;
 	height: 30px;
 	background: url('design/img/bg_m_top.jpg') no-repeat;
 }
 
 
 #shopping_cart {
 	width: 690px;
 	height: 40px;
 	background: url('design/img/shopping_cart.jpg') no-repeat;
 	color: black;
 }
 
 #shopping_cart .in a{
 	color: #6b6b6b;
 	float: right;
 	font-size: 13px;
 	font-weight: bold;
 	position: relative;
 	top: 7px;
 	right: 40px;
 }
 
 #shopping_cart .in a span {
 	color: #c81919;
 }
 
 #shopping_cart .in a:hover, #shopping_cart .in a:hover span {
 	text-decoration: none;
 }
 
 #shopping_cart .basket_link {
 	position: relative;
 	top: 0px;
 	left: 35px;
 	width: 180px;
 	height: 27px;
 	display: block;
 }
 
 #mainbox {
 	width: 690px;
 	float: right;
 }
 
 #c_top, #c_bot {
 	width: 690px;
 	height: 25px;
 	background: url('design/img/bg_c_t.jpg') no-repeat;
 }
 
 #c_bot {
 	background-image: url('design/img/bg_c_b.jpg');
 	height: 20px;
 }
 
 #content {
 	width: 690px;
 	background: white url('design/img/bg_c_c.jpg') repeat-y;
 	color: black;
 }
 
 #content_in {
 	padding: 0 45px 0 40px;
 }
 
 #content a, #content a:visited, #content a:hover {
   color: black;
 }
 
 #left {
 	display: none;
 }
 
 #right{
 	width: 235px;
 	float: left;
 }
 
 #footer{
 	clear: both;
 	text-align: right;
 	width: 690px;
 	height: 24px;
 	background: url('design/img/footer.jpg') no-repeat;
 	margin-bottom: 30px;
 }
 
 #footer a {
 	color: black;
 	font-size: 11px;
 	margin-right: 30px;
 }
 
 /****************************
  *		Stuff in header				*
  ***************************/
 
 #language {
 	position: absolute;
 	top: 5px;
 	left: 5px;
 }
 
 #language a {
 	margin: 1px;
 }
 
 /****************************
  *      LightBox						*
  ***************************/
 
 #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
 #lightbox img{ width: auto; height: auto;}
 #lightbox a img{ border: none; }
 
 #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
 #imageContainer{ padding: 10px; }
 
 #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
 #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
 #imageContainer>#hoverNav{ left: 0;}
 #hoverNav a{ outline: none;}
 
 #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
 #prevLink { left: 0; float: left;}
 #nextLink { right: 0; float: right;}
 #prevLink:hover, #prevLink:visited:hover { background: url(design/prevlabel.gif) left 15% no-repeat; }
 #nextLink:hover, #nextLink:visited:hover { background: url(design/nextlabel.gif) right 15% no-repeat; }
 
 #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
 
 #imageData{	padding:0 10px; color: #666; }
 #imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
 #imageData #caption{ font-weight: bold;	}
 #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
 #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
 
 #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
 
 /*********************************
  *            Panels             *
  *********************************/
 .panel{
 	margin: 20px 0 20px 0;
 }
 
 #left h2, #right h2{
 	font-size: 18px;
   padding: 6px 4px;
 	margin: 0px;
 	font-weight: normal;
 }
 
 .panel-content{
   padding: 5px;
 }
 
 .panel-footer{
 }
 
 /*********************************
  *            Menu               *
  *********************************/
 #logo {
 	margin: 75px 0 55px 5px;
 }
 
 #menu {
 	padding: 0px;
 	margin: 0 0 10px 0;
 	width: 245px;
 	position: relative;
 	top: 0px;
 	left: -10px;
 }
 
 #menu li{
 	display: block;
 	padding: 15px 0 5px 5px;
 	margin: 0 10px;
 	background: url('design/img/hr.jpg') no-repeat;
 	position: relative;
 	list-style-type: none;
 	font-size: 18px;
 }
 
 #menu li a:hover {
 	text-decoration: underline;
 }
 
 #menu li ul {
 	margin: 5px 0 0 0;
 	padding: 0;
 }
 
 #menu li ul li {
 	margin: 0;
 	margin-left: 15px;
 	padding: 0;
 	background: none;
 }
 
 #menu li ul li a {
 	font-size: 12px;
 }
 
 #menu li ul li a:hover {
 	text-decoration: underline;
 }
 
 /*********************************
  *          Support styles       *
  *********************************/
 .clear_both {
 	clear: both;
 }
 
 input.submit {
 	width: 100px;
 }
 
 #ad_links {
 	padding: 0 20px;
 }
 
 .delete_gif {
 	border-width: 0px;
 }
 
 .objednat {
 	text-align: center;
 	display: block;
 }
 
 .objednat input {
 	width: 90px !important;
 	height: 30px !important;
 	border-width: 0px;
 }
 
 
 #guestbook input {
 	float: left;
 }
 
 .prices {
 	margin-top: 10px;
 }
 .prices .dph {
 	font-weight: bold;
 	font-size: 14px;
 	margin-bottom: 2px;
 }
 
 .a_image {
 	float: right;
 	margin-right: 5px;
 	border: 1px black solid;
 }
/*********************************
  *            Article						 *
  *********************************/
 .article_super, .article_thumb {
 	clear: both;
 }
 
 .article_super a img, .article_thumb a img {
 	border-width: 0px;
 	margin: 0 5px 5px 0;
 	float: left;
 }
 
 .article_super p, .article_thumb p {
 	text-align: justify;
 	padding-bottom: 5px;
 }
 
 .article_super i, .article_thumb i {
 	float: right;
 }
 
 .article_detail p {
 	text-align: justify;
 }
 
 /*********************************
  *            Product						 *
  *********************************/
 .product_thumb .image, .product_thumb .right {
 	display: none;
 }
 
 
 #content_in_products .product_line_in, #content_in_products2 .product_line_in {
 	padding-left: 12px;
 }
 
 .product_line {
 	width: 690px;
 	height: 290px;
 	background: url('design/img/bg_products.jpg') no-repeat;
 }
 
 #content_in_products2, #content_in_products2 h2, #content_in_products2 p, #content_in_products2 .right, #content_in_products2 h2 a {
 	color: black;
 }
 
 #content_in_products .product_thumb, #content_in_products2 .product_thumb {
 	width: 188px;
 	height: 260px;
 	float: left;
 	margin: 12px 0 0 26px;
 }
 
 #content_in_products .product_thumb .image, #content_in_products2 .product_thumb .image{
 	height: 150px;
 	width: 180px;
 	display: block;
 }
 
 #content_in_products .product_thumb h2, #content_in_products2 .product_thumb h2{
 	padding: 0;
 	margin: 0;
 	font-size: 14px;
 }
 
 #content_in_products .product_thumb p, #content_in_products2 .product_thumb p{
 	margin: 0;
 	padding: 0 5px;
 	font-size: 11px;
 	height: 30px;
 	overflow: hidden;
 }
 
 #content_in_products .product_thumb .prices, #content_in_products2 .product_thumb .prices{
 	margin-top: 3px;
 	height: 15px;
 	overflow: hidden;
 }
 
 #content_in_products .product_thumb .right, #content_in_products2 .product_thumb .right{
 	float: right;
 	text-align: right;
 	display: block;
 	padding: 0px 5px 0 0;
 }
 
 #content_in_products .product_thumb .right a, #content_in_products2 .product_thumb .right a{
 	color: #c60000;
 	font-size: 11px;
 	text-decoration: underline;
 }
 
 
 #content_in_products .product_thumb .right .price, #content_in_products2 .product_thumb .right .price {
 	font-weight: bold;
 	padding: 0px 5px 0 0;
 }
 
 .objednat {
 	border-width: 0;
 	float: right;
 }
 
 .pr_detail_image {
 	float: left;
 	margin: 0 15px 15px 0;
 }
 
 .product_detail .objednat {
 	position: relative;
 	top: 10px;
 	left: 0px;
 }
 
 /*********************************
  *            Order              *
  *********************************/
 #order_page .in {
 	padding: 10px 0 5px 30px;
 }
 
 #order_page h3 {
 	float: left;
 	width: 210px;
 }
 
 #order_page input, #order_page textarea {
 	float: left;
 	width: 300px;
 }
 
 #order_price_total_wrap {
 	font-weight: bold;
 	font-size: 20px;
 	text-align: right;
 	padding-right: 10px;
 }
 
 #order_price_total {
 	font-size: bold;
 	display: inline;
 	font-size: 20px;
 	color: #c81919;
 }
 
 #order_page .objednat input {
 	margin-left: 255px;
 }
 
 .pd input {
 	width: 20px !important;
 	border: 1px white solid;
 }
/*********************************
  *            Calendar           * 
  *********************************/
 #calendar table{
   width: 100%;
   padding: 0;
   margin: 0 0 5px 0;
   text-align: center;
 }
 
 #calendar table thead{
   height: 16px;
   font-weight: bold;
 }
 
 .day{
   height: 22px;
 }
 
 .day-sn{
   height: 22px;
 }
 
 .calendar_disabled{
   color: #aaa;
 }
 
 .calendar_today{
   border: 1px black solid;
   padding: 2px;
   display:block;
   width: 20px;
   height: 12px;
   margin: 0 auto;
 }
 
 .calendar_event{
   border: 1px grey solid;
   padding: 2px;
   display:block;
   width: 20px;
   height: 12px;
   margin: 0 auto;
 }
 
 .calendar_days a{
   color: white;
 }
 
 .calendar_text {
 	display: none;
 }
 
 #calendar_popup {
   width: 200px;
 	background-color: white;
 	padding: 2px;
 	border: 1px black solid;
 }
 
 #calendar .list {
 	text-align: center;
 	padding-bottom: 3px;
 }
 
 /*************************
  *    Panel hledání      *
  ************************/
 #panel_search {
 	margin: 0 10px;
 }
 
 #panel_search input{
 	 width: 100%
 }
 
 #panel_search input.submit {
 	width: 75px;
 	float: right;
 	position: relative;
 	top: 0px;
 	left: 2px;
 }
 
 #panel_search #results {
 	position: absolute;
 	display: none;
 }
 
 #panel_search #img_searching {
 	visibility: hidden;
 }
 
 /*************************
  *    Panel hledání      *
  ************************/
 #search_param span {
 	display: block;
 	float: left;
 	width: 90px;
 }
 
 #search_param input, #search_param select {
 	width: 140px;
 }
 
 #search_param .submit {
 	text-align: center;
 	margin-top: 5px;
 }
 
 #search_param .submit input {
 	width: 60px;
 }
 
 /*************************
  *    Panel maillist     *
  ************************/
 #maillist_wrapper {
 	margin: 0 10px;
 }
 
 #maillist_wrapper input {
 	width: 100%;
 }
 
 #maillist_wrapper input.submit {
 	width: 75px;
 	float: right;
 	position: relative;
 	top: 0px;
 	left: 2px;
 }
 
 /*************************
  *    Panel feedback     *
  ************************/
 #panel_feedback {
 	margin: 0 10px;
 }
 
 #panel_feedback input, #panel_feedback textarea {
 	width: 100%;
 }
 
 #panel_feedback input.submit {
 	width: 75px;
 	float: right;
 	position: relative;
 	top: 0px;
 	left: 2px;
 }
 
 /*************************
  *    Panel wysiwyg      *
  ************************/
 .p_w_desc {
 	text-align: justify;
 }
 
 #panel_slevy {
 	border: 1px black solid;
 	background-color: #161616;
 	color: white;
 }
 
 #panel_slevy img {
 	float: left;
 	margin: 5px;
 }
 
 #panel_slevy h2 {
 	margin: 5px 0 0 0;
 	padding: 0;
 }
.header1 {
 	font-weight: bold;
 	font-size: 14px
 }
 
 .header2 {
 	font-weight: bold;
 	font-size: 12px;
 	color: #FF0000
 }
 
 .header3 {
 	font-weight: normal;
 	font-size: 12px;
 	color: #0000FF
 }
 
 .tablerow1 {
 	background-color: #BBBBBB;
 }
 
 td {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px;
 }