/* CSS temp_01 */

/* Typography */
* {margin: 0;padding: 0;}
body {
  font: 70% 'Arial CE', Arial, helvetica, sans-serif;
 background: #093682 url(../images/bg_body.gif) repeat-x ;
  color: #fff;
  text-align: center;
}

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


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

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

h1 { font-size: 1.4em;  }
h2 { font-size: 1.6em;  }
h3 { font-size: 1.3em; margin-top: 15px;  }
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: #cc0066;}
a:visited{color: #cc0066;}
a:hover {text-decoration: none;}

blockquote  { margin: 1.0em 0 2em 2em; color: #333; font-style: italic; font-size:1.1em;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
strong      { font-weight: bold; }
big         {font-size: 1.2em;}
small       {font-size: 0.8em;}


address     { margin: 0 0 1.5em; font-style: italic; }

/* 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(../img/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: 1em;
  width:100%;
  border-collapse: collapse;
  margin:10px 0;
  }
th,td{
	padding:4px 15px;
  font-size: 1em;
  border-bottom:1px solid #eeeeee;
  }
th{
  background-color: #6d5744;
  color: white;
  font-weight:bold;
  font-size: 1em;
    }
table tr.high{
background:#cdcbcb;
}    

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

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.padd       {padding:5px 20px 5px 15px}


.foto       {	border:1px solid #e9e9e9;margin:0 20px 0 0px;}
a:hover .foto{border-color:#e0e9ec;}
.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:660px;}
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;
color:#fff;
}
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:330px;
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:220px;
}
#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: 940px;
text-align: left;
margin: 0 auto ;
position: relative;
overflow:hidden;
background: url(../images/bg_page.jpg) repeat-y ;
}  
  
#header {
position:relative;
height: 160px;
background: #093682 url(../images/bg_header.jpg) no-repeat ;
}

#header h1 {
margin: 0 ;
padding: 0 ;
border: none;
font-size:0.9em; 
font-weight:bold;
}
#header h1 a{
display: block;
  text-decoration: none;
  color: #fff;
  width: 210px;
  line-height: 88px;
  height: 88px;
  text-align: center;
  position: absolute;
  top: 34px;
  left: 46px;
  background:none;
}
#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 ;
}  
/* Langs
-------------------------------------------------------------- */ 
#lang{
position:absolute;
top:97px;
left:167px;
}

/* Pages
-------------------------------------------------------------- */  
#main_nav{
position:absolute;
right:210px;
top:5px;
color:#fff;
}
#main_nav ul{
list-style:none;
margin:0;
padding:0;
}
#main_nav li{
float:left;
}
#main_nav a{
padding:0 20px 0 15px;
height:33px;
line-height:33px;
float:left;
color:#eaff00;
display:block;
background: url(../images/main_nav_a.gif) no-repeat 4px 14px ;
}
#main_nav a:hover{
background:#102b5a url(../images/main_nav_a.gif) no-repeat 4px 14px ;
}

/* Kosik maly
-------------------------------------------------------------- */
#cart{
	position: absolute;
	top:0px;
	right:0px;
	height: 122px;
	width: 210px;
	background: #173c7a ;
	color: white;
}
#cart h3{
padding:0 15px ;
margin: 10px 0 5px 0 ;
color:#99ffff;
}
#cart ul{
list-style:none;
margin:0;
padding:0;
}
#cart li{
	line-height: 26px;
	text-align: right;
	margin: 0px 20px ;
	border-bottom: 1px solid #13356e ;
}
#cart li a{
color:#eaff00;
}
/* Blok vyhledat
-------------------------------------------------------------- */
#search{
	background: #0a1d3c;
	width: 210px;
	height: 39px;
	position: absolute;
	top: 120px;
	left: 730px;
	border-top: 1px solid #13356e;
	z-index: 2;
}
#search input{
position:relative;
	width: 144px;
	margin: 10px 0 0 15px ;
	padding: 3px 2px 2px 2px;
float:left;
}
#search input.button{
 font-weight:bold;
 color:#1f2e3b;
 border-top:1px solid #f1f2ac;
 border-left:1px solid #7c7d3e;
 border-bottom:1px solid #7c7d3e;
 border-right:1px solid #f1f2ac;
	background: #e7e973;
	width: 24px;
	height: 21px;
	margin: 10px 0 0 6px  ;
	padding:0;
}
/* Contact box
-------------------------------------------------------------- */
#contact-box{
	position: absolute;
	top: 60px;
	left: 540px;
	line-height: 17px;
	background: url(../images/top_tel.gif) no-repeat left center;
	color: white;
	padding-left:60px;
}
#contact-box a{
 color: #fff;
}

.quick-contact{
display:none;
}

/* grid
-------------------------------------------------------------- */
#col_right{width: 750px; float: right;overflow: hidden;position:relative;background:#fff;color:#000;}  
#col_left{width: 190px; float: left;overflow: hidden;position:relative;background:#1f4b97;} 


/* Category links
-------------------------------------------------------------- */
.category_list{
	margin:0;
	list-style: none ;
	padding:10px;
}
.category_list img{
margin:0 2px;
}
.category_list li{
margin:0;
padding:0;
}
.category_list li a{
  width:155px;
  display:block;
	background: url(../images/nav_li.gif) no-repeat 4px -25px ;
	padding:4px 0 4px 15px ;
	line-height:15px;
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px solid #093682 ;
	position:relative;
	color:#eaff00;
	text-decoration: none !important;
}
.category_list li a:visited{
	color: #ddd;
}
.category_list li a:hover{
	color: #000;
	background-position: 4px 10px;
	background-color: #fff;
}

.category_list li.sub a{
	color: #fff;
	font-weight: normal;
	padding: 4px 0 4px 15px ;
	border-color: #093682;
	margin-left:15px;
	background-position: 4px 9px;
}
.category_list li.sub a:hover{
	background: #0d1b6c;
}
.category_list li.sub a:visited{
	color: #eaff00;
}

/* Filter
-------------------------------------------------------------- */
.filter{
	padding: 17px 10px 15px 10px ;
	background: #0a1d3c ;
	position: relative;
}
.filter h3{
color:#99ffff;
margin:0;
padding:0 0 12px 0;
}
.filter select{
	width: 170px;
	margin-bottom: 5px;
}
.filter input{
 font-weight:bold;
color:#1f2e3b;
border-top:1px solid #f1f2ac;
 border-left:1px solid #7c7d3e;
 border-bottom:1px solid #7c7d3e;
 border-right:1px solid #f1f2ac;
	background: #e7e973;
	width: 75px;
	margin: 0 0 0 95px;
	padding:1px 0;
}
/* Doporucujeme precist
-------------------------------------------------------------- */
.doporucujeme{

}
.doporucujeme h3{
padding:10px 15px 0 15px;
color:#99ffff;
}
/* Ikonka
-------------------------------------------------------------- */
.ikonka{
	background: #0a1d3c ;
	position: relative;
	padding: 17px 10px 15px 10px ;
}
.ikonka h3{
color:#99ffff;
margin:0;
}
.ikonka img{
margin:15px 0 10px 40px;
}
/* kontakt
-------------------------------------------------------------- */
.kontakt{
padding: 17px 10px 15px 10px ;
color:#fff;
}
.kontakt h3{
color:#99ffff;
margin:0;
}
.kontakt p{
margin:12px 0 0 0;
}
.kontakt a{
	color:#eaff00;
}
.kontakt .con_icq{
display:none;
}
.kontakt .con_skype{
display:none;
}
.kontakt .con_facebook{
display:none;
}
/* seo
-------------------------------------------------------------- */
.seo{
background: #0a1d3c ;
padding: 17px 10px 15px 10px ;
color:#fff;
}
.seo h3{
color:#99ffff;
margin:0;
}
.seo p{
margin:12px 0 0 0;
}
.seo a{
	color:#eaff00;
}
/* Index
-------------------------------------------------------------- */
.col_33{
width:220px;
float:left;
overflow:hidden;
}
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:#0d1b6c;
}
h2.first a:visited{
color:#000;
}
h2.first a:hover{
color:#0d1b6c;
}
h2.first small a{
color:#0d1b6c;
}
h2.first small a:hover{
text-decoration:underline;
}
h2.first small a:visited{
color:#0d1b6c;
}
h2.first span{
font-size:0.8em;
}

.uvod{
background:#fff;
float:left;
}

.novy_produkt{
background:white url(../images/bg_newbox.jpg) no-repeat 0 30px;
float:left;
width:374px;
overflow:hidden;
position:relative;
padding:0px 0 10px 0;
border-right:1px solid #093682;
}
.novy_produkt h3{
background:white url(../images/bg_newbox_h3.jpg) no-repeat;
color:black;
font-size:1.4em;
margin:0 0 15px 0;
padding:8px 60px 2px 20px;
text-transform:uppercase;
letter-spacing:-1px;
}
.novy_produkt .item{

}
.novy_produkt h4{
color:#ff6600;
font-size:1.4em;
margin-bottom: 10px;
margin-top: 0;
}
.novy_produkt img.fl{margin:0 20px 20px 25px;}

.novy_produkt .cena_main{
float:left;
}
a.txt-button {
display:block;
width:170px;
background:#000102 url(../images/txt-button.gif) no-repeat;
color:#fff;
text-decoration:none;
float:left;
margin-top:20px;
text-align:center;
font-weight:bold;
padding:7px 0 7px 0;
}

.newsletter{
background: #072b68;
width:375px;
height:90px;
margin:0;
position:relative;
}
.newsletter h3{
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin: 0 ;
	padding: 8px 15px ;
	background: #093682 url(../images/h2_first.gif) repeat-x bottom;
	color:#99ffff;
}

.newsletter ul{
float:left;
margin:5px 0 0 15px;
list-style:none;
}

.newsletter li{
background: url(../images/newsletter_li.gif) no-repeat 0 6px;
color:white;
line-height:15px;
padding-left:15px;
font-weight:bold;
}
.newsletter input{
position:relative;
	width: 150px;
	margin: 10px 0 0 20px ;
	padding: 4px 4px 3px 4px;
float:left;
font-size:0.9em;
}
.newsletter input.button{
 font-weight:bold;
color:#1f2e3b;
border-top:1px solid #f4f5bf;
border-left:1px solid #d7db2d;
border-bottom:1px solid #d7db2d;
border-right:1px solid #f0f1a8;
background: #e7e973;
	width: 24px;
	height: 21px;
	margin: 10px 0 0 6px  ;
	padding:0;
}

.brands{
background:#062559;
width:187px;
height:370px;
float:left;
overflow:hidden;
}
.brands h3{
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin: 0 ;
	padding: 8px 15px ;
	color:#99ffff;
	 text-transform:uppercase;
}
.brands select{
width:170px;
margin-bottom:10px;
	margin: 10px 0 0 10px ;
}

.form_index{
background: #072b68;
width:188px;
float:left;
height:370px;
}
.form_index h3{
 text-transform:uppercase;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin: 0 0 10px 0 ;
	padding: 8px 15px ;
	background: #093682 url(../images/h2_first.gif) repeat-x bottom;
	color:#99ffff;
}
.form_index input{
width:147px;
margin:0 0 5px 15px;
}
.form_index label{
color:#fff;
margin:0 0 0 15px;
}
.form_index input.button{
 font-weight:bold;
color:#1f2e3b;
border-top:1px solid #f4f5bf;
border-left:1px solid #d7db2d;
border-bottom:1px solid #d7db2d;
border-right:1px solid #f0f1a8;
background: #e7e973;
	width: auto;
	margin:0 0 10px 15px;
	height: 21px;
	padding:0 5px;
}

.neprehlednete{
width:375px;
height:460px;
overflow:hidden;
float:left;
background: #fff;
}
.neprehlednete h3{
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin: 0 ;
	padding: 8px 15px ;
	background: #093682 url(../images/h2_first.gif) repeat-x bottom;
	color:#99ffff;
	 text-transform:uppercase;
}
.neprehlednete img{
width:70px;
height:70px;
}
.neprehlednete table{
margin:10px 10px 0 10px;
width:355px;
border:none;
background:#fff;
}
.neprehlednete td{
}
.neprehlednete h4{
font-size:1.5em;
}


.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;
background:#eeeeee;
border-bottom:1px solid #dcdcdc;
}
p.drobek{
color:#000;
margin:0;
background: #eeeeee url(../images/bg_drobek.gif) no-repeat 15px 8px;
padding:5px 0 0 30px;
}
p.product_count{
color:#3a2a1c;
margin:0;
position:absolute;
top:22px;
right:5px;
}
p.product_count span{
font-weight:bold;
font-size:1.2em;
}
p.product_count span.pocet{
color:#0d1b6c;
}
.cat_desc p{
padding:0 15px 10px 15px;
margin:0;
font-size:1.2em;
color:#4b4b4b;
}

/*	drobeckova - cisla stranek	*/

p.drob{
color:#000;
margin:5px 0;
}
p.drob a{
background:#0d1b6c;
padding:2px 6px;
color:#eaff00;
font-weight:bold;
text-decoration:none;
margin:2px;
font-size:1.1em;
}
p.drob a:hover{color:#fff;}
/*	řazení produktů	*/
p.razeni{
color:#000;
margin:5px 20px 5px 10px;
padding:0px;
background:none;
border:none;
}
p.razeni a{

}
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: #0d1b6c;
	border: 1px solid #5360a8;
	color:#fff;
	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: #f7f5f5;
	border:1px solid #eeeeee;
	color:#000;
}

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


/*	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 #ddd;
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 17px;
background: url(../images/subcategory_li.gif) no-repeat 6px 10px;
}
ul.categories a:hover{
color:#000;
}

.simcategory{
background:#eeeeee;
border:3px solid #dddddd;
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 20px 0 15px;
}

.sort_brands .tab{
background:#eeeeee;
border: 3px solid #dddddd;
padding:15px;
}

.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 #dddddd;
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 #dddddd;
  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: #dddddd;
border: 1px solid #dddddd;
border-bottom:none;
} 



/*	produkty*/
h3.category{background:#eeeeee;margin:0px 20px 0px 15px;padding:7px 15px;font-size:1.8em;}


table.list{
width:auto;
border-collapse:collapse;
border:none;
font-size:1.0em;
margin:0px 20px 0px 15px;
position:relative;
background:#fff;
}
table.list td{
border:4px solid #ddd;
padding:10px 16px 10px 16px;
text-align:left;
width:160px;
line-height:15px;
}
table.top_list td{
border:4px solid #093682;
}

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;
border:1px dotted #fff;
background:#e1e1e1;
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 50px 15px 45px;
}
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:2px 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:#123672;
}


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:#17363b;
}
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 .main_buy .quantity{clear:both;display:block;}


table.detail .detail_brands{
background:#fff url(../images/detail_brands.jpg) no-repeat;
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:#093682;
font-size:2.6em;
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:#123672;
border-left: 1px solid #4b6694;
border-bottom: 1px solid #050e1d;
border-right: 1px solid #081935;
border-top: 1px solid #8fa0bc;
padding:2px 10px;
position:relative;
top:10px;
}


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


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

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

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


/*	similar products  */
.similar{}
.similar ul{margin:0 0 0 40px; }


/*	watchdog*/
.watchdog{
padding:10px 15px 10px 15px;
margin:0px 20px 10px 15px;
position:relative;
background:#eeeeee;
color:#000;
}
.watchdog h3{
color:#000;
margin:0;
}
.watchdog input{
margin:5px 3px;
width:auto;
}
.watchdog input.checkbox{
padding:1px;
}

/*	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:#cc0066;
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;
color:#000;
padding:21px 20px 11px 75px;
background: url(../images/h2_cart.jpg) no-repeat 15px 12px;
}
h2.first_delivery{
margin:0;
color:#000;
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:#093580;
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:#1f4b97;
color:#fff;
cursor:default;
font-size:1.4em;
}
table.cart td.cena_total{
color:#eaff00;
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:#093580;
}
table.cart td strong.free{
color:#4f9401;
}


#other_delivery_address h3{
margin:0;
}

/* footer
-------------------------------------------------------------- */
#footer{
  clear: both;
  text-align: center;
  background: #0a1d3c;
}
#footer p{
margin:0;
}
#footer a{
color:#eaff00;
}
#footer img{
margin: 5px 5px;
}
#footer .copy{
background:#093682;
float:left;
display:block;
width:940px;
padding:15px 0
}
#footer .copy p{
margin:0 20px;
}
/*  services */
#services{
 background: #1f4b97 ;
 padding: 0px 30px 0px 30px;
 clear: both;
 }
#services .fl{
 border-left: 1px solid #a8bde2 ;
 padding: 0 25px 5px 8px;
 margin: 20px 0 10px 0;
 }
#services h4{
	background-image: url(../img/ico_delivery.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	line-height: 22px;
	margin: 0 ;
	color: #fff;
	font-size: 1.1em;
 }
#services .delivery h4{	background-image: url(../images/ico_delivery.gif); }
#services .security h4{	background-image: url(../images/ico_security.gif); }
#services .join h4{	background-image: url(../images/ico_user.gif); }
#services .help h4{	background-image: url(../images/ico_help.gif); }
#services p{
 margin: 2px 0 0 32px ;
 }
#services a{
		color:#eaff00;
 text-decoration: none;
 }
#services a:hover{
 color: #fff;
 }
#services .break{
 margin: 0 ;
 padding: 0 ;
 }


error,.notice,.success,.information {
margin:10px 20px 10px 15px;
border: 1px solid #ddd;
clear:both;
}

.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;}
.align_l {text-align: left;}
.align_r {text-align: right;}
.align_c {text-align: center;}
.align_j {text-align: justify;}
.float_l {float: left;}
.float_r {float: right;}

.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);}
.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);}
.red{color:#ff0000;}
.bg_white{background:#fff;}
.fl{float:left;}
.fr{float:right;}
.loud{background:#0d1b6c;position:relative;}
.no_decoration a{text-decoration:none;}
.center{text-align:center;}

/* form in tabs */
#tabs div.formular {width: 677px !important;} 
#tabs div.formular li {width: 306px !important;} 
#tabs div.formular input {width:294px !important;}   
#tabs div.formular li.textarea, #tabs div.formular li.submit {width:633px !important;}	
#tabs div.formular select {width: 306px !important;}	    
#tabs div.formular textarea {width: 634px !important;}		
#tabs div.formular input.radio, #tabs div.formular input.check {width: auto !important;}