/*######################################

Author: [w3w.cz] - lepsi stranky internetu

Coding: UTF-8
Media: screen, projection
Browsers: all

Structure:
	position; float; clear; z-index; 
	display; visibility;
	width; height; margin; padding; overflow; 
	color; background; border;
	align; text; font; content;

Color palette: see __theme.css

######################################*/
 
/*@import url(_temporary.css);*/
@import url(_universal.css);
@import url(_columns.css);
@import url(_forms.css);
@import url(__theme.css);

/*======================================
	Default styling of HTML tags 
======================================*/

body {
	color: #444444; background: #EEEEEE /*url("img/body-bcgr.gif") repeat-x*/;
	text-align: center; font: 62.5%/1.5 Arial, Helvetica, Sans-serif; /* 0.1em = 1px */
}

hr { display: none; }

a { color: #376682; text-decoration: underline; }
a:hover, a:active, a:focus { color: #000000; text-decoration: none; }
/* alternative style of link - apply to link or to parent tag of link */
.alt-a a, a.alt-a { text-decoration: underline; color: #FFFFFF; }
.alt-a a:hover, a.alt-a:hover, .alt-a a:active, a.alt-a:active, .alt-a a:focus, a.alt-a:focus { text-decoration: none; }
.a_odkaz { text-decoration: none; color: #000000; }
.a_odkaz:hover { text-decoration: underline; color: #000000; }

address { font-style: italic; }

h1, h2, h3, h4, h5, h6 {}
h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }

p { margin: 0 0 1em 0; padding: 0; }

/* Messages ----------------------------*/

.message { /*nahrazuje .mess*/
	margin: 15px 0; padding: 4px 8px;
	color: #666; background: #EEE; border: 1px solid #CCC;
	font-weight: bold;
}
.message.info {color: #990; background: #ffffdd; border-color: #cccc66;}
.message.ok {color: #090; background: #ebffe5; border-color: #99de84;}
.message.error {color: #c00; background: #ffecec; border-color: #ffacac;}

.stock, .ok { color: #090; }
.alert { color: #c00; }

/* Layout helpers */
.first {border-left: 0 !important;} /* for horizontal separators */
#header .inner,
#content .inner,
#sidebar-left .inner,
#footer .inner {padding: 10px; overflow: hidden;} /* for global padding settings */

#content .box .inner-box {
    overflow: hidden;
    height: 1%;
}

/* Lists -------------------------------*/
ul.cutelist, .cutelist ul {
	margin: 10px 0; line-height: 2;
}
ul.cutelist ul, .cutelist ul ul {
	margin: 0 30px;
}
ul.cutelist li, .cutelist ul li {
	background: none !important; padding: 0 !important;
}
ul.cutelist a, .cutelist ul a {
	background: url("img/cats-arr.gif") left center no-repeat; padding-left: 10px;
}
ul.cutelist a:hover, ul.cutelist a:active, ul.cutelist a:focus, .cutelist ul a:hover, .cutelist ul a:active, .cutelist ul a:focus { 
	background-image: url("img/reg-arr.gif"); 
}


/*======================================
  STRUKTURA
======================================*/
/*--------------------------------------
  Main layout of web
--------------------------------------*/
#container {
	position: relative;
	width: 980px /*90%*/; margin: 0 auto;
	padding: 0px; overflow: hidden;
	background: #FFFFFF;
	text-align: left; font-size: 1.2em;
}

.section-narrow {
	padding: 0 20px;
}


/*--------------------------------------
  Header 
--------------------------------------*/
#header {
	position: absolute;
	top: 0;
	width: 100%;
	padding-top: 3.2em; /* for horizontal #usebox */
	height: 163px;
	background: #889FB1 /*url("img/header-bcgr.gif") no-repeat*/;
}
#header #logo-sect {
	margin-left: -920px;
	width: 400px; margin-top: 15px;
	}
#header #logo {position: relative; font-size: 2em;}
#header #logo,
#header #logo a {
	float: left;
	display: block;
	width: 254px; height: 93px; overflow: hidden;
}
#header #logo .ir { background: url("img/logo.gif") no-repeat; }

/* Prihlaseni/uzivatel (login/user)------------*/
#header #userbox {
	float: left; 
	position: absolute; 
	top:0; 
	left: 0;
	width: 980px; 
	height: 3.2em;
	color: #FFF; 
	background: #2A3D4C /*url("img/header-dark-bcgr.gif") no-repeat*/;
	}

#header #userbox .inner {
	background: none;
}

#header #userbox ul, #header #userbox li {
	display: block; 
	float: left; 
	clear: none; 
	padding: 0; 
	margin: 0 3px 0 3px;
}


#userbox {
	margin-bottom: 5px;
}

#userbox .inner { 
	background: #89a4b5 url("img/bcgr-r-col-top-box.gif") repeat-x;
}

#userbox a { 
	color: #FFF;
}
#userbox a:hover,
#userbox a:active,
#userbox a:focus { 
	text-decoration: none;
}

#userbox ul a { 
	background: url("img/single-arr.gif") 1px center no-repeat; 
	padding-left: 13px;
}
#userbox ul a.logout { background: url("img/logout.gif") 0 center no-repeat; }


#shoppingbox {
	width: 175px;
	margin-left: -200px;
	margin-top: 10px;
	background: #EEEEEE; 
	border: 3px solid #FFFFFF;
}
#shoppingbox h3 a {color: #376682;;}
#shoppingbox h3 a:hover, #shopping-box h3 a:active, #shopping-box h3 a:focus { /*color: #FFFFFF;*/ }
#shoppingbox a.remove {
	position: relative; top: 2px;
	margin: 0 0 0 3px;
	vertical-align: baseline;
}
/*--------------------------------------
  Horizontal navigation
--------------------------------------*/
#navigation {
	position: absolute; top: 163px;
	width: 100%;
	background: #FFFFFF url("img/primary-nav-bg.gif") 0 0 repeat-x; border-bottom: 1px solid #CECECE;
}
#primary-nav {
	margin-left: -100%;
	width: 765px;
	text-align: center;
}
#primary-nav ul {
	min-height: 36px; overflow: hidden;
}
#primary-nav ul li { display: inline; }
#primary-nav ul a {
	float: left;
	height: 36px; line-height: 36px; padding: 0 15px 0 14px;
	color: #0d0d0d; background: #FFFFFF url("img/primary-nav-bg.gif") 0 0 repeat-x; border-left: 1px solid #CECECE;
	vertical-align: middle; text-decoration: none; font-weight: bold; 
}
#primary-nav ul li.first a {}
#primary-nav ul li.last a { border-right: 1px solid #CECECE; }
#primary-nav ul li.current a { text-decoration: underline; } /* for current site */

#primary-nav ul a:hover, #primary-nav ul a:active, #primary-nav ul a:focus {
	background: #CCC url("img/primary-nav-bg.gif") 0 -72px repeat-x;
	text-decoration: underline;
}

/* Searchbox */
#searchbox {
	margin-left: -185px;
	width: 175px;
	height: 36px;
	position: relative;
}
#searchbox .inner {
	margin-top: 8px;
}


/* Boxes (with borders or/and rounded corners)*/
.box.bordered {border: 1px solid #E2E2E2;; position: relative;}
	.box.bordered.rounded span.corner-tl {display: block; position:absolute; top:-1px; left:-1px; background:url("img/roundbox-corner-tl.gif") 0 0 no-repeat; width:5px; height:5px;}
	.box.bordered.rounded span.corner-tr {display: block; position:absolute; top:-1px; right:-1px; background:url("img/roundbox-corner-tr.gif") 0 0 no-repeat; width:5px; height:5px;}
	.box.bordered.rounded span.corner-bl {display: block; position:absolute; bottom:-1px; left:-1px; background:url("img/roundbox-corner-bl.gif") 0 0 no-repeat; width:5px; height:5px;}
	.box.bordered.rounded span.corner-br {display: block; position:absolute; bottom:-1px; right:-1px; background:url("img/roundbox-corner-br.gif") 0 0 no-repeat; width:5px; height:5px;}

	/* For rounding corners of all bordered boxes
	.box.bordered span.corner-tl {display: block; position:absolute; top:-1px; left:-1px; background:url("img/roundbox-corner-tl.gif") 0 0 no-repeat; width:5px; height:5px;}
	.box.bordered span.corner-tr {display: block; position:absolute; top:-1px; right:-1px; background:url("img/roundbox-corner-tr.gif") 0 0 no-repeat; width:5px; height:5px;}
	.box.bordered span.corner-bl {display: block; position:absolute; bottom:-1px; _bottom:-11px; left:-1px; background:url("img/roundbox-corner-bl.gif") 0 0 no-repeat; width:5px; height:5px;}
	.box.bordered span.corner-br {display: block; position:absolute; bottom:-1px; _bottom:-11px; right:-1px; background:url("img/roundbox-corner-br.gif") 0 0 no-repeat; width:5px; height:5px;}
	*/
	
.box .head {position: relative; /*float: left; width: 100%;*/}
.box .head h1, .box .head h2, .box .head h3 {
	padding: 3px 10px; margin: 0;
	color: #FFFFFF; background: #888888;
	font-weight: bold; font-size: 1em;
}
.box .head a { text-decoration: underline; color: #FFFFFF; }
.box .head a:hover,.box .head a:active, .box .head a:focus {
	text-decoration: none;
}

/*--------------------------------------
  Main line (Content, Columns)
--------------------------------------*/
#main {
	margin-top: 200px;
}
#main #content .head h1,
#main #content .hp .head h2 {
	font-size: 1.3em;
}
#main #maincontent {
	margin-left: -100%;
	width: 100%;
	position: relative;
}
#main #maincontent #breadcrumbs {
	padding: 10px 0 0 0;
	width: 100%;
	overflow: hidden;
	/*background: blue;*/
}
#main #maincontent #content,
#main #maincontent #breadcrumbs .inner {
	padding: 0 10px 0px 195px;
}

#main #maincontent #content {margin: 10px 0;}
#main #sidebar-left {
	margin-left: -100%;
	width: 195px;
	z-index: 50; /*prevent main content from obscuring sidebars */

}
#main #sidebar-left .sidebar-inner {padding: 10px;}
#main #sidebar-right {
	margin-left:  -150px;
	width: 150px;
	z-index: 50; /*prevent main content from obscuring sidebars */
}

#main #sidebar-right .inner {
	padding-left: .5em;
	padding-right: .5em;
}


/*--------------------------------------
  Footer
--------------------------------------*/
#footer {
	clear: both;
	height: 3em;
	color: #FFFFFF; background: #89A4B5;
}
#footer a {color: #FFFFFF;}
#footer a:hover, #footer a:active, #footer a:focus {
	/*color: #376682;*/
}
#footer  span {
	padding: 0 0.3em 0 0.5em;
	border-left: 1px solid;
}
#footer #copyright {
	margin-left: -100%;
	width: 50%;
	text-align: left;
	position: relative;
}
#footer #copyright a.shopio {
	background: url("img/f-shopio.gif") left top no-repeat;
	padding: 0 0 1px 23px;
}
#footer #copyright a.shopio:hover, #footer a.shopio:active, #footer a.shopio:focus {
	background-position: 0 -34px;
}
#footer #foot-nav {
	margin-left: -50%;
	width: 50%;
	text-align: right;
	 }


/*--------------------------------------
  Various site-wide selectors
--------------------------------------*/
#sect-desc {
	padding: 0 5px;
}

/* atributy vypisu (priznaky) ... signs */
.sign-new { font-style: italic; color: #090; }
.sign-act { font-style: italic; color: #c00; }
.sign-sale { font-style: italic; color: #f60; }

/* zalozky */
#switch {
    background: url("img/switchline.gif") left bottom repeat-x;
    overflow: hidden;
    width: 100%;
}
#switch h2,
#switch h3 {
    background: #e3e3e3 url("img/bcgr-switch.gif") repeat-x;
    border: 1px solid #CCC; 
	border-bottom: none;
    float: left;
    height: 27px; 
	margin: 0 1px;
    line-height: 27px; 
	vertical-align: middle;
    text-align: center; 
	font-size: 1em; 
	font-weight: normal;
}
#switch h2.active,
#switch h3.active {
    background: #FFF url("img/bcgr-color-gradient.gif") left bottom repeat-x;
    border: 1px solid #CCC; 
	border-bottom: none;
}
#switch h2.active strong,
#switch h3.active strong {  /*color: #376682;*/}
#switch h2 strong,
#switch h3 strong,
#switch h2 a,
#switch h3 a { 
	display: block;
	padding: 0 8px;
}
#switch h2 a,
#switch h3 a {
    color: #666;
}
#switch h2 a:hover,
#switch h3 a:hover,
#switch h2 a:active,
#switch h3 a:active,
#switch h2 a:focus,
#switch h3 a:focus { 
	color: #000;
}

#switch h3.active a {
    text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

#switch span { 
	background: left center no-repeat; 
	display: block; 
	padding-left: 12px;
}
#switch h2.active .ctlg span { background-image: url("img/sect-sw-ctlg-h.gif"); }
#switch h2.active .list span { background-image: url("img/sect-sw-list-h.gif"); }
#switch h2 a.list span { background-image: url("img/sect-sw-list.gif"); }
#switch h2 a.list:hover span,
#switch h2 a.list:active span,
#switch h2 a.list:focus span { background-image: url("img/sect-sw-list-h.gif"); }
#switch h2 a.ctlg span { background-image: url("img/sect-sw-ctlg.gif"); }
#switch h2 a.ctlg:hover span,
#switch h2 a.ctlg:active span,
#switch h2 a.ctlg:focus span { background-image: url("img/sect-sw-ctlg-h.gif"); }


#box_submit,
#box_order { display: inline; }
/* wrap */
#sect-wrap {
    overflow: hidden;
    margin: 6px 0 0 0; padding: 0 0 0 20px;
}


/* strankovani ... paging */
.paging {
    padding: 6px 20px 10px;
    text-align: right;
}
.paging.nd { 
	margin: 0; 
	padding-top: 0;
}
.paging span { 
	margin-right: 3px;
	font-weight:bold;
}
.paging a.ctrl { padding: 0; }
.paging a.ctrl:hover,
.paging a.ctrl:active,
.paging a.ctrl:focus { background: none; }
.paging a { padding: 2px; }
.paging a:hover,
.paging a:active,
.paging a:focus { font-weight: bold; }
.paging a.active { 
	background: #EEE; 
	color: #444; 
	padding: 2px; 
	font-weight: bold; 
	border: 1px solid #CCC;
}
.paging a.active:hover,
.paging a.active:active,
.paging a.active:focus { color: #376682; }


/* pod zalozkami */
#det-more { padding: 0 0 0 20px; }
#det-more h4,
#det-cross h4 {
    margin: 10px 0;
    font-size: 1.5em; 
	color: #666;
}

/* zalozka 2 - komentare */
#det-post { padding: 0 20px 0 0; }
#det-post h4 { margin-top: 15px; }
#det-post table { width: 580px; }
#det-post tr {margin: 0 2px;}
#det-post th { width: 115px; padding-right: 5px;}
#det-post tr.text th { vertical-align: top; }
#det-post th,
#det-post tr.submit td { text-align: right; }
#det-post .formtip ul {  }
.comment {
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
    width: 755px;
	margin-bottom: 20px; 
	padding-bottom: 3px;
}
.comment.admin {
    background: #fff5f5; 
	border-color: #e18f8e; 
	padding-top: 8px;
}
.comment .head {
    float: left; display: block;
    width: 20%;
}
.comment.admin .head { margin-left: 8px; }
.comment .head strong { color: #666; }
.comment .head strong span { display: inline; margin: 0; }
.comment.admin .head strong a,
.comment.admin .head strong { color: #376682; }
.comment.admin .head strong a:hover,
.comment.admin .head strong a:active,
.comment.admin .head strong a:focus { color: #004ba9; }
.comment .head span {
    display: block;
    margin-bottom: 3px;
    color: #666;
}
.comment .user-area {
    float: right;
    width: 75%;
}

.comment .user-area p { margin: 0 0 5px 0; }


#discount-percent-from-order {
	padding-top: 1em;
	color: #009900;
	font-weight: bold; 
	text-align: right;
}



/* SABLONA TABULEK -------------------*/
table.temptable {
	border-bottom: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
    width: 100%;
}
table.temptable.single { margin: 15px 0 25px 0; }
table.temptable thead th {
    background: #DEDEDE url("img/tempsubmit.png") left bottom repeat-x;
    border-top: 1px solid #CCC; 
	border-bottom: 1px solid #CCC;
    padding: 8px 5px;
    text-align: center;
}
table.temptable th,
table.temptable td {
    border-right: 1px solid #eee;
    padding: 5px;
    vertical-align: top;
}
table.temptable tr.even th,
table.temptable tr.even td { 
	background: #F8F8F8;
    border: 1px solid #EEE;
    border-left-color: #FFF; 
	border-right-color: #FFF;
}
table.temptable tr.even th.first,
table.temptable tr.even td.first { border-left-color: #d1d1d1; }
table.temptable tr.even th.last,
table.temptable tr.even td.last { border-right-color: #d1d1d1; }
table.temptable th.first,
table.temptable td.first { border-left: 1px solid #d1d1d1; }
table.temptable th.last,
table.temptable td.last { border-color: #d1d1d1; }
table.temptable th { 
	text-align: left; 
	font-weight: bold;
}
table.temptable span.small { 
	display: block; 
	font-size: .9em; 
	font-weight: normal;
}
table.temptable a.cart { 
	background: url("img/microcartb.gif") left center no-repeat; 
	white-space: nowrap; 
	padding: 2px 0 2px 18px; 
	line-height: 2; 
}
table.temptable a.cart:hover,
table.temptable a.cart:active,
table.temptable a.cart:focus { background-image: url("img/microcartr.gif"); }
table.temptable a.rem { 
	background: url("img/ordm-rm.gif") left center no-repeat; 
	padding-left: 18px;
}




/*--------------------------------------
  Page-specific rules
--------------------------------------*/
/* STRANKA: Home -------------------------*/
#actions { 
	margin: 0px 0 15px 0;
}

#actions .inner-box { 
	padding: 10px 0 20px 20px;
}

#actions .item {
    float: left;
    width: 240px; margin: 15px 11px 0 0;
    text-align: center;
}

#actions .item a {
	color: #444; 
	text-decoration: none;
}

#actions .item a:hover,
#actions .item a:active,
#actions .item a:focus {
	text-decoration: underline;
}

#actions .item h2 {
    background: #F0F0F0 url("img/actions-item.gif") left bottom no-repeat;
    margin: 5px 0 0 0;
	padding: 10px 10px 20px 10px;
    font-size: 1em;
}

.sep-act {
	position: relative; 
	margin: 0px 0 6px 0; 
	border: 1px solid #E2E2E2;
}

.sep-act .head { 
	overflow: hidden; 
	height: 15px;
}

.sep-act .inner-box {
	padding: 0 20px 15px 20px;
}

.sep-act p { 
	margin: 5px 0 0 0;
}


/* STRANKA: Article + kontakty -------*/
#article {  }
#article .inner-box { 
	padding-bottom: 5px;
}
#article .texy {
	margin-top: 15px;
}

#article p, #article ul {
	margin: 15px 0;
}
#article li { 
	background: url("img/cats-arr.gif") 0 4px no-repeat;
	padding-left: 12px;
}

#article h2, #article h3, #article h4,
#article h5, #article h6 {
	margin: 15px 0 10px; 
	color: #376682;
}

#article h1 { font-size: 1.4em; }
#article h2 { font-size: 1.4em; }
#article h3 { font-size: 1.2em; }
#article h4 { font-size: 1.1em; }
#article h5 { font-size: 1.0em; }
#article h6 { font-size: 1.0em; }

#article table {
	border: none;
	margin: 10px 0;
}
#article table th,
#article table td {
	border: 1px solid #777;
	padding: 2px 5px;
	vertical-align: middle;
}
#article table th { 
	background: #f5f5f5;
	text-align: left;
	font-weight: bold;
}
#article table thead th {
	background: #777;
	text-align: center;
}

strong.all-articles {
    border-top: 1px solid #777;
    display: block;
    margin: 15px 0;
	padding-top: 5px;
}
strong.all-articles a { 
	background: url("img/all-a.gif") left center no-repeat;
	padding: 0 0 0 13px;
}
strong.all-articles a:hover,
strong.all-articles a:active,
strong.all-articles a:focus { 
	background-image: url("img/all-a-h.gif");
}


/* STRANKA: oblibene ---------------------------*/
#favorites p.nothing { margin: 10px 0 20px 0; }


/* STRANKA: Vsechny clanky ----------*/
#all-articles .inner-box { 
	padding-bottom: 10px;
}

/* STRANKA: Kontakty ----------------*/
#article.contact .vcard { 
	margin: 15px 0;
}
#article.contact .vcard .adr {
	margin: 10px 0;
	font-style: italic;
}


/* STRANKA: Products, katalog -------*/

/* dle parametru */
#sect-parametric { 
	margin: 5px 0 10px;
	padding: 0 5px;
}


#all-categories .inner-box,
#all-producers .inner-box { 
	padding-bottom: 10px;
}

#sect-catalog { 
	clear: both;
	padding: 0 1px 0 0px;
}
#sect-catalog .item {
    background: url("img/ctlg-item.gif") repeat-y;
    float: left;
    width: 190px;
	  margin: 0 2px 15px 1px;
	  overflow: hidden;
}
#sect-catalog .item h2 {
    background: #FFFFFF url("img/bcgr-item-heading.gif") left bottom repeat-x;
    display: block;
    margin: 0; padding: 0 !important; 
    font-size: 1em;
    border: 1px solid #E2E2E2;
}
#sect-catalog .item h2 a {
    background: #FFFFFF url("img/bcgr-item-heading.gif") left bottom repeat-x;
    position: relative;
    display: block;
    padding: 8px;
    text-align: center;
    color: #222222;
}
#sect-catalog .item h2 a:hover,
#sect-catalog .item h2 a:active,
#sect-catalog .item h2 a:focus { text-decoration: none; }
#sect-catalog .item .inner {
    background: url("img/item-shadow.gif") center bottom no-repeat;
    position: relative;
    overflow: hidden;
    padding: 10px 0 8px;
}

#sect-catalog .item .thumb { text-align: center; }
#sect-catalog .item .signs { position: absolute; top:0;}
#sect-catalog .item .signs img {
	float: left;
	clear: left;
	margin: 2px 0 1px;
}
#sect-catalog .item p { 
	margin: 5px 10px;
	font-size: 0.9em;
}
#sect-catalog .item .price { 
	float: left;
	padding: 0 0 0 8px;
}
#sect-catalog .item strong { 
	font-size: 1.2em;
	color: #376682;
}
#sect-catalog .item span { color: #666666; }
#sect-catalog .item .act {
	float: right;
	width: 56px;
}
#sect-catalog .item .act a { float: right; }
#sect-catalog .item .foot {
    float: left;
	position: relative;
    width: 190px;
    display: block;
    background: #FFFFFF url("img/bcgr-item-footer.gif") -1px bottom repeat-x;
    border: 1px solid #E2E2E2;
}


/* STRANKA: Porovnavani.. comparison --------------*/
#comparing {
    overflow: visible; 
	float: left; 
	display: inline;
    padding: 5px 0 10px;
}
#comparing a {
    background: url("img/mc-compare.gif") left center no-repeat;
    padding: 7px 0 7px 30px;
    font-size: 1.1em; 
	font-weight: bold;
}
#comparing a:hover,#comparing a:active, #comparing a:focus { }
#comparing a.rm {
    color: #333; 
	background: none;
    position: relative; 
	top: 2px;
    margin: 0 0 0 3px; 
	padding: 0;
    vertical-align: baseline;
}

table#t-comparing { border-collapse: collapse; }
table#t-comparing col.heading { 
	background: #EEEEEE; 
	width: 120px;
}
table#t-comparing col.even { background: #EEEEEE; }
table#t-comparing th,
table#t-comparing td {
    border: 1px solid #CCCCCC;
    padding: 2px 5px;
    vertical-align: middle; 
	text-align: left;
}
table#t-comparing th { font-weight: bold; }
table#t-comparing th.heading { background: #EEEEEE; }
table#t-comparing th.heading.even { background: #EEEEEE; }
table#t-comparing td.thumb { text-align: center; }
table#t-comparing tr.actions td { white-space: nowrap; }
table#t-comparing tr.actions td a { line-height: 1.8; }
table#t-comparing a.cart { 
	background: url("img/microcartb.gif") left center no-repeat; 
	padding-left: 18px;
}
table#t-comparing a.cart:hover,
table#t-comparing a.cart:active,
table#t-comparing a.cart:focus { background-image: url("img/microcartr.gif"); }
table#t-comparing a.favs { 
	background: url("img/microfavsb.gif") left center no-repeat; 
	padding-left: 18px;
}
table#t-comparing a.favs:hover,
table#t-comparing a.favs:active,
table#t-comparing a.favs:focus { 
	background-image: url("img/microfavsr.gif"); 
	padding-left: 18px;
}
table#t-comparing a.rem { 
	background: url("img/ordm-rm.gif") left center no-repeat; 
	padding-left: 18px;
}



/* tabulkove */
table#sect-table {
    border-collapse: collapse;
    width: 100%; 
	margin-bottom: 15px;
}
table#sect-table .small { 
	font-size: .9em; 
	font-weight: normal;
}
table#sect-table th,
table#sect-table td {
    padding: 3px 5px;
    text-align: left;
}
table#sect-table thead th {
    background: #DEDEDE url("img/tempsubmit.png") left bottom repeat-x;
    border-top: 1px solid #CCC; 
	border-bottom: 1px solid #CCC;
    padding: 8px 0px;
    text-align: center;
}
table#sect-table thead small { 
	font-size: .9em;
	font-weight: normal;
}
table#sect-table thead td {
    background: #000000;
    white-space: nowrap;
	text-align: center;
}
table#sect-table thead td.first { border-left: 0 none; }
table#sect-table tbody tr.even th,
table#sect-table tbody tr.even td { 
	background: #F8F8F8; 
	border: solid #EEEEEE; 
	border-width: 1px 0;
}
table#sect-table tbody td strong { white-space: nowrap; }


/* STRANKA: detail -------------------*/
#det-main { margin-bottom: 15px; }
#det-main .inner-box { padding: 15px 20px 20px 20px; }
/* atributy */
#det-signs { margin: 0 0 5px 0; }
/* fotky */
#det-gallery {
    float: left;
    width: 260px;
    overflow: hidden;
}
#det-gallery a { text-decoration: none; }
#det-slide { /* det-slide nahrasen jcarouselem, nechavam pro jistotu */
    margin-top: 5px;
    line-height: 40px; 
	text-align: center;
}
#det-slide a img { vertical-align: middle; }
#det-slide a.thumb img { margin: 0 2px; }
/* prava strana - popis, cena, ... */
#det-info { 
	float: right; 
	width: 330px; 
}
#det-info table.info { 
	margin: -2px -2px 15px -2px;
	background: none;
}
#det-info table.info th {
	border-bottom: 1px solid #EEE;
    padding: 1px 6px;
    text-align: left; 
	font-weight: bold; 
	color: #666;
}
#det-info table.info td { padding: 1px 0 1px 5px; }
#det-info h3 {
    margin: 0 0 5px 0;
    color: #376682;
}
#det-info h4 {
    margin: 0 0 5px 0;
    border-bottom: 1px solid;
}
	/* .variants in sets + #variants in product */  
#det-info table.variants,
#det-info table#variants {
    border-collapse: collapse;
    margin-bottom: 15px;
}
#det-info table.variants th,
#det-info table#variants th { padding-right: 5px; }

#det-buy {
    background: #FFFFBB; 
	border: 1px solid #376682;
    margin-bottom: 15px; 
	padding: 5px 8px 8px 8px;
    text-align: right;
}

#det-buy strong {
    margin: 0 5px 0 0;
    font-size: 1.4em; 
	color: #000000;
}
#det-buy strong.coming-soon { color: #e44301; }

#det-buy p {
    margin: 3px 0 0 0;
    font-weight: bold; color: #376682;
}
#det-act {
    background: #F5F5F5;
    padding: 8px 9px;
}
#det-act li { padding: 4px 0; }
#det-act a { padding: 5px 0 5px 28px; }
#det-act a#det-compare { background: url("img/mc-compare.gif") left center no-repeat; }
#det-act a#det-compare.in-comparing { background: url("img/mc-compare-bw.gif") left center no-repeat; }
#det-act a#det-favs { background: url("img/mc-favs.gif") left center no-repeat; }
#det-act a#det-recomm { background: url("img/mc-recomm.gif") left center no-repeat; }
#det-act a#det-dog { background: url("img/mc-dog.gif") left center no-repeat; }

/* zalozka 1 - popis */
#det-desc { margin: 10px 20px 10px 0; }
#det-desc p { margin: 10px 0; }

#det-desc ul { margin: 15px 0; }
#det-desc li { 
	background: url("img/cats-arr.gif") 0 4px no-repeat; 
	padding-left: 12px;
}

table#det-params { 
	width: 755px; 
	margin: 10px 0;
}
table#det-params th,
table#det-params td { 
	background: #f8f9fd; 
	border: solid white; 
	border-width: 1px 0;
}
table#det-params tr.odd th,
table#det-params tr.odd td { background: #E0E9EF; }
table#det-params th {
    width: 140px; 
	padding: 3px 0 3px 8px;
    text-align: right; 
	font-weight: bold; 
	color: #666
}
table#det-params td { padding: 3px 10px; }



/* STRANKA: sitemap ---*/
#sitemap .inner-box { 
	padding-bottom: 10px;
}


/* STRANKA: search results --------------*/
.box.serp { margin-bottom: 15px; }
.box.serp .inner-box { 
	padding: 10px 0 0 0; 
	height: 1%;
}
.box.serp .inner-box ul { 
	margin: 0 0 20px 0;
	padding: 0 20px;
	line-height: 2;
	height: 1%;
}
.box.serp p.nothing { 
	margin: 10px 0 20px 0; 
	padding: 0 20px;
}
.box.serp .inner-box p.nothing { margin-top: 0; }
.box.serp #sect-catalog { padding: 12px 0 5px 20px; }
.box.serp #sect-catalog .item .foot { overflow: hidden; } /* kvuli Opere < 9 */
.box.serp #sect-catalog p.nothing { 
	margin: -2px 0 15px 0; 
	padding-left: 0;
}


/* STRANKA: Hledani dle parametru ----*/
#parametric-search table {
    border-collapse: collapse;
    margin: 15px 0 25px 0;
}
#parametric-search table th,
#parametric-search table td {
    border: 1px solid #FFFFFF;
    padding: 5px 7px;
    text-align: left;
}
#parametric-search table th { background: #EEEEEE; }



/* OBJEDNAVKOVY PROCES (order process)---------------*/
/* navigace - kroky (steps) */
.ordercrumbs {
    overflow: hidden;
    height: 40px; 
	margin: 20px 0;
    line-height: 40px; 
	vertical-align: middle;
    text-align: center; 
	font-size: 1.2em; 
	font-weight: bold;
}
.ordercrumbs .s1, .ordercrumbs .s2, 
.ordercrumbs .s3, .ordercrumbs .s4 { 
	width: 24.9%;
}

.ordercrumbs span,
.ordercrumbs h1 {float: left;}
.ordercrumbs h1 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em !important; 
	color: #FFF; 
	background: url("img/orcr-active.gif") center right no-repeat;
}
.ordercrumbs strong { color: #FFF; }


/* box "pokracovat" */
#order-proceed {
    background: #FFFFBB url("img/det-buy.png") left bottom repeat-x;
    border-top: 1px solid #376682;
    overflow: hidden;
    margin: 15px 0; padding: 8px;
    font-weight: bold; color: #376682;
}
#order-proceed span {
    float: left;
    padding-top: 4px;
}


/* kosik  ------------------------ [STEP 1] */
table#order-cart tbody th a { color: #444444; }
table#order-cart tbody th a:hover,
table#order-cart tbody th a:active,
table#order-cart tbody th a:focus { color: #376682; }
table#order-cart small {font-size: .9em;} 
table#order-cart span { 
	display: block; 
	font-size: .9em; 
	font-weight: normal; 
	color: #666666;
}
table#order-cart tfoot th,
table#order-cart tfoot td { 
	border-top: 1px solid #EEEEEE;
}
table#order-cart tfoot ul a { 
	background: left center no-repeat;
	padding: 0 0 0 18px;
}
table#order-cart tfoot ul a.cart-send { background-image: url("img/cart-send.gif"); }
table#order-cart tfoot ul a.cart-recycle { background-image: url("img/ordm-rm.gif"); }
a.cart-continue { 
	background: url("img/cart-continue.gif") left center no-repeat !important;
	padding: 0 0 0 18px;
}/* pouziva se i kdy~ je prazdny kosik, proto ubytek kaskady */

table#order-cart td.summary div { 
	float: left;
	color: #376682;
}
table#order-cart td.summary em { 
	font-size: 1.2em; 
	font-style: normal;
}


/* zakaznicke udaje  ------------- [STEP 2] */
/* see _forms.css */


/* doprava, platba  ------------- [STEP 3] */
/* see _forms.css */


/* dokonceni  ------------------- [STEP 4] */
table#check-cart tbody th span { 
	display: block; 
	font-size: .9em; 
	font-weight: normal;
}
table#check-cart tbody th span.var { 
	font-size: 1em; 
	font-weight: bold;
}
#order-overview h3 {
    margin: 15px 0 5px 0;
    font-size: 1.5em;
	color: #666666;
}
#order-overview h3.strong { color: #376682; }
#order-overview div.edit {
    background: #FFFFFF;
    border: dotted #CCC; 
	border-width: 1px 0;
    margin: 10px 0; 
	padding: 4px 8px;
    text-align: right;
}
#order-overview div.edit a {
    background: url("img/edit.gif") left center no-repeat;
    padding: 0 0 0 15px;
}
#order-overview div.edit a:hover,
#order-overview div.edit a:active,
#order-overview div.edit a:focus { background-image: url("img/edit-h.gif"); }
#order-overview p.single { 
	margin: 7px 0; 
	padding: 0 12px;
}
#order-overview table.temptable tfoot td { 
	border-top: 1px solid #EEEEEE; 
	font-weight: bold;
}
#order-overview table.temptable tfoot td strong { 
	color: #376682;
	padding-right: 20px;
}
#order-overview table.temptable tfoot td span { 
	display: block;
	font-size: .9em;
	font-weight: normal;
}
#order-overview table.overview { 
	width: auto;
	margin: 5px 0 15px 0;
}
#order-overview table.overview th,
#order-overview table.overview td {
    border-bottom: 1px solid #EEEEEE;
    padding: 5px 12px;
}
#order-overview table.overview th { 
	text-align: left;
	font-weight: bold;
}
#order-overview table.summary strong { color: #376824; }

/* completed  -------------------- [STEP 5] */
#order-completed .inner-box { padding: 10px 20px 15px 20px; }