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


/* --- TAGS REDEFINITION --- */
body	{
	background: #004b76 url("img/bg.gif");
	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: 225px;
	height: 25px;
	color: #fff;
	line-height: 2000%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	position: absolute;
	top: 30px;
	left: 40px;
	}

h1 a span	{
	background: url("img/logo.gif") no-repeat;
	display: block;
	padding: 0;
	margin: 0;
	width: 225px;
	height: 25px;
	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*/	
	position: relative; /* TH */
	}

#header	{
	background: url("img/header.jpg") no-repeat;
	margin: 0;
	height: 227px;
	text-align: left;
	position: relative;
	}

p#tagline	{
	padding: 0;
	margin: 0;
	text-align: center;
	width: 415px;
	height: 20px;
	line-height: 2000%;
	overflow: hidden;
	position: absolute;
	top: 60px;
	left: 40px;
	}

p#tagline span	{
	background: url("img/tagline.gif") no-repeat;
	display: block;
	padding: 0;
	margin: 0;
	width: 415px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	}

#searchbox	{
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 11;
	}

#searchbox input#search	{
	border: 1px solid #ccc;
	padding: 3px 5px;
	}

p#ginzel	{
	padding: 0;
	margin: 0;
	text-align: center;
	}

p#ginzel a	{
	display: block;
	margin: 0;
	padding: 0;
	width: 70px;
	height: 38px;
	color: #0e3153;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	position: absolute;
	top: 228px;
	left: 40px;
	}

p#ginzel span	{
	background: url("img/logo-ginzel.gif") no-repeat;
	display: block;
	padding: 0;
	margin: 0;
	width: 70px;
	height: 38px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	}

p#sns-fb	{
	padding: 0;
	margin: 0;
	text-align: center;
	}

p#sns-fb a	{
	display: block;
	margin: 0;
	padding: 0;
	width: 76px;
	height: 33px;
	color: #0e3153;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	position: absolute;
	top: 231px;
	left: 130px;
	}

p#sns-fb span	{
	background: url("img/fb-cs.gif") no-repeat;
	padding: 0;
	margin: 0;
	width: 76px;
	height: 33px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
	}


#subheader	{
	background: #b3d330;
	margin: 0 19px;
	border-bottom: 6px solid #fff;
	position: relative;
	height: 40px;
	}

#subheader ul	{
	padding: 0;
	margin: 0;
	min-height: 32px;
	list-style-type: none;
	position: absolute;
	top: 6px;
	right: 0;
	}

#subheader ul li	{
	background: url("img/separator.gif") 0% 50% no-repeat;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	}

#subheader ul li a	{
	padding: 8px 15px;
	margin: 0;
	width: auto;
	color: #0e3153;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	display: block;
	float: left;
	}

#subheader ul li a:hover	{
	text-decoration: underline;
	}

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

p.bcrumb a	{
	color: #666;
	}

#colcontainer	{
	/*background: url(images/sidebar-r.gif) repeat-y 100% 0;*/
	background: url("img/bg-3col.gif") center 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;
}


#subcolcontainer{

}

#col1	{
	float:left;
	width: 200px;
	margin-left: -5%; /* the difference to make the left colum appear flush left */
	
	/* TH */
	position: relative;
	left: 19px;
	}

#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: 15px; /* TH */
	margin: 0 224px;
	display: inline-block; /* TRIP haslayout for safety */
	positon:relative;
}

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


#col3{
	float:right;
	width: 200px;
	
	/* TH */
	position: relative;
	right: 19px;
	color: #fff;
}

.box {
	margin-bottom: 20px;
	}

.box h2 a	{
	color: #515143;;
	font-weight: bold;
	text-decoration: none;
	}

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

/* Menu */
#menu	{
	padding: 0;
	}

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

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

#menu ul li a	{
	background: #0e3153 url("img/bgmi-blue.gif") left center no-repeat;
	padding: 10px 5px 10px 35px;
	margin: 0;
	border-top: 1px solid #0e3153;
	width: auto;
	color: #fff;
	font-weight: normal;
	line-height: 120%;
	text-align: left;
	text-decoration: none;
	/* text-transform: uppercase; */
	position: relative;
	display: block;
	}

#menu ul li a span	{
	background: url("img/bg-arrow.gif") left center no-repeat;
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	top: 10px;
	left: 12px;
	}

#menu ul li#mnu-miid5 a	{
	background: #aa478f url("img/bgmi-cyan.gif") left center no-repeat;
	}

#menu ul li#mnu-miid4 a	{
	background: #99bf2f url("img/bgmi-green.gif") left center no-repeat;
	}

#menu ul li#mnu-miid18 a	{
	background: #47a892 url("img/bgmi-violet.gif") left center no-repeat;
	}

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

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

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

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

#menu ul li ul li a	{
	background: none !important;
	padding: 5px 5px 5px 35px;
	margin: 0 0;
	border: none;
	color: #fff;
	font-weight: normal;
	text-transform: none;
	}

#menu ul li ul li a span	{
	display: none;
	}

#menu ul li ul li a:hover	{
	text-decoration: underline;
	}

#menu ul li ul li a.active	{
	/* text-decoration: underline; */
	}

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

#col1 h2	{
	margin: 0;
	}

#content	{
	position: relative;
	}

#footer	{
	background: #0e3153 url("img/bg-footerend.gif") left center no-repeat;
	height: 26px;
	color: #000;
	text-align: right;
	line-height: 200%;
	position: relative;
	clear: both;
	}

#footer a	{
	color: #000;
	}

#dynweb	{
	padding: 0 10px 10px 10px;
	width: 980px;
	margin: 0 auto;
	color: #ccc;
	font-size: 95%;
	text-align: right;
	}

#dynweb a	{
	color: #ccc;
	}

#counters	{
	display: none;
	}

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

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

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 --- */

/* --- FLASH HEADER --- */
#flash	{
	width: 1000px;
	height: 227px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	}

#flash object	{ /* so in the code it is "invisible" (0×0) */
	width: 1000px;
	height: 227px;
	}

/* --- 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;
	}

td.prod-img	{
	/* background: url("img/bg-item-list.gif") top left no-repeat; */
	width: 160px;
	text-align: center;
	}

td.prod-img img	{
	margin-bottom: -3px;
	}

td.prod-name	{
	background: #0e3153;
	padding: 0 5px;
	color: #000;
	font-weight: bold;
	text-align: center;
	}
	

td.prod-name h3	{
	padding: 0;
	margin: 0;
	}

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

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

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

td.prod-img div.novinka	{
	background: #900;
	padding: 5px 10px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	/* opacity: 0.8; */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

td.prod-img div.novinka dfn	{
	border-color: #fff;
	}

td.prod-desc	{
	background: #e8e8e8;
	padding: 7px 10px;
	color: #666;
	vertical-align: top;
	}

td.prod-detail	{
	background: #ccc;
	color: #333;
	font-weight: bold;
	text-align: center;
	}

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

table.roz	{
	/*display: none;*/
	}


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

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

table.variable th	{
	background: #0e3153;
	border: 1px solid #fff;
	color: #fff;
	}

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

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

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

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

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


/* Product detail */
#prod-showdetail-img {
	background: #e8e8e8;
	padding: 10px;
	margin-right: 10px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
	}

#prod-showdetail-img p.prod-showdetail-cartput {
	margin: 10px auto 0 auto;
	}

#prod-showdetail-img p.prod-showdetail-cartput input, #prod-showdetail-img p.prod-showdetail-cartput label {
	vertical-align: middle;
	}

h2.prod-showdetail-name {
	padding: 0;
	margin: -10px 0 0 0;
	font-size: 150%;
	}

table.prod-showdetail td.value {
	padding: 2px;
	text-align: right;
	font-weight: normal;
	width: 40%;
	}

table.prod-showdetail td.sections {
	text-align: left;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 150%;
	}

table.prod-showdetail td.thickline {
	border-bottom: 4px solid #e8e8e8;
	}

table.prod-showdetail td.thinline {
	border-bottom: 1px solid #e8e8e8;
	}

table.prod-showdetail td.padtop {
	padding-top: 20px;
	}

table.prod-showdetail-price td.value {
	padding-left: 5px;
	}


.prod-price-dph	{
  font-size: 135%;
	}

.prod-price-nodph	{
  color: #666;
	}

/* Actions (within col) */
#col3 div#akcni-tip table td	{
	text-align: left;
	}

#col3 div#akcni-tip table td.akcni-tip-img	{
	width: 74px;
	}

#col3 div#akcni-tip table td img	{
	padding: 1px;
	margin-left: 15px;
	border: 1px solid #ccc;
	}

#col3 div#akcni-tip table td img:hover	{
	border: 1px solid #fff;
	}

#col3 div#akcni-tip table td h3 a	{
	font-weight: bold;
	}

div.strong	{
	padding-left: 8px;
	color: #fc0;
	font-weight:bold;
	}

div.odsadit	{
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
	}


/* Cart box (within col) */
#col3 div.box	{
	color: #fff;
	text-align: center;
	}

#col3 div.box h2	{
	background: #ccc;
	padding: 8px 0;
	margin: 0;
	font-size: 120%;
	color:#fc0;
	}

#col3 div.box h2 a	{
	color: #0e3153;
	}

#col3 div.box ul	{
	text-align: left;
	list-style-type: none;
	}

#col3 div.box ul li	{
	margin-top: 12px;
	}

#col3 div.box a	{
  color: #fff;
	}

#col3 div.box a#go2checkout	{
  background: #b3d330;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: 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: #0e3153;
	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;
	}

.order-error	{
	padding: 7px;
	background: #c00;
	color: #fff;
	}

.order-error h3	{
	margin: 5px 0 0 0;
	color: #fff;
	}

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%;
	}

/* 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%;
  }


/* Rozcestnik */
div.rozcestnik	{
	margin-top: 20px;
	}

div.roz-item	{
	padding: 2px;
	padding-right: 12px;
	margin: 5px 0;
	border: 1px solid #ccc;
	height: 140px;
	position: relative;
	}

div.roz-item:hover	{
	border: 1px solid #999;
	}

div.roz-item a	{
	width: 100%;
	height: 140px;
	text-decoration: none;
	display: block;
	}

div.roz-item img	{
	float: left;
	margin-right: 15px;
	}

div.roz-item img.corner-img	{
	position: absolute;
	top: 1px;
	right: -12px;
	}

div.roz-item span	{
	display: block;
	}

div.roz-item span.roz-h	{
	font-weight: bold;
	padding: 0.8em 0;
	font-size: 130%;
	text-transform: uppercase;
	}

div.roz-item span.roz-p span	{
	display: inline;
	}
	
	/* drte */
	
span.prod-name-drte { 
  display: block;
  background: #0e3153;
  padding: 5px;
}
#col2 a.drte-a {
  color: #fff;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center; 
}
#col2 span.prod-name-drte	{
	  padding: 10px;
	  display: block;
	}
span.img-drte-obal  {
  display: block; float: left; width: 170px; margin: 0 6px 6px 0;
}
span.posledni  { margin: 0; }