/* CSS temp_01 */

*{margin: 0 ; padding: 0 ;}
body {
  font: 75% 'Tahoma', Tahoma, 'Arial CE', 'Helvetica CE', Arial, lucida, sans-serif;;
 background: #fcbe48 url(../img/bg_body.jpg) repeat-x ;
  color: #31210a;
  text-align: center;
}
h1, h2, h3, h4, h5, h6 {
  margin:  15px 0px;
  padding: 0 ;
  color: #fbae1c;
  padding: 5px 0 0 0px;
}
h1{font-size: 2em;}
h2{font-size: 1.7em;}
h3{font-size: 1.3em; }
h4{font-size: 1em; color: ;}
h5{font-size: 1em; padding: 0 ;border: none; margin: 0 ; display: inline; }
h6{font-size: 0.8em; padding: 0 ;border: none; margin: 0 ; display: inline;}

p{line-height: 140%; margin: 15px 0px; font-size: 1em; }
ul{line-height:20px; }
ol{line-height:20px; }
dl{margin: 15px 0 15px 40px ;line-height: 140%;}
dt{font-weight: bold;}
dd{margin: 0 0 15px 30px;}

img{border: 0 }
.foto{	border: 4px solid #f1f2eb ; }

address{line-height: 140%; font-size: 1.2em; 	margin: 15px 0px 20px 0px; font-style: normal; }
big{font-size: 1.2em;}
small{font-size: 0.9em;}

a:link {text-decoration: underline; color: #cc0000;}
a:visited {text-decoration: underline; color: #cc0000;}
a:active {text-decoration: underline; color: #fff;}
a:hover {text-decoration: none; color: #28261c;}

a:hover .foto{border-color: #cc0000;}


hr {display: none;}

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

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 30px; }

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.mapa    {list-style:none;position:relative;}
ul.mapa li {background: url(../img/li_extra.jpg) no-repeat 0 6px;padding:0 0 0 20px;font-weight:bold;font-size:1.1em;}
ul.mapa ul li{font-size:0.9em;}
ul.mapa ul li a{color:#929294;}
ul.mapa ul ul li{font-weight:normal;}
ul.mapa ul ul li a{color:#929294;}

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

/* Form fields
-------------------------------------------------------------- */

table.form{
width:570px;
border:none;
margin: 0 0 10px 0;
padding:0px;
font-size:1.0em;
background:#f2f2f2;
border:1px solid #dedede;
}
table.form input{width:250px;padding:2px 5px;}
table.form input.radio{width:auto;padding:5px;}
table.form textarea{width:350px;}
table.form input.button{
float:right;
color:#f9cd2d;
background:#44321b;
border:1px solid #cb900f;
padding:2px 12px;
font-weight:bold;
width:auto;
}
table.form td{
margin:0;
padding:3px 8px;
}
table.form td.fisrt_col {width:33%;}

table.form input.submit{
padding:0;
width:60px;
margin-left:85px;
}
table.form select{
width:205px;
}
table.form strong{
font-size:1.4em;
color:#453722;
padding: 5px 10px;
}


/*  ID  */
#page{
  width: 890px;
  text-align: left;
  margin: 0 auto ;
  background-color: white;
  padding: 0 ;
  position: relative;
  background: #fbae1c url(../img/bg_page.jpg) repeat-y ;
  font-size: 0.9em;
}

#header{
  background-color: red;
  height: 120px;
  background: url(../img/bg_header.jpg) no-repeat 230px 0 ;
}
#header h1{
  margin: 0 ;
  padding: 0 ;
  border: none;
  height: 100%;
}
#header h1 a{
  display: block;
  text-decoration: none;
  color: white;
  width: 230px;
  height: 120px;
  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;
  cursor: hand;
  background: url(../img/logotype.gif) no-repeat ;
}
#header h2{
  margin: 0 ;
  border: none ;
  font-size: 1.3em;
  font-style: italic;
  font-weight: normal;
  position: absolute;
  top: 50px;
  left: 280px;
  color: #443521;
}
#mainlink{
  position: absolute;
  top: 140px;
  left: 40px;
  text-decoration: none;
  font-size: 1.1em;
  font-weight:normal;
  color: #fff;
  /* display: none; */
  }
#mainlink:hover{

}

/*  navigation */

#navigation{
  float: left;
  background:#463722;
  width: 100%;
  height:50px
 }
#navigation ul {
  margin: 0;
  padding: 0 0 0 270px;
  list-style: none;
  height:50px
  width: 100%;
}

#navigation li {
  margin: 0 ;
  padding: 0 ;
  float: left;
  }
#navigation a {
  display: block;
  color: #fff;
  padding:0 15px 0 25px;
  font-weight: normal;
  height: 50px;
  line-height:50px;
  text-decoration: none;
  background: url(../img/nav_li.jpg) no-repeat 15px 21px;
  text-align: left;
  float:left;
  font-size:1.2em;
}
#navigation a.on {
  color: #fff;
}
#navigation a:hover{
	color: #fbae1c;
	background-color:#271e11;
}


/* content */
#content{
  float: right;
  width: 660px;
  background-color: white;
  padding-bottom: 30px;
  }
#content.index{
  }
.maincontent{
  padding: 0px 30px 15px 55px ;
}

p.extra{
  font-size: 1.2em;
}
#content_info{
background: url(../img/bg_content_info.jpg) repeat-x;
margin:0 -30px 0 -55px;
}
#content_info p{
margin:0;
padding: 25px 20px 0px 55px;
}
#content_info h2{
color:#fbb329;
border:none;
font-weight:normal;
font-size:2.4em;
padding: 0px 20px 30px 55px;
}
/* sidebar */
#sidebar{
  width: 230px;
  float: left;
}
#sidebar .maincontent{
  padding: 15px 20px 20px 40px ;
  background: url(../img/sidebar_maincontent.jpg) no-repeat ;
}
#sidebar .login{
padding:0px 0 40px 40px;
position:relative;
height:200px;
}
#sidebar .login h3{
margin:20px 0 -10px 0;
}
#sidebar table.form{
width:170px;
margin:0;
background:none;
border:none;
} 
#sidebar table.form td{
padding:3px 0;
}
#sidebar table.form td.info{
position:absolute;
width:180px;
top:140px;
left:40px;
}
#sidebar table.form input{
width:160px;
}
#sidebar table.form input.button{
width:auto;
}

#kategorie{
display:none;
}
#kategorie.Katalog{
display:block;
}

#sidebar .Katalog h3{
padding:10px 0 0px 40px;
}
#sidebar .Katalog ul{
margin:0;
padding:0 20px 0px 40px;
list-style:none;
}
#sidebar .Katalog li{

}
#sidebar .Katalog a{
display:block;
text-decoration:none;
color:#cc0000;
padding:2px 0px 2px 20px;
font-size:1.2em;
background: url(../img/kat_li.gif) no-repeat 5px 9px;
}

#sidebar .Katalog a:hover{
background-color:#443521;
color:#ffcc33;
}

/* deti */
#sidebar .Katalog ul li h3{
display:none;
}
#sidebar .Katalog ul li ul{
margin:0;
padding:0 0px 20px 20px;
list-style:none;
display:none;
}
#sidebar .Katalog ul li.active0 ul{
display:block;
}
#sidebar .Katalog ul ul a{
display:block;
text-decoration:none;
color:#000;
padding:1px 0px 1px 20px;
font-size:1.0em;
background: url(../img/kat_li.gif) no-repeat 5px 8px;
}
#sidebar .Katalog ul ul a:hover{
background-color:#443521;
color:#ffcc33;
}

#sidebar h3{
border:none;
color:white;
padding:0;
font-weight:bold;
}
#contact_sidebar{
color:white;
font-size:1.1em;
font-weight:bold;
}
#contact_sidebar strong{
color:#000;
font-size:1.2em;
}
a#mapa_button{
background: url(../img/mapa_button.gif) no-repeat ;
width:126px;
height:27px;
display:block;
color:#fbae1c;
text-decoration:none;
}
a#mapa_button:hover{
color:#cc0000;
}
a#mapa_button span{
position:relative;
top:6px;
left:25px;
text-decoration:underline;
}
/* footer */
#footer{
  clear: both;
  height: 50px;
  font-size: 1em;
  text-align: right;
  margin-top: 3px;
  background-color: #fcbe48;
  color: #7e5f24;
	  }
#footer p{
  line-height: 50px;
  margin: 0 ;
  padding: 0 20px;
  text-align: right;
  }
#footer p.info{
float:left;
margin-left:100px;
}
#footer p.info a{
color: #7e5f24;
border-right: 1px solid #fedfa4;
padding:0 6px;
}
#footer p.info a.noborder{
border:none;
}
#creactive{
  text-decoration: none;
  color: #333;
  }


.counters{
  position: absolute;
  visibility: hidden;
}

/*  class   */
.noscreen{display: none;}
.separ {border-bottom: 1px solid #eee  ; line-height: 1px; font-size: 1px; height: 1px; margin: 15px 0 ;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px; margin: 0 ;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify {text-align: justify;}
.fl { float: left;}
.fr { float: right;}
.loud{}
.silent{color:#929294;}
.bg_silent{background:#f0f0f0;}
.bg_loud{}
.colborder{border:1px solid #e9e9e9; }

/*	color scheme

temp_01:
28261c
fff
ffbf41
ff7037
f1f2eb
cc0000

*/

/*  search  */
#search 
{
  padding: 13px 20px 9px 20px;
  height: 28px;
  position:absolute;
  right:0px;
  top:120px;
}
#search input{
  border-top: 1px solid #6b6a6a;
  border-left: 1px solid #a2a2a2;
  border-bottom: 1px solid #fff;
  border-right: 0;
  color:#453722;
  margin: 0;
  width: 150px;
  float: left;
  padding:4px 2px  3px 2px;
}
#search .button{
  background: #fff url("../img/search_ico.jpg") no-repeat top;
  border: 0;
  margin: 0;
  width: 26px;
  height: 25px;
  float: left;
  cursor: pointer;
}

/*  Search results  */
#search_results{
margin:15px 0px ;
position:relative;
padding:20px;
}
#search_results h2{
font-size:1.0em;
font-weight:bold;
margin:0;
}
#search_results ul.extra{
margin-left:0px;
}
.results_search{
padding:10px 0;
height:25px;
clear:both;
margin:0px 0 10px 0;
}
.results_search input{
  border-top: 1px solid #6b6a6a;
  border-left: 1px solid #a2a2a2;
  border-bottom: 1px solid #fff;
  border-right: 0;
  color:#453722;
  margin: 0;
  width: 150px;
  float: left;
  padding:4px 2px  3px 2px;
}
.results_search .button{
   background: #fff url("../img/search_ico.jpg") no-repeat top;
  border: 0;
  margin: 0;
  width: 26px;
  height: 25px;
  float: left;
  cursor: pointer;
}
h3.search_titulek{
font-size:1.1em;
font-weight:bold;
text-align:right;
}
h3.search_titulek a{
color:#cc0000;
float:left;
}
h3.search_titulek span{
font-weight:normal;
font-size:0.9em;
}
a.search_link{
padding-left:20px;
background: url(../img/li_extra.jpg) no-repeat 0 4px;
}

/*  Katalog - kategorie vypis   */
.paging a, .paging strong {
 padding: 0 5px ;
 font-weight: bold;
}
.paging a {
 background-color: #eee;
}
.kategorie_produkt{
}
.kategorie_foto{
}
.kategorie_foto img{
float:left;
margin:10px 20px 10px 0px;
}
h3.kat_product_name{
font-size: 1.3em;
margin:0px 10px 0 0;
float:left;
}
h3.price{
margin:10px 0 0 0;
float:left;
font-size:1.2em;
}
h3.price strong{
color:#000;
font-size:1.2em;
}
h3.price small{
color:#000;
font-weight:normal;
}
h3.price span.units{
color:#000;
font-weight:normal;
}

.kategorie_produkt h3.produkt_parameter{
margin:0px 10px 0 0;
float:left;
font-weight: normal;
font-size:1.0em;
color:#000;
}
.kategorie_produkt h3.produkt_parameter span{
color:#000;
padding-left:5px;
font-size:1.2em;
font-weight: bold;
}
p.kat_product_atribute{
margin:5px 20px;
}
.cart_vypis{
position:relative;
right:0px;
margin:10px 0 0 0;
background:#efefef;
text-align:center;
float:right;
padding:7px 20px;
}
.cart_vypis span{
float:left;
margin:2px 0 0 0;
}

.cart_vypis input.buy{
border:none;
width:73px;
padding:0;
margin:0px 0 0px 20px;
text-align:left;
}
.cart_vypis input{
width:35px;
float:left;
text-align:right;
margin:0px 5px;
padding:0 5px 0 0px;
background:#e1e1e1;
border-top:1px solid #5e5e5e;
border-bottom:1px solid #e1e1e1;
border-left:1px solid #8e8e8e;
border-right:1px solid #e7e7e7;
}
span.akce{
background: url(../img/akce.png) no-repeat ;
padding:2px 2px 2px 20px;
margin-right:25px;
}
span.novinka{
background: url(../img/novinka.gif) no-repeat 0 3px ;
padding:2px 2px 2px 32px;
margin-right:25px;
}
span.sleva{
background: url(../img/sleva.gif) no-repeat ;
padding:2px 2px 2px 20px;
margin-right:25px;
}
.separ_katalog{
border-bottom: 1px solid #eee  ; line-height: 1px; font-size: 1px; height: 1px; margin: 7px 0 ;
}

/*  Katalog - produkt detail   */
.produkt_detail_left{
float:left;
width:300px;
padding-right:35px;
}
.produkt_detail_left h3.produkt_parameter{
margin:2px 0;
position:relative;
border-bottom: 1px solid #eee ;
padding-bottom: 4px;
font-weight:normal;
}
.produkt_detail_left h3.produkt_parameter span{
color:#000;
padding-left:2px;
position:absolute;
left:160px;
font-weight: bold;
}

.prudukt_detail_right{
float:right;
width:240px;
}
.prudukt_detail_right h3, .prudukt_detail_right h4 {margin: 5px 0; }

.product_foto{
padding:0;
margin:0;
}
.product_foto img{
margin-bottom:10px;
}

table.produkt_paramatr{
border:none;
width:300px;
font-size:1.1em;
}
table.produkt_paramatr td{
width:50%;
padding:5px 0 5px 0;
border:none;
border-bottom:1px solid #dedede;
}
.cart_detail{
position:relative;
background:#efefef;
text-align:center;
padding:7px 20px;
}
.cart_detail span{
margin:2px 0 0 0;
}

.cart_detail input.buy{
border:none;
width:126px;
padding:0;
margin:10px 0 0 0;
text-align:left;
}
.cart_detail input{
width:30px;
text-align:right;
margin:0px 5px;
padding:0 5px 0 0px;
background:#e1e1e1;
border-top:1px solid #5e5e5e;
border-bottom:1px solid #e1e1e1;
border-left:1px solid #8e8e8e;
border-right:1px solid #e7e7e7;
}





/*  E-Shop   */


/*  kosik short   */
#cart-short{
position:absolute;
top:35px;
left:550px;
}
#cart-short p{
margin:0;
}



/*  Tlacitka   */
.eshop{
display:block;
width:auto;
background: url(../img/a-left.gif) no-repeat left;
margin:10px 0px;
color:#f9cd2d;
font-weight:bold;
font-size:1.3em;
height:27px;
line-height:27px;
}
a.eshop{
color:#f9cd2d;
text-decoration:none;
}
a.eshop:hover{
color:white;
}
input.eshop{
border:none;
cursor: pointer;
cursor: hand;
font-size:1.3em;
width:155px;
text-align:center;
background: url(../img/tlacitko.jpg) ;
}
input.eshop:hover{
color:white;
}
input.end_objednavka{
width:175px;
background: url(../img/input_end.jpg) ;
}

.eshop strong{
display:block;
margin:0;
padding:0;
padding-right:15px;
background: url(../img/a-right.gif) no-repeat right;
}
.eshop span{
background: #2d1f05;
display:block;
margin:0 0 0 3px;
padding:0 0 0 15px;
}

/*  kosik big   */
table.cart_big{
margin: 20px 0px; 
width: 100%;
border:none;
border-collapse:collapse; 
font-size:1.0em;
}

table.cart_big th{
padding: 6px 6px ;
text-align: left;
color:#fbae1c;
background:none;
border-bottom:1px solid #eeeeee;
font-size:1.1em;
}

table.cart_big tr:hover{background:#fef1d8;}
table.cart_big td{border-bottom:1px solid #eeeeee;;padding: 6px 6px ;}
table.cart_big td.nowrap{white-space: nowrap;}

/*  doprava a platba   */

/*  dokončení nákupu   */

#customer_note{
float:right;
position:relative;
margin:0;
}
#customer_note h3{
color:#7e7f7f;
}
#customer_note textarea{
width:250px;
height:75px;
}

a#show_adress{
font-weight:bold;
cursor: pointer;
color:#cc0000;
padding:10px;
margin-top:10px;
display:block;
text-align:center;
background:#dedede;
}

a#show_adress:hover{
background:#c8c8c8;
}
#fak_adress{
display:none;
}
.errors{
  color: red;
  font-weight: bold;
  font-size: 1.2em;
}


/*  uzivatel prihlasen info  */
.user_info{

}
.user_info h3{

}
.user_info h3 span{
font-size:0.8em;
color:#2d1f05;
}