/* === MAIN CASCADING STYLE SHEET === */


/* --- TAGS REDEFINITION --- */
body	{
	background: #290202 url("img/bg.png") repeat-x;
	padding: 0;
	margin: 0;
	color: #0e3153;
	text-align: center;
	font-size: 0.66em;
	font-family: Verdana, Arial, sans-serif;
	}

h1	{
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 200%;
	}

h1 a	{
	display: block;
	margin: 0;
	padding: 0;
	width: 302px;
	height: 61px;
	color: #fff;
	line-height: 2000%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 0;
	}

h1 a span	{
	background: url("img/logo.gif") no-repeat;
	display: block;
	padding: 0;
	margin: 0;
	width: 302px;
	height: 61px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	}

	
h2	{
	font-size: 175%;
	/* text-transform: uppercase; */
	font-weight: normal;
	}

h3	{
	margin-top: 20px;
	color: #002673;
	font-size: 115%;
	}

h4	{
	font-size: 120%;
	}

strong a:link, strong a:visited, strong a:hover, strong a:active	{
	font-weight: bold !important; /* A within STRONG is bold by default */
	}

hr	{
	background: #666;
	margin-top: 1em;
	border: none;
	height: 1px;
	}

img	{
	border: 0;
	}

ol li	{
	margin: 0;
	}

table	{
	margin: 0;
	padding: 0;
	font-size: 100%; /* for MSIE */
	border-collapse: collapse;
	}

caption	{
	margin: 1em 0;
	font-weight: bold;
	text-align: center;
	font-size: 130%;
	color: #000;
	}

th	{
	padding: 8px;
	text-align: center;
	font-weight: bold;
	color: #000;
	}

td	{
	border: none;
	}

abbr, dfn	{
	border-bottom: 1px dotted #000;
	font-variant: normal;
	font-style: normal;
	cursor: help;
	}

form	{
	padding: 0;
	margin: 0;
	}

input, textarea, select, button	{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	}

input {
	padding: 2px;
	}

textarea	{
	font-size: 100%;
	padding: 3px;
	}

select	{
	font-size: 100%;
	}

input:focus, textarea:focus, select:focus	{
	background: #ffc !important;	/* for all inputs!*/
	border: 1px solid #666  !important;	/* for all inputs!*/
	}

button	{
	background: none;
	padding: 0;
	margin: 0;
	border: none;
	font-size: 100%;
	cursor: pointer;
	vertical-align: middle;
	}

button:focus	{
	position: relative;
	top: 1px;
	left: 1px;
	}

/* --- BASIC LAYOUT --- */
#main	{
	background: #fff url("img/bg-main.gif") repeat-y;
	text-align: left;
	width: 1000px; /* this can fixed or fluid */
	margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/	
	/* TH */
	margin-top: 80px;
	position: relative;
	}

#header	{
	background: #ab8574;
	background: #c29580;
	border-bottom: 15px solid #784e3d;
	margin: 0;
	width: 100%;
	height: 65px;
	color: #fff;
	text-align: left;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	}

#header p.sova-eshop	{
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 200%;
	}

#header p.sova-eshop a	{
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 40px;
	color: #fff;
	line-height: 2000%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	position: absolute;
	top: 20px;
	left: 250px;
	}

#header p.sova-eshop a span	{
	background: url("img/logo-txt.gif") no-repeat;
	display: block;
	padding: 0;
	margin: 0;
	width: 200px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	}

#header div	{
	width: 1000px;
	height: 80px;
	margin: 0 auto;
	position: relative;
	}

#header p.cart-overview	{
	background: url("img/cart-overview.gif") 655px 27px no-repeat;
	padding: 7px 0 0 680px;
	margin: 0;
	font-size: 95%;
	line-height: 140%;
	}

#header p.cart-overview a	{
	background: #22a41a;
	padding: 3px 8px;
	margin-top: 3px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	}

/* Breadcrumb navigation */
p.bcrumb	{
	padding: 0 0 3px 0;
	margin: -10px 0 25px 0;
	/* border-bottom: 1px solid #ccc; */
	color: #600;
	text-align: left;
	}

p.bcrumb a	{
	color: #600;
	}

#colcontainer	{
	background: url("img/bg-2col.gif") 0 0 repeat-y;
	float: left;
	width: 100%;
	position: relative;
	}

#colcontainer:after	{
	/* this is for NN6 to clear floats */
	content: "."; 
	display: block; 
	height: 0px;
	clear: both; 
	visibility: hidden;
	}

#col1	{
	padding-bottom: 20px;
	float: left;
	width: 200px;
	margin-left: -5%; /* the difference to make the left colum appear flush left */
	position: relative; /* !!! Firefox 1.5.0.12 */
	}

#news	{
	padding: 0 10px;
	}

#news a	{
	color: #0e3153;
	}

#news h2	{
	background: #784e3d;
	padding: 5px;
	margin-right: -8px !important;
	margin-left: -10px !important;
	text-align: center;
	font-size: 130%;
	}

#news h2 a	{
	color: #fff;
	text-decoration: none;
	}

#news ul	{
	padding-left: 20px;
	margin-left: 0;
	}

#news ul li	{
	font-weight: bold;
	}

#col2	{
	float:left;
	width: 100%; 
	margin-right: -95%;
	/*
	this needs to be less than 100% for Moz/Mac which thinks 
	it's empty otherwise. The difference is made up by putting a 
	negative left margin on the left float:
	Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
	*/
	
	}

#col2 .content	{
	padding: 20px; /* TH */
	/*margin: 0 200px;*/
	margin: 0 0 0 200px;
	display: inline-block; /* TRIP haslayout for safety */
	position: relative;
	}

#col2 .content {
	display: block; /* SWITCH back the display */
	}

#col3{
	float: right;
	width: 200px;
	}

.content	{
	padding: 15px;
	padding: 0;
	padding-top: 0;
	text-align: left;
	line-height: 165%;
	}

/* Menu Akcni zbozi */
ul#mnu2	{
	padding: 0;
	margin: 40px 0 10px 0;
	list-style-type: none;
	}

ul#mnu2 li	{
	padding: 0;
	margin: 0;
	display: block;
	}

ul#mnu2 li a	{
	background: url("img/star.png") 5px 50% no-repeat;
	padding: 7px 5px 7px 30px;
	margin: 0 13px 0 10px;
	width: auto;
	color: #900;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	text-decoration: none;
	/* text-transform: uppercase; */
	display: block;
	}


/* Menu */
#menu	{
	padding: 0;
	/* margin: 40px 0; */
	margin: 20px 0 40px 0;
	}

#menu ul	{
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

#menu ul li	{
	padding: 0;
	margin: 0;
	display: block;
	}

#menu ul li a	{
	padding: 7px 5px 7px 5px;
	margin: 0 13px 0 10px;
	border-bottom: 1px solid #e3eaee;
	width: auto;
	color: #600;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	text-decoration: none;
	/* text-transform: uppercase; */
	display: block;
	}

#menu ul li a:hover	{
	color: #036;
	}

#menu ul li a.active	{
	background: url("img/ico-menu.gif") 14px 50% no-repeat;
	border-bottom: none;
	color: #036;
	font-weight: bold;
	}

#menu ul li a.active:hover	{
	background: url("img/ico-menu-on.gif") 14px 50% no-repeat;
	color: #036;
	font-weight: bold;
	}

#menu ul li ul	{
	margin: 5px 0 10px 0;
	}

#menu ul li ul li a	{
	background: none;
	padding: 3px 5px 3px 30px;
	margin: 0 0;
	border-bottom: none;
	color: #600;
	font-weight: normal;
	text-transform: none;
	}

#menu ul li ul li a:hover	{
	background: url("img/ico-menu-a.gif") 20px 50% no-repeat;
	font-weight: normal;
	text-decoration: underline;
	text-transform: none;
	color: #036;
	}

#menu ul li ul li a.active	{
	background: url("img/ico-menu-a.gif") 20px 50% no-repeat;
	}

#menu ul li ul li a.active:hover	{
	background: url("img/ico-menu-a.gif") 20px 50% no-repeat;
	color: #036;
	text-decoration: none;
	}

#menu ul li ul li ul	{
	margin: 0 0 0 15px;
	list-style-type: none;
	}

#menu ul li ul li ul li a	{
	padding: 2px 5px 2px 30px;
	margin: 8px 0;
	}

#menu ul li ul li ul li a.active	{
	font-weight: bold;
	}

#menu ul li ul li ul li a.active:hover	{
	color: #036 !important;
	text-decoration: none;
	font-weight: bold; /* for IE lte 6 */
	}

#menu ul li ul li ul li a.active:hover	{
	color: #000;
	}
/* Menu end */

#col1 h2	{
	margin: 0;
	}

#content	{
	position: relative;
	}

#footerwrap	{
	margin: 0 auto;
	width: 1000px;
	color: #fff;
	position: relative;
	clear: both;
	}

#footer	{
	padding: 10px;
	color: #fff;
	font-size: 90%;
	text-align: left;
	float: left;
	}

#footer a	{
	color: #fff;
	font-weight: bold;
	}

#footer ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#footer ul li	{
	margin-right: 10px;
	display: inline;
	}

#dynweb	{
	padding: 10px;
	color: #745a5a;
	font-size: 95%;
	text-align: left;
	clear: both;
	}

#dynweb a, #backlinks a	{
	color: #745a5a;
	}

#backlinks	{
	padding: 10px;
	color: #745a5a;
	font-size: 95%;
	text-align: left;
	float: left;
	line-height: 1.5;
	}

#counters	{
	display: none;
	}

/* --- BASIC LINKOLOGY --- */
a:link	{
	font-weight: normal;
	text-decoration: underline;
	color: #000;
	}

a:visited	{
	font-weight: normal;
	text-decoration: underline;
	color: #000;
	}

a:hover	{
	font-weight: normal;
	text-decoration: none;
	color: #000;
	}

a:active	{
	text-decoration: none;
	}

a.active	{
	cursor: default;
	}

/* --- OTHERS --- */
.hide	{
	height: 0;
	width: 0;
	display: none;
	overflow: hidden;
	position: absolute;	/* for the benefit of IE5 Mac */
	}

.clear	{
	clear: both;
	}

p.skippy	{ /* Accessible 'skip navigation / go to menu' */
	padding: 0;
	margin: 0;
	border: none;
	}

p.skippy a	{
	background: #fff;
	padding: 5px;
	border-bottom: 0 !important;
	color: #000;
	position: absolute;
	top: 107px;
	left: 30px;
	z-index: -1;
	}

p.skippy a:focus, .skippy a:active	{
	z-index: 11;
	}

/* --- HOME PAGE --- */
body.normal-hp h1 a	{
	cursor: default;
	}

/* --- CONTENT PAGE --- */


/* --- BOXES --- */


/* --- THICKBOX CUSTOMIZING --- */
div#TB_secondLine	{
	padding-top: 5px;
	}

/* DEBORA OUTPUT */

/* Items list */
table.prod-list	{
	margin-top: 25px;
	padding-top: 5px;
	border-collapse: collapse;
	}

table td	{
	padding: 0;
	margin: 0;
	border: none;
	}

table.prod-list td.prod-empty	{
	background: transparent;
	border: none;
	display: none;
	}

td.prod-sep	{
	width: 20px !important;
	}

td.prod-img	{
	padding-top: 15px;
	width: 160px;
	border: 1px solid #bba69e;
	text-align: center;
	vertical-align: bottom; /* because of "akce" label */
	}

td.prod-img a	{
	color: #000;
	text-decoration: none;
	position: relative;
	display: block;
	}

td.prod-img div.akce	{
	background: #22a41a;
	padding: 0px 5px;
	position: absolute;
	bottom: 1px;
	right: 1px;
	/*
	opacity: 0.8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
	}

td.prod-img div.akce dfn	{
	border: none;
	color: #fff;
	font-size: 90%;
	}

td.prod-img div.novinka {
	background: #fc0;
	padding: 0px 5px;
	position: absolute;
	bottom: 1px;
	left: 1px;
	/*
	opacity: 0.8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
	}

td.prod-img div.novinka dfn	{
	border: none;
	color: #000;
	font-size: 90%;
	}

td.prod-name	{
	background: #784e3d;
	background: #290202;
	padding: 7px;
	text-align: center;
	}

td.prod-name h3	{
	padding: 0;
	margin: 0;
	font-size: 100%;
	}

td.prod-name a	{
	padding: 0px;
	width: auto;
	height: auto;
	color: #fff;
	text-decoration: none;
	display: block;
	}

td.prod-name a:hover	{
	text-decoration: underline;
	}

td.prod-desc	{
	background: #c9b8b1;
	background: #c29580;
	padding: 7px;
	color: #593324;
	color: #000;
	vertical-align: top;
	}

td.prod-desc p	{
	padding: 0;
	margin: 0;
	}

td.prod-detail	{
	background: #bba69e;
	background: #784e3d;
	color: #290202;
	font-weight: bold;
	text-align: center;
	}

td.prod-detail a	{
	padding: 10px;
	width: auto;
	height: auto;
	color: #593324;
	color: #fff;
	font-weight: bold;
	display: block;
	}

/* Item detail */
.prod-detail-box	{
	padding: 10px;
	margin: 20px 0;
	border: 7px solid #bba69e;
	color: #600;
	position: relative;
	font-size: 95%;
	}

table.prod-detail-2cols td	{
	vertical-align: top;
	}

table.prod-detail-2cols td.desc	{
	padding-bottom: 25px;
	width: 450px;
	vertical-align: top;
	}

table.prod-detail-2cols td.cart	{
	vertical-align: bottom;
	}

.prod-detail-imgs	{
	padding-right: 20px;
	}

.prod-detail-imgs img	{
	border: 1px solid #bba69e;
	margin-right: 3px;
	}

a.bigzoom	{
	background: url("img/zoom.png") 0 0 no-repeat;
	display: block;
	width: 53px;
	height: 46px;
	position: absolute;
	top: 195px;
	left: 190px;
	z-index: 10;
	}

div.action-detail1	{
	background: #22a41a;
	padding: 3px 8px;
	color: #fff;
	}

div.action-detail	{
	display: none;
	}

.prod-detail-box h2	{
	padding-top: 0;
	margin-top: 0;
	color: #600;
	}

.item	{
	width: 103px;
	padding: 2px 20px 2px 10px;
	color: #600;
	text-align: left;
	border-top: 1px solid #ddd2ce;
	border-right: 1px solid #ddd2ce;
	font-weight: bold;
	}
	

.value	{
	width: 100px;
	padding: 2px 10px 2px 30px;
	text-align: right;
	border-top: 1px solid #ddd2ce;
	white-space: nowrap;
	}

table.prod-detail-info .first	{
	border-top: none;
	}

.add2cart	{
	float: right;
	}

.add2cart p	{
	padding: 0;
	margin: 0;
	}

.add2cart input	{
	padding: 3px 5px;
	border: 1px solid #bba69e;
	color: #600;
	font-size: 140%;
	vertical-align: middle;
	}

.add2cart input.cart-put	{
	border: none;
	background: transparent !important;
	}

/* Items list */
div.variables	{
	padding-top: 20px;
	clear: both;
	}

table.variable	{
	width: 650px;
	border-collapse: collapse;
	}

table.variable th	{
	background: #784e3d;
	border: 1px solid #360504;
	color: #fff;
	}

table.variable td	{
	background: #e8e8e8;
	background: #c29580;
	padding: 5px 10px;
	color: #360504;
	border: 1px solid #360504;
	text-align: center;
	}

table.variable td a	{
	color: #360504;
	}

table.variable td.variable-name	{
	text-align: left;
	}

table.variable td h3	{
	padding: 0;
	margin: 0;
	}

table.variable td.variable-price	{
	width: 80px;
	}

table.variable td.variable-cart	{
	width: 140px;
	}

table.variable td input	{
	vertical-align: middle;
	}

/* !! */
table.prod-list td.blank  {
	border: none; /* ?? ??*/
	}

/* Paging */
p.prod-filter-pages	{
	padding: 5px;
	margin: 10px 0 0 0;
	text-align: right;
	font-size: 95%;
	}

p.prod-filter-pages strong	{
	background: #ccc;
	padding: 2px 4px;
	margin: 0 3px;
	border: 1px solid #000;
	color: #000;
	}

p.prod-filter-pages a	{
	background: #f7f7f7;
	padding: 2px 4px;
	margin: 0 5px;
	border: 1px solid #e8e8e8;
	color: #666;
	text-decoration: none;
	min-width: 25px;
	}

p.prod-filter-pages a:hover	{
	background: #f7f7f7;
	border: 1px solid #666;
	}

p.prod-filter-pages a.arrow	{
	background: none;
	border: none;
	font-weight: bold;
	font-size: 130%;
	text-decoration: none;
	color: #666;
	}

p.prod-filter-pages a.arrow:hover	{
	background: none;
	border: none;
	}

/* Cart */
table.cart {
  margin: 0 auto;
  margin-top: 20px;
  border: none;
  width: 96.9%;
  }

table.cart th {
  background: #784e3d;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
  }

table.cart tr.money td {
  text-align: left;
  }

table.cart tr.money-total td {
	background: #e8e8e8;
	text-align: left;
	font-weight: bold;
  }

table.cart tr.money td.right, table.cart tr.money-total td.right {
  text-align: right;
  }

table.cart td {
  background: #f7f7f7;
  padding: 7px;
	border: 1px solid #fff;
	text-align: center;
  }

table.cart td.cart-name {
  text-align: left;
  }

table.cart td.cart-price {
  text-align: right;
  white-space: nowrap;
  }

table.cart td.cart-options a {
  text-decoration: none;
  color: #000;
  }

table.cart td.cart-options button {
  margin-right: 10px;
  }

table.cart td.cart-options * {
  vertical-align: middle;
  }

table.cart input {
  padding: 2px 4px;
	text-align: right;
  }

form.order textarea {
  width: 515px;
  }

/*
table.cart img {
  vertical-align: middle;
  }
*/

p.order {
  background: #f7f7f7;
	padding: 10px;
  margin-top: 30px;
  border: 1px solid #e8e8e8;
	text-align: center;
	font-weight: bold;
  }

p.order a {
	font-weight: bold;
  }

div.progress {
  padding: 10px;
  margin-top: 20px;
  text-align: center;
	}

div.progress h3 {
  margin: 0;
  margin-bottom: 40px;
  color: #3e4b6f;
  text-align: left;
	}

/* Order */
form.order input	{
  padding: 2px 4px;
  margin: 2px;
  vertical-align: middle;
	}

/* input width customization (because of narrow middle col) */
form.order input#plat_ulice	{
  width: 120px;
	}

form.order input#plat_obec	{
  width: 107px;
	}

form.order input#adre_ulice	{
  width: 140px;
	}

form.order input#adre_obec	{
  width: 127px;
	}

form.order fieldset	{
  padding: 10px;
	margin: 10px auto;
	border: 1px solid #0e3153;
  border-bottom-width: 3px;
	}

form.order fieldset legend	{
  padding: 5px;
	font-weight: bold;
	}

form.order fieldset textarea#poznamka	{
  width: 490px;
	}

.fillit	{
  color: #c00;
  font-weight: bold;
	}

form.order table td	{
  text-align: left;
	}

form.order table td.label	{
  text-align: right;
  white-space: nowrap;
	}

form input.cart-prev, form input.cart-next	{
  background: #c00;
  border: 2px solid #f00;
  border-color: #f00 #900 #900 #f00;
	width: 10em;
  color: #fff;
	font-size: 95%;
  font-weight: bold;
	}

form input.cart-next	{
  background: #360;
  border-color: #67cf00 #1f3f00 #1f3f00 #67cf00;
	}

table.summary {
  margin: 0 auto;
  margin-top: 20px;
  width: 96.9%;
  }

table.summary td.l, table.summary td.r	{
  width: 50%;
  vertical-align: top;
  }


/* Product gallery */
body#gallery h2	{
	padding: 0;
	margin: 0 auto 20px auto;
	width: 100%;
	}

body#gallery ul	{
	padding: 0;
	margin: 0 auto 20px auto;
	color: #e9d500;
	}

body#gallery ul li	{
	display: inline;
	}

body#gallery ul li a	{
	margin: 0 5px;
	font-size: 120%;
	}

/* Rozcestnik */
table.roz {
	width: auto;
	margin: 0 auto;
	}

table.roz td {
	padding: 7px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	}

table.roz td.rozcestnik1, table.roz td.rozcestnik3 {
	width: 82px;
	text-align: center;
	}

table.roz td.rozcestnik2 {
	border-right: 1px solid #ccc;
	width: 180px;
	}

table.roz td.rozcestnik4 {
	width: 180px;
	}


/* Product gallery */
body#form-window h2	{
	padding: 0;
	margin: 0 auto;
	width: 100%;
	}

body#form-window fieldset	{
	margin: 20px 10px 10px 10px;
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #3e4b6f;
	border-top-width: 3px;
	text-align: left;
	}

body#form-window legend	{
	font-weight: bold;
	color: #3e4b6f;
	padding-right: 8px;
	padding-left: 8px;
	}

body#form-window label {
  float: left;
  width: 25%;
  margin-right: 0.5em;
  padding-top: 0.4em;
  text-align: right;
  font-weight: bold;
  }

body#form-window input {
  padding: 2px 4px;
  margin-top: 1px;
  width: 250px;
  font-size: 100%;
  }

body#form-window textarea {
  padding: 2px 4px;
  margin-top: 1px;
  width: 250px;
  height: 100px;
  font-size: 100%;
  }

/* Detail download link */
table.bublifuk td	{
	padding: 5px;
	}


/* Detail download link */
span.download-wrapper {	
	font-size: 120%;
	margin-top:10px;
	border:1px solid #eee;	
	display:block;
	width:35%;
	text-align:center;
}

span.download-wrapper a.download{
	color:#666;
	background: url("/img/ico-dload.png") 5px 50% no-repeat;
	padding: 10px 10px 10px 30px;
	display:block;
}


.novinka-detail {
	color:#000;
	background: #fc0;
	padding: 0px 5px;
	width:12%;
	margin:5px 0;
	text-align:center;
	text-transform: uppercase;
}

/* HTML editor custom classes (front-end output) */
.text_modry	{
	color: blue;
	}

.text_cerveny	{
	color: red;
	}