/* Cobradesign styles - print.css */
@import url("reset.css");

/********************************************************************************************
 Základní stylování
********************************************************************************************/

strong { font-weight: bold !important; }
ul li { list-style-position: inside; list-style-type: none; }
p { margin-top: 5px; margin-bottom: 10px; }

.clear {
	clear: both;
}
.clearImportant {
  clear: both;
	padding: 0 !important;
	background: none !important;
}
.hidden, .none { display: none; }
.relative { position: relative; }

.grey { color: #6a6a6a; }

.obligatory, .bold, .strong { font-weight: bold !important; }
label.obligatory2 { font-weight: bold; color: #C00; }
input.obligatory2 {	background: #FBE7E6; border: 1px solid #C00; }

/* nadpisy */
h1 { padding: 0; margin: 0px 0px 4px 350px; color: #1d1d1d; font-size: 0.9em;}
h2, h3 { padding-top: 5px; margin-bottom: 10px; }
h2 { color: #ffd234; font-size: 1.75em; }
h3 { color: #c20000; font-size: 17px; }
#levy h3 { color: #fff; }

/* odkazy */
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
div#levy, div#levy a { color: #fff; }

/* prvky float formulare */
fieldset.float label { float: left; clear: left; }
fieldset.float input { float: left; }
fieldset.float br { display: block; clear: both; height: 1px; visibility: hidden; }

/* prvky checkbox formulare */

/* logo - tisk */
#logo-tisk { display: none; }

/* input - small */
input.small
{
	background: url(/img/submit-small.jpg) no-repeat;
	width: 114px;
	height: 31px;
	border: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.small:hover { background: url(/img/submit-smallHover.jpg) no-repeat; }

/********************************************************************************************
 layout
********************************************************************************************/

body
{
  font-family: Tahoma, 'Geneva CE', sans-serif;
  font-size: 62.5%;
  color: #000;
  behavior: url(/css/csshover3.htc);
  background: #fff url("/img/bg.jpg") repeat-y center;  
}

/* obal celeho webu */
#main
{
  max-width: 1249px;
  min-width: 990px;
  margin: 0 auto;
  font-size: 1.2em;
  padding-bottom: 20px;
  background: #fff url("/img/bg_01.jpg") repeat-y left;    
  overflow:hidden;  
}
/* levy sloupec */ #levy { width: 342px; float: left; padding: 10px 0 0 0; margin-bottom: 30px; background-color: #1d1d1d; }
/* cely pravy sloupec - obal */ #pravy-obal { padding: 0; overflow: hidden; margin-bottom: 30px; }
/* hlavicka - uvnitr obalu pro pravy sloupec */ #hlava { margin-bottom: 20px; }
/* stredovy sloupec - uvnitr obalu pro pravy sloupec */ #center { width: 556px; float: left; padding-left: 21px; padding-right: 19px; overflow: hidden; }
/* pravy sloupec - uvnitr obalu pro pravy sloupec */ #pravy { margin-left: 598px;position:relative; }

/********************************************************************************************
 Index - obsah
********************************************************************************************/

																/* ----- LEVY SLOUPEC - ZAKLADNI ----- */
#levy h2, #levy h3
{
	display: block;
	text-align: center;
	margin-right: 10px;
}
#levy h3 { margin-bottom: 20px; }

																	  /* ----- FILTR ----- */
div#filtr { background: #ef0000 url(/img/filtr-bg-center.jpg) repeat-y right; margin-left: 1px; }
div#filtr-top { background: url(/img/filtr-bg-top.jpg) no-repeat top right; }
div#filtr-bottom
{
	background: url(/img/filtr-bg-bottom.jpg) no-repeat bottom right;
	min-height: 208px;
	_height: 208px; /* IE6 */
	position: relative;
}

/* druh opice */
div#filtr ul li
{
	display: block;
	float: left;
	width: 90px;
	height: 96px;
	margin: 8px 11px 12px 12px;
	text-align: center;
	overflow: hidden;
}
div#filtr ul li:hover, div#filtr ul li.active { background: url(/img/filtr-active-bg.jpg) no-repeat top; cursor: default; }
div#filtr ul li a, div#filtr ul li strong
{
	display: block;
	width: auto;
	margin: 3px auto;
	padding-top: 73px;
	background-position: top center;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	behavior: url(/css/iepngfix.htc);
}
div#filtr ul li.panske a, div#filtr ul li.panske strong { background-image: url(/img/filtr-panske.png); }
div#filtr ul li.damske a, div#filtr ul li.damske strong { background-image: url(/img/filtr-damske.png); }
div#filtr ul li.unisex a, div#filtr ul li.unisex strong { background-image: url(/img/filtr-unisex.png); }

/* cara */
div#filtr hr
{
	clear: both;
	display: block;
	height: 1px;
	border: 1px solid #a73434;
	margin: 5px 10px 10px 10px;
}

/* vysunovaci nabidky */
div#filtr form { padding: 0 10px 10px 10px; }
div#filtr form fieldset.float label
{
	font-size: 1.1em;
	color: #fff;
	width: 100px;
	margin-right: 5px;
}
div#filtr form fieldset.float select
{
	margin-bottom: 2px;
	border: 1px solid #838383;
	width: 130px;
}
div#filtr form fieldset.float input#filtr-submit
{
	display: block;
	width: 66px;
	height: 66px;
	overflow: hidden;
	background-color: #1d1d1d;
	background-image: url(/img/filtr-submit.jpg);
	position: absolute;
	top: 128px;
	left: 265px;
	color: #fff;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

																/* ----- VYHLEDAVANI ----- */
div#vyhledavani { background: #ef0000 url(/img/vyhledavani-bg-center.jpg) repeat-y; margin: 10px 10px 10px 1px; position: relative; }
div#vyhledavani-top { background: url(/img/vyhledavani-bg-top.jpg) no-repeat top; }
div#vyhledavani-bottom 
{
	background: url(/img/vyhledavani-bg-bottom.jpg) no-repeat bottom;
	min-height: 68px;
	_height: 68px; /* IE6 */
	padding: 10px;
}

/* form */
div#vyhledavani form label
{
	font-size: 1.1em;
	color: #fff;
	line-height: 1.5em;
}
div#vyhledavani form label.vyhledavani
{
	font-weight: bold;
	margin-right: 10px;
}
div#vyhledavani form input#search-input
{
	background: url(/img/vyhledavani-input.png) no-repeat;
	width: 126px;
	height: 19px;
	margin-bottom: 8px;
	padding: 1px 10px 0px 7px;
	margin-top: 1px;
}
/* radio */
div#vyhledavani form input#emp-arm, div#vyhledavani form input#all
{
	margin-left: 97px;
	margin-right: 5px;
}
/* submit */
div#vyhledavani form input#vyhledavani-submit
{
	background: url(/img/vyhledavani-submit.png) no-repeat;
	width: 62px;
	height: 20px;
	position: absolute;
	top: 11px;
	left: 251px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	vertical-align: top;
	cursor: pointer;
}

																 /* ----- CATEGORIES ----- */
div#categories { position: relative; margin-bottom: 40px; }
div#categories h2 a
{
	display: block;
	height: 27px;
	text-align: left;
	padding: 12px 10px 10px 10px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	margin: 0 -10px 5px 0;
}
div#categories h2 a:hover, div#categories h2 a.active {
	background: #fff url(/img/categories-nadpis.jpg) no-repeat top left;
	color: #000;
}
/* polozky */
div#categories ul li
{
	padding: 0;
	display: block;
	height: 27px;
	padding-top: 10px;
	margin-bottom: 2px;
	overflow: hidden;
	position: relative;
}
div#categories ul li a
{
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 15px;
	text-transform: uppercase;
}
div#categories ul li:hover, div#categories ul li.active
{
	background: #fff url(/img/categories-polozka.jpg) no-repeat top;
	cursor: pointer;
}
div#categories ul li:hover a, div#categories ul li.active a { color: #000; }

/* obrazky v polozce */
div#categories ul li span
{
	position: absolute;
	right: 10px;
	top: 0;
}
div#categories ul li span a, div#categories ul li span a img
{
	margin: 0;
	padding: 0;
	display: inline;
	behavior: url(/css/iepngfix.htc);
}


															 	 /* ----- NAD HLAVOU ----- */
#hlava-nad
{
  height: 117px;
  overflow: hidden;
}
div#hlava-levy, div#hlava-pravy { height: 117px; overflow: hidden; }
/* leva cast */
div#hlava-levy
{
	float: left;
	width: 573px;
	padding-left: 23px;
	overflow: hidden;
}
div#hlava-levy h2
{
	display: block;
	background: url(/img/nadpis.jpg) no-repeat top left;
	width: 405px;
	height: 50px;
	margin: 40px 0 0 100px;
	text-indent: -500px;
	overflow: hidden;
}
/* prava cast */


div#hlava-pravy
{
	width: 311px;
	float: right;
	text-align: right;
}

																	  /* ----- HLAVA ----- */
#hlava { /* je zmensovaci */ 
	height: 172px;
	overflow: hidden;
	clear: both;
	margin-right: 2px;
	background: #c04242 url(/img/hlava.jpg) no-repeat top right;
	padding: 16px 7px 20px 8px;
}
#hlava p {
	color: #fff;
	margin-left: 0px;
	height: 63px;
	overflow: hidden;
	clear: both;
	float: left;
	width: 390px;
	margin-bottom: 10px;
}
#hlava a {
	color: #fff;
}
#hlava h2.big {
	font-size: 17px;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
	height: 43px;
	width: 470px;
}
#hlava h2.big strong { color: #9f0510; }

																   /* ----- ARTICLES ----- */
/* pozadi */
div#articles-obal { background: #1d1d1d url(/img/articles-bg-center.jpg) repeat-x top; }
div#articles-obal div { background: url(/img/articles-bg-left.jpg) no-repeat left top; }
div#articles-obal div div { background: url(/img/articles-bg-right.jpg) no-repeat right top; }
/* obsah */
div#articles-obal { 
  clear: both;
  max-width: 893px;
  min-width: 600px;
}
div#articles-obal div div
{
	height: 42px;
	overflow: hidden;
	padding: 0 10px;
}
div#articles-obal ul li { width: 16.66%; display: block; float: left; height: 42px; }
div#articles-obal ul li a, div#articles-obal ul li strong
{
	display: block;
	height: 20px;
	padding-top: 6px;
	margin-top: 8px;
	margin-bottom: 8px;
	float: left;
	color: #fff;
	text-decoration: none;
	width: 100%;
	text-align: center;
	border-left: 1px solid #4a4a4a;
}
div#articles-obal ul li.first a { border: none; }
div#articles-obal ul li:hover, div#articles-obal ul li a:hover, div#articles-obal ul li.active, div#articles-obal ul li.active strong
{
	background: #430101;
}

																       /* ----- AKCE ----- */
#akce { background: #b30000 url(/img/akce-bg-center.jpg) repeat-y; margin-right: 3px; margin-bottom: 10px; }
#akce-top { background: url(/img/akce-bg-top.jpg) no-repeat top; }
#akce-bottom
{
	background: url(/img/akce-bg-bottom.jpg) no-repeat bottom;
	min-height: 67px;
	_height: 67px; /* IE 6 */
	padding: 10px;
}
/* znacka */
div#akce img
{
	float: left;
	margin: 0 20px 20px 0;
}
/* text */
div#akce div { text-align: center; }
div#akce a
{
	font-weight: bold;
	color: #fff;
}

																      /* ----- iTEXT ----- */
#iText { text-align: justify; }
#iText h1 { margin-left: 0px; margin-top: 15px; color: #000; }
#iText h2
{
	color: #c20000;
	font-size: 1.4em;
}

																/* ----- iBOX - OBAL ----- */
div#iBox-obal
{
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}
div#iBox-obal h2
{
	color: #c20000;
	font-size: 1.4em;
}

																       /* ----- iBOX ----- */
div.iBox
{
	background: url(/img/iBox-bg.jpg) no-repeat top left;
	width: 267px;
	height: 208px;
	float: left;
	margin: 10px 10px 10px 0;
}
div.iBox a.name
{
	display: block;
	height: 14px;
	overflow: hidden;
	margin: 10px;
	text-align: center;
	color: #ffd234;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
div.iBox div.img
{
	float: left;
	width: 128px;
	height: 132px;
	margin: 6px 10px 13px 10px;
	overflow: hidden;
	text-align: center;
}
div.skladem
{
	color: #838383;
	font-weight: bold;
	height: 40px;
	overflow: hidden;
	padding: 6px 10px 3px 0;
}
div.priznak
{
	height: 30px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 15px;
	text-align: center;
	padding-top: 2px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	visibility: hidden;
	overflow: hidden;
}
div.priznak.akce { background-image: url(/img/akce.jpg); visibility: visible; }
div.priznak.doporucujeme { background-image: url(/img/doporucujeme.jpg); font-size: 12px; text-transform: none; padding-top: 5px; height: 21px; visibility: visible; }
div.priznak.vyprodej { background-image: url(/img/vyprodej.jpg); visibility: visible; }
div.priznak.novinka { background-image: url(/img/novinka.jpg); visibility: visible; }

div.cena
{
	color: #9c9c9c;
	height: 25px;
	margin-top: 17px;
	overflow: hidden;
}
div.cena strong
{
	font-size: 20px;
	color: #c20000;
	display: block;
	margin-bottom: 5px;
}
div.cena br { display: none; }
div.iBox select
{
  margin: 2px 0px 2px 0px;
	height: 21px;
  width: 100px;
	overflow: hidden;
}
/* iBox - patka */
div.iBox-patka
{
	background: #1d1d1d;
	clear: both;
}
div.iBox-patka a
{
	color: #fff;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	background: #1d1d1d;
}
div.iBox-patka a.kosik { float: right; margin-right: 15px; }
div.iBox-patka a.info { float: left; margin-left: 30px; }
div.iBox-patka a:hover { color: #ffd234; text-decoration: none; }

																	/* ----- Login ----- */
div.iLogin {        
}
div.iLogin a#iLogin-odkaz {
	display: block;
	width: 30px;
	position: absolute;
	top: 5px;
	left: 20px;	
	bottom: 10px; 
}
div.iLogin .iKosik-top {
	background:url(/img/iLoginBgTop.png) no-repeat left top;
}
div.iLogin .iKosik-obsah{
	min-height: 60px;	
	_height: 85px; /* IE 6 */
}
div.iLogin input.small {
	background: url(/img/submitLogin.jpg) no-repeat;
	margin-left: 71px !important;
	margin-top: 10px;
	border: none !important;
	width: 114px !important;	
}
div.iLogin input.small:hover {
	color: #ffd234;
}
div.iLogin a {
	position: absolute;
	bottom: 10px;
}
																     /* ----- iKOSIK ----- */
/* pozadi */
div.iKosik { background: url(/img/iKosik-bg-center.jpg) repeat-y 13px; margin-bottom: 20px; width: 309px; overflow: hidden; position:absolute; }
#iKosik{ top:160px; }
#doporucujeme-obal{ top:340px; }
#reklama { position:absolute; top: 800px; }
div.iKosik-top { background: url(/img/iKosik-bg-top.png) no-repeat top left; }
div.iKosik-bottom { background: url(/img/iKosik-bg-bottom.jpg) no-repeat 13px bottom; }
div.iKosik-obsah
{
	min-height: 106px;
	_height: 106px; /* IE 6 */
	position: relative;
	padding: 10px 20px 45px 61px;
	color: #fff;
	width: 228px;
	overflow: hidden;
}

/* obsah */
div.iKosik a#iKosik-odkaz
{
	display: block;
	width: 30px;
	position: absolute;
	top: 5px;
	left: 20px;	
	bottom: 10px;
}
div.iKosik
{
	line-height: 1.3em;
}
div.iKosik strong { display: block; margin-top: 15px; }
div.iKosik a { color: #fff; }
div.iKosik span.bold a { color: #fff; }
div.iKosik a.iKosik
{
	color: #ffd234;
	font-weight: bold;
	position: absolute;
	bottom: 15px;
}

/* login */
.iKosik form label
{
  display: block;
  float: left;
  width: 70px;  
  clear: left;
}
.iKosik form input
{
  float: left;
  margin-bottom: 2px;
  border: 1px solid #838383;
  padding: 1px 2px;
  width: 110px;  
}
.iKosik form input.prihlasit-se
{
  margin-left: 70px;
  width: 90px;
  cursor: pointer;
}

															    /* ----- DOPORUCUJEME ----- */
/* obal - pozadi */
div#doporucujeme-obal { background: url(/img/doporucujeme-obal-bg-center.jpg) repeat-y 13px; margin-bottom: 30px; }
div#doporucujeme-obal-top { background: url(/img/doporucujeme-obal-bg-top.png) no-repeat top left; }
div#doporucujeme-obal-bottom { background: url(/img/doporucujeme-obal-bg-bottom.jpg) no-repeat 13px bottom; }
div#doporucujeme-obal-obsah {
	min-height: 172px;
	_height: 172px; /* IE 6 */
	padding: 1px 11px 7px 64px;
	position: relative;
}

div#doporucujeme-obal #productTip-odkaz {
	display: block;
	width: 30px;
	height: 170px;
	position: absolute;
	top: 5px;
	left: 20px;	
}
/* boxy - pozadi */
div.productTip { background: url(/img/doporucujeme-bg-center.jpg) repeat-y center; margin-top: 17px; margin-bottom: 20px; }
div.productTip-top { background: url(/img/doporucujeme-bg-top.jpg) no-repeat top center; }
div.productTip-bottom
{
	background: url(/img/doporucujeme-bg-bottom.jpg) no-repeat bottom center;
	min-height: 160px;
	_height: 160px; /* IE 6 */
	padding-bottom: 5px;
	position: relative;
	overflow: hidden;
	width: 228px;

}
/* ----- BOXY - OBSAH ----- */
/* nadpis */
div.productTip a.name
{
	display: block;
	padding: 4px 10px 0px 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ffd234;
	height: 28px;
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	text-decoration: none;
}
/* obrazek */
div.productTip div.img
{
	float: left;
	width: 125px;
	text-align: center;
	min-height: 100px;
	_height: 100px; /* IE 6 */
	margin: 0px 5px 0px 12px;
}
/* cena */
div.productTip strong
{
	color: #c20000;
	font-size: 1.4em;
	display: block;
}
/* cena - info */
div.productTip em
{
	font-size: 0.9em;
	color: #9c9c9c;
}
/* vice info */
div.productTip a.detail
{
	display: block;
	font-weight: bold;
	position: absolute;
	bottom: 13px;
	right: 22px;
}

															        /* ----- REKLAMA ----- */
div#reklama { background: url(/img/reklama-bg-center.jpg) repeat-y; margin-left: 61px; width: 248px; overflow:hidden; }
div#reklama-top { background: url(/img/reklama-bg-top.jpg) no-repeat top; }
div#reklama-bottom { background: url(/img/reklama-bg-bottom.jpg) no-repeat bottom; min-height: 100px; padding: 10px 25px 25px 25px; }
/* nadpis */
div#reklama h3.nadpis
{
	color: #fff;
	font-size: 1em;
	margin-bottom: 20px;
	display: block;
	text-align: center;
}
div#reklama h3 {
	margin: 0;
	font-size: 1em;
	display: block;
	text-align: center;
}
div#reklama h3 a {
	color: #b1000f;
}

															        /* ----- PATICKA ----- */
/* pozadi */
div#paticka { background: url(/img/paticka-bg-pravy.jpg) no-repeat right top; margin-left: 1px; margin-right: 12px; overflow: hidden; height: 63px; } /* roztahovaci, minimalni sirka je 990px */
div#paticka div { background: url(/img/paticka-bg-levy.jpg) no-repeat left top;
	height: 63px;
	margin-bottom: 7px;
	overflow: hidden;
}
/* sloupce */
div#paticka div div
{
	color: #fff;
	line-height: 1.5em;
	overflow: hidden;
	padding: 10px; /* plati pouze pro levy a pravy sloupec */
	float: left; /* plati pouze pro levy a stredovy sloupec */
	background: none;
}
/* levy sloupec */
div#paticka div.levy 
{
	width: 321px;
}
/* stredovy sloupec */
div#paticka div.center
{
	width: 380px;
	padding: 20px 15px 15px 15px;
}
div#paticka div.center ul li { float: left; }
div#paticka div.center ul li a
{
	color: #fff;
	float: left;
	margin-right: 20px;
}
div#paticka div.center ul li a.nahoru { background: url(/img/paticka-nav-nahoru.gif) no-repeat left center; padding-left: 12px; }
div#paticka div.center ul li a.tisk { background: url(/img/paticka-nav-tisk.gif) no-repeat left center; padding-left: 20px; }
div#paticka div.center ul li a.pristupnost { background: url(/img/paticka-nav-pristupnost.gif) no-repeat left center; padding-left: 22px; }
/* pravy sloupec */
div#paticka div.pravy
{
	float: right;
	width: 200px;
	text-align: right;
}
#paticka .pravy a { color: #fff; }

															  /* ----- PATICKA - POD ----- */
/* paticka - pod */
div#paticka-pod
{
	margin-left: 380px;
	color: #6e6e6e;
	clear: both;
	margin-top: 5px;
}
div#paticka-pod a { color: #6e6e6e; margin: 7px; }

/********************************************************************************************
 Detail - obsah
********************************************************************************************/

h2.name
{
	color: #c20000;
	font-size: 1.4em;
	clear: both;
}

															  	   /* ----- dBOX ----- */
/* pozadi */
div#dBox { background: url(/img/dBox-bg-center.jpg) repeat-y left; margin-bottom: 20px; }
div#dBox-top { background: url(/img/dBox-bg-top.jpg) no-repeat top; }
div#dBox-bottom
{
	background: url(/img/dBox-bg-bottom.jpg) no-repeat bottom;
	min-height: 140px;
	_height: 140px; /* IE 6 */
	padding: 10px 12px 60px 12px;
	overflow: hidden;
	position: relative;
}
div#dBox-bottom.greyOff { background: url(/img/dFaq-bg-bottom.jpg) no-repeat bottom; padding-bottom: 12px; }
/* nadpis */
div#dBox a.name, div#dBox p.name
{
  padding:0;
  margin-top: 0px;
	display: block;
	color: #ffd234;
	font-size: 12px;
	font-weight: bold;
	height: 17px;
	overflow: hidden;
	margin-bottom: 10px;
}

															  	   /* ----- dIMG ----- */
div#dImg
{
	width: 295px;
	float: left;
	text-align: center;
	margin-right: 10px;
}

															  	  /* ----- dINFO ----- */
div#dInfo
{
	float: right;
	width: 225px;
}
/* tabulka */
div#dInfo table { margin-top: 15px; margin-bottom: 10px; }
div#dInfo table tr { height: 20px; }
div#dInfo table td.levy { width: 100px; }
div#dInfo table tr.prvni {
	color: #c20000;
	font-weight: bold;
}
div#dInfo table tr.prvni strong { font-size: 1.7em; }

/* skladem */
div#dInfo p.skladem {
	color: #838383;
	font-weight: bold;
}
/* priznak */
div#dInfo .priznak { margin-top: 20px; margin-right: 120px; margin-bottom: 35px; }
/* velikost */
div#dInfo div#dInfo-velikost {
	position: absolute;
	left: 10px;
	bottom: 20px;
	font-weight: bold;
	color: #fff;
	width: 270px;
	text-align: right;
	overflow: hidden;
}
div#dInfo div#dInfo-velikost span {	text-transform: uppercase; }
/* kusu */
div#dInfo div#dInfo-ks {
  position: absolute;
  bottom: 14px;
  right: 220px;
  overflow: hidden;
  width: 50px;
  height: 20px;
  padding-top: 6px;
  text-align: left;
  font-weight: bold;
	color: #fff;
	background: url(/img/dBox_pocetKs.jpg) no-repeat left center;
}
div#dInfo div#dInfo-ks em {
  margin-left: 9px;
  margin-right: 15px;
  color: #000;
  font-weight: bold;
  background: #fff;
}
/* input.do kosiku */
div#dInfo input#dSubmit {
	position: absolute;
	right: 30px;
	bottom: -7px;
	padding-top: 4px;
	padding-left: 55px;
	width: 170px;
	height: 40px;
	border: none;
	background: url(/img/dSubmit_bg.jpg) no-repeat left center;
	color: #fff;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}
div#dInfo input#dSubmit:hover { text-decoration: none; }
/* img - piktogram */
div#dInfo .piktogram {
	display: block;
	margin: 10px auto 0 auto;
}

															  	 /* ----- dPOPIS ----- */
div#dPopis { margin-top: 20px; margin-bottom: 30px; }

                                    /* ----- TABULKA VELIKOSTI */
/* table2 */
#tableInfo2obal .kBox-bottom { min-height: 100px; padding-bottom: 10px; }
#tableInfo2 {
  margin-left: 8px;
  width: 520px;
}
#tableInfo2 thead tr td {
  height: 35px;
  color: #fff;
  font-weight: bold;
}
/* input - ks */
#tableInfo2 tbody td { padding: 4px 0px; }
#tableInfo2 tbody td.r5 { font-weight: bold; color: #c20000; }
#tableInfo2 tbody td.r6 { width: 35px; }
#tableInfo2 tbody td.r7 { width: 55px; text-align: right; }
#tableInfo2 input {
  border: 1px solid #bfbfbf;
  width: 25px;
  margin-right: 7px;
  padding: 2px 3px;
}
/* input - submit */
#tableInfo2 input.but {
	background: url(/img/submit-small.jpg) no-repeat !important;
	width: 114px !important;
	height: 31px !important;
	border: none !important;
	color: #fff !important;
	font-weight: bold !important;
	cursor: pointer !important;
}
#tableInfo2 input.but:hover {
	background: url(/img/submit-smallHover.jpg) no-repeat !important;
	color: #ffd234 !important;
}
															  	   /* ----- dFAQ ----- */
div#dFaq { background: url(/img/dBox-bg-center.jpg) repeat-y left; margin-top: 10px; }
div#dFaq-top { background: url(/img/dBox-bg-top.jpg) no-repeat top; }
div#dFaq-bottom
{
	background: url(/img/dFaq-bg-bottom.jpg) no-repeat bottom;
	min-height: 140px;
	_height: 140px; /* IE 6 */
	padding: 8px 7px 20px 7px;
	position: relative;
}

/* nadpis */
div#dFaq div#jcPanelyMenu
{
	height: 20px;
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
}
div#dFaq div#jcPanelyMenu span
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
	display: block;
	height: 20px;
	padding-top: 3px;
	behavior: url(/css/iepngfix.htc);
}
div#dFaq div#jcPanelyMenu span.tab1
{
	position: absolute;
	left: 10px;
	top: 0;
}
div#dFaq div#jcPanelyMenu span.tab2
{
	width: 75px;
	margin: 0 auto;
	text-align: center;
	background: url(/img/dFaq-i.png) no-repeat left top;
}
div#dFaq div#jcPanelyMenu span.tab3
{
	position: absolute;
	right: 10px;
	top: 0px;
	background: url(/img/dFaq-a.png) no-repeat left center;
	padding-left: 20px;
}

/* ----- obsah ----- */
div#dFaq div#jcPanelyListy { margin: 0 7px; }

/* ----- obsah - tab1 ----- */
div#dFaq div.tab1 { margin-bottom: 15px; }

/* ----- obsah - tab2 ----- */
/* dotaz */
div#dFaq div.tab2 div.dotaz { background: url(/img/dFaq-dotaz-bg-center.jpg) repeat-y; margin-bottom: 15px; width: 527px; }
div#dFaq div.tab2 div.dotaz-top { background: url(/img/dFaq-dotaz-bg-top.jpg) no-repeat top; }
div#dFaq div.tab2 div.dotaz-bottom { background: url(/img/dFaq-dotaz-bg-bottom.jpg) no-repeat bottom; padding-top: 7px; }
/* otazka */
div#dFaq div.tab2 div.dotaz p.otazka
{
	background: url(/img/dFaq-dotaz-otazka-bg-center.jpg) repeat-y;
	padding: 0 10px 3px 10px;
	margin: 0px;
}
div#dFaq div.tab2 div.dotaz p.otazka span { font-weight: bold; }
div#dFaq div.tab2 div.dotaz p.otazka strong { color: #430101; }
/* odpoved */
div#dFaq div.tab2 div.dotaz div.odpoved
{
	background: url(/img/dFaq-dotaz-odpoved-bg-top.jpg) no-repeat top;
	margin: 0px;
	padding: 5px 10px 5px 20px;
}
div#dFaq div.tab2 div.dotaz div.odpoved p
{
	margin: 3px 0 5px 0;
	padding: 0;
	color: #410101;
}

/* ----- obsah - tab3 ----- */
div#dFaq div.tab3
{
}
div#dFaq div.tab3 h3 { margin-bottom: 25px; }

/* form - zakladni styly */
div#dFaq fieldset.float input
{
	border: 1px solid #bfbfbf;
	margin-bottom: 3px;
	width: 180px;
	padding: 1px 3px;
}
div#dFaq fieldset.float textarea { border: 1px solid #bfbfbf; }
div#dFaq fieldset.float label
{
	color: #1d1d1d;
	font-weight: bold;
	width: 80px;
	line-height: 1.5em;
}
/* form - submit */
div#dFaq form input.dFaq-submit
{
	background: url(/img/submit-small.jpg) no-repeat;
	width: 114px;
	height: 31px;
	border: none;
	margin-left: 80px;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
div#dFaq form input.dFaq-submit:hover { 
	background: url(/img/submit-smallHover.jpg) no-repeat;
	color: #ffd234;
}

/********************************************************************************************
 Košík - obsah
********************************************************************************************/

															        /* ----- TABULKA ----- */
/* pozadi */
div#kTBox { background: url(/img/kTBox-bg-center.jpg) repeat-y; width: 556px; }
div#kTBox-top { background: url(/img/kTBox-bg-top.jpg) no-repeat top; }
div#kTBox-bottom
{
	background: url(/img/kTBox-bg-bottom.jpg) no-repeat bottom;
	padding: 0 15px 0 15px;
	font-size: 115%;
}
div#kTBox table { width: 100%; }

div#kTBox table .ku { width: 10%; }
div#kTBox table .na { width: 50%; }
div#kTBox table .ce { width: 20%; }
div#kTBox table .sm { width: 5%; text-align: center; }

/* tabulka - hlava */
div#kTBox table thead th
{
	font-weight: bold;
	color: #ffd234;
	text-align: left;
	font-size: .8em;
	height: 40px;
}
/* tabulka -obsah */

div#kTBox table tbody tr
{
  height: 32px;
	color: #000;
	font-size: 1em;
	font-weight: bold;
}
div#kTBox table tbody td.na { padding-right: 5px; }
/* input.kusu */
div#kTBox table tbody input.kusu
{
	width: 28px;
	height: 27px;
	text-align: center;
	padding-top: 7px;
	background: url(/img/kTBox-input-kusu.jpg) no-repeat;
}
/* tabulka - paticka */
div#kTBox table tfoot tr td
{
	height: 32px;
}
div#kTBox table tfoot tr#doprava td
{
	color: #777;
	font-size: .85em;
}
div#kTBox table tfoot tr#celkem td
{
	
	color: #fff;
	font-size: 1em;
	font-weight: bold;
}

															     /* ----- PREPOCITAT ----- */
div#prepocitat
{
	margin: 10px 0 20px 0;
	position: relative;
}
div#prepocitat p
{
	padding-top: 12px;
	margin-right: 140px;
	text-align: right;
	color: #777;
}
div#prepocitat input
{
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/img/submit-small.jpg) no-repeat;
	width: 114px;
	height: 31px;
	border: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
div#prepocitat input:hover { background: url(/img/submit-smallHover.jpg) no-repeat; }

															           /* ----- kBOX ----- */
div.kBox { background: url(/img/dBox-bg-center.jpg) repeat-y; width: 556px; clear: both; margin-bottom: 30px; }
div.kBox-top { background: url(/img/dBox-bg-top.jpg) no-repeat top; }
div.kBox-bottom
{
	background: url(/img/dFaq-bg-bottom.jpg) no-repeat bottom;
	padding: 5px 10px 5px 10px;
	overflow: hidden;
}
/* nadpis */
div.kBox h2
{
	font-size: 1em;
	display: block;
	height: 18px;
	overflow: hidden;
	margin-bottom: 10px;
}
/* ----- levy sloupec ----- */
div.kBox div.fieldset
{
	float: left;
	width: 55%;
	margin: 10px 0 10px 5px;
}
input.radio, input.checkbox { margin-right: 5px; margin-bottom: 5px; }
div.kBox fieldset label { line-height: 1.4em; }

div.kBox fieldset.float, form.float fieldset.float { margin: 7px 0; }
div.kBox fieldset.float label, form.float fieldset.float label
{
	color: #1d1d1d;
	width: 92px;
}
div.kBox fieldset.float input, form.float fieldset.float input
{
	border: 1px solid #bfbfbf;
	margin-bottom: 2px;
}
div.kBox fieldset.float textarea, form.float fieldset.float textarea
{
  border: 1px solid #bfbfbf;
  width: 250px;
  height: 80px;
}

/* ----- pravy sloupec ----- */
div.kBox div.krok { float: right; width: 40%; }
div.kBox div.krok h3 { font-size: 1.1em; }

															     /* ----- HVEZDICKOU ----- */
div#hvezdickou { margin: 0 0 15px 0; }
div#hvezdickou input { margin-top: 2px; margin-right: 5px; }
div#hvezdickou label { line-height: 1.5em; }

															         /* ----- SUBMIT ----- */
input#dSubmit, .basketsubmit
{
	background: url(/img/submit-large.jpg) no-repeat;
	width: 179px;
	height: 31px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin: 5px auto; margin-bottom: 15px;
	cursor: pointer;
}
input#dSubmit:hover, input.basketsubmit:hover {
	background: url(/img/submit-largeHover.jpg) no-repeat;
}
p.checkout { color: #777; }
p.checkout a { color: #444; }

/********************************************************************************************
 Další prvky
********************************************************************************************/

													 /* ----- infoHLASKA - GREEN ----- */
div.green { background: url(/img/greenHlaska-bg.jpg); }
div.green div { background: url(/img/greenHlaska-top.jpg) repeat-x top; }
div.green div div { background: url(/img/greenHlaska-left.jpg) repeat-y left; }
div.green div div div { background: url(/img/greenHlaska-bottom.jpg) repeat-x bottom; }
div.green div div div div { background: url(/img/greenHlaska-right.jpg) repeat-y right; }
div.green div div div div div { background: url(/img/greenHlaska-leftTop.jpg) no-repeat left top; }
div.green div div div div div div { background: url(/img/greenHlaska-leftBottom.jpg) no-repeat left bottom; }
div.green div div div div div div div { background: url(/img/greenHlaska-rightBottom.jpg) no-repeat right bottom; }
div.green div div div div div div div div { background: url(/img/greenHlaska-rightTop.jpg) no-repeat right top; }

div.green p
{
	padding: 20px;
}

													   /* ----- infoHLASKA - RED ----- */
div.red { background: url(/img/redHlaska-bg.jpg); }
div.red div { background: url(/img/redHlaska-top.jpg) repeat-x top; }
div.red div div { background: url(/img/redHlaska-left.jpg) repeat-y left; }
div.red div div div { background: url(/img/redHlaska-bottom.jpg) repeat-x bottom; }
div.red div div div div { background: url(/img/redHlaska-right.jpg) repeat-y right; }
div.red div div div div div { background: url(/img/redHlaska-leftTop.jpg) no-repeat left top; }
div.red div div div div div div { background: url(/img/redHlaska-leftBottom.jpg) no-repeat left bottom; }
div.red div div div div div div div { background: url(/img/redHlaska-rightBottom.jpg) no-repeat right bottom; }
div.red div div div div div div div div { background: url(/img/redHlaska-rightTop.jpg) no-repeat right top; }

div.red p
{
	padding: 20px;
}

                           /* ----- infohlaska - GREEN - detail ----- */
div.green.detail div div div div div div div div { padding: 15px; }

div.green.detail table { width: 100%; }
div.green.detail table thead tr th
{
  text-align: left;
}
div.green.detail table td, div.green.detail table th
{
  line-height: 1.6em;
  padding: 1px 2px;
}

div.green.detail p { padding: 10px 0;}

/* buttons */
div.green.detail .buttonObal {
	background: #1d1d1d url(/img/submitLeft.jpg) no-repeat left center;
	padding: 0;
}
div.green.detail .buttonObal:hover {
	background: #430101 url(/img/submitLeftHover.jpg) no-repeat left center;
}
div.green.detail .buttonObal .button {
	background: url(/img/submitRight.jpg) no-repeat right center;
	padding: 0;
}
div.green.detail .buttonObal .button:hover {
	background: url(/img/submitRightHover.jpg) no-repeat right center;
}
div.green.detail .buttonObal.levy {
	float: left;
}
div.green.detail .buttonObal.pravy {
	float: right;
}
div.green.detail .buttonObal.levy a {
	display: block;
	padding: 8px 10px 9px 20px;
	margin-left: 8px;
	color: #fff;
	text-decoration: none;
	background: url(/img/sipka2Left.gif) no-repeat left center;
}
div.green.detail .buttonObal.pravy a  {
	display: block;
	padding: 8px 20px 9px 10px;
	margin-right: 8px;
	color: #fff;
	text-decoration: none;
	background: url(/img/sipka2.gif) no-repeat right center;
}
													       /* -----  POPISKY KATEGORII ----- */
#descriptionCategory{
  height: 100px;
  margin-bottom: 50px;
}
#descriptionCategory h1 {
	clear: both;
	float: none;
	margin-left: 0px;
	padding-bottom: 5px;
	color: #ffd234;
	font-size: 1.3em;
}
a.zobrazitText {
  background: url(/img/sipka.png) no-repeat left center;
  padding-left: 18px;
  position: relative;
  top: -45px;
}
.overflowh{
  overflow: hidden;
}
.overflown{
  overflow: none;
}
													       /* ----- NACHAZITE SE ----- */
div#navigace3
{
  clear: both;
  margin-bottom: 30px;
}
div#navigace3 a.sipka
{
  margin-left: 8px;
  background: url(/img/sipka.png) no-repeat left center;
  padding-left: 18px;
}

                                       /* ----- RAZENI ----- */
div#navigace2
{
  background: url("/img/razeni-bg.jpg") no-repeat;
  width: 410px;
  height: 26px;
  overflow: hidden;
  float: right;
  padding: 5px 0 0 5px;
  margin-right: 7px;
  text-align: center;
}

                                  /* ----- STRANKOVANI ----- */
/* strana */
span.strana
{
  margin-right: 10px;
  display: block;
  margin-top: 18px;
  font-weight: bold;
  float: left;
}
/* obal */
div.navigace1 { background: url("/img/strankovani-bg-center.jpg") repeat-x; margin: 10px 10px 10px 65px; }
div.navigace1 div { background: url(/img/strankovani-bg-left.jpg) no-repeat left; }
div.navigace1 div div
{
  background: url(/img/strankovani-bg-right.jpg) no-repeat right;
  height: 27px;
  padding-top: 6px;
  padding-left: 10px; padding-right: 10px;
}
.navigace1 .prev { float: left; display: block; color: #fff; margin-right: 10px; padding-top: 3px; }
.navigace1 .next { float: left; display: block; color: #fff; margin-left: 10px; padding-top: 3px; }

/* cisla */
.navigace1 .cisla
{
  background: #fff url(/img/strankovani-cisla-left.jpg) no-repeat left;
  height: 23px;
  padding: 0;
  float: left;
}
.navigace1 .cisla div
{
  background: url(/img/strankovani-cisla-right.jpg) no-repeat right top;
  height: 20px;
  padding: 3px 12px 0 5px;
}

.navigace1 .cisla a { color: #000; font-weight: bold; margin-left: 10px; }
/* aktivni stred */
.navigace1 .cisla span.active { padding-left: 20px; padding-right: 20px; position: relative; }
.navigace1 .cisla span.active span
{
  color: #fff;
  font-weight: bold;
  background: url(/img/strankovani-cisla-aktivni.jpg) no-repeat;
  display: block;
  width: 39px;
  height: 20px;
  padding-top: 3px;
  position: absolute;
  top: -3px;
  left: 5px;
  text-align: center;
}
/* aktivni levy */
.navigace1 .cisla span.active.first
{
  padding: 0;
  width: 35px;
  height: 10px;
  float: left;
  margin-left: -5px;
}
.navigace1 .cisla span.active.first span
{
  background: url(/img/strankovani-cisla-aktivni-left.jpg) no-repeat;
  left: 0px;
}
/* aktivni pravy */
.navigace1 .cisla span.active.last { padding-left: 10px; padding-right: 10px; }
.navigace1 .cisla span.active.last span
{
  background: url(/img/strankovani-cisla-aktivni-right.jpg) no-repeat left;
  width: 32px;
  text-align: right;
}

.navigace1 .cisla span.tecky
{
  color: #000;
  display: inline;
  background: none;
  margin: 0 0 0 10px;
  padding: 0;
}


                                        /* ----- TABULKA VYROBCU ----- */
table.producertable
{
  width: 100%;
  clear: both;
  font-size: 1.1em;
}
table.producertable tr
{
  height: 25px;
}
table.producertable tr td { width: 33%; }

table.producertable strong
{
  color: #c20000;
  font-size: 1.1em;
}

                                        /* ----- small input - important ----- */
/* input zmenit heslo */
.zmenit-heslo, #zavazne_objednat
{
  border: none !important;
  margin-left: 93px !important;
  margin-top: 10px;
}
.zmenit-heslo:hover, #zavazne_objednat:hover, .small.zmenit-heslo-inline:hover { background: url(/img/submit-smallHover.jpg) no-repeat; }

                                        /* ----- login - input ----- */
.small.zmenit-heslo-inline
{
  border: none !important;
  margin-left: 10px !important;
}

										/* ----- article - tabulky ----- */
#article table, #article td {
  border: 1px solid #a6a6a6;
}
#article table {
  width: 100%;
  text-align: center;
}
#article table thead td, #article table thead th {
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 110%;
}
#article td, #article th {
  padding: 2px 3px;
}