/* CSS temp_01 */

/* Typography */
* {margin: 0;padding: 0;}
body {
font: 75% 'Arial CE', Arial, helvetica, sans-serif;
background: #676767 url(../images/bg_body.jpg) repeat-x 0 0px;
color: #000;
text-align: center;
margin:0px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, address, blockquote, table, .meta, .separ, .foto 
{
line-height:20px;
margin:15px 0;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #666666;}

h1 { font-size: 2.0em;  }
h2 { font-size: 1.6em;  }
h3 { font-size: 1.2em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

h3.faq{background:#eeeeee;margin:0;padding:5px 15px;}


/* Text elements
-------------------------------------------------------------- */

p                {line-height: 140%; font-size: 1em;}

a:link{text-decoration: underline; color: #ff6600;}
a:visited{color: #ff6600;}
a:hover {text-decoration: none; color: #000;}

blockquote  { margin: 1.0em 0 2em 2em; color: #333; font-style: italic; font-size:1.0em;}
strong      { font-weight: bold; }
big         {font-size: 1.2em;}
small       {font-size: 0.8em;}

/* Lists
-------------------------------------------------------------- */

ul, ol      { margin: 5px 15px;padding:0; }
li          {margin:0;padding:0;}

ul.extra    {list-style:none;position:relative;}
ul.extra li {background: url(../images/adaidascz/li_extra.jpg) no-repeat 0 6px;padding:0 0 0 20px;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 30px; }
dl dt       { font-weight: bold; }
dd          { margin-left: 35px;}

/* Tables
-------------------------------------------------------------- */

table{
  background:#f6f6f6;
  border: 1px solid #cccccc;
  font-size: 1.0em;
  width:100%;
  border-collapse: collapse;
  margin:10px 0;
  }
th,td{
	padding:4px 2px;
  border-bottom:1px solid #eeeeee;
  }
th{
  background-color: #6d5744;
  color: #fff;
  font-weight:bold;
  font-size: 1em;
  }
table tr.high{
background:#cdcbcb;
}    

/* Misc classes
-------------------------------------------------------------- */

.hide       { display: none; }
.padd       {padding:5px 15px ;}

.noborder   {border:none;}
.bold       {font-weight:bold;}

/* Form fields
-------------------------------------------------------------- */
#formular{margin:10px 0;border:1px solid #cccccc;background:#f6f6f6;padding:20px 0;position:relative;}

ul.form{margin:0;list-style:none;text-align:center;position:relative;}
ul.form li{margin-bottom:10px;padding:0 0 5px 0;position:relative;}
ul.form li.float-l{float:left;}
ul.form li.float-r{float:left;padding-left:15px;}

ul.form li span{position:absolute;top:24px;left:105px;}
ul.form li span.log_email{position:absolute;top:3px;right:5px;}
ul.form li.float-l span{position:absolute;top:24px;left:105px;}
ul.form li.float-r span{position:absolute;top:24px;left:120px;}

ul.form li strong{position:absolute;top:41px;left:0px;font-size:0.9em;width:1000px;z-index:9000;}
ul.form li.float-l strong{position:absolute;top:41px;left:0px;font-size:0.9em;width:1000px;z-index:9000;}
ul.form li.float-r strong{position:absolute;top:41px;left:15px;font-size:0.9em;width:1000px;z-index:9000;}


ul.form li span img{height:14px;width:14px;}

input, textarea, select{padding:3px 5px;border:1px solid #cccccc;}
label{color:#000;font-weight:bold;font-size:0.9em;}
input{font-size:1.0em;font-family:verdana;}
textarea{font-size:1.2em;font-family:verdana;width:670px;}
select{font-size:1.0em;font-family:verdana;padding:0;}

label.check{float:left;}
input.check{margin:2px 4px 2px 0;padding:0;width:16px;border:none;float:left;}

label.radio{float:left;}
input.radio{margin:2px 4px 2px 0;padding:0;width:16px;border:none;}

input.submit{
border:none;
text-transform:uppercase;
font-weight:bold;
font-size:1.2em;
}
input.submit:hover{
cursor: pointer;
}

ul.form li.fak_adress{
clear:both;
}
ul.form li.fak_adress a{
font-weight:bold;
border:1px dotted #999;
background: #cccccc;
font-size:1.2em;
display:block;
width:265px;
text-align:center;
text-decoration:none;
color:#000;
line-height:25px;
}
ul.form li.fak_adress a:hover{
background:#c3c2c2;
}

/*login*/
#formular.login ul.form{
width:305px;
text-align:right;
float:left;
}
#formular.login input{width:154px;}
#formular.login input.submit{
width:150px;
height:25px;
background: #fe7101 url(../images/input_login.jpg) no-repeat;
}
#formular.login input.submit.inactive{
background: #fe7101 url(../images/input_login_inactive.jpg) no-repeat;
}
#formular.login p{
width:370px;
float:right;
position:relative;
padding:5px 5px 0 30px;
margin:0;
}
#formular.login p strong#ul_form{
padding-bottom:10px;
display:block;
font-size:1.2em;
}
#formular.login p strong#ul_form span{
font-size:0.8em;
color:#008aff;
}
#formular.login p strong#isnot_mail{
font-size:1.2em;
display:block;
}
#formular.login p span#y_mail{
color:#008aff;
font-weight:bold;
}
/*reg*/
#formular.reg{
padding-left:225px;
}
#formular.reg ul.form{
width:295px;
text-align:left;
float:left;
overflow:hidden;
}
#formular.reg input{width:114px;}
#formular.reg select{width:126px;}
#formular.reg input.check{width:16px;}
#formular.reg input.radio{width:16px;}
#formular.reg input#f, #formular.reg input#h, #formular.reg input#fhouse_number, #formular.reg input#fzip, #formular.reg input#f5, #formular.reg input#f7{width:65px;}
input.submit.reg{
width:273px;
font-size:1.4em;
height:41px;
letter-spacing:-1px;
background: #f18526 url(../images/input_reg.jpg) no-repeat;
}
 input.submit.reg.inactive{
background: #fe7101 url(../images/input_reg_inactive.jpg) no-repeat;
}
input.submit.cart{
width:502px;
font-size:1.8em;
height:47px;
background: #fe7101 url(../images/input_cart.jpg) no-repeat;
}
#formular.reg p{
width:140px;
float:left;
position:relative;
padding:20px 0 15px 30px;
color:#909090;
margin:0;
background: url(../images/reg_p.gif) no-repeat 0px 15px;
}

a.button{
font-weight:bold;
border:1px dotted #999;
background: #cccccc;
font-size:1.2em;
display:block;
width:315px;
text-align:center;
text-decoration:none;
color:#000;
line-height:25px;
}
a.button:visited{
color:#000;
}
a.button:hover{
background:#c3c2c2;
}
a.button span{
color:#f38f36;
}  


/* Body Elements
-------------------------------------------------------------- */

img{border: 0 }
address{line-height: 140%; font-size: 1.2em; font-style: normal; }
strong {font-weight:bold;}
hr {display: none;}


/* ID for construction
-------------------------------------------------------------- */
#page {
  width: 950px;
  text-align: left;
  margin: 0 auto;
  position: relative;
  overflow:hidden;
  background: #fff url(../images/bg_page.jpg) repeat-y ;
}  
  
#header {
height: 140px;
background: #050505 url(../images/bg_header.jpg) no-repeat ;
position:relative;
}

#header h1 {
margin: 0 ;
font-size:1.0em;
}
#header h1 a{
  display: block;
  width: 380px;
  line-height: 40px;
  height: 130px;
  color:#fff;
  text-decoration:none;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
}
#header h1 a span {
 display: block;
  width: 100% ;
  height: 100% ;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  }
#header h1 a span.cs{
background: url(../images/logotype_cz.gif) no-repeat ;
}
#header h1 a span.sk{
background: url(../images/logotype_sk.gif) no-repeat ;
}
#header h1 a span.pl{
background: url(../images/logotype_pl.gif) no-repeat ;
}

/* Langs
-------------------------------------------------------------- */ 
#lang{
position:absolute;
top:8px;
right:218px;
height:35px;
text-align:center;
width:90px;
}
#lang a{
padding:4px 5px 2px 5px;
}
#lang a:hover{
background:#5f5f5f;
}
#lang img{
margin:9px 4px 0 4px;
float:none;
clear:both;
}
/* Pages
-------------------------------------------------------------- */  
#main_nav{
  position:absolute;
  left:410px;
  top:20px;
}
#main_nav ul{
list-style:none;
margin:0;
}
#main_nav li{
background: url(../images/main_nav_a.gif) no-repeat 0px 6px ;
padding:0 12px;
}
#main_nav a{
  text-decoration:none;
  font-size:0.9em;
  color:#cfcfcf;
}
#main_nav a:hover{
color:#fff;
}
/* Kosik maly
-------------------------------------------------------------- */
#cart{
	position: absolute;
	top:0px;
	right:0px;
	height: 90px;
	width: 220px;
	overflow:hidden;
	font-size:0.9em;
}
#cart ul{
  list-style:none;
  font-weight:bold;
  margin:12px 0 0 78px;
}
#cart li.user{
	line-height:16px;
}
#cart li.user a{
color:#fff;
}
#cart li{
	line-height:24px;
	clear:both;
}
#cart li.total{
font-size:1.3em;
color:#fff;
}

#cart li.login a{
width:95px;
height:21px;
line-height:21px;
color:#fff;
display:block;
text-decoration:none;
text-transform:uppercase;
text-align:center;
background: url(../images/cart_a.gif) no-repeat 0px 0px ;
}

/* Blok vyhledat
-------------------------------------------------------------- */
#search{
	height: 50px;
	width: 220px;
	position: absolute;
	top: 90px;
	right:0px;
	z-index: 2;
}
#search input{
  position:relative;
  height:auto;
  color:#666666;
  border-top: 1px solid #6e6e6e;
  border-left: 1px solid #787878;
  padding:4px 3px;
  margin:13px 0 0 23px;
  width:139px;
  float:left;
}
#search input.button{
 font-weight:bold;
 color:#fff;
 border:none;
	background: #000;
	width:26px;
	margin: 14px 0 0 6px  ;
}
/* Contact box
-------------------------------------------------------------- */
#contact-box{
position:absolute;
top:47px;
color:#fff;
text-align:right;
left:540px;
line-height:15px;
font-weight:bold;
padding: 6px 0 6px 35px;
font-size:1.5em;
 }
#contact-box a{
color:#fff;
font-weight:normal;
font-size:0.7em;
margin-left:5px;
}
.quick-contact{
display:none;
}

/* grid
-------------------------------------------------------------- */
#col_right{width: 750px; float: right;overflow: hidden;position:relative;background:#fff;padding:0px 0px 25px 0;}  
#col_left{width: 200px; float: left;overflow: hidden;position:relative;} 

/* Category links
-------------------------------------------------------------- */
.category_list{
	margin:0px 10px 0 0;
	list-style: none ;
	background:#000;
	padding:20px ;
}
.category_list li{
padding:0;
}
.category_list li a{
  width:143px;
  display:block;
	background: url(../images/nav_li.gif) no-repeat center right ;
	padding:7px 5px 3px 2px;
	font-size:1.0em;
	line-height:20px;
	border-bottom: 1px dotted #3c3c3c;
	position:relative;
	color:#fff;
	text-decoration: none !important;
}
.category_list li a:visited{
	color: #fff;
}
.category_list li a:hover{
	color:#ff6600;
}
.category_list li.sub a{
font-weight:normal;
width:140px;
border:none;
color:#ff6600;
background: url(../images/nav_li_sub.gif) no-repeat 2px 12px ;
padding:4px 0 4px 10px;
font-size:0.9em;
}
.category_list li.sub a:visited{
}
.category_list li.sub a:hover{
color:#fff;
}
.category_list.tag_list{
background:#848585 url(../images/bg_tag_list.jpg) no-repeat 0px 0px ;
}
.category_list.tag_list li a{
font-weight:bold;
border-bottom: 1px dotted #686868;
background: url(../images/tag_li.gif) no-repeat center right ;
}
.category_list.tag_list li a:hover{color:#000}
/* tagcloud
-------------------------------------------------------------- */
.tagcloud{
text-align:center;
margin:0 10px 0 0;
padding:20px 0;
border-bottom:1px solid #595959;
}
.tagcloud h3{
display:none;
}
.tagcloud a{
color:#fff;
margin:3px;
line-height:24px;
vertical-align:middle;
text-decoration:none;
}
.tagcloud a:hover{
color:#ff6600;
}


/* Doporucujeme precist
-------------------------------------------------------------- */
.doporucujeme{
border-top:1px solid #7a7a7a;
border-bottom:1px solid #595959;
padding:20px 0;
}
.doporucujeme h3{
color:#fff;
font-size:1.0em;
text-transform:uppercase;
margin:0 0 20px 0;
}
.doporucujeme .category_list{
background:none;
padding:0;
}
.doporucujeme .category_list li a{
color:#cccccc;
padding:4px 5px 3px 2px;
width:165px;
background: url(../images/tag_li.gif) no-repeat center right ;
}
.doporucujeme .category_list li a:hover{
color: #ff6600;
}
/* kontakt
-------------------------------------------------------------- */
.kontakt{
border-top:1px solid #7a7a7a;
border-bottom:1px solid #595959;
padding:20px 0;
}
.kontakt h3{
margin:0;
text-transform:uppercase;
font-size:1.0em;
color:#fff;
}
.kontakt p{
margin:20px 0 0 0;
font-size:0.9em;
color:#cccccc;
}
.kontakt p a{
color:#fff;
}
/* newsletter
-------------------------------------------------------------- */
.newsletter{
border-top:1px solid #7a7a7a;
border-bottom:1px solid #595959;
padding:20px 0;
}
.newsletter h3{
margin:0;
text-transform:uppercase;
font-size:1.0em;
color:#fff;
}
.newsletter p{
color:#999999;
font-size:0.9em;
margin:0 40px 0 0;
}
.newsletter input{
  position:relative;
  height:auto;
  color:#666666;
  border-top: 1px solid #6e6e6e;
  border-left: 1px solid #787878;
  padding:4px 3px;
  margin:13px 0 0 0px;
  width:135px;
  float:left;
}
.newsletter input.button{
 font-weight:bold;
 color:#fff;
 border:none;
	background: #000;
	width:26px;
	margin: 14px 0 0 6px  ;
}
.newsletter a{
background: url(../images/fan.jpg) no-repeat 0 0 ;
display:block;
width:117px;
padding-left:25px;
height:22px;
line-height:22px;
color:#000;
text-decoration:none;
font-weight:bold;
font-size:0.9em;
margin-top:15px;
}
.newsletter a:hover{
color:#384a70;
}

/* kontakt
-------------------------------------------------------------- */
.seo{
border-top:1px solid #7a7a7a;
padding:20px 0;
}
.seo h3{
margin:0;
text-transform:uppercase;
font-size:1.0em;
color:#fff;
}
.seo p{
margin:20px 20px 0 0;
font-size:0.9em;
color:#cccccc;
}
.seo p a{
color:#fff;
}

/* Index
-------------------------------------------------------------- */
h2.first{
	font-size: 1.8em;
	margin: 0 ;
	padding: 10px 145px 10px 15px;
	background: #eeeeee;
	clear: both;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	letter-spacing: -1px;
}
h2.first a{
color:#000;
text-decoration:none;
}
h2.first a.different{
text-decoration:underline;
color:#ff6600;
}
h2.first a:visited{
color:#000;
}
h2.first a:hover{
color:#ff6600;
}
h2.first small a{
color:#ff6600;
}
h2.first small a:hover{
text-decoration:underline;
}
h2.first small a:visited{
color:#ff6600;
}
h2.first span{
font-size:0.8em;
}

.novy_produkt.intro img{width: 420px;height: 300px;}
.novy_produkt.intro{  width: 420px; float: left; padding-right: 0; position: relative;}

.novy_produkt.intro a{ display: block; width: 420px; height: 300px; text-decoration: none; }
.novy_produkt.intro a:hover strong{ color: #ff6600; }
.novy_produkt.intro a:hover span{ background: #676767; }

.novy_produkt.intro .line-over{ 
  background: #050505 ; 
  display: block;
  filter: alpha(opacity=80);
	-moz-opacity:0.7;
	opacity: 0.7;
	width: 420px;
	height: 60px;
  position: absolute;
  top: 0px;left: 0px;
  }
.novy_produkt.intro .line-over.bottom{
position: absolute;
top:240px;
}
.novy_produkt.intro .text-over{ 
	display: block;  
  line-height:60px;
  text-align:center;
  padding-left:50px;
  font-weight: bold;
  font-size: 1.7em;
  position: absolute;
  top: 0px;left: 0px;
  color: #fff;
}
.novy_produkt.intro .text-over.bottom{
position: absolute;
top:240px;
}

/*Rozcestnik*/
.rozcestnik{width:330px;height:295px;padding-top:5px;float:right;background: url(../images/bg_rozcestnik.jpg) no-repeat 0px 0px;}
.navigator{ float:left; padding: 5px ; margin:5px 10px 0 0px;   }
.navigator img{ float: left;  margin: 0  10px 0px 20px;width:58px;height:57px;}
.navigator h2{ margin: 0px 0 2px 0; }
.navigator h2 a{ text-decoration: none; color: #fff;}
.navigator h2 a:hover{  color: #ff6600;}
.navigator p{margin: 2px 0;color:#ff6600;}
.navigator p a {background:#fff;text-decoration:none;font-weight:bold;padding:0 3px;}



.text_mp{
height:110px;
background: url(../images/bg_mptext.jpg) no-repeat 0px 0px;
position: relative;
}
.text_mp .container {
	position: relative; left: 200px; top: 0px;padding-top:20px;
	width: 70%;
}
.text_mp .container h2{
  margin:0;
  color:#fff;
}
.text_mp .container .padding{
	color: #111111;
	font-size:0.9em;
}
.text_mp .container p{margin:5px 0 0 0;color:#b0afaf;}


.why_shop{width:525px;float:left;}
.why_shop ul.tags{
margin:0;
padding:20px 40px 0 40px;
list-style:none;
float:left;
}
.why_shop ul.tags li{
background:none;
padding:0;
}
.why_shop ul.tags li a{
display:block;
width:120px;
height:25px;
line-height:25px;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
margin-bottom:3px;
padding-left:10px;
background: url(../images/tags_li.jpg) no-repeat 0px 0px;
}
.why_shop ul.tags li a:hover{
color:#fff;
}
.why_shop ul{
margin:0;
padding:30px 40px 0 0px;
list-style:none;
float:left;
}
.why_shop ul li{
background: url(../images/why_shop_li.gif) no-repeat 0px 10px;
padding-left:15px;
}

#col_right .newsletter{
float:right;
width:225px;
border:none;
overflow:hidden;
}
#col_right .newsletter h3{
color:#000;
}
#col_right .newsletter input{
background:#f0f0f0;
margin-top:5px;
border:1px solid #e0e0e0;
}
#col_right .newsletter input.button{
background:#000;
border:none;
}
#col_right .newsletter a{
margin-top:10px;
}
#col_right .newsletter p{
display:none;
}

.mp_category table.detail{
margin:0 15px;
border-color:#fff;
}
.mp_category h2.first{
background: url(../images/mp_category.jpg) no-repeat 0px 0px;
padding-left:40px;
}
.mp_category table.list td{background:none;}
.mp_category table.detail .product_price_loud{margin:0 10px;}


.brand-cloud{
width:160px;
padding:25px 0 25px 15px;
}
.brand-cloud a {
border-bottom:1px dotted #dddddd;
text-decoration:none;
line-height:1.5em;
padding:0;
display:block;
}
.brand-cloud h3{
margin:0;
margin:15px 0;
}
.brand-cloud a.size1 {
font-size:1.0em;
}
.brand-cloud a.size2 {
font-size:1.3em;
}
.brand-cloud a.size3 {
font-size:1.6em;
font-weight:bold;
line-height:1.2em;
padding:1px 0 3px;
}
.brand-cloud a.size4 {
font-size:2.0em;
font-weight:bold;
letter-spacing:-1px;
line-height:1.1em;
padding:1px 0 3px;
}


/*	drobeckova	*/
.products_header{
position:relative;
}
p.drobek{
color:#999999;
margin:0;
background:#eeeeee url(../images/bg_drobek.gif) no-repeat 15px 8px;
padding:5px 0 0 30px;
}
p.product_count{
color:#999999;
margin:0;
position:absolute;
top:22px;
right:0px;
}
p.product_count span{
font-weight:bold;
font-size:1.2em;
}
p.product_count span.pocet{
color:#000;
}
.cat_desc p{
padding:0 15px 10px 15px;
font-size:1.2em;
color:#808080;
}

/*	drobeckova - cisla stranek	*/
p.drob{
margin:5px 0px;
}
p.drob a{
background:#848585;
padding:2px 6px;
font-weight:bold;
text-decoration:none;
margin:1px;
color:#fff;
font-size:1.0em;
}
p.drob a:hover{color:#000;}
/*	řazení produktů	*/
p.razeni{
color:#000;
margin:5px 15px 5px 10px;
padding:0px;
background:none;
border:none;
}
p.razeni a{
text-decoration:none;
}
p.razeni span.ui-button {
	cursor: default;
}
p.razeni .ui-button-text{
padding:2px 10px 2px 20px;
background: url('../images/down.gif') no-repeat 5px 5px;
}

p.razeni .ui-button {
  background: #f2933f;
	border: 1px solid #f18526;
	color:#000;
	font-weight: bold;
}

p.razeni .ui-icon {
	height: 11px;
	width: 11px;
	margin-top: -5px;
	margin-left: 5px;
}

p.razeni .ui-button .arrow-up {
	background: url('../images/up.gif') no-repeat;
}

p.razeni .ui-button .arrow-down {
	background: url('../images/down.gif') no-repeat;
}

p.razeni .ui-state-default {
	background-color: #eeeeee;
	border:1px solid #dddddd;
}

p.razeni a.ui-state-default:hover, .toolbar .ui-state-active {
	background: #dddddd;
}

/*	sub categorie	+ podobne kategorie*/
ul.categories{
margin:0;
padding:10px 0;
list-style:none;
float:left;
width:33%;
position:relative;
}
ul.categories li{
border-bottom:1px solid #d2d2d2;
margin:0 15px;
position:relative;
}
ul.categories a{
text-decoration:none;
font-weight:bold;
font-size:1.2em;
display:block;
line-height:20px;
padding:2px 2px 2px 22px;
background: url(../images/subcategory_li.gif) no-repeat 6px 10px;
}
ul.categories a:hover{
color:#000;
}

.simcategory{
background:#dddddd;
border:1px solid #d2d2d2;
margin:10px 20px 15px 15px;
position:relative;
}
.simcategory h3{
padding:5px 15px 0 15px;
margin:0;
}
.simcategory .break{
line-height:0;
}

/*	omezeni znacek*/
.sort_brands{
margin:10px 15px 0 15px;
}

.sort_brands .tab{
background:#dddddd;
border: 3px solid #d2d2d2;
padding:15px;
margin-top:-1px;
}

.sort_brands select{
width:270px;
padding:0;
margin:5px ;
}
.sort_brands a{
white-space: nowrap;
font-weight: bold;
line-height: 1.5;
margin:0 2px;
}
.sort_brands ul.categories{
padding:0;
}
.sort_brands ul.categories li{
padding:0 30px 0 0;
margin:0;
border:none;
}
.sort_brands ul.categories li a{
border-bottom:1px solid #d2d2d2;
margin:0;
}




/* tabs*/
ul.tab-links{
  margin: 0 ;
  padding: 0 ;
  height: 31px;
}
ul.tab-links li{
  float: left;
  display: block;
  height: 31px;
  margin-right: 3px;
}
ul.tab-links li a{
  display: block;
  float:left;
  background:#fff;
  border: 1px solid #d2d2d2;
  border-bottom:none;
   height: 30px;
   z-index:200;
    margin:0; 
   line-height: 30px;
  padding: 0 15px;
  text-decoration: none;
}
ul.tab-links li a.on{
background-color: #d2d2d2;
border: 1px solid #d2d2d2;
border-bottom:none;
} 


/*	produkty*/


h3.category{background:#eeeeee;margin:0px 15px 0px 15px;padding:7px 15px;color:#000;font-size:1.8em;}

table.list{
width:auto;
border-collapse:collapse;
border:none;
font-size:1.0em;
margin:0 15px;
position:relative;
background:#fff;
}
table.list td{
background:#fff url(../images/mp_category.jpg) no-repeat top center;
padding:10px 12px 10px 13px;
text-align:left;
width:155px;
line-height:15px;
}
table.top_list td{background:#fbfbfb;}

table.list img{margin-bottom:7px;}
table.list .item-top div{margin-bottom:7px;}


table.list .item-top{
width:140px;
position:relative;
}

table.list .item-top span{
position:absolute;
}

table.list .item-top span.discount{
background: url(../images/price_main.png) no-repeat;
top:115px;
font-size:0;
height:25px;
width:45px;
left:2px;
}
table.list .item-top.sk span.discount{
background: url(../images/price_main_sk.png) no-repeat;
}
table.list .item-top.pl span.discount{
background: url(../images/price_main_pl.png) no-repeat;
}
table.list .item-top span.p10{background: url(../images/price10.png) no-repeat;}
table.list .item-top span.p20{background: url(../images/price20.png) no-repeat;}
table.list .item-top span.p30{background: url(../images/price30.png) no-repeat;}
table.list .item-top span.p40{background: url(../images/price40.png) no-repeat;}
table.list .item-top span.p50{background: url(../images/price50.png) no-repeat;}
table.list .item-top span.p60{background: url(../images/price60.png) no-repeat;}
table.list .item-top span.p70{background: url(../images/price70.png) no-repeat;}
table.list .item-top span.p80{background: url(../images/price80.png) no-repeat;}
table.list .item-top span.p90{background: url(../images/price90.png) no-repeat;}

table.list .item-top span.d3{
background: url(../images/d3.png) no-repeat;
top:5px;
font-size:0;
height:20px;
width:27px;
right:2px;
}
table.list .item-top span.new{
background: url(../images/new.png) no-repeat;
top:5px;
font-size:0;
height:20px;
width:38px;
left:2px;
}
table.list .item-top span.top{
background: url(../images/top.png) no-repeat;
top:5px;
font-size:0;
height:20px;
width:38px;
left:2px;
}

table.list a{
display:block;
text-decoration:none;
width:140px;
}

table.list a.enlarge{
position:absolute;
top:120px;
left:120px;
background: url(../images/enlarge.png) no-repeat 0px 0px;
width:20px;
height:20px;
}

table.list .item-top .product_name{
padding:0 5px;
margin:0;
}


table.list .store{color:#009e00;display:block;padding:0 5px;}

table.list .product_desc{
padding:0 5px;
font-size:0.9em;
}

table.list .product_prices{
margin:5px 0;
background:#f3f3f3;
padding:5px 5px 3px 5px;
vertical-align:middle;
text-align:center;
}

table.list .product_brand{
margin:5px 0;
padding:0 5px;
color:#999999;
}
table.list .product_brand a{
display:inline;
font-weight:bold;
}
table.list .product_add{
margin:5px 0;
padding:0 5px;
font-size:0.9em;
font-style:italic;
}
table.list td.last_product{
padding:0;
}
table.list div.last_product{
position:relative;
height:220px;
}
table.list div.last_product img{
margin:10px 0 0 25px;
}
table.list .last_bg{
background:#efefef;
display:block;
position:absolute;
top:0px;
left:0px;
width:100%;
height:220px;
  filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
table.list .next_page{
display:block;
position:absolute;
top:0px;
left:0px;
width:90%;
padding:40px 5% 0 5%;
height:180px;
line-height:25px;
cursor:pointer;
text-align: center;
font-size:1.7em;
font-weight:bold;
background:url(../images/next_cat.png) no-repeat center 130px;
}
table.list .cat_name{
text-align: center;
display:block; 
line-height:25px;
padding-top:25px;
font-size:1.5em;
font-weight:bold;
}


/*	detail produktu */
table.detail{
margin:0;
border:none;
background:#fff;
font-size:1.0em;
}
table.detail td.left{
border-bottom:none;
padding:15px 48px 15px 47px;
}
table.detail .intro{
position:relative;
text-align:center;
}
table.detail .highslide-gallery{
background:#fff;
margin:0 0 10px 0;
}
table.detail .highslide-gallery a{
display:block;
}


table.detail p.tags{
position:absolute;
right:0px;
margin:0;
top:50px;
text-align:right;
}
table.detail p.tags a{
clear:both;
display:block;
float:right;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
padding:1px 5px 3px 12px;
margin:3px 0;
background: url(../images/tag.png) no-repeat 0px 0px;
}

.jcarousel-skin-metalshop img{width:110px;height:110px;}

.jcarousel-skin-metalshop .jcarousel-container-horizontal {
    width: 350px;
    padding: 0 25px;
}
.jcarousel-skin-metalshop .jcarousel-clip-horizontal {
    width:  345px;
    height: 110px;
}
.jcarousel-skin-metalshop .jcarousel-item-horizontal {
    margin-right: 7px;
}



/**
 *  Horizontal Buttons
 */
.jcarousel-skin-metalshop .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 18px;
    background:#ebebeb url(../images/detail_next.gif) no-repeat center;
    border:1px solid #dadada;
    height: 110px;
    cursor: pointer;
}
.jcarousel-skin-metalshop .jcarousel-next-horizontal:hover{border-color:#ebebeb}


.jcarousel-skin-metalshop .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 18px;
    height: 110px;
    cursor: pointer;
    border:1px solid #dadada;
    background:#ebebeb url(../images/detail_prev.gif) no-repeat center;
}
.jcarousel-skin-metalshop .jcarousel-prev-horizontal:hover{border-color:#ebebeb}




ul.hyperlinks{
list-style:none;
margin:15px 0;
}
ul.hyperlinks li a{
font-weight:bold;
color:#000;
font-size:1.1em;
padding:2px 5px 2px 5px;
background:#ededed;
border:1px solid #d6d6d6;
text-decoration:none;
}
ul.hyperlinks li a:hover{background:#d6d6d6;}
ul.hyperlinks li a span{
color:#f18526;
}


ul.detail-links{
padding:15px 0 0 0;
margin:0;
list-style:none;
position:relative;
bottom:-1px;
}
ul.detail-links li{
float:left;
}
ul.detail-links li a{
float:left;
background:#d1d1d1;
border:1px solid #d1d1d1;
margin-right:4px;
color:#fff;
font-weight:bold;
font-size:1.2em;
padding:4px 15px;
text-decoration:none;
position:relative;
top:7px;
}
ul.detail-links li a:hover{
background:#bfbdbd;
}
ul.detail-links li a.on{
background:#fff url(../images/detail-link_on.jpg) repeat-x 0px 0px; 
font-weight:bold;
color:#000;
top:0px;
padding:8px 12px;
border-bottom:none;
}

.detail-tabs{
border:1px solid #d1d1d1;
padding:15px;
background:#fff;
clear:both;
display:none;
}



#formular.reviews{
padding-left:20px; 
margin-top:0;
}

#formular.reviews ul.form{
text-align:left;
}
#formular.reviews input{width:140px;}
#formular.reviews textarea{
width:305px;
}

.add_comment{
border-bottom:1px dotted #cccccc;
padding-bottom:10px;
margin-bottom:10px;

}
.add_comment h4{
padding-top:5px;
margin:0;
float:left;
}
.add_comment a{
float:right;
background:#ededed;
border:1px solid #d6d6d6;
display:block;
text-decoration:none;
font-size:1.0em;
font-weight:bold;
padding:3px 7px;
}

.cust_comment{
background:#f6f6f6;
padding:15px;
margin-top:5px;
}
.cust_comment p{
margin:0;
font-size:0.9em;
}
.cust_comment p img{
margin-right:5px;
}
.cust_comment .date{
font-size:0.9em;
float:right;
color:#999;
}
.cust_comment blockquote{
margin:0;
font-style:normal;
font-size:1.2em;
margin-top:10px;
}

.adm_comment{
background:#fff url(../images/adm_comment.png) no-repeat 15px 15px;
padding:15px;
padding-left:50px;
}
.adm_comment:hover{
background:#ffffcc url(../images/adm_comment.png) no-repeat 15px 15px;
}
.adm_comment strong{
margin:0;
display:block;
font-size:0.9em;
}
.adm_comment blockquote{
margin:0;
font-style:normal;
font-size:1.2em;
margin-top:10px;
}





table.detail td.right{
border-bottom:none;
width:240px;
padding:15px 15px 30px 0;
}
table.detail p.sentence{
font-weight:bold;
font-size:1.3em;
}
table.detail p.add{
font-weight:bold;
font-size:1.1em;
color:#999999;
}
table.detail p.add strong{
color:#3399ff;
}
table.detail p.avail{
font-weight:bold;
font-size:1.3em;
color:#999999;
}
table.detail p.avail strong{
color:#3399ff;
}
table.detail .main_buy{
margin-top:20px;
padding: 15px 0;
background: #eeeeee url(../images/bg_main_buy.jpg) repeat-x left bottom;
text-align:center;
border-bottom:1px solid #fff;
}


table.detail .detail_brands{
background:#ededed;
padding:15px 0;
color:#999999;
text-align:center;
}
table.detail .detail_brands img{
margin-bottom:5px;
}
table.detail .detail_brands a{
text-decoration:none;
font-weight:bold;
}


.social ul{
margin:10px 0;
padding:15px 0 15px 45px;
list-style:none;
line-height:25px;
background:#fff;
border:1px solid #e1e1e1;
}
.social li a{
padding:2px 0 2px 20px;
text-decoration:none;
color:#9b662d;
}
.social li a span{
display:none;
}
.social li a:hover{
color:#ff9933;
}
.social li.query a{
background: url(../images/ico_query.gif) no-repeat 0px 0px;
}
.social li.fb a{
background: url(../images/ico_fb.gif) no-repeat 0px 0px;
}
.social li.email a{
background: url(../images/ico_email.gif) no-repeat 0px 3px;
}
.social li.wish a{
background: url(../images/ico_wish.gif) no-repeat 0px 0px;
}
.social li.watch a{
background: url(../images/ico_watch.gif) no-repeat 0px 0px;
}

table.detail .product_price_loud{
background:#ffffff;
padding:10px 5px;
margin:0 45px;
}
table.detail .product_price_silent{
background:none;
border:none;
padding:0;
}         
.product_price_loud del, .product_price_loud strong{
display:block;
}
.product_price_loud del{
color:#666666;
font-size:1.4em;
}
.product_price_loud strong{
color:#ff6600;
font-size:2.4em;
letter-spacing:-1px;
}
.product_price_loud strong span{
color:#000;
}
.product_price_silent del{
font-size:0.8em;
display:inline;
}
.product_price_silent strong{
font-size:1.0em;
display:inline;
}
.buy-me input{
width:30px;
margin:8px 0 0 49px;
}
.buy-me select{
width:148px;
margin:15px 0 0px 0px;
}
.buy-me input.buy{
margin:15px 0 0 0;
width:auto;
padding:0;
border:none;
background: none;
}


.seller{
background: url(../images/bg_seller.jpg) repeat-x 0px 0px;
padding:15px 10px 30px 20px;
font-size:1.1em;
line-height:16px;
text-align:left;
}
.seller h4{
color:#fff;
font-size:1.2em;
margin:0 0 10px 0;
}
.seller img{
float:left;
margin:0 10px 5px 0;
width:60px;
height:75px;
}
.seller .job{color:#f16726;}
.seller .user{color:#009900;}
.seller a.question{
color:#fff;
text-decoration:none;
font-weight:bold;
background:#f16726;
border-left: 1px solid #f48b5a;
border-bottom: 1px solid #3c1a0a;
border-right: 1px solid #703012;
border-top: 1px solid #f8b798;
padding:2px 10px;
position:relative;
top:10px;
}


/*  Ceny  */
.price_from{
color:#000;
display:inline;
text-align:center;
font-size:1.8em;
}


.price_before{
font-size:1.3em;
color:#666;
float:left;
display:inline;
text-decoration:line-through;
}

.cena_main{
display:inline;
color:#000;
font-size:1.8em;
}
.cena_main strong span{
font-weight:normal;
}

.price_variation{
border-bottom:1px solid #fff;
text-align:left;
}
.price_variation a strong{
color:#000;
text-decoration:none;
font-size:1.2em;
}
table.detail .price_variation a{
display:block;
background:url(../images/variant.png) no-repeat 0px 0px;
padding:2px 10px 2px 50px;
text-decoration:none;
}
table.detail .price_variation a:hover{
background:url(../images/variant.png) no-repeat 0px -45px;
}

.detail_box{
padding:0px 0px 15px 0px;
position:static;
margin:10px 0px;
border-top:none;
}
.detail_box h3{
height:32px;
padding:0 15px;
line-height:32px;
background:#f6f6f6;
position:relative;
margin:0 0 15px 0px;
}

/*	refferal products  */
.refferal{}
.refferal ul{
list-style:none;
margin:0 0 10px 10px;
}
.refferal li{
float:left;
width:22%;
height:200px;
overflow:hidden;
padding:0 8px;
}
.refferal li a{
float:left;
text-decoration:none;
font-weight:bold;
}
/*	similar products  */
.similar{ }
.similar ul{margin-left: 40px; }

/*	watchdog*/
.watchdog{
padding:0;
background:#dddddd;
border:1px solid #848585;
margin:0px 15px 0px 15px;
}
.watchdog h3{
margin:0;
padding:20px 15px 5px 15px;
}
.watchdog div{
padding:0 0 20px 0;
margin:0;
}
#wdog_mail{
margin:0;
background:none;
padding:5px 0px 0 15px;
}
.watchdog input{
width:auto;
margin:0;
}
.watchdog input.checkbox{
width:12px;
height:12px;
margin:1px 3px 0 15px;
padding:0;
float:left;
display:inline;
border:none;
}


/*	Kosik velky  */

/*	navigace  */
.cart_nav{
  background:#f6f6f6 url(../images/bg_cart_nav.jpg) no-repeat 0 0;
  font-size:1.2em;
  margin:0;
}
.cart_nav ul{
margin:0;
list-style:none;
height:35px;
border-top:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
font-weight:bold;
}
.cart_nav li{
float:left;
color:#999999;
height:37px;
line-height:37px;
text-align:center;
}
.cart_nav li span{
color:#ff6600;
font-size:1.2em;
}
.cart_nav li#n1{width:123px;}
.cart_nav li#n2{width:155px;}
.cart_nav li#n3{width:187px;}
.cart_nav li#n4{width:210px;}
.cart_nav li a{
text-decoration:none;
}

h2.first_cart{
margin:0;
padding:21px 20px 11px 75px;
background: url(../images/h2_cart.jpg) no-repeat 15px 12px;
}
h2.first_delivery{
margin:0;
padding:7px 20px 7px 75px;
background: url(../images/h2_delivery.jpg) no-repeat 15px 5px;
}
p.first_delivery{
margin:0;
color:#999999;
font-size:1.2em;
padding:0px 20px 10px 60px;
}
p.first_delivery strong{
color:#ff6600;
font-size:1.1em;
}

/*	tabulky  */
table.cart{
font-size:1.0em;
border:none;
}
table.cart tr:hover{
background:#eeeeee;
}
table.cart td{
border-bottom:1px solid #fff;
font-weight:bold;
padding:6px 15px;
vertical-align:middle;
}
table.cart td.nowrap{
white-space:nowrap;
}
table.cart tr.high, table.cart tr.high:hover{
background:#cccccc;
}
table.cart tr.total, table.cart tr.total:hover{
background:#000;
color:#fff;
cursor:default;
font-size:1.4em;
}
table.cart td.cena_total{
color:#ff6600;
font-size:1.2em;
}



table.cart tr.preprava, table.cart tr.preprava:hover{
background:#cccccc;
color:#fff;
font-size:1.5em;
}
table.cart tr.preprava td{
padding:10px 15px;
}
table.cart tr.preprava strong{
color:#fff;
}
table.cart tr.preprava .free{
color:#4f9401;
}



table.cart tr.platba td{
padding:10px 15px;
font-size:1.1em;
text-transform:uppercase;
}
table.cart tr.platba:hover{
cursor:pointer;
}
table.cart tr.platba span{
font-weight:normal;
text-transform:none;
color:#999;
font-size:0.9em;
padding-left:0px;
}
table.cart td strong{
font-weight:bold;
}
table.cart td strong.platba{
color:#ff6600;
}
table.cart td strong.free{
color:#4f9401;
}


#other_delivery_address h3{
margin:0;
}
/* footer
-------------------------------------------------------------- */
#footer{
  text-align: center;
  clear: both;
  position:relative;
  color:#000;
  font-size:0.9em;
  padding:120px 0 0 200px;
  height:80px;
  background: #676767 url(../images/bg_footer.jpg) no-repeat;
}

#footer p{
margin:0; 
height:80px;
padding:0 10px;
line-height:80px;
border-top:1px solid #7d7d7d;
background:#676767;
}
#footer .copy p a{
color:#000;
}
#footer #main_nav{
  position:absolute;
  left:210px;
  top:70px;
}
#footer #main_nav li{
background: url(../images/f_main_nav_a.gif) no-repeat 0px 2px ;
padding:0 12px;
float:left;
float:left;
}
#footer #main_nav a{
  font-size:1.6em;
  color:#fff;
}
#footer #main_nav a:hover{
color:#f35c00;
}


/*  errors */
error,.notice,.success,.information {
margin:10px 15px 10px 15px;
border: 1px solid #ddd;
clear:both;
}
error strong, .notice strong, .success strong, .information strong{
padding-left:20px;
}
.error {
background: #FBE3E4;
color: #8a1f11;
border-color: #FBC2C4;
}

.notice {
background: #FFF6BF;
color: #514721;
border-color: #FFD324;
}

.success {
background: #E6EFC2;
color: #264409;
border-color: #C6D880;
}

.information {
background: #d0e0fb;
color: #293242;
border-color: #a1c2f8;
}

.error a {
color: #8a1f11;
}

.notice a {
color: #514721;
}

.success a {
color: #264409;
}


/* alerts */
.alert {
background-repeat: no-repeat;
background-position: 17px 9px;
margin-bottom: 15px;
}

.alert p {
margin: 0;
padding: 10px 20px 10px 15px;
}

.alert ul {
margin: 0 0 7px 60px;
}

.alert.success {
background-image: url(/images/accept.png) !important;
}

.alert.error {
background-image: url(/images/exclamation.png) !important;
}

.alert.notice {
background-image: url(/images/error.png) !important;
}

.alert.information {
background-image: url(/images/information.png) !important;
}

.block {
display: block;
}

/*  CLASS   */

.break {clear: both;}
.hide{display: none;}

.nomargin{margin: 0 ;}

.ico2{background-position: left center; padding-left: 22px; background-repeat: no-repeat;}
.skype{background-image: url(/images/ico_skype.gif);}
.tel{background-image: url(/images/ico_tel.gif);}
.mail{background-image: url(/images/ico_mail.gif);}
.red{color:#ff0000;}
.bg_white{background:#fff;}
.fl{float:left;}
.fr{float:right;}
.loud{background:#0d1b6c;position:relative;}
.no_decoration a{text-decoration:none;}
.darr{background-image: url(/images/ico_darr.gif);}
.rarr{background-image: url(/images/ico_rarr.gif);}
.uarr{background-image: url(/images/ico_uarr.gif);}
.larr{background-image: url(/images/ico_larr.gif);}
.center{text-align:center;}
.index {padding: 15px 0 25px 10px !important;}

/* form in tabs */
#tabs div.formular {width: 644px !important;} 
#tabs div.formular li {width: 299px !important;} 
#tabs div.formular input {width:281px !important;}   
#tabs div.formular li.textarea, #tabs div.formular li.submit {width:615px !important;}	
#tabs div.formular select {width: 296px !important;}	    
#tabs div.formular textarea {width: 596px !important;}		
#tabs div.formular input.radio, #tabs div.formular input.check {width: auto !important;}