/*  ----------------- nové styly ------ */

body { font-size:100.01%;  font-family: Tahoma, Verdana, sans-serif;  margin:0px; padding:0px; color:#666666; background: #fff; }
strong, dt { font-weight: bold; }
div, span, h1, h2, h3, h4, p, pre, dl, dt, dd, ol, ul, table, td, tr, img { margin:0; padding:0; }

p { padding-bottom:8px; }
h1 { font-size: 1.2em; line-height: 12px; margin-bottom:5px; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.2em;  }

ul { list-style-type:none; }

input, textarea { font-family: Tahoma, Verdana, sans-serif; }
a { color:#666666; text-decoration:underline; }
a:hover { text-decoration:none; }

abbr { font-weight: bold; cursor: help; border: none; }
caption { display: none; }

table {  border-collapse: collapse; }

th { text-align: center; padding: 0 2px;}
td { padding: 0 2px; } 

img { border: none; }
                                                                                                          
.cleaner { clear: both; visibility: hidden; height:0; font-size:0; }
.red { color:#FF6600; }


#all { font-size:0.625em; width:980px; margin:20px auto 0 auto; }

#header { width:980px; position:absolute; top:0;}
.header-top { height:22px; width:980px; background:#FF6600; line-height:22px; color:#fff; font-size:1.1em; }
.header-menu a { color: #fff; text-decoration:none; }
.header-menu a:hover { text-decoration:underline; }
.header-menu ul li { display:inline; padding: 0 15px 0 15px; border-right:1px solid #fff; }
.header-menu ul li.last { border:none;}
.header-slogan { float:right; padding-right:5px; } 
.header-bottom { height:32px; width:980px; background:#FF6600; line-height:32px; color:#fff; font-size:1.1em; }
.header-bottom a { color:#fff; }
.client-info { float:right; padding-right:10px; }
.client-info a.basket { background: url('ico_kosik.gif') left top no-repeat; padding-left:20px; text-decoration:none; }
.search { padding:0 0 0 15px; }
.search input.text { border:none; width:117px; height:18px; font-size:1em; padding-left:3px; }
.search input.btn { position:relative; top:3px;  }

#main { margin-top:10px; position:relative; top:215px; float:left; }

#main-in { float:right; background: url('bg-content.png') 565px top no-repeat; }
#content { width:553px; padding-right:15px; float:left;  padding-bottom:10px; }
#content.home { width:568px; padding-right:0; }

#right-col { margin-top:20px; width:197px; float:left; }

#left { width:215px;float:left; }

#content h1 { font-size:2.4em; margin: 5px 0 15px 0; line-height:25px;}
#content.home h1 { margin: 5px 0 5px 0;  }
#content h1.category { color:#FF6600; font-size:2.4em; margin:2px 0 5px 0; line-height:25px; }

h2.path { font-size:1.2em; font-weight:normal; margin-bottom:8px; }
p.path strong { font-weight:normal; font-size:1.2em; }

.pager { margin-bottom: 10px; padding: 5px; text-align: center; font-size:1.2em; }
.pager a {  padding: 0 5px 0 5px; }
.pager a.current { color:#FF6600; }

.text h2 { font-size:1em; margin:5px 0 8px 0; }
.text h3 { font-size:1em; margin:5xp 0 5px 0; }
.text { font-size:1.3em; }
.text ul { margin:5px 0 5px 20px; }
.text ul li { background: url('ico_menu_seda.gif') no-repeat left 5px; padding: 2px 0 2px 17px; font-size:1em; }
.text a { color:#FF6600; }
.text a:hover { text-decoration:none; }
.text p { margin:0 0 5px 0; }

ul.sitemap {  margin-left:20px; font-size:1.2em; margin-top:3px; } 
ul.sitemap ul { margin-left:20px; }
ul.sitemap li { background: url('ico_menu_orange.gif') left 6px no-repeat;  padding:2px 0 2px 17px;  line-height:17px; }
ul.sitemap li a { color: #FF6600; }
ul.sitemap li a:hover { text-decoration:none; } 
ul.sitemap li li { background: url('ico_menu_seda.gif') left 5px no-repeat;  padding:2px 0 2px 17px; }


#left h2.heading { font-size:1.2em; padding:0 0 5px 17px;}
#left h2.heading a { color:#FF6600; text-decoration:none; }
#left h2.heading a:hover { color:#FF6600; text-decoration:underline; }
.left-menu h3 { background: url('ico_menu_orange.gif') left 3px no-repeat; padding-left:17px; font-size:1.2em; }
.left-menu h3 a { text-decoration:none; }
.left-menu h3 a:hover { text-decoration:underline; }
.left-menu li a.active { color:#FF6600; font-weight:bold; }
.left-menu ul { margin-left:20px; font-size:1.1em; padding-bottom:5px; }
.left-menu li { background: url('ico_menu_seda.gif') left 5px no-repeat;  padding:2px 0 2px 17px;  }

.left-box { width:200px; height:75px; background: #E3E3E3 url('pozadi_lbox.jpg') left top repeat-x; margin-top:10px; padding-bottom:5px; }
.left-box.infoline { background:#fff url('box-operator.jpg') left top no-repeat; height:107px; }
.left-box-in { padding:10px 1px 0 17px; }
.left-box h2 { background: url('ico_menu_seda.gif') left 5px no-repeat;  padding:2px 0 2px 17px; }
.left-box p { font-size:1.1em; }
.left-box p span.phone { color:#FF6600; font-size:1.36em; font-weight:bold; }  
.left-box input.text { border: 1px solid #676767; }
.left-box.recomend { height:100px; margin-bottom:10px;  }
.left-box.recomend p { line-height:145%; }
.left-box.recomend .left-box-in { padding-top:0; }

.homepage-catalog { margin-top:17px; }
.homepage-catalog h1 { background: url('ico_menu_seda.gif') left 5px no-repeat;  padding:2px 0 2px 17px; margin:15px 0 5px 0;}
.item-list-row { background: url('lista.jpg') left top no-repeat; width:560px; padding-top:5px; height:185px; }
.product-item { width:135px; margin-right:5px; float: left; height: 178px; background: url('pozadi_cena.jpg') left bottom repeat-x;  }
.product-item.last { margin-right:0; }
.product-item h2 { font-size:1.1em; height:40px; overflow:hidden; }
.product-item h2 a { text-decoration:none; }
.product-item h2 a:hover { text-decoration:underline; }

.product-item .product-img .img { height:90px; text-align:center; float:left; width:90px; }
.product-item .product-img .zoom { float:right; width:12px; margin-right:5px; }
.product-item .product-img .zoom img.detail { margin-top:80px; }

.product-item .product-text { height:30px; padding-top:8px; clear:left; }
.product-item .product-text p { font-size:1.2em; padding:0 10px 0 10px;}
.product-item .product-text p.price { text-align:right; padding-top:7px; }

.new { width:560px; background: url('bg-new.png') right 40px no-repeat; }
.new h2 { font-size:1.6em; color:#fff; background:#FF6600; width:540px; padding:5px 10px 5px 10px;   }
.new .new-text { width:405px; padding:0 0 10px 10px; min-height:90px; } 
.new h3 { font-size:2.7em; color:#FF6600; padding:3px 0 5px 0;  text-transform:uppercase; }
.new p { font-size:1.2em; line-height:120%; }
.new a { color:#FF6600; }



#right-col h2 {  font-size:26px; float:right; text-transform:uppercase; text-align:right; color:#fff; margin-top:5px; }
#right-col h2 span { background: #FF6600; padding:5px 10px 5px 10px; text-align:right;  }

.action-product { background: url('bg-action.png') left bottom no-repeat; width:187px; min-height:147px; margin-top:15px; padding:5px 0 0 10px; }
.action-product h3 { color:#FF6600; font-size:1.2em; font-weight:bold; background: url('bg-line-small.png') left top no-repeat; padding-top:10px; min-height:30px;  } 
.action-product h3 a { color:#FF6600; text-decoration:none; }
.action-product h3 a:hover { text-decoration:underline; }
.action-product-img { float:left; width:105px; } 
.action-product-img img.detail { position:relative; float:right; }
.action-product-img img.thumbnail { float:left; }
.action-product-code { float:right; width:70px; margin-top:70px; font-size:1.2em; text-align:right; padding-right:10px; }
.action-product-price { text-align:right; padding-right:10px; font-size:1.2em; font-weight:bold; }


#footer { width:980px; background: #FF6600; color:#fff; font-size:1.1em; float:left; position:relative; top:215px; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
.footer-left { float:left; width:540px; padding:20px 10px 10px 10px; }
.footer-menu ul { margin-bottom:5px; }
.footer-menu ul li { display:inline; border-left:1px solid #fff; padding:0 5px 0 5px; }
.footer-menu ul li.first { border:none; padding-left:0; }
.footer-left p { line-height:140%; }
.footer-right { float:left; width:380px; padding:20px 10px 10px 10px; text-align:center; }


#productDetail { color: #666666; width: 440px; }
#productDetail #thumbnailBox { float: right; left: 40px; position: relative; width: 100px; }
#productDetail a { color:#FF6600; }
table#detailPrice { border-collapse: separate; margin-top: 10px; width: 300px; margin-bottom:10px; }
table#detailPrice { border-collapse: separate; }
table#detailPrice th { background-color: #EFEFEF; color: #666666; font-weight: normal; padding: 3px; text-align: left; }
table#detailPrice td { background-color: #999999; color: #FFFFFF; font-weight: bold; padding-right: 5px; text-align: right; }
table#detailPrice td.yourPrice { background-color: #FF6600; }
#productDetail table.code { text-align:left; margin-top:5px; }
#productDetail h2 { font-size:1.2em; margin:5px 0 8px 0; }
#productDetail fieldset span { font-size:1.2em;  }



/* styly pro vyskakovací infobox */ 
.infobox { position:absolute; display:block; width:319px; height:76px; z-index:2;}
.infobox a { width:319px; height:76px; display:block; }
.infobox .info-text { position: relative; top:0px; left:100px;}
.infobox .info-text.home { position: relative; top:0px; }
.infobox .error {background: url('bg-error.png') no-repeat; }
.infobox .info{ background: url('bg-info.png') no-repeat;}
.infobox .info-text a span { position:relative; top:35px; left:100px;  width:180px; float:left; font-size:1.2em; text-align:center;} 
.infobox .error a span { color: #000}
.infobox .info a  span { color: #000}
.infobox  a { text-decoration:none; color:#000000;}


.contact-form td { padding:5px; }
.contact-form label { font-size:1.2em; }
.contact-form { padding:5px 0 10px 0; }
.contact-form textarea { width:422px; }
h2.mapa a { float:right; font-size:0.9em; }

form, fieldset { margin-left: 0; padding-left: 0; }
fieldset { border: medium none; }
#productDetail form h2 { font-size: 1.1em; margin: 3px 0; font-weight:normal; }
#productDetail p { font-size:1.2em; }
#productDetail table { font-size:1.2em; }
.thumbnailItem { font-size: 1.2em; } 

.stdColumn { border: 1px solid #676767; }
#addToBasketButton { border: medium none; font-size: 1.2em; font-weight: bold; left: 212px; padding: 1px 2px; position: relative; }
#amountToAdd { background-color: #EFEFEF; border: 1px solid #B1B1B5; vertical-align: middle; }

table#loginForm th, table#registrationForm th {
    padding-right: 10px;
    text-align: right;
    font-size:1.2em; 
}

#loginForm .stdColumn, #registrationForm .stdColumn {
    border: 1px solid #666666;
    color:#666;
    padding-left:3px; 
}
.stdButton {
    background-color: #FF6600;
    color: #FFFFFF;
    font-weight: bold;
}

#shoppingBasket th {
    background-color: #666666;
    color: #FFFFFF;
}
#shoppingBasket { font-size:1.2em; }

#shoppingBasket td, #shoppingBasket th, #searchResultTable td {
    padding: 4px 5px;
}
.stdColumn {
    border: 1px solid #676767;
}
#basketSubmit {
    margin-top: 15px;
}
#basketSubmit input {
    background-color: #FF6600;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 0;
    width: 160px;
}
#shoppingBasket th.summary {
    background-color: transparent;
    color: #666;
    text-align: left;
}
#order h2, #obchodniPodminky h2 {
    color: #FF6600;
    font-size: 13px;
    margin: 3px 0;
}

table#loginForm th, table#registrationForm th {
    font-size: 1.2em;
    padding-right: 10px;
    text-align: right;
}

table#registrationForm th.sectHeading {
    color: #FF6600;
    padding: 5px 0;
    text-align: center !important;
}


.perex { padding: 1px 10px 5px 10px; }
.perex p { padding-bottom:0; }

p.alert { color: #FF6600; font-weight:bold;  }
.orange { color: #FF6600; }

.fb-icon { width: 200px; }