﻿/********************************************************************/
/***************  BW nářadí | Created by studio WPJ *****************/
/********************************************************************/

* {margin: 0; padding: 0; border:0px;}

/************************ GENERAL STYLES ****************************/
html{
	background: #5d6a73; 
}

body {
	background: url("../images/background-top.gif") repeat-x top left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#585858;
	font-size:12px;
	text-align:left;
}
a:link { color: #8f9da5; text-decoration: underline;}
a:visited {color: #8f9da5;text-decoration: underline; }
a:hover {color: #8f9da5; text-decoration: none;}

h1 {
	background: url("../images/title_dot.gif") no-repeat 10px 19px;
	font-family:"prox", "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fe0000;
   font-size: 30px;
   font-weight: normal;
   margin: 0px 0 10px 0;
   padding: 8px 10px 8px 33px;
   border-bottom:1px solid #dde5eb;
}
h2 {
	font-family:"prox", "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fe0000;
   font-size: 26px;
   font-weight: bold;
   padding: 12px 10px 10px;
}
h3 {
	font-family:"prox", "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #566269;
   font-size: 26px;
   font-weight: normal;
   padding: 10px 10px 6px;
}
h4 {margin: 0; padding: 8px 10px 5px; font-size:22px; font-weight:normal; color:#76838b; font-family:"prox", "Trebuchet MS", Arial, Helvetica, sans-serif;}
h5 {margin: 0; padding: 8px 10px 5px; font-size:18px; font-weight:normal; color:#76838b;}

/* Cleaner */
.cleaner { clear:both; padding:0; margin:0; background:none;}

/* Font */
@font-face {
	font-family: "prox";
   font-weight: normal;
	src: url("../styles/fonts/proxima_nova_cond_light-webfont.eot");
	src: url("../styles/fonts/proxima_nova_cond_light-webfont.ttf")  format("truetype"),
	     url("../styles/fonts/proxima_nova_cond_light-webfont.woff") format("woff");
}
@font-face {
	font-family: "prox";
   font-weight: bold;
	src: url("../styles/fonts/proxima_nova_cond_sbold-webfont.eot");
	src: url("../styles/fonts/proxima_nova_cond_sbold-webfont.ttf")  format("truetype"),
	     url("../styles/fonts/proxima_nova_cond_sbold-webfont.woff") format("woff");
}
/*************************** MAIN LAYOUT *****************************/

#page_wrapper{
	background: #e3ebf1 url("../images/background.gif") no-repeat top center;
   padding:10px 0 15px 0;
}
#page {
   margin:0px auto; 
	width: 980px;
	padding:0;
	position: relative;
	background-color:#fff;  
}
#header{
	height:149px;
	background: #fff url("../images/header_back.gif") repeat-x top left;
   border-bottom:2px solid #b9c4cd;
}
#header-wrapper{
	height:149px;
   width:980px;
	position:relative;
   margin:0px auto;
}
a.logo {
	position:absolute;
	z-index:2;
	top:27px;
	left:18px;
	display: block;
	width: 215px;
	height: 94px;
}
/*********** HLEDÁNÍ ****************/
#search{
   float:right;
   margin:17px 31px 0 0;
   position:relative;
}
#search input[type=text]{
   border-radius:15px;
   border:1px solid #cdd8df;
   background-color:#f3f7f9;
	-moz-box-shadow :inset 0 2px 3px #d6dee3;
	-webkit-box-shadow:inset 0 2px 3px #d6dee3;
	box-shadow:inset 0 2px 3px #d6dee3;
   padding:5px 12px 6px;
   width:162px;
   float:left;
   font-size:12px;
   color:#818f99;
}
#search input[type=text]:focus{
   background-color:#FFF;
}
#search input[type=submit]{
   float:right;
   width:22px;
   height:0px;
	background: url("../images/search_button.png") no-repeat top left;
   overflow:hidden;
   padding-top:22px;
   cursor:pointer;
   position:absolute;
   top:3px;
   right:3px;
   font-size:0px;
}
/********** HLEDÁNÍ END ***************/

/******** VÝROBCI HLAVIČKA ************/
#header_vyrobci{
	float:right;
   width:720px;
   margin:14px 0 0 0;
   clear:right;
}
#header_vyrobci p{
	font-family:"prox", "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#a5b3bd;
   border-bottom:1px solid #d7e0e6;
   padding:0 0 5px 10px
}
#header_vyrobci ul{
   list-style:none;
}
#header_vyrobci ul li{
   display:block;
   float:left;
}
#header_vyrobci ul li a{
   display:block;
   float:left;
   height:53px
}
#header_vyrobci ul li a#header_vyrobci_01{background: url("../images/header_vyrobci_01.gif") no-repeat top left; width:51px;}
#header_vyrobci ul li a#header_vyrobci_02{background: url("../images/header_vyrobci_02.gif") no-repeat top left; width:77px;}
#header_vyrobci ul li a#header_vyrobci_03{background: url("../images/header_vyrobci_03.gif") no-repeat top left; width:80px;}
#header_vyrobci ul li a#header_vyrobci_04{background: url("../images/header_vyrobci_04.gif") no-repeat top left; width:75px;}
#header_vyrobci ul li a#header_vyrobci_05{background: url("../images/header_vyrobci_05.gif") no-repeat top left; width:111px;}
#header_vyrobci ul li a#header_vyrobci_06{background: url("../images/header_vyrobci_06.gif") no-repeat top left; width:96px;}
#header_vyrobci ul li a#header_vyrobci_07{background: url("../images/header_vyrobci_07.gif") no-repeat top left; width:49px;}
#header_vyrobci ul li a#header_vyrobci_08{background: url("../images/header_vyrobci_08.gif") no-repeat top left; width:75px;}
#header_vyrobci ul li a#header_vyrobci_09{background: url("../images/header_vyrobci_09.jpg") no-repeat top left; width:50px;background-size: contain; margin-top: 10px}

#header_vyrobci ul li a#header_vyrobci_01:hover{background: url("../images/header_vyrobci_01_act.gif") no-repeat top left;}
#header_vyrobci ul li a#header_vyrobci_02:hover{background: url("../images/header_vyrobci_02_act.gif") no-repeat top left;}
#header_vyrobci ul li a#header_vyrobci_03:hover{background: url("../images/header_vyrobci_03_act.gif") no-repeat top left;}
#header_vyrobci ul li a#header_vyrobci_04:hover{background: url("../images/header_vyrobci_04_act.gif") no-repeat top left;}
#header_vyrobci ul li a#header_vyrobci_05:hover{background: url("../images/header_vyrobci_05_act.gif") no-repeat top left;}
#header_vyrobci ul li a#header_vyrobci_06:hover{background: url("../images/header_vyrobci_06_act.gif") no-repeat top left;}
#header_vyrobci ul li a#header_vyrobci_07:hover{background: url("../images/header_vyrobci_07_act.gif") no-repeat top left;}
#header_vyrobci ul li a#header_vyrobci_08:hover{background: url("../images/header_vyrobci_08_act.gif") no-repeat top left;}
#header_vyrobci ul li a#header_vyrobci_09:hover{background: url("../images/header_vyrobci_09_act.jpg") no-repeat top left; background-size: contain}
/******** VÝROBCI HLAVIČKA END *******/

/*********** MAIN MENU ****************/
#topmenu{
	font-family:"prox", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 0 7px 0;
	position:relative;
   background-color:#f2f6f9;
}
#nav {
	padding: 0; 
	text-align:left; 
	margin: 0; 
	list-style:none;
   margin:0px;
}
#nav li {
	display:block;
   clear:both;
}
#nav li a {
	color: #585858;
	font-size:16px;
	text-decoration:none; 
	display:block;
   padding:10px 10px 10px 33px;
	background: url("../images/topmenu_divider.gif") no-repeat center bottom;
}
/* Tlačítko po najetí a aktivní */
#nav li a.selected, #nav li a.selected:hover{
	color: #fff;
	background:#76838b url("../images/topmenu_hover.gif") no-repeat 7% 50%;
   font-weight:bold;
   text-shadow:#41484c 0px 1px 1px;
}
#nav li a:hover{
	color: #585858;
	background:#e3ebf1;
}
/* Seznam podpoložek */
#nav li ul{
	list-style:none;
	background-color:#dce5eb;
	padding:0px 0px 5px 0px;
}
/* Tlačítko podpoložek */
#nav li li a { 
	background: transparent url("../images/submenu_divider.gif") no-repeat bottom center;
	padding:8px 10px 8px 33px;
	display:block;
	font-size:16px;
   color:#525252;
}
#nav li li a:hover {
	background-color:#cad7df;
}
/* Tlačítko podpoložek aktivní */
#nav li li a.selected, #nav li li a.selected:hover {
	background: #f50000 url("../images/submenu_hover.gif") no-repeat 8% 50%;
	color: #fff;
}
/* Seznam podpodpoložek */
#nav li ul ul{
	list-style:none;
	background-color:#f2f6f9;
	padding:0px 0px 5px 0px;
   border-width:1px 1px 1px 1px;
   border-color:#f50000;
   border-style:solid;
}
#nav li ul ul li a{
   background-image:none;
	font-size:14px;
   border-bottom:1px solid #dbe3e9;
}
#nav li ul ul li a:hover{
   background-image:none;
	background-color:#e7edf1;
   color:#525252;
   text-shadow:none;
}
#nav li ul ul li a.selected:hover,#nav li ul ul li a.selected{
   background-image:none;
	background-color:#d7dfe4;
   color:#525252;
   text-shadow:none;
}

/* Seznam podpodpoložek */

/* Polozka 5. řádu (už neviditelná */
#nav li ul ul ul{
display:none;
}
/*********** MAIN MENU END ****************/

/*********** LEFT CONTENT ****************/
#side-content { 
	width: 226px;
	float: left;
}
/***** MAPA PRODEJCŮ BOK ********/
#mapa_prodejcu{
	background-color:#dde5eb;
   padding: 11px 9px 14px 7px;
   margin-top:9px;
}
#mapa_prodejcu p{
	color:#49565f;
   font-size:24px;
	font-family:"prox", "Trebuchet MS", Arial, Helvetica, sans-serif;
   background: url("../images/map_top.gif") no-repeat 5px 1px;
   padding:0 0 0 35px;
}
#mapa_prodejcu a#sellers_map{
	display:block;
   height:134px;
   width:210px;
   margin:10px 0 0px;
   position:relative;
}
#mapa_prodejcu a#sellers_map img{
	position:absolute;
   top:0px;
   left:0px;
}
#mapa_prodejcu a#sellers_map img.a{z-index:10;}
/**** MAPA PRODEJCŮ END *****/

/********** KONTAKT ***********/
#contact{
	background-color:#f2f6f9;
   padding: 11px 9px 14px 7px;
   margin-top:9px;
}
#contact p.p_title{
	color:#49565f;
   font-size:24px;
	font-family:"prox", "Trebuchet MS", Arial, Helvetica, sans-serif;
   background: url("../images/contact_top.gif") no-repeat 4px 2px;
   padding:0 0 0 42px;
}
#contact p.p_content{
   padding:5px 8px;
   line-height:18px;
}
#contact p.p_content strong{
   font-size:14px;
}
#contact > a{
   display:block;
   width:206px;
   height:69px;
	background: url("../images/contact_button.gif") no-repeat 0 0;
   margin-top:3px;
}
/******** KONTAKT END *********/

/*********** LEFT CONTENT END *************/

/*********** RIGHT CONTENT ****************/

/* Drobečková navigace */
#return_nav	{ 
	height:28px;
	padding: 5px 10px 0 10px; 
	width: 683px;
}
#return_nav	a{ 
	color:#888888;
   text-decoration:underline;
}
#return_nav	a:hover{ 
   text-decoration:none;
}
#return_nav	span{ 
	color:#888888;
}
#return_nav	img{ 
   margin: 0 5px;
}
/* Drobečková navigace END */
#content { 
	float: right;
	width: 703px;
}
#main-content { 
	padding: 15px 17px 15px 17px;
	width: 946px;
	min-height:350px;
   background-color:#fff;  
   border:1px solid #c0cbd3;
}
#content ul, #content ol{ 
	margin-left:25px;
}
#content ul li, #content ol li{ 
	padding:3px 0 5px;
}
#content p{ 
	line-height:22px;
	padding:5px 10px;
}
#content table{
	margin:10px;
	border-collapse:collapse;
}
#content td{
	border:1px solid #44525a; 
	padding:10px 30px;
   background-color:#f2f6f9;
}
#content th{
   text-align:center;
	padding:10px 25px;
	border:1px solid #44525a; 
   color:#fff;
   font-weight:bold;
   background-color:#76838b;
   background: -webkit-linear-gradient(top, #76838b, #44525a);
   background: -moz-linear-gradient(top, #76838b, #44525a);
   background: -ms-linear-gradient(top, #76838b, #44525a);
   background: -o-linear-gradient(top, #76838b, #44525a);
	-moz-box-shadow:inset 0 1px 0 #b4c1c8;
	-webkit-box-shadow:inset 0 1px 0 #b4c1c8;
	box-shadow:inset 0 1px 0 #b4c1c8;
}
/********** RIGHT CONTENT END *************/

/*********** FOOTER CONTENT ****************/
#footer_wrapper{
   background: url("../images/footer_back.gif") repeat-x top left;
}
#footer{
	width:980px;
	height:131px;
   position:relative;
	margin:0px auto;
}
#footer #footer_info{
	width:946px;
   background: url("../images/footer_divider.gif") repeat-x bottom left;
   float:left;
   padding:29px 17px 16px 17px
}
#footer #footer_info ul{
	list-style:none;
   widt:100%;
}
#footer #footer_info ul li{
	display:block;
   float:left;
   color:#FFF;
   font-family:"prox", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
   text-shadow: #000 0px 1px 1px;
   font-weight:normal;
}
#footer #footer_info ul li a{color:#fff; text-decoration:none;}
#footer #footer_info ul li a:hover{text-decoration:underline;}

#footer #footer_info ul li.phone{
   background: url("../images/footer_mobile.gif") no-repeat left center;
   padding:0 80px 0 40px;
}
#footer #footer_info ul li.mail{
   background: url("../images/footer_mail-03.gif") no-repeat left center;
   padding:0 90px 0 52px;
}
#footer #footer_info ul li.adress{
   background: url("../images/footer_mail.gif") no-repeat left center;
   padding:0 0 0 32px;
}
#footer #copyright{
	clear:both;
   text-shadow: #000 0px 1px 1px; 
   padding:10px;
}
#footer #copyright p{
   float:left;
   color:#ff0000;
}
#footer #copyright p a{
   color:#ff0000;
   text-decoration:none;
}
#footer #copyright p a:hover{
   text-decoration:underline;
}
#footer #copyright p.right{
   float:right;
   color:#FFF;
}
#footer #copyright p.right a{
   color:#fff;
   text-decoration:underline;
}
#footer #copyright p.right a:hover{
   text-decoration:none;
}
/*********** FOOTER CONTENT END **************/

/*************************** MAIN LAYOUT END *****************************/

/**************************** GALERIE ************************************/
#fotogalerie{
   margin:10px;
	clear:both;
}
#fotogalerie img {
	display: block;
	float: left;
	border: 1px solid #dde5eb;
   background-color:#FFF;
   padding:3px;
}
#fotogalerie a.imgbox {
	padding:0 11px 15px 5px;
	position:relative;
	float:left;
}
/************************** GALERIE END *************************************/

/************************** POPTÁVKOVÝ FORMULÁŘ	*******************************/
#content table#formular  {
	margin:15px 20px 10px 20px;
	padding:0;
	border:0;
}
#content table#formular td {
	padding:7px 2px;
}
#content #formular select  {
	background-color: white;
	border: 1px solid #412211;
	color:#000000;
	font-weight:bold;
	margin-bottom:1px;
	margin-top:1px;
	text-align:left;
	padding: 3px;
}
#content #formular textarea {
   border-radius:15px;
   border:1px solid #cdd8df;
   background-color:#f3f7f9;
	-moz-box-shadow :inset 0 2px 3px #d6dee3;
	-webkit-box-shadow:inset 0 2px 3px #d6dee3;
	box-shadow:inset 0 2px 3px #d6dee3;
   width:162px;
   font-size:12px;
   color:#818f99;
	height:150px;
	width:400px;
   padding:10px 15px;
}
#content ul.errorlist {
	list-style:none;
	margin:0px !important;
	color:#ff0000 !important;
}
#formular input {
   border-radius:15px;
   border:1px solid #cdd8df;
   background-color:#f3f7f9;
	-moz-box-shadow :inset 0 2px 3px #d6dee3;
	-webkit-box-shadow:inset 0 2px 3px #d6dee3;
	box-shadow:inset 0 2px 3px #d6dee3;
   padding:5px 6px;
   width:162px;
   font-size:12px;
   color:#818f99;
	margin-bottom:1px;
	margin-top:1px;
	text-align:left;
}
#formular input:focus, #content #formular textarea:focus{
   background-color:#FFF;
}
#formular input[type=text] {width: 220px;}
#formular input#id_captcha_1 {width: 40px;}
#formular span{
	color:#F00;
}
#formular td{
	text-align:left;
	background: transparent;
	border:none;
}
#formular th {
	text-align:right;
	background: transparent;
	border:none;
	padding:0 10px 0 0;
	color:#797979;
   box-shadow:none;
}
form #submit{
   margin-left:120px;
	padding:5px 10px;
   background-color:#d30000;
   background: -webkit-linear-gradient(top, #d30000, #f30000);
   background: -moz-linear-gradient(top, #d30000, #f30000);
   background: -ms-linear-gradient(top, #d30000, #f30000);
   background: -o-linear-gradient(top, #d30000, #f30000);
   color:#FFF;
   font-weight:bold;
   float:left;
   border-radius:15px;
   cursor:pointer;
}
form #submit:hover{
   background-color:#58646c;
   background: -webkit-linear-gradient(top, #58646c, #76838b);
   background: -moz-linear-gradient(top, #58646c, #76838b);
   background: -ms-linear-gradient(top, #58646c, #76838b);
   background: -o-linear-gradient(top, #58646c, #76838b);
}

/************************** POPTÁVKOVÝ FORMULÁŘ	END ****************************/

/******************************** NOVINKY **************************************/

/*********** NEWS BOX ****************/
#uvod-news  {
	width:340px; 
   float:left;
   border-right:1px solid #dde5eb;
   padding: 0 13px 0 0;
   margin-top:20px;
}
#uvod-news  h2{
	background: url("../images/title_dot.gif") no-repeat 10px 11px;
	font-family:"prox", "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fe0000;
   font-size: 30px;
   font-weight: normal;
   margin: 0px 0 3px 0;
   padding: 0px 10px 8px 33px;
}
#uvod-news h2 > a{color: #fe0000; text-decoration:none;}
#uvod-news h2 > a:hover{text-decoration:underline;}

.news-wrapper{
	clear:both;
   min-height:135px;
   border-bottom: 1px dotted #76838b;
   background: url("../images/news_back.gif");
   margin:5px 10px 10px;
   padding: 0 0 8px;
   overflow:hidden;
}
.news-wrapper.no-border{
   border:none;
}
.news-wrapper img{
	border: 1px solid #dde5eb;
   background-color:#FFF;
   padding:3px;
	margin:0 0 0 20px;
	float:right;
}
.news-content{
   padding:0px;
}
.news-content h3{
   padding:0 5px 4px;
   font-size:18px;
   color:#76838b;
   font-weight:bold;
}
.news-content h3 a{
   color:#49565f;
}
.news-content p{
   line-height:17px !important;
   padding:0 5px !important;
}
.news-content p.date{
   padding:0 5px !important;
   font-size:12px;
   color:#8da0ae;
   font-style:italic;
}
/*********** NEWS BOX END *************/

/*********** NEWS LIST ****************/
.pagination{
	padding:5px 15px;
	clear:both;
}
.news-list-wrapper{
	clear:both;
   border-bottom: 1px dotted #76838b;
   padding:8px 0 13px 0px;
   margin:5px 10px;
   min-height:90px;
}
.news-list-wrapper img{
	border: 1px solid #dde5eb;
   background-color:#FFF;
	margin:0 20px 0 0;
   padding:3px;
	float:left;
}
.news-list-content{
   padding:0px;
}
.news-list-content h3{
   padding:0 5px 4px;
   font-size:18px;
   color:#49565f;
   font-weight:bold;
}
.news-list-content p{
   line-height:18px !important;
   text-align:justify;
   padding:0 5px !important;
}
.news-list-content p.date{
   padding:0 5px !important;
   font-size:12px;
   color:#8da0ae;
   font-style:italic;
}
/********** NEWS LIST END ***********/

/******************************** NOVINKY END *******************************************/


/*********************************  ÚVOD  ************************************************/


/*************************************  ÚVOD END ****************************************************/

/***************************************** AKČNÍ NABÍDKY (OFFERS) ***********************************/
.uvod-offers  {
	width:340px; 
   float:right;
   margin-top:20px;
}
.uvod-offers  h2{
	background: url("../images/title_dot.gif") no-repeat 10px 11px;
	font-family:"prox", "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fe0000;
   font-size: 30px;
   font-weight: normal;
   margin: 0px 0 3px 0;
   padding: 0px 10px 8px 33px;
}
.uvod-offers h2 > a{color: #fe0000; text-decoration:none;}
.uvod-offers h2 > a:hover{text-decoration:underline;}

#news-bottom {
	width:100%; 
   float:left;
	background: url("../images/news_bottom.gif") repeat-x bottom left;
   position:relative;
   margin-bottom:10px;
}
#news-bottom a { /* starší novinky */
	font-size:14px;
   color:#fe0000;
   display:block;
   float:right;
	background: url("../images/more_button.png") no-repeat 100% 50%;
   padding:3px 28px 3px 0px;
   text-decoration:none;
   margin:8px 15px 10px 216px;
   width:91px;
   text-align:right;
}
#news-bottom a:hover {
   text-decoration:underline;
}
#news-bottom span{
	display:block;
   position:absolute;
   width:1px;
   background-color:#dde5eb;
   border-right:1px solid #FFF;
   height:35px;
   top:0px;
   left:353px;
}
/***************************************** AKČNÍ NABÍDKY (OFFERS) ***********************************/

/*************************************  KATALOG PRODUKTŮ **********************************************/
.catalog{
   border-color:#dde5eb;
   border-style:solid;
   border-width:1px 1px 3px 1px;
   background-color:#fff;
	padding:9px 11px;
	height:190px;
	width:189px;
	float:left;
	margin:10px 10px 0 10px;
	position:relative;
}
/*.catalog:hover{
   border-color:#c0cbd3;
   border-style:solid;
   border-width:1px 1px 3px 1px;
}*/
.img_wrapper{
   margin:0px auto;
	height:176px;
   width:176px;
   display:table;
}
.catalog a.image{
   display: table-cell;
   height: 160px;
   text-align: center;
   vertical-align: middle;
   width: 160px;
}
.catalog img{
	margin-bottom:0px;
}
.catalog h3{
   position:absolute;
   bottom:10px;
   left:10px;
   padding:0px;
}
.catalog h3 a{
   display:block;
	font-size:16px;
	text-align:left;
	background: #76838b url("../images/catalog_arrow.png") no-repeat 95% 50%;
   width:171px; 
   padding:8px 10px;
	color:#fff;
   text-decoration:none;
   text-shadow: 0 1px 1px #41484C;
}
.catalog:hover h3 a{
	background: #fe0000 url("../images/catalog_arrow.png") no-repeat 95% 50%;
}
/***********************************  KATALOG PRODUKTŮ END ********************************************/

/*************************************  KATALOG DETAIL PRODUKTU **********************************************/
#katalog-detail-popis{
	padding:10px 10px 15px;
	position:relative;
   font-size:12px;
   margin-bottom:10px;
}
#katalog-detail{
	padding:10px 10px;
	background: url("../images/catalog_detail_back.gif") no-repeat 0 0;
}
#katalog-detail h3#price{
	margin-top:10px;
}
#katalog-detail-popis div.img_detail_wrapper{
	float:left;
   margin-right:30px;
   height:160px;
   width:160px;
   display:table;
	border: 1px solid #dde5eb;
   background-color:#FFF;
   padding:3px;
}
#katalog-detail-popis div.img_detail_wrapper a{
   display: table-cell;
   height: 160px;
   text-align: center;
   vertical-align: middle;
   width: 160px;
}
#katalog-galery {
	padding:20px 10px;
}
#katalog-galery a{
	text-decoration:none;
}
#katalog-galery img{
	border: 1px solid #dde5eb;
   background-color:#FFF;
   padding:3px;
   margin:5px 5px;
}
/* Poptávka */
.poptavka_button{
	height:0px;
   width:186px;
   padding:55px 0 0 0;
	background: url("../images/poptavka.gif") no-repeat 0 0;
   display:block;
   overflow:hidden;
   margin:5px 0 0 15px;
}
.poptavka_button:hover{
	background-position:bottom left;
}
/* Kontaktní formulář */
.kontaktniform_button{
	height:0px;
   width:206px;
   padding:55px 0 0 0;
	background: url("/static/img/kontaktniform.gif") no-repeat 0 0;
   display:block;
   overflow:hidden;
   margin:25px 85px 0 0;
   float:right;
}
.kontaktniform_button:hover{
	background-position:bottom left;
}

/***********************************  KATALOG DETAIL PRODUKTU END ********************************************/

/*************************************** MAPA PRODEJCŮ *******************************************************/
#czech_map{
	background: url("../images/prodejci_map.gif") no-repeat 0 0;
   width:581px;
   height:345px;
   margin:20px auto 0;
   position:relative;
}
#czech_map img{position:relative;z-index:2;}
#czech_map span#region{display:block;position:absolute;}

#czech_map span#region.karlovarsky{background: url("../images/regions/karlovarsky.png") no-repeat 0 0; top:79px; left:1px; width:101px; height:73px;}
#czech_map span#region.plzensky{background: url("../images/regions/plzensky.png") no-repeat 0 0; top:128px; left:24px; width:122px; height:153px;}
#czech_map span#region.jihocesky{background: url("../images/regions/jihocesky.png") no-repeat 0 0; top:194px; left:118px; width:181px; height:140px;}
#czech_map span#region.ustecky{background: url("../images/regions/ustecky.png") no-repeat 0 0; top:1px; left:72px; width:143px; height:129px;}
#czech_map span#region.stredocesky{background: url("../images/regions/stredocesky.png") no-repeat 0 0; top:60px; left:109px; width:184px; height:148px;}
#czech_map span#region.liberecky{background: url("../images/regions/liberecky.png") no-repeat 0 0; top:7px; left:191px; width:109px; height:72px;}
#czech_map span#region.praha{background: url("../images/regions/praha.png") no-repeat 0 0; top:119px; left:181px;width:41px;height:31px;}
#czech_map span#region.vysocina{background: url("../images/regions/vysocina.png") no-repeat 0 0; top:163px; left:238px; width:132px; height:121px;}
#czech_map span#region.kralovehradecky{background: url("../images/regions/kralovehradecky.png") no-repeat 0 0; top:39px; left:256px; width:128px; height:98px;}
#czech_map span#region.pardubicky{background: url("../images/regions/pardubicky.png") no-repeat 0 0; top:114px; left:279px; width:128px; height:84px;}
#czech_map span#region.jihomoravsky{background: url("../images/regions/jihomoravsky.png") no-repeat 0 0; top:191px; left:295px; width:184px; height:132px;}
#czech_map span#region.olomoucky{background: url("../images/regions/olomoucky.png") no-repeat 0 0; top:82px; left:396px; width:105px; height:155px;}
#czech_map span#region.zlinsky{background: url("../images/regions/zlinsky.png") no-repeat 0 0; top:200px; left:432px; width:112px; height:90px;}
#czech_map span#region.moravsko-slezsky{background: url("../images/regions/moravsko-slezsky.png") no-repeat 0 0; top:97px; left:432px; width:149px; height:120px;}

/* Mapa u regionu */
#map{
	width: 701px; 
   height: 450px;
   margin: 10px 0 5px 0px; 
   border: 1px solid #dde5eb;
}
#map p{
	padding:0 10px;
   line-height:20px;
}
#map p strong{
	color:#fe0000;
}
/*************************************** MAPA PRODEJCŮ *******************************************************/


/***********************************  OBJEDNÁVKA ZBOŽÍ *****************************************************/
#registrace {padding: 5px 20px;}

#registrace .block {float:left; width: 360px; margin:6px 0px 6px 0px;position:relative;}
#registrace .block label{padding:5px 0 0px 10px; display:block; float:left; width: 100px; font-size:12px;text-align:right;}
#registrace .block input[type=text]{ 
   border-radius:15px;
   border:1px solid #cdd8df;
   background-color:#f3f7f9;
	-moz-box-shadow :inset 0 2px 3px #d6dee3;
	-webkit-box-shadow:inset 0 2px 3px #d6dee3;
	box-shadow:inset 0 2px 3px #d6dee3;
   padding:5px 6px;
   width:220px;
   font-size:12px;
   color:#818f99;
	margin-bottom:1px;
	margin-top:1px;
	text-align:left;
   float:right;
}
#registrace .block.field_notes {width: 560px;}

#registrace .field_ico label{width:30px;}
#registrace .block input#id_captcha_1{width:40px;}
#registrace .block input#id_ico{width:130px;}
/* Chyba ve formulari */
#registrace .block.error input[type=text]{ 
	border:1px solid #eb0000;
}
#registrace .block.error span{ 
	color: #eb0000;
	font-size:11px;
	display:none;
}
/* Chyba ve formulari END */

/* Seznam chybnych udaju */
.ui-widget div.error_list{
	display:inline;line-height:20px;
	padding:5px 10px;
}
/* Seznam chybnych udaju END */

/* Vyzadovane pole */
#registrace .block.required label{font-weight:bold;}
/* Vyzadovane pole END */

#registrace .block textarea{ 
   border-radius:15px;
   border:1px solid #cdd8df;
   background-color:#f3f7f9;
	-moz-box-shadow :inset 0 2px 3px #d6dee3;
	-webkit-box-shadow:inset 0 2px 3px #d6dee3;
	box-shadow:inset 0 2px 3px #d6dee3;
   width:162px;
   font-size:12px;
   color:#818f99;
	height:150px;
	width:400px;
   padding:10px 15px;
   float:right;
}
#registrace .block textarea:focus, #registrace .block input[type=text]:focus{ 
   background-color:#FFF;
}
#registrace input[type=submit]{ 
   margin-left:120px;
	padding:5px 10px;
   background-color:#d30000;
   background: -webkit-linear-gradient(top, #d30000, #f30000);
   background: -moz-linear-gradient(top, #d30000, #f30000);
   background: -ms-linear-gradient(top, #d30000, #f30000);
   background: -o-linear-gradient(top, #d30000, #f30000);
   color:#FFF;
   font-weight:bold;
   float:left;
   border-radius:15px;
   cursor:pointer;
}
#registrace input[type=submit]:hover{ 
   background-color:#58646c;
   background: -webkit-linear-gradient(top, #58646c, #76838b);
   background: -moz-linear-gradient(top, #58646c, #76838b);
   background: -ms-linear-gradient(top, #58646c, #76838b);
   background: -o-linear-gradient(top, #58646c, #76838b);
}
#registrace .block ul{ 
	list-style:none;
}
#registrace .block ul li{ 
	display:inline-block;
}
#registrace .error_message {
   clear: both;
   display: none;
   padding: 5px;
	border-radius: 5px;
	background-color:#fff2e9;
	border:#ffceab 1px solid;
	margin-bottom:10px;
}
/***********************************  OBJEDNÁVKA ZBOŽÍ END **************************************************/

