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

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:
	text:
	link: #EA0020; 
	alt-link: #FFF;
	heading:
	background: #000000
	border:
	---
	table td: #AFAFAF
	table td.even: #BFBFBF

Template images name prefix: "stx_" (as template)

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

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

body {
	color: #FFFFFF; background: #000000 url("img/body-bg.jpg") center top no-repeat;
	text-align: center; font: 62.5%/1.5 Verdana, Arial, Helvetica, Sans-serif; /* 0.1em = 1px */
}

hr { display: none;}

a { color: #EA0020; text-decoration: underline; }
a:hover, a:active, a:focus { color: #FFFFFF; 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; }

address { font-style: italic; }

h1, h2, h3, h4, h5, h6 {color: #EA0020;}
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 */
.inner {padding: 10px; overflow: hidden;} /* for global padding settings */

/*======================================
  STRUKTURA
======================================*/
/*--------------------------------------
  Main layout of web
--------------------------------------*/
#container {
	position: relative;
	width: 952px; margin: 0 auto;
	background: transparent url("img/container-bg.jpg") right bottom no-repeat;
	text-align: left; font-size: 1.2em;
}
#main-wrapper {
	float: left;
    width: 917px;
    color: #000000;
    background: url("img/main-wrapper-bg.gif") right 0 repeat-y;  margin-bottom: 73px;
	/*width: 805px; - 3 col layout*/
}
#content {
	float: right; position: relative;
	width: 675px; /* 2 col layout */
	overflow: hidden;
	background: url("img/content-head-bg-new.jpg") 0 -5px no-repeat;
}

/*--------------------------------------
  Header
--------------------------------------*/

#header { 
	/*color: #FFF;*/ background: url("img/header-bg.jpg") no-repeat;
	height: 227px;
	padding-left: 59px; /* for logo */
}
#header span#logo { position: relative;}
#header span#logo,
#header span#logo a { 
	float: left;
	display: block;
	width: 479px; height: 208px; line-height: 208px; overflow: hidden;
	text-align: center;
}
#header span#logo .ir { background: url("img/logo.jpg") no-repeat; }

/*
#header #userbox {
	float: left; position: absolute; top:0; left: 0;
	width: 980px; height: 3.2em;
	}
#header #userbox .inner {background: none;}
#header #userbox h3, #header #userbox label {
	font-size: 1em;}
#header #userbox h3, #header #userbox label, #header #userbox ul, #header #userbox li, #header #userbox form, #header #userbox fieldset, #header #userbox input {
	display: block; float: left; clear: none; padding: 0; margin: 0 3px 0 3px;
}
#header #userbox form {width: auto;}
*/

#shoppingbox {
	position: absolute; top: 193px; left: 749px;
	z-index: 10;
	width: 168px; height: 61px; line-height: 36px;
	color: #FFFFFF; background: #EA0020 url("img/shopbox-cart-bg.jpg") no-repeat;
	text-align: center;
}
#shoppingbox h3 a {color: #FFFFFF;}
#shoppingbox h3 a:hover, #shopping-box h3 a:active, #shopping-box h3 a:focus { color: #000000; }
#shoppingbox a.remove {
	position: relative; top: 2px;
	margin: 0 0 0 3px;
	vertical-align: baseline;
}

/* Breadcrumbs */
#breadcrumbs { margin: 0 0 10px 0; padding: 0 10px; font-size: 0.9em }
#breadcrumbs a {color: #000000;}

/* Boxes (with borders or/and rounded corners)*/
.box.bordered {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; _bottom:-11px; 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; _bottom:-11px; 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;}
.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;
}*/

/*--------------------------------------
  Content
--------------------------------------*/
#content, #content .content-inner {z-index: 0;}
#content .content-inner {position: relative; background: #A8A8A8 url("img/content-head-bg-new.jpg") -3px -5px no-repeat; margin: 0px 3px; padding: 20px 10px;}
#content .head h1,
#content .hp .head  h2 {
	padding: 3px 10px; margin: 0;
	font-size: 1.3em;
	border-bottom: 3px solid #FFF;
}

#content p.more {padding: 0 10px;}

#content small {font-size: 0.8em;}
/*
#content .box,
#content #det-more
	{color: #000000; background: #FFFFFF;}
	*/
/* Product detail */
.admin-edit {position: absolute; right: 10px; top: 35px; padding: 5px; background: #FFF;}
.admin-edit a:hover, .admin-edit a:active, .admin-edit a:focus {color: #000000;}

h2.var-header {font-size: 1em; margin-bottom: 5px;}

/*--------------------------------------
  Columns
--------------------------------------*/
.column {
	display: inline;
	background: transparent url("img/column-bg.jpg") 34px -16px no-repeat;
	color: #FFFFFF;
	width: 234px; padding: 10px 0 5px;
	overflow: hidden;
}
.column .menu {text-transform: uppercase; font-family: Arial, Verdana, sans-serif;}
.column .menu .inner {padding: 0; font-size: 1.1em;}
.column .menu a {color: #FFFFFF; text-decoration: none;}
.column .menu a:hover, .column .menu a:active, .column .menu a:focus {
	font-weight: bold; color: #EA0020;}
.column .menu a em {font-style: normal; }
.column .menu ul li {
	display: block; float: left; clear: left; 
	padding: 5px 5px 5px 62px; 
	background: url("img/menu-button.gif") 5px 4px no-repeat;
}
.column .menu ul li a {width: 160px; float: left; clear: left;}
.column .menu ul li ul li {text-transform: none; padding: 0 0 0 15px; background: none; }

.column .menu li.single {margin-bottom: 15px;}

.column .box.bordered {margin-bottom: 5px; margin-left: 34px; }
.column .box.bordered h3 {padding: 10px 10px 0 0;}
.column .box.bordered.menu {margin-left: 4px;}

.column .menu .inner {background: url("img/column-box-bg.gif") 30px 0 repeat-y; width: 100%;}
.column .menu .head {height: 3em; background: url("img/column-box-head-bg.gif") 30px top no-repeat;}
.column .menu .head h3 {padding: 10px 5px 5px 40px; text-align: center;}
.column .menu .footer {height: 12px; background: url("img/column-box-footer-bg.gif") 30px bottom no-repeat;}

.column #categoriesbox h3 {color: #FFFFFF; font-size: 1.1em;}

.banner .inner { padding: 5px 0; }

.column .box.bordered#tipsbox,
.column .box.bordered#newsbox {
	background: url("img/column-box-topright-bg.jpg") top right no-repeat;
	text-align: right;
	font-size: 0.9em;
}
.column .box.bordered#newsbox img {display: none; width: 180px; height: auto;}
/* Searchbox */
#searchbox {display: none;}
	/*
	#searchbox, #userbox {position: relative; color: #FFFFFF; background: #333 url("img/stx_plastic-bg.gif") 0 center repeat-x;}
	#searchbox h3, #userbox h3 {padding: 0 0 7px 0;}
	#searchbox input.text {
		width: 85%;
		vertical-align: top;
	}
	#searchbox input.submit {
		position: relative; top: 1px;
		color: #FFFFFF;
		font-weight: bold; 
	}
	*/
/* Vertical navigation: Categories ---------*/
/* Categories or Producers selection */

/* Newsletter */
#newsletterbox input {width: 150px;}

/* Basket - odsunuti dopravy*/
label#transport-5 {margin-top: 8em;}

/* Splashscreen */
body.splashscreen {padding: 10px 0;}
#splash-content {
	margin: 0 auto;
	width: 750px; height: 563px;
	background: #000000 url("img/index-bg_ceska-krasa.jpg") 0 0 no-repeat;
	font-size: 1.2em;
	border: 8px solid #000;
}
#splash-content #splash-menu {text-transform: uppercase; font-family: Arial, Verdana, sans-serif; float: right; margin: 3px 5px;}
#splash-content #splash-menu a {color: #FFFFFF; text-decoration: none; font-size: 1.1em; font-weight: bold;}
#splash-content #splash-menu a:hover, #splash-content #splash-menu a:active, #splash-content #splash-menu a:focus {
	font-weight: bold; color: #EA0020;}
#splash-content #splash-menu li {
	display: display; float: left; 
	padding: 5px 5px 5px 62px; margin: 0 3px; 
	background: url("img/menu-button.gif") 5px 4px no-repeat;
}
#splash-content .content-link {display: block; width: 100%; height: 510px; margin-top: 50px;}
body.splashscreen #footer {
	margin: 5px auto; padding: 0;
	width: 750px; height: 3em;
	font-size: 1.1em;
	}
/*--------------------------------------
  Footer
--------------------------------------*/
#footer {
	clear: both;
	height: 130px;
	font-size: 0.9em;
	padding: 0 25px 0 225px;
}
#footer a {color: #FFFFFF;}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #EA0020;
}
#footer  span {
	padding: 0 0.3em 0 0.5em;
	border-left: 1px solid;
}
#footer .f-left { position: relative;}
#footer .f-right {text-align: right; width: 60%;}
#footer a.shopio {
	background: url("img/f-shopio.gif") left top no-repeat;
	padding: 0 0 4px 23px;
}
#footer a.shopio:hover, #footer a.shopio:active, #footer a.shopio:focus {
	background-position: 0 -34px;
}

/* ARTICLES: Classes of old content */

body.article #content img,
#home-news img {border: 2px solid #FFFFFF;}

.paging img {border: none !important;}

.noshow {display: none;}

#content h2.bordered {font-weight: normal; border-bottom: 1px solid #FFFFFF;}

#content .vip { text-align: center; float: left; margin: 15px; width: 120px; height: 15em; }

#content .vip h3.title { text-align: center; font-size: 0.9em; font-weight: normal; margin: 3px auto;}
#content .vip p.desc { text-align: center; margin: 0px 5px; font-size: 0.8em; line-height: 1.3; }

#content .media {float: left; width: 45%; margin: 0 0 25px 0;}
#content .media h2.title, #content .media h3.title { font-size: 0.9em; font-weight: normal; margin: 3px auto;}

#content #maps {position: relative; height: 300px; width: 500px;}
#content #maps #image-map-sr {position: absolute; top: 125px; left: 220px;}

h3.kraj {color: #000000; margin: 5px 0;}
.f-left.third-width {width: 30%;}
.f-left.third-.second {margin-left: 33%;}
.f-left.third-.third {margin-left: 66%;}


table.text-format {border: none !important; color: #000000; margin-top: 5px !important;}
table.text-format td,
table.text-format th {border: none !important; padding: 0 !important;}
table.text-format th {width: 7em; background: transparent !important;}

#partneri img {border: none; float: left; margin: 0 10px 10px 0;}
#partneri h2 {clear: both;}

#article table.sizes { width: 501px; margin-bottom: 20px; color: #000; }
#article table.sizes caption { text-align: left; font-size: 1.2em; font-weight: bold; }
#article table.sizes th, #article table.sizes td { text-align: center; vertical-align: middle; }
#article table.sizes th { width: 167px; }

#det-gallery { position: relative; }
#det-gallery img { width: 249px; height: 249px; display: block; margin-top: 2px; }
#det-gallery #pattern-option { position: absolute; display: block; width: auto; /*height: 60px;*/ height: auto; border: none; margin: 0; padding: 0; }
/*#det-gallery #pattern-option.p1129 { top: 162px; left: 26px; }
#det-gallery #pattern-option.p1130 { top: 162px; left: 169px; }
#det-gallery #pattern-option.p1131 { top: 310px; left: 75px; height: auto; width: 105px; }*/

#det-info table { width: 100%; }
#det-info table caption { text-align: left; font-weight: bold; color: #c11414; }
#det-info table img { vertical-align: middle; }
#det-main #det-info table td.inputcell { text-align: center; width: 1.7em; padding: 5px 0 5px 5px; }
#det-info table#pattern-variants, #det-info table#position-variants, #det-info table#sizes-variants { border:1px solid #fff; border-collapse:collapse; margin-bottom:20px; }
#det-info table#pattern-variants th, #det-info table#pattern-variants td, 
#det-info table#position-variants th, #det-info table#position-variants td,
#det-info table#sizes-variants th, #det-info table#sizes-variants td { background: #afafaf; padding: 5px; }
#det-info table#pattern-variants tr.even th, #det-info table#pattern-variants tr.even td, 
#det-info table#position-variants tr.even th, #det-info table#position-variants tr.even td,
#det-info table#sizes-variants tr.even th, #det-info table#sizes-variants tr.even td { background: #bfbfbf; }
#det-info table#pattern-variants a.lightbox { display: inline-block; _zoom: 1; width: 45px; text-align: center; }

#soc-facebook { padding-top: 20px; }

.free-shipping { padding-bottom: 5px; }
.free-shipping h2, .free-shipping p { display: inline; }
.free-shipping h2 { font-size: 1em; color: #000; }


/* Splash screen splash! */
#splashsplash { _width: 100%; background: #010101 url('img/bcgr_splashsplash_gradient.png') repeat-x 100% 100%; color: #fff; font-size: 1.6em; font-weight: bold; text-align: center; border: 7px solid #222127; border-width: 0 7px; }
#splashsplash h2, #splashsplash p { padding: 10px 10px 5px; font-family: Arial, sans-serif; }
#splashsplash p img { margin: 10px 0 10px 5px; }
#splashsplash p.main { clear: both; }
#splashsplash p.main a { margin: 0 10px; font-size: 1.3em; }
#splashsplash p#alt-close { position: absolute; width: 50%; margin: 0; padding: 0; bottom: 0; _bottom: 4em; right: 10px; font-size: 0.75em; font-weight: bold; text-align: right; }
#splashsplash p#alt-close a { color: #ccc; text-decoration: underline; }
#splashsplash p#alt-close a:hover, #splashsplash p#alt-close a:focus, #splashsplash p#alt-close a:active { color: #fff; text-decoration: none; }