body {
 background:#FFF url("../image/top-bg.jpg") repeat-x center top;
 font-family:Arial,Helvetica,sans-serif,serif;
 font-size:12px;
 padding:0px;
 margin:0px;
 line-height:150%;
 color:#414141;
}
form {
 padding:0px;
  /*background:url("../image/background.png") no-repeat center top;*/
 font-family:Arial,Helvetica,sans-serif,serif;
}
a {
 color:#F43603;/*#AEC51D;*/
 font-weight:bold;
}
a:hover {
 text-decoration:none;
}
h1 {

}


h2 {
 font-size:18px;
 color:#e1b403;
 text-align:left;
 margin-top:18px;
 margin-bottom:12px;
 font-weight:bold;
}
h3 {
 font-size:15px;
}
h4 {
 font-size:12px;
}
h5 {
 font-size:10px;
}
h6 {
 font-size:9px;
}
h1 span.green {
 color:#2A9708;
}
h2 span.lg {
 color:#C3E15F;
}
h2 span.dg {
 color:#BAC88D;
}
.bigger {
 color:#616161;
 font-size:22px;
 padding-left:20px;
}
.smaller {
 color:#616161;
 font-size:13px;
 width:500px;
 display:block;
 position:relative;
 bottom:20px;
}
p.perex {
 font-size:14px;
 color:gray;
}
p {
 text-align:justify;
 margin:1px;
 padding:0.5em 1em;
}
#page {
 width:990px;
 margin:0px auto 0px;
 position:relative;

 }
.header {
height:140px;
background:transparent url(../image/header-bg.jpg) no-repeat scroll center top;
position:relative;
}
a.logo {
 display:block;
 width:105px;
 height:70px;
 position:relative;
 top:10px;
 left:20px;
}
a.logo span { display:none;}

/** breadcrumbs **/

.breadcrumbs {
 padding:5px;
 height:21px;
 background:url("../image/breadcrumbs-bg.png") no-repeat center;
 width:952px;
 margin:0px auto 0px;
 font-size:14px;
}
.breadcrumbs span.arrow {
background:url("../image/breadcrumb-arrow.png") no-repeat scroll center center transparent;
bottom:10px;
|bottom:0px;
display:inline-block;
height:11px;
margin:5px;
position:relative;
width:13px;
}
.breadcrumbs a {
 font-weight:bold;
 color:#e1b403;
 font-size:14px;
}

/** hlavni cast stranky **/
.main {
position:relative;
height:auto;

 width:952px;
 margin:5px auto 5px;
}
.main div.left {
width:215px;
background:url("../image/main-bg.png");
float:left;
}
.main .left span.heading {
height:16px;
display:block;
font-size:16px;
padding:9px;
font-weight:bold;
color:#000;
background:url("../image/menu-category-header.png");
}

#quick-search {
 height:68px;
 width:207px;
 padding:0 5px;
 background:url("../image/search-box.png");
 margin-bottom:10px;
}
#quick-search a.button {
background:url("../image/search-submit.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:24px;
margin:2px;
padding:0;
width:17px;
 margin-left:0px;
 border:0px;
}
#quick-search input {
background:url("../image/search-input.png") no-repeat scroll 0 0 transparent;
border:0 none;
display:inline-block;
float:left;
height:23px;
margin:2px;
padding:3px;
margin-right:1px;
}
#quick-search a.button span {
 display:none;
}
#quick-search span.heading {
 background:none;
 padding-left:50px;
}
#quick-search #module_search {
 padding-left:10px;
}
.catalog {margin-bottom:10px;}
.catalog ul {
 margin:0px;
 padding:0px;
}
.catalog ul li,.catalog ul li.active ul li,.catalog ul li.active ul li.active ul li {
background:url("../image/menu-category-bg.png") repeat-x;
display:block;
min-height:26px
}
.catalog ul li.active {
background:url("../image/menu-category-active.png") repeat-x;
}
.catalog ul li a,.catalog ul li.active ul li a,.catalog ul li.active ul li.active ul li a{
background:url("../image/menu-category-plus.png") no-repeat 5px 6px;
display:block;
font-size:12px;
padding-left:20px;
padding-top:2px;
color:#414141;
text-decoration:none;
font-weight:bold;
}
.catalog ul li.active a,.catalog ul li.active ul li.active a,.catalog ul li.active ul li.active ul li.active a {
background:url("../image/menu-category-minus.png") no-repeat 5px 10px;
}
.catalog ul li a:hover{
text-decoration:underline;
}
.catalog ul li a strong{
color:#000;
}

.catalog ul li ul {
padding-left:10px;
padding-top:5px;
margin-top:5px;
}
.main .right {
background:#FFFFFF none repeat scroll 0 0;
float:left;
height:100%;
min-height:300px;
padding:0 5px;

width:715px;
}

.main .right h3 {
 text-align:left;
 margin-bottom:10px;
 color:#E1B403;
}
.main .right img {
 margin:5px;
}
.main .right img.im{
 margin:5px;
 width:150px;
 height:85px;
}


.wrapper {
 clear:both;
}

/** footer **/ 
#footer {
 clear:both;
 height:36px;
 margin:0px;
 background:url("../image/main-bg.png");
 margin:10px 0 0;
 padding:0px 10px;
}
.footer .center .text  a.copy {color:#444444;text-decoration:none;}
#footer .center {
margin:0 auto;
text-align:center;
width:930px;
}
#footer ul {
 display:block;
 padding:10px 0px 0px 0px;
 margin:0px;
}
#footer ul li {
 display:block;
 float:left;
 padding:0px 5px;
border-right:1px solid #848484;

}
#footer ul li.last { border:0px; }
#footer ul li a {
 color:#848484;
}
#footer .right {
 float:right;
 color:#848484;
}
.call,.mail{
 font-size:15px;

 background:url("../image/telefon.png") no-repeat left center;
 position:absolute;
 right:10px;
 top:16px;
 color:#A7B3B5;
}
.call span {
 color:#FFF;
 font-weight:bold;
}
.mail {
 top:32px;
 background:url("../image/mail.png") no-repeat left center;
}

/** formulare **/
div.errors{ color:#F00; }
#EmailForm .invalidValue{ background: #FFDFDF; border:1px solid #F00; }
#EmailForm .requiredValue{ background: #FFFFDF; border:1px solid #F00; }

textarea {
 width:293px;
 height:140px;
 font-family:Arial,Helvetica,sans-serif,serif;
 font-size:13px;
 padding:3px;
}
input {
 
 font-family:Arial,Helvetica,sans-serif,serif;
 padding:3px;
}

/** menu **/ 
.menu {
bottom:0;
clear:both;
height:46px;
position:absolute;
width:100%;
}
.menu ul {
display:block;
margin:0 26px;
padding:0;
text-align:center;
margin-top:2px;
}
.menu ul li {
 display:block;
 float:left;
 list-style:none;
 font-size:13px;
 font-weight:bold;
 color:#000;
 background:transparent url(../image/menu-divider.png) no-repeat scroll right 9px;
 position:relative;
}
.menu ul li.last  {
 background:none;
}
.menu ul li a {
height:15px;
padding:8px 10px 12px;

 text-decoration:none;
color:#000;
 display:block;
 
}
.menu ul li.active,.menu ul li:hover {
 background:url("../image/menu-active-bg.png") repeat-x;
  position:relative;
 right:2px;
}
.menu ul li.active a,.menu ul li:hover a {
background:url("../image/menu-active-arrow.png") no-repeat top center;
 color:#FFF;
padding:8px 13px 12px;
}
.menu ul li.active .lft,.menu ul li:hover .lft { width:13px;height:36px;background:url("../image/menu-active-corners.png");display:block;position:absolute;left:0px;}
.menu ul li.active .rgt,.menu ul li:hover .rgt { width:13px;height:36px;background:url("../image/menu-active-corners.png") 13px 0px;display:block;position:absolute;right:0px;}
.menu ul li a:hover {
text-decoration:underline; }

.menu .right {
 float:right;
 margin-top:10px;
 margin-right:5px;
}
.menu .right input.text {
 border:1px solid #4a0303;
}
.menu .right input.submit {
 background:#ae0101;
 border:1px solid #ae0101;
 color:#FFF;
 font-weight:bold;
 padding:2px;
}

ul.left {
 float:left;
 width:42%;
 background:none;
}
ul.left li, .text ul li{
 list-style-image:url("../image/ulli.png");
 font-size:14px;
}
hr {
 border:0px;
 height:1px;
 background:url("../image/hr.png") repeat-x;
}

.fl {
 float:left;
 display:block;
 width:250px;
}

.objednavka-form .fl {
 width:300px;
}
.objednavka-form label {
 color:#848484;
 padding:5px 2px;
 display:block;
}
.objednavka-form .input input, .objednavka-form .textarea textarea {
 border:0px;
}
.objednavka-form .input input {
 width:200px;
}
.objednavka-form input.submit {
 color:#FFF;
 background:#890404;
 border:0px;
 float:right;
}

.objednavka-form .line.half {
 float:left;
 width:105px;
}

.objednavka-form .line.half .input input {
 width:95px;
}

.galeria .fl {
 margin:5px;
 background:url("../image/obrazek-strechy.png") no-repeat;
 display:block;
 height:140px;
 position:relative;
 width:300px;
}
.galeria .fl a {
 display:block;
 padding:3px 10px;
 width:120px;
 position:absolute;
 left:152px;
 top:3px;
 background:#890404;
 color:#FFF;
 text-decoration:none;
}
.galeria hr {
 clear:both;
}


ul.download {
    background:#EFEFEF;
    border:1px solid #E0E0E0;
    padding:5px 10px 5px 10px;
    margin:0px 0px 0px 0px;
    font-size:0.9em;
}
ul.download li {
    clear:both;
    border-bottom:1px dotted #C0C0C0;
    padding:4px 0px 2px 0px;
    list-style-image:none;
    list-style:none;
}
ul.download li img {
    witdh:16px;
    height:16px;
    border:0px;
}


.footer {
 height:93px;
 clear:both;
 background:url("../image/footer-bg-repeat.jpg") repeat-x;
 
}

.footer .center {
 width:980px;
 background:url("../image/footer-bg.jpg") no-repeat;
 height:93px;
 margin:0px auto 0px;
 position:relative;
 }
 .footer .center .text {
 position:absolute;
 bottom:15px;
 font-size:14px;
 color:#444444;
 text-align:center;
 width:100%;
 }
  .footer .center .text a {
 color:#000;
 }
   .footer .center .text span.divider{
 background:url("../image/footer-divider.png") no-repeat;
bottom:7px;
display:inline-block;
height:4px;
margin:0 5px;
position:relative;
width:5px;
 }
 /* Tabulka kosiku */
#basket table{width:100%;text-align:left;}
#basket table td input{display:inline; margin:0;}
#basket th{text-align:center;}
#basket table.bordered th, #basket table.bordered td{border:1px solid #a9a9a9; font-size:120%; color:#484848;padding:4px;}

#basket tr{background:url('../image/cart-td.png') repeat-x;}
#basket tr#head{background:url('../image/cart-header.png') repeat-x; }
#basket tr.act{background:none;}
#basket .bordered{border-top:1px solid #a9a9a9;}
#basket #head th{border-top:0; color:#000; height:28px;font-size:12px;}
#basket td img{padding:2px; border:1px solid #888888;margin-bottom:3px;}
#basket td{padding-bottom:0; font-size:12px;}


/* Tlacitka graficka pro manipulaci s kosikem */
#basket #check-all, #delete, #save, #continue-order, #cancel-order, #back{border:0; height:21px;}
#basket #check-all{background:url('../image/input_check_all.png') no-repeat; width:84px;}
#basket #delete{background:url('../image/input_delete.png') no-repeat; width:111px;}
#basket #save{background:url('../image/input_save.png') no-repeat; width:87px;cursor:hand;
cursor:pointer;}
#continue-order{background:url('../image/input_continue_order.png') no-repeat; width:162px; height:33px;cursor:hand;
cursor:pointer;}
#cancel-order{background:url('../image/input_back.png') no-repeat; width:48px; height:26px;}
#back{background:url('../image/input_cancel_order.png') no-repeat; width:126px; height:26px;}

/* Konecne soucty zobrazene v oblych bunkach */
.sum1, .sum2{width:70px;padding:2px 5px 8px 5px;height:18px;font-size:13px;}
.sum1{background:#efefef;color:#969696;}
.sum2{background:url('../image/basket_td_sum.png') repeat-x; color:#000;}


/* Objednavkovy proces*/
#order #delivery, #order #payment{background:url('../image/content_bg.png') left top no-repeat; padding:10px; width:705px; position:relative; left:-10px; margin-bottom:1em;}
#order table input, #order label{margin:0; padding:0; display:inline; }
#order table{margin-top:1em;}
#order td, #order th{border:0; font-size:110%;}

#order #summary table{width:100%;}
#order .bordered{border-top:2px solid #eeeeee;}
.high{color:grey;}


/* Proces objednavky - jednotlive kroky */
#order-process{width:657px; height:75px; background:transparent url(../image/order_process.png) no-repeat scroll center 10px;  margin-left:2em; margin-bottom:1em; margin-top:1em;}
#order-process ul li{list-style-type:none; padding-top:30px;display:block; |width:130px; float:left;  width:130px; text-align:center; line-height:130%; height:50px;}
#order-process ul li.end{background:0; margin-right:0; padding-right:0;}
#order-process ul{margin:0;}
#order-process ul li.true {background:transparent url(../image/order-here.png) no-repeat scroll center 0;font-weight:bold;}
#order-process ul li.false {background:transparent url(../image/order-point.png) no-repeat scroll center 3px;}


#basket-preview {
font-size:12px;
position:absolute;
right:8px;
top:54px;
width:206px;
color:#FFF;
}

#signup-box {
font-size:13px;
position:absolute;
right:8px;
top:14px;
width:206px;
color:#FFF;
}
#signup-box a#open-signup {
background:transparent url(../image/login-arrow.png) no-repeat scroll right 7px;
color:#000000;
display:block;
float:left;
font-weight:bold;
padding-left:10px;
width:75px;
margin-right:10px;
}
#signup-box a#open-signup-logged {
color:#000000;
display:block;
float:left;
font-size:9px;
font-weight:bold;
margin-right:10px;
padding-left:1px;
width:90px;
}
#signup-box a {
 color:#FFF;
}
#signup {
background:url("../image/login-box.png") no-repeat scroll 0 0 transparent;
display:block;
height:51px;
padding:10px;
position:absolute;
right:7px;
top:36px;
width:192px;
z-index:100;
}
#signup input.text { 
 width:45%;
 float:left;
 font-size:11px;
 margin-right:1px;
}
#signup input.submit { 
float:right;
font-size:11px;
margin-right:4px;
margin-top:2px;
padding:2px;
width:80px;
}
.product {
 width:176px;
 float:left;
 height:234px;
 background:transparent url(../image/product-bg.png) no-repeat;
 margin-left:2px;
 margin-bottom:10px;
}
.product .inner {
 width:170px;
 margin:0px 6px 4px 0px;
}

.product .price .int {
 color:#414141;
}
.product .price .int span.big{
 color:#f43603;
 font-size:120%;
 font-weight:bold;
 }
 
 .product a.more {
bottom:2px;
display:block;
height:27px;
left:2px;
position:absolute;
width:50px;
cursor:hand;
cursor:pointer;
|background:url("../image/transparent.gif");

 }
 .product a.more span{
  display:none;
 }
.product .inner .thumb {
 height:95px;
 padding-top:3px;
}

.product .inner h3 {
 margin-top:4px;
 font-size:13px;
 font-weight:bold;
 text-align:center;
 margin-bottom:0;
 height:54px;
 overflow:hidden;
}
.product a.button {background:none;}

.product .inner .perex {
display:none;
}

.product .price {
height:70px;
position:relative;
 
}
.product .price .add,.product .price .add a{
position:absolute;
bottom:0px;
right:2px;
width:120px;
height:29px;
display:block;
cursor:hand;
cursor:pointer;
|background:url("../image/transparent.gif");

}
.product .price .add a span{
display:none;
}
a {
cursor:hand;
cursor:pointer;
}
#product-page, #order, #category-overview {
 background:url("../image/main-bg.jpg") no-repeat;
 min-height:744px;
padding-left:4px;
width:726px;
 
}
h1 {
color:#E1B403;
font-size:23px;
font-weight:bold;
margin-bottom:12px;
margin-top:0px;
text-align:left;
padding-top:10px;
}
#product-page h3 {
color:#E1B403;
font-size:23px;
font-weight:bold;
}
#product-page .image{
 width:426px;
 height:289px;
 background:url("../image/gallery.png") no-repeat;
 float:left;
 text-align:left;
 position:relative;
 
}
#product-page .image img{
  float:left;
}
#product-page .image #gallery{
 float:right;
 border:1px solid #FFF;
 width:80px;
}
#product-page .image #gallery img{
  clear:both;
}
#product-page .image p.nahled{
bottom:5px;
font-size:10px;
font-weight:bold;
padding:0;
position:absolute;
right:12px;
}
#product-page .image p.nahled a{
color:#414141;
}
#product-page div.info{
 background:url("../image/product_info.png") no-repeat right top;
 width:285px;
 float:left;
 min-height:290px;
}
#product-page .info table {
 width:285px;
 text-align:left;
 font-size:12px;
}

#product-page tr.price {
 height:40px;
 font-size:15px;
 font-weight:bold;
}
#product-page tr.pricevat {
 height:40px;
 font-size:12px;
 font-weight:bold;
 
}
#product-page .info table th{
 text-align:right;
 padding-right:10px;
}
#product-page tr.price td.pricevalue {
 font-size:17px;
}
#product-page tr.pricevat td.pricevalue {
font-size:15px;
}
#product-page tr.info {
 height:25px;
 background:none;
}
#product-page tr.info th {
 font-weight:normal;
}
#product-page .info .addtocart {
 background:url("../image/product_add_to_cart.png") no-repeat;
 width:285px;
 height:52px;
 position:relative;
}
#product-page .info a.button {
background:none repeat scroll 0 0 transparent;
margin:0;
padding:0;
cursor:hand;
cursor:pointer;
}
#product-page .info .addtocart fieldset{
 border:0px;
}
#product-page .info h3 {
color:#000000;
font-weight:bold;
margin-bottom:0;
padding-left:2px;
font-size:17px;
}
#product-page .info .addtocart input.quantity {
 background:transparent url("../image/transparent.png") no-repeat;
border:0 none;
height:20px;
width:72px;
left:120px;
position:absolute;
|top:12px;
}
#product-page .info .addtocart label  {
 font-weight:bold;
left:69px;
position:absolute;
|top:12px;
}
#product-page a#add_to_cart {
display:block;
height:27px;
position:absolute;
right:7px;
top:10px;
width:74px;
}
#product-page a#add_to_cart span{
 display:none;
}
#product-page .info .productask {
 background:url("../image/product_ask.png") no-repeat;
 width:285px;
 height:42px;
 position:relative;
}
#product-page .info .productask p {
font-size:13px;
left:50px;
padding:0;
position:absolute;
top:10px;
}
#product-page .info .productask a {
 color:#000;
 font-weight:bold;
}
#product-page .description {
 padding:5px 15px;
 line-height:160%;
 font-size:12px;
 position:relative;
top:45px;
}
#product-page .description h3{
 padding-left:0px;
}

.pagination ul {float:right;}
.pagination ul li {
 display:block;
 height:13px;
 width:10px;
 padding:2px 4px 8px;
 background:url("../image/pagination-bg.png") repeat-x;
 float:left;
 margin:3px;
 font-size:12px;
 font-weight:bold;
}
.pagination ul li a {
 color:#000;
 text-decoration:none;
}
.pagination ul li.current {
 background:none;
 font-size:13px;
}

.column-bgtop {
margin:0 10px;
width:45%;
float:left;
}
.main .right .column-bgtop h3 {
  color:#E1B403;
 font-weight:bold;
 text-align:center;
}
a.button {
display:inline-block;
 height:13px;
 padding:2px 7px 8px;
 background:url("../image/button-bg.png") repeat-x;
 margin:3px;
 color:#000;
font-size:11px;
font-weight:bold;
 }
 .widecol, .buttons {
  padding:5px 15px;

 }
 .widecol table td {

  padding:5px 2px;
 }
 .widecol h3 {
 color:#E1B403;
 font-weight:bold;
 }
 
 #order .widecol table input, #order .widecol table select {
  padding:3px;
 }
 
 .warning {
  color:#A00;
  font-size:110%;
  font-weight:bold;
  padding:10px;
  border:1px solid #A00;
 }
 
 .widecol.confirm table td, .widecol.confirm table th {
  border:1px solid #EEE;
  padding:2px;
 }
 .contactform .line { clear:both;}
 .contactform label {
  font-weight:bold;
  float:left;
  margin-right:10px;
  display:block;
  width:100px;
 }
 .gallerka {width:640px;margin:0px auto 0px;}
 .gallerka a{width:150px;height:100px;display:block;float:left;text-align:center;margin:5px;}
 
 .akce {
 width:62px;
 height:61px;
 background:url("../image/elektro-akce.png") no-repeat;
 position:absolute;
 bottom:160px;
 right:10px;
 color:#000;
 }
 .akce strong {
left:14px;
position:absolute;
top:10px;
 }
 .akce span {
bottom:15px;
display:block;
font-size:19px;
left:16px;
position:absolute;
 }
 
  .akce.until strong {
left:12px;
position:absolute;
top:20px;
font-size:14px;
 }
 
  .akcni {
 width:180px;
 height:40px;
 position:absolute;
 bottom:50px;
 right:10px;
 color:#000;
 background:#ECBC03;
 }
 .akcni strong {
 left:5px;
 top:2px;
position:absolute;

 }
  .akcni span {
bottom:15px;
display:block;
font-size:19px;
left:78px;
position:absolute;
top:18px;
 }
 
  .novinka {
 width:62px;
 height:61px;
 background:url("../image/elektro-akce.png") no-repeat;
 position:absolute;
 bottom:160px;
 right:10px;
 color:#000;
 }
 .novinka strong {
left:10px;
position:absolute;
top:20px;
font-size:11px;
 }
 
 
 
 
 
 #product-page .akce {
 background:url("../image/elektro-akce.png") no-repeat scroll 0 0 transparent;
color:#000000;
height:61px;
right:80px;
position:absolute;
top:20px;
width:62px;
 }
  .pujcovna {
  width:500px;margin:0px auto 0px;
  }
 .pujcovna .image {
 width:350px;
 float:left;
 }
 
 .pujcovna table td p {margin:0px;padding:0px;}
 .pujcovna-all {margin:0px auto 0px;width:500px;padding:0px;}
 
 table.dwnl {
  width:160px;
  background:#FFF;
  border:1px solid #CCC;
  padding:6px;
  float:left;
  margin:5px;
  height:280px;
 }
 
 table.dwnl td {
  padding:3px;
 }
 
 .banner {

height:60px;
left:200px;
position:absolute;
top:10px;
width:468px;
 }
 
 .error {
  color:#C00;
 }
 
 a.fbico {
 background:url("../image/fbico.png") no-repeat scroll 0 0 transparent;
border:0 none;
display:block;
height:94px;
position:absolute;
right:-25px;
top:120px;
width:94px;
z-index:1200;
 }
  a.fbico span {
   display:none;
  }
  
  p.garanted {
   display:block;
   position:absolute;
   top:290px;
   left:0px;
  }
 
 #cepice {
background: url("../image/cepice.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 74px;
    left: -47px;
    position: absolute;
    top: 53px;
    width: 90px;
 }
 .christmas {
   background: url("../image/stromek.png") no-repeat scroll right top transparent;
    display: block;
    font-size: 20px;
    height: 55px;
    margin-bottom: 1;
    padding: 50px 0 0;
    position: absolute;
    text-align: center;
     top: 3px;
    width: 600px;
 }
  .christmas_filler {
   height:60px;
   
 }