/*** CSS STYLY pro Intrea.cz ***/

* { margin: 0; padding: 0; }
body { text-align: justify; background: #fff; color: #303030; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 0.7em; padding-bottom: 0px; text-align: center; }
a { color: #009ee3; position: relative; }
a:hover { text-decoration: none; }
a:active, a:focus, input { outline: none; }
a.help { cursor: help; }
abbr,
acronym { cursor: help; }

h1,h2,h3,h4,h5{text-align: left;}
h1{font-size: 2.7em; font-weight: normal; color: #000; font-family: serif, tahoma, arial; padding: 15px 0px 10px 0px; line-height: 1.15em; min-height: 70px; width: 445px; }
h2{font-size: 2.1em; font-weight: normal; color: #58585a; font-family: serif, tahoma, arial; padding: 0px 0px 15px 0px; }
h3{font-size: 1.05em; padding: 15px 0px 10px 0px;}

img { border: 0px none; }
hr{margin: 10px 0px; border: 0px inset #aaa; clear: none; color: #aaa; background: #aaa; height: 1px;}
hr.cleaner { clear:both; visibility: hidden; height: 1px; margin: -1px 0px 0px 0px;}
hr.floater { float: left; clear: right; visibility: hidden; height: 1px; margin: 0px 0px 0px 0px; width: 100%; }

#container ul,ol{margin: 7px 0px 7px 30px;}
#container table{border-collapse: collapse;}
#container .text table td, .text #container table th{border: 1px solid #e0e0e0; padding: 3px 5px;}
#container p{padding: 0px 0px 10px 0px; text-align: justify;}

#main{width: 994px; height: auto; margin: 0px auto; text-align: left; position: relative; }
#content{margin: 15px 0px 25px 0px; position: relative; } /* background: url('../img/dotted_line.jpg') 244px top repeat-y; */
#content.homepage{background: url('../img/international/menu_bg.png') top center no-repeat; margin: 0px 0px 7px 0px; padding: 50px 0px 0px 0px; }
#content.homepage #header-basket { display: none; }

#logo {margin-top: 27px; text-align: center; background: #4b4a4d;}
#logo a { text-decoration: none; min-height: 120px; line-height: 120px; color: #fff; font-size: 2em; display: block; position: relative; }
#logo a span { width: 994px; height: 120px; display: block; background: url('../img/header2.jpg') center top no-repeat; top: 0px; left: 0px; position: absolute; }
/* footer */

#foo { clear: both; overflow: hidden; height: 36px; line-height: 36px; padding: 0px 0px 0px 15px; text-align: left; font-size: 1.05em; color: #818181; margin-bottom: 15px; border-top: 1px solid #b3b3b3; }
#foo div#sixty {width: 319px; text-align: center; float:right; font-size: 0.95em; color: #fff; margin-top: -2px; background: url('../img/foo.png') right top no-repeat #fff; line-height: 29px; }
#foo div#sixty a { color: #fff; }
#foo a#intrea { display: none; }
#foo p{float: left; width: 450px;}
#foo a { color: #009ee3; }
#foo div a{color: #009ee3;}
#foo a:hover { color: #BFC0C2; }
#foo span{color: #c6c6c6; font-weight: bold; padding: 0px 5px; }
#foo strong { color: #000; font-weight: normal; }

/*  homepage - maloobchod */
#homepage{background: #fff;}
#homepage .columns{ margin: 10px 0px 0px 0px; float: left; width: 100%; border-bottom: 25px solid #fff;}
#homepage .column1, .column2, .column3{ float: left; margin: 0px 0px 0px 0px; padding-top: 20px; padding-bottom: 0px; width: 309px; overflow: hidden; }
#homepage .column1{padding-right: 20px;}
#homepage .column2{padding-left: 20px; padding-right: 20px; color: #000; width: 297px;}
#homepage .column3{margin-left: 17px;}
#homepage .banner{ display: none; background: #d7d7d7; height: 150px; padding: 0px; width: 326px; margin: 0 8px 0 0; }
#homepage .column1.banner{ }
#homepage .column2.banner{  }
#homepage .column3.banner{ margin-right: 0; }
#homepage hr{border: none; color: #fff; height: 1px; background: #fff; margin: 15px 0px 8px 0px;}
#homepage h3{font-size: 1.05em; padding: 0px 0px 10px 0px;}
#homepage h1 { width: auto; }

#homepage .column1 h1{font-size: 2.2em; font-weight: normal; color: #000; font-family: serif, tahoma, arial; margin-bottom: 8px; padding: 0px 0px 15px 0px; line-height: 1.15em;}
#homepage p{padding-bottom: 10px;  line-height: 1.55em; text-align: justify;}
#homepage h2{font-size: 2.1em; font-weight: normal; color: #000; font-family: serif, tahoma, arial; padding: 0px 0px 15px 0px; }

#homepage .column3#login{ margin-right: 0;}
#homepage .column3#login fieldset { background: #eee; border: 1px solid #e1e1e1; padding-bottom: 15px; margin-bottom: 20px; }
#homepage #login h2{padding: 0px 20px 15px 0px;}
#homepage #login fieldset{border: 0px; margin: 0px; padding: 15px 20px 0px 20px;}
#homepage #login label{display: block; font-size: 1.05em; padding-bottom: 5px;}
#homepage #login input{display: block; width: 230px; padding: 3px 1px; margin-bottom: 15px;}
#homepage #login select{display: block; width: 244px; margin-bottom: 15px;}
#homepage #login a{color: #009ee3;}
#homepage #login .smallError { padding: 3px 5px; background: #fff; border: 1px solid red; width: 230px; color: red; font-weight: bold; display: none; margin-bottom: 10px; text-align: left; font-size: 100%; }
#homepage #login .smallError.show { display: block; }
#homepage #login input.submit{margin-top: 20px; width: 84px; height: 28px; padding: 0px 5px; line-height: 28px; color: #fff; border: none; background: url('../img/international/button_login.png') center top repeat-x; cursor: pointer; font-size: 1.05em; }
#homepage #login input.submit:hover { background: url('../img/international/button_login_hover.png') center top repeat-x #777; }
#homepage #login .sign_up img { margin-top: 10px; }

/*  registrace */
.registrace{background: url('../img/registrace_bg.png') right top repeat-y #e1e2e3; padding: 5px 20px 15px 20px; width: 625px; float: left;}
.registration h3 { clear: left; width: 150px; text-align: right; margin: 15px 0px 5px 0px; white-space: nowrap; }
.registration fieldset{border: none;}
.registration .kosik-fakturacni-popis { padding: 0 0 15px 40px; }
.registration fieldset legend,
.registration p acronym { font-size: 1.7em; font-family: serif,tahoma,arial; color: #E2001A; padding: 10px 0 10px 0px; }
.registration p { display: inline; }
.registration p acronym { text-decoration: none; border: 0px none;  display: inline-block; margin: 5px 0 }
.registration p input#fakturacni-checkbox { width: auto; position: relative; top: -1px; }
.registration fieldset#fakturacni,
.registration fieldset#fakturacni legend { display: none; }
.registration label{width: 180px; display: block; clear: left; float: left; text-align: right; padding: 4px 10px 2px 0px; margin: 0px 0px 5px 0px;}
.registration label.select{padding-top: 1px;}
.registration span.inputs-desc { float: left; width: 400px; margin: -2px 0 15px 190px; }
.registration input { margin-bottom: 5px; width: 300px; padding: 2px 5px; }
.registration input.disabled{color: #999; cursor: default;}
.registration select { margin-bottom: 5px; width: 315px; height: 24px; }
.registration .multiple-options-cover { float: left; width: 180px; }
.registration input[type="checkbox"] { clear: left; float: left; width: auto; margin: 4px 7px 1px 0px; }
.registration input[type="checkbox"] + label { clear: none; margin: 0; width: auto; cursor: pointer; }
.registration input.checkbox { float: left; width: auto; margin: 4px 10px 0 190px; }
.registration label.checkbox { width: 400px !important; float: left; text-align: left; cursor: pointer; }
.registration hr.after-checkbox-cleaner { visibility: hidden; clear: both; margin: 4px 0; }
.registration input.submit{margin-top: 20px; width: 84px; height: 28px; padding: 0px 5px; line-height: 28px; color: #fff; border: none; background: url('../img/button_login.png') center top no-repeat; cursor: pointer; float: right; font-size: 1.1em; }
.kontakt-right{background: url('../img/kontaktujte_bg.png') right top repeat-y #f3f3f4; padding: 20px; float: right; width: 280px;}
.kontakt-right p{padding-bottom: 10px; line-height: 1.55em;}
.kontakt-right h2{color: #e2001a;}
.no-reg input.submit{margin-right: 250px;}

#back_to_hp{position: absolute; width: 155px; height: 28px; line-height: 28px; padding: 0px 5px; color: #fff; text-decoration: none; background: url('../img/button_zpet_na_hp.png') center top no-repeat; margin: 0px 0px -28px -215px; text-align: center;}
#back_to_hp:hover{color: #ddd;}
.text-left{padding: 5px 20px 15px 20px; width: 625px; float: left;}



/*****  catalog  ****/

/* prihlaseni */
ul#topmenu{ list-style: none; text-align: right; position: absolute; top: -30px; right: 0px; padding: 0px 10px 0px 0px; display: block; height: 30px; color: #d9d9d9; }
ul#topmenu li{display: inline; }
ul#topmenu a{ text-decoration: none; line-height: 30px; }

#hmenu{background: url('../img/international/menu_bg.png') center top no-repeat #888; padding: 1px 10px 0px 10px; height: 30px; position: relative; }
#hmenu ul{list-style: none; display: block; height: 29px; width: 744px; float: left;}
#hmenu ul li{float: left; height: 29px; line-height: 29px; border-left: 1px solid #4c4c4c; }
#hmenu ul li a{float: left; color: #fff; text-decoration: none; padding: 0px 15px; border-left: 1px solid #b3b3b3; text-shadow: 1px 1px 1px #333; }
#hmenu ul li.home { border-left: 0px none; }
#hmenu ul li.home a { border-left: 0px none; }
#hmenu ul li a:hover{color: #fff; background: #555; }
#hmenu ul li span.menu_right{float: left; display: block; width: 0px; height: 28px; }

#search {border: none; float: right; height: 22px; width: 190px; text-align: right; padding: 4px 0px 0px 0px; margin-right: 30px; }
#search fieldset{border: none;}
#search input{float: left;}
#search .text{width: 150px; height: 18px; line-height: 18px; padding: 0px 30px 0px 5px; border: 1px solid #666; margin-right: 5px; background: #fff;}
#search .submit{cursor: pointer; color: #fff; line-height: 18px; background: #fff; display: block; height: 18px; width: 20px; margin: 1px 0px 0px -26px; }

#button-menu-cart { position: absolute; width: 35px; height: 30px; display: block; background: url('../img/button-menu-cart.png') right top no-repeat; right: 0px; }

#columns{margin-top: 10px;}
#columns div {background: #e4e4e4; height: 58px; float: left; width: 242px; margin-right: 8px; }
#columns div.last { margin-right: 0px; margin-left: 2px; }

#header-basket{ position: absolute; right: 0px; margin-top: 22px; height: 77px; width: 240px; padding: 4px 0px; background: url('../img/basket_arrow.png') 94% 10px no-repeat #fff; color: #fff9f1; font-size: 0.95em;overflow: hidden; border: 1px dotted #a0a0a0; z-index: 10; }
.show{display: block; width: 40px; /*height: 16px;*/ line-height: 16px; padding: 0px 3px; text-align: center; color: #818181; background: url('../img/button_show.png') center top no-repeat #555; font-size: 0.9em; text-decoration: none;}
#header-basket #show{position: absolute; bottom: 4px; right: 4px;}
.show:hover{color: #eee;}
#icon_basket{float: left; margin: 8px 15px 10px 20px;display: none;}
#header-basket a { display: block; color: #000; background: url('../img/international/header_basket.png') 10px 0% no-repeat;  text-decoration: none; padding: 10px 0 5px 70px; height: 38px; }
#header-basket a:hover span { color: #000; }
#header-basket span{color: #818181; font-size: 1.1em; position: relative; line-height: 1.5em;}
#header-basket .cartfull { display: none; }
#header-basket div.cartempty { display: inline; background: transparent; height: auto; float: none; width: auto; margin: 0; }
#header-basket span.cartempty { display: block; }
#header-basket span.cartfull { display: block; margin-top: -20px; }
#header-basket .rychla-objednavka { background: transparent; border-top: 1px solid #cdcdcd; color: #009ee3; padding: 6px 0px 6px 70px; display: block; }
#header-basket .rychla-objednavka:hover { color: #000; }

/*  leve menu */
#menu{width: 230px; float: left; padding: 10px 15px 10px 0px; margin: 5px 0px 0px 0px;}
#menu span.nadpis{display: block; font-size: 1.7em; font-family: verdana, arial, sans-serif; color: #000; padding: 0px 0px 0px 0px; margin-bottom: 10px;}
#menu ul{list-style: none; font-size: 1.1em;}
#menu li{padding: 0px; }
#menu li.anchor { padding: 2px 0px 2px 14px; background: url('../img/menu-anchor.png') 0px 12px no-repeat; border-left: 1px solid #c6c6c6; }
#menu li.no-anchor { padding: 2px 0px 2px 8px; border-left: 1px solid #c6c6c6; }
#menu li span{float: left; }
#menu li span.plus { background: url('../img/menu-plus.png') top left no-repeat; display: block; width: 10px; height: 10px; margin: 3px 6px 0px 0px; }
#menu li li span.plus { margin-left: -14px; }
#menu li span.anchor { display: none; }
#menu ul ul{padding: 3px 0px 5px 20px; color: #000; font-size: 1.05em;}
#menu ul ul.submenu { padding-left: 10px; }
#menu ul ul.subsubmenu { padding-left: 10px; }
#menu li a {color: #000; text-decoration: none; display: block; padding: 5px 0px; font-weight: bold; }
#menu li a:hover {color: #009ee3;}
#menu li a.active { font-weight: bold; font-size: 0.95em;}
#menu li ul span{padding: 2px 5px 2px 0px;}
#menu li ul a{color: #000; padding: 2px 0px; font-weight: normal; }
#menu li ul ul { font-size: 0.95em; }
#menu li ul ul a{color: #000; }
#menu .boxUnderMenu { border-top: 1px solid #D9D9D9; padding: 15px; margin-top: 15px; line-height: 140%; }

/* container */
#container{width: 729px; float: right; padding: 0px 0px 10px 20px; margin: 0px 0px 0px 0px; position: relative;}

#drobecky {color: #999; font-size: 0.95em; position: relative; margin: 20px 0px 0px 0px; width: 445px; }
#drobecky a{color: #706f72;}
#basket #drobecky { clear: left; float: left; width: 100%; margin: 15px 0px -10px 0px;}

/* tady tento blok byl spatne commitly z svn tak nevim ktery je spravne. blok mine jsem nechal v komentari, nebo naopak :) */
.text p{margin: 0px 0px 10px 0px; line-height: 1.55em; text-align: justify;}
#container .text ul, #container .text ol{margin-bottom: 15px;}
.text h2{padding-top: 12px; padding-bottom: 10px;}
.text ul li, .text ol li{margin: 5px 0px 7px 0px; line-height: 1.55em; text-align: justify;}
.text ol p, .text ul p{margin-bottom: 5px;}


/* detail produktu */
#image { width: 442px; float: left; padding: 10px 0px 20px 0px; text-align: center; }
#image-cover { width: 430px; margin-bottom: 1px; }
#image-cover img { max-width: 430px; margin-bottom: -2px; }

#detail-popis { width: 475px; float: left; }
#detail-right { width: 240px; float: right; }

.table-detail { width: 240px; border-collapse: collapse; margin-bottom: 6px; color: #000; }
.table-detail th.nadpis { text-align: left; padding: 10px 3px 10px 0px; color: #000; font-weight: bold; text-transform: none; font-size: 1.1em; }
.table-detail tr td,
.table-detail tr th { background: #fff; padding: 4px 0px; vertical-align: top; }
.table-detail tr.bottom-align td,
.table-detail tr.bottom-align th { vertical-align: bottom; }
.table-detail td { font-size: 1.05em}
.table-detail tr th { color: #717171; font-weight: normal; text-transform: uppercase; width: 90px; padding-right: 10px; }
.table-detail tr.first td,
.table-detail tr.first th { border-top: 1px solid #b0b2b3; }
.table-detail tr.splitter th { border: 0px none; background: #fff; padding: 3px 0; }
.table-detail span.orange { color: #f79a00; font-weight: bold; font-size: 1.2em; }
.dalsi-obrazek{ padding: 3px 0px 1px 3px;}
#image .dalsi-obrazek img { max-height: 50px; width: auto; float: left; border: none; margin-right: 3px;}

.hide-variants { text-align: right; float: left; width: 100%; display: none; }
.hide-variants span { text-align: left; float: right; width: 85px; padding: 0 0 10px 0; color: #009ee3; cursor: pointer; text-decoration: underline; }
.hide-variants span:hover { text-decoration: none; }

.product-desc { width: 240px; padding: 15px 0 15px 0px; color: #000; }
.product-desc span.nadpis { display: none; font-weight: bold; padding-bottom: 5px; }

.products-table{width: 100%; border-collapse: collapse; margin: 0px 0px 10px 0px; text-align: left;}
.products-table td{padding: 3px 8px; vertical-align: middle; background: #fff; border-bottom: 1px solid #c6c6c6;}
.products-table tr td.first { border-left: 1px solid #fff; }
.products-table tr td.last { border-right: 1px solid #fff; }
.products-table tr.variants td{ background: #fff; border-bottom: 0px none; }
.products-table tr.variants td.variantName{ word-break: break-all; word-break: break-word; -webkit-hyphens: auto;	-moz-hyphens: auto;	hyphens: auto; }
.products-table tr.hover td{ background: #e0e0e0; }
.products-table tr.opened td { border-bottom: 1px solid #e6e6e6; border-top: 2px solid #b3b3b3; }
.products-table tr.opened td.first { border-left: 5px solid #b3b3b3; }
.products-table tr.opened td.last { border-right: 1px solid #b3b3b3; }
.products-table tr.variants.breaker { display: none; height: 2px;}
.products-table tr.variants.breaker td { background: none; height: 2px; font-size: 10%; border-top: 2px solid #b3b3b3; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.products-table tr.variants td.first { border-left: 5px solid #b3b3b3; }
.products-table tr.variants td.last { border-right: 1px solid #b3b3b3; }
#detail-popis .products-table tr.variants td.last { border-right: 0px none; }
#detail-popis .products-table tr.variants.last td { border-bottom: 1px solid #b3b3b3; }
.products-table th{background: #000; color: #fff; padding: 10px 5px; }
.products-table th a{ color: #fff; }
.products-table td.cena strong{display: block; text-align: right;}
.products-table th span.no-bold{ font-weight: normal; font-size: 0.85em; padding-left: 5px; }
.products-table td.image{width: 75px; height: 50px; padding: 0px; background: #fff; text-align: center;}
.products-table tr.variants td.image{background: #fff;}
.products-table tr.variants td.image img { max-width: 75px; }
.products-table form.add-cart{display: block; width: 75px;}
.products-table form.add-cart label{float: left; height: 20px; line-height: 20px; padding: 0px 3px 0px 0px;}
.products-table form.add-cart input.amount{float: left; width: 20px; margin-right: 5px;}
.products-table form.add-cart input.amount::-webkit-outer-spin-button, .products-table form.add-cart input.amount::-webkit-inner-spin-button{-webkit-appearance: none;  margin: 0;}
.products-table form.add-cart input.amount[type=number]{-moz-appearance: textfield; }
.products-table form.add-cart input.id{display: none;}
.products-table form.add-cart input.submit{float: left; margin-left: 5px;}
.products-table td.dostupnost{text-align: center;}
.products-table th.moc, .products-table td.moc, .products-table th.voc, .products-table td.voc { text-align: right; }
.products-table th.moc a { color: #bababa; }
.products-table td.moc { color: #989898; }
.products-table th.moc .no-bold, .products-table th.voc .no-bold { display: block; }
.products-table td.varianty{text-align: center;}
.products-table td.detail{text-align: center;}
.products-table th.nahled{text-align: center;}
.products-table .strike{text-decoration: line-through; display: block; color: #ff5a01; font-weight: normal;}
.products-table fieldset{margin: 0px; padding: 0px; border: none;}
.products-table .no-bold{font-weight: normal;}
.products-table tr th.voc,
.products-table tr th.kosik { width: 75px; }
.products-table tr th.voc { width: 70px; padding-left: 0px; }
.products-table th.voc span.no-bold{ display: block; }
/*.products-table tr td.td-loc-detail { cursor: ; }*/
.products-table td.link{cursor: pointer;}
.products-table td.link a{color: #303030; text-decoration: none;}
.products-table a.zobrazitVarianty { background: url('../img/arrow-variants.png') right no-repeat; display: block;  padding-right: 20px; min-height:16px; line-height: 16px; }
.products-table a.zobrazitVarianty.visible { background: url('../img/arrow-variants-left.png') left no-repeat; padding-right: 0px; padding-left: 20px; text-align: right; }


.products-table acronym {display: block; color: green; font-size: 80%;}

/* novinka */
.novinka{clear: left; padding: 10px 0px 30px 0px; border-bottom: 1px solid #cdcdcd; }
.novinka h4{margin: 20px 0px 5px 0px; font-size: 1.2em; color: #009ee3; }
.novinka h1 span{font-size: 0.8em; color: #333; padding-left: 10px;}
.novinka .vice{float: right; text-align: right; padding: 10px 0px 0px 0px;}
.novinka.index{width: 440px; clear: none; padding-top: 0px; margin-bottom: 20px; border-bottom: 0px none; float: none; }
.novinka.index h4{margin-top: 5px; color: #000; }
.novinka.index.left{float: none;}
.novinka.index.right{float: none;}
/*.novinka.index img{width: 70px;}*/
.novinka.index .vice{padding-top: 5px;}

/* kontaktni formular */
#container #error-message td{border: none;}
.notice{border: 1px solid #444; padding: 10px 15px; color: #666; margin: 10px 0px; line-height: 1.8em;}
#contact_form{width: 100%; border: none;}
#contact_form fieldset{border: none;}
#contact_form label{display: block; padding: 15px 0px 8px 0px;}
#contact_form input.text, #contact_form input.captcha{display: block; border: 1px solid #ccc; padding: 4px 10px; width: 200px; background: #f9f9f9;}
#contact_form textarea{display: block; border: 1px solid #ccc; padding: 10px; width: 708px; height: 150px; margin-bottom: 15px; background: #f9f9f9;}
#contact_form label.captcha{float: left; padding-right: 20px;}
#contact_form img#captcha_img{top: 8px; float: left; position: relative;}
#contact_form input.captcha{clear: left;}
#contact_form input.submit{margin-bottom: 20px; width: 84px; height: 28px; padding: 0px 5px; line-height: 28px; color: #fff; border: none; background: url('../img/button_login.png') center top no-repeat; cursor: pointer; float: right;}

/* produkty */
.product{padding: 0px 0px 10px 0px;}
.product { }

.product .product-desc-cover div.white-box { height: 124px; background: #fff; position: relative; }
.product .product-desc-cover div.white-box div { padding: 14px; }
.white-box span.alert {background: url('../img/alert-success.png') no-repeat 5px 5px #eff4ed;padding: 15px 5px 15px 45px;}
.white-box span.alert strong a {text-decoration:underline;position:relative;top:5px; }
.product .product-desc-cover div.white-box em { display: inline-block; width: 150px; font-style: normal; font-weight: normal; }
.product .product-desc-cover div.white-box strong { white-space: nowrap; }
.product .product-desc-cover div.white-box strong.akcecena { color: #992036; }
.product .product-desc-cover div.white-box a.add2cart { padding: 5px 7px; color: #fff; font-weight: bold; position: absolute; right: 14px; bottom: 7px; text-transform: lowercase; }
.product .product-desc-cover div.white-box form { position: absolute; right: 10px; bottom: 7px; }
.product .product-desc-cover div.white-box form label {  }
.product .product-desc-cover div.white-box form select { width: 53px; }
.product .product-desc-cover div.white-box form input.submit { padding: 3px 0px 5px 0px; width: 115px; color: #fff; font-weight: bold; display: block; text-transform: lowercase; border: 0px none; font-size: 11px; margin-top: 5px; cursor: pointer; text-align: center; }
.product .product-desc-cover div.info { margin-top: 10px; padding: 14px; background: #F3F8EA; font-weight: bold; }
.product .product-desc-cover div.info a { text-decoration: underline; }
.product .product-desc-cover div.info a:hover { text-decoration: none; }

/* maloobchod */
.product.malo { float: left; width: 170px; height: 290px; border: 1px solid #a8a9aa; text-align: center; margin: 0px 12px 15px 0px; padding: 0; overflow: hidden; font-size: 110%; background: #e3e4e4; position: relative; }
.product.malo.third { margin-right: 0; }
.product.malo.fourth { margin-right: 0; }
.product.malo span.dostupnost { display: block; text-align: right; padding-right: 15px; margin-top: 0px; }
.product.malo span.dostupnost strong { background: none; }
.product.malo span.dostupnost strong.skladem { color: #509500 }
.product.malo span.dostupnost strong.neskladem { color: #CC6600 }
.product.malo a { text-decoration: none; }
.product.malo .product-image { width: 170px; height: 170px; margin: 0px auto; padding: 0px; background: #fff; }
.product.malo .product-image table { width: 100%; height: 100%; border: 0px none; }
.product.malo .product-image table,
.product.malo .product-image table tr td { margin: 0; padding: 0; border-collapse: collapse; border: 0px none; height: 100%; width: 100%;}
#container .product.malo .product-image table tr td a img{padding: 10px; text-align: center; font-size: 0.85em;}
.product.malo .product-image.center table tr td { vertical-align: middle; text-align: center; }
.product.malo .product-image.cut table tr td { vertical-align: top; text-align: left; }
.product.malo .product-image.center a img { margin: auto; padding: 0; }
.product.malo .product-image.cut a img { border: 0px none; position: relative; left: -2px; top: -2px; }
.product.malo .product-image .icon span { position: absolute; top: 5px; right: 5px; display: inline-block; padding: 3px 10px; color: #fff; background: #ff5a01; text-transform: uppercase; }
.product.malo .product-image .icon {position: absolute; width: 44px; height: 48px; display: block; top: 5px; right: 5px; text-align: right; font-weight: bold; font-size: 0.8em; color: #ff5a01;}
.product.malo h2 { display: block; padding: 10px 15px 5px 15px; font-size: 1.0em; color: #1a171b; text-align: left; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-weight: bold; }
.product.malo h2 a { color: #1a171b; display: block;}
.product.malo h2 a:hover{text-decoration: underline;}
.product.malo strong.akce { color: #E83F22; }
.product.malo strong.maloobchod-price { display: block; color: #921e34; text-align: left; padding: 0 15px; }
.product.malo div.price { position: absolute; width: 150px; bottom: 10px; left: 0; text-align: left; padding-left: 15px; color: #009ee3;}
.product.malo div.price a.a-detail{position: absolute; right: 0px;}
.price strong{display: block;}
.price span{color: #1a171b; font-size: 0.8em;}
.price span.od{color: #1a171b; font-size: 0.8em; display: none;}
span.strike{text-decoration: line-through; font-size: 1em; padding-right: 5px; color: #555; font-weight: normal;}
.price span.moc { font-size: .8em; display: block; padding-bottom: 6px; color: #6e7679; font-weight: normal; }
.price span.moc span { font-size: 1em; color: #6e7679; }
.price span.moc strong { display: inline; }
.price .product-status { position: absolute; bottom: -4px; right: 27px; width: 17px; height: 17px; }
.price .product-status img { display: block; margin: 0; padding: 0; }

.star-moc-info { clear: both; color: #6e7679; margin-bottom: 10px; padding-left: 10px; }

/*  catalog filter */
#catalog-filter { float: left; width: 100%; min-height: 63px; border-top: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; background: #e4e4e4; margin: -10px 0 35px 0; position: relative; }
#catalog-filter fieldset { border: 0px none; padding: 17px 0 17px 15px; }
#catalog-filter label { float: left; width: 200px; font-weight: bold; font-size: 1.1em; }
#catalog-filter select { display: block; border: 1px solid #d7d7d7; margin-top: 6px; width: 70%; }
#catalog-filter .submit { width: 33px; height: 33px; float: right; border: 0px none; margin: 6px 15px 0 0; }
#catalog-filter .filter-cancel { color: #c30000; position: absolute; right: 15px; bottom: -20px; }


/*  paging */
.paging { width: 100%; height: 30px; margin: 0px auto 20px auto; line-height: 30px; padding: 0px 0px 5px 0px; text-align: right; font-size: 1em; clear: both;  font-weight: bold; background: url('../img/dotted_line_hor.png') left bottom repeat-x; }
.paging fieldset { border: 0px none; margin: 0; padding: 0; }
.paging fieldset label { float: left; padding: 4px 0 0 0px; color: #000; }
.paging fieldset select { float: left; margin: 10px 0 0 10px; width: 80px; border: 1px solid #DFDFD7; }
/*.paging fieldset select { margin: 6px 0 0 10px; padding: 7px 0; }*/
.paging strong,
.paging b,
.paging a { display: inline-block; padding: 4px 6px; line-height: 15px; color: #000; margin: 0px 4px 0 0; border: 1px solid #d3d3c9; }
.paging a:hover,
.paging .pager_navigation_current,
.paging strong { background: #e4e4e4; }
.paging a { text-decoration: none; }
.paging .zobrazeni { float: left; width: 183px; margin-top: 3px; }
.paging.withSortBy .zobrazeni { margin-top: 38px; padding-bottom: 3px; background: url('../img/dotted_line_hor.png') left bottom repeat-x; }
.paging .zobrazeni label { padding: 0px 15px 0px 0px; }
.paging .zobrazeni a { border: 0px; width: 26px; height: 15px; float: left; padding: 3px; margin: 1px 5px 0px 0px; }
.paging .zobrazeni a:hover {  }
.paging.pagingIsNotShown.withSortBy .zobrazeni { margin-top: 3px; }
.paging.pagingIsNotShown .zobrazeni { margin-top: 5px; }

/* .paging.withSortBy je ve skutecnosti prepinatko zobrazeni */
.paging.withSortBy { background: none; margin: 0px auto;  }
.paging.withSortBy.pagingIsNotShown { width: 180px; margin: 0; padding-bottom: 6px; clear: none; clear: left;  background: url('../img/dotted_line_hor.png') left bottom repeat-x; }
#manufacturer-select{float: right; width: 545px; padding: 10px 0px; margin-bottom: 10px; background: url('../img/dotted_line_hor.png') left bottom repeat-x; }
#manufacturer-select.pagingIsNotShown { width: 545px; }
#manufacturer-select h2{font-size: 1.2em; float: left; width: 200px; margin: 0px 0px 0px 10px;}
#manufacturer-select, #manufacturer-select a{color: #000; font-size: 11px;}
#manufacturer-select a{color: #009ee3; }
#manufacturer-select fieldset{border: 0px none; float: left; margin-right: 20px;}
#manufacturer-select fieldset select{margin-top: -3px;}
#manufacturer-select fieldset strong, #manufacturer-select fieldset a, #manufacturer-select fieldset select{float: left;}
#manufacturer-select fieldset strong, #manufacturer-select fieldset a{padding: 0px 10px;}
#sortby{border: 0px none; float: right; }
#sortby *, #sortby a{float: left;}
#sortby a.sort{margin: 0px 2px 0px 15px; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity= round(100));
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
#sortby a { margin-left: 0px; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
	filter: alpha(opacity= round(40));
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}
#sortby a:hover { 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity= round(100));
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


#error-login { margin-left: 20px; margin-top: 60px; }
#error-login h2 { margin-bottom: 10px; }
#error-login form { float: left; width: 100%; margin-top: 10px; }
#error-login fieldset { border: 0px none; }
#error-login fieldset label{float: left; width: 70px; padding-right: 10px; text-align: right; margin: 0px 0px 5px 0px;}
#error-login fieldset input.text{float: left; width: 250px; margin: 0px 0px 4px 0px; padding: 1px 2px; border: 1px solid #bdbdbd; }
#error-login fieldset br{clear: left;}
#error-login fieldset input.submit { margin-bottom: 20px; width: 84px; height: 28px; padding: 0px 5px; line-height: 28px; color: #fff; border: none; background: url('../img/button_login.png') center top no-repeat; cursor: pointer; }
#error-login p.plane{margin: 0px 0px 20px 0px; font-size: 130%; clear: left; }
#error-login hr.error-cleaner { height: 20px; clear: left; visibility: hidden; }

/*** Hlasky - Warning, Notice, Info... ***/
div.alert { overflow: hidden; font-size: 11px; margin: 20px 0px 10px 0px; }
div.alert.nomargin { margin: 10px 0px 0px 0px; }
#error-login div.alert { margin-left: 0px; }
#basket.empty div.alert { margin: 40px 0 20px 0; float: left; width: 100%; }
#basket div.alert { overflow: hidden; margin: 10px 0; }
#basket div.alert.finish { margin: 25px 0 -10px 0; }
#basket form.step2 div.alert { margin: 5px 0 20px 0; }
div.alert strong { white-space: normal; display: block; }
div.alert strong.no-db{display: inline;}
div.alert div.box-repeat { width: 100%; }
div.alert div.box-top { height: auto; }
div.alert div.box-bottom { clear:both; padding: 10px 15px 10px 65px; min-height: 40px; overflow: visible; }
div.alert div.box-bottom table { width: 100%; height: 40px; }
div.alert div.box-bottom table,
div.alert div.box-bottom table tr td { width:100%; vertical-align: middle; }

div.alert.error div.box-top{  }
div.alert.error div.box-bottom{ background: url('../img/alert-error.png') no-repeat 15px 12px #f7eff0; }
div.alert.success div.box-top{  }
div.alert.success div.box-bottom{ background: url('../img/alert-success.png') no-repeat 15px 12px #eff4ed; }
div.alert.notice div.box-top{  }
div.alert.notice div.box-bottom{ background: url('../img/alert-notice.png') no-repeat 15px 12px #f6f6f6; }

div.alert.error {color: #a30824; border: 1px solid #d56d80; }
div.alert.success {color: #1b6601; border: 1px solid #5da843; }
div.alert.notice {color: #333; border: 1px solid #ccc; }

/*** KOSIK - pridane styly pro vzhled - zbytek objednavky je v /eshop/eshop_style/style/order.css ***/

#basket { background: #fff; border-top: 5px solid #fff; }
#basket.step3 form { clear: left; }
#basket.step3 #basket-inner form fieldset { width: 100%; } /* prebiti stylu, ktery se nacte pozdeji */
#basket.step3 div.pobocky { float: left; width: 100%; margin-bottom: 10px; }
#basket.step3 div.pobocky div.left,
#basket.step3 div.pobocky div.right { width: 335px; background: #F0F0F0; border: 1px solid #8D8D8D; margin: 5px 20px 10px 10px; cursor: pointer; position: relative; }
#basket.step3 div.pobocky div.left *,
#basket.step3 div.pobocky div.right * { cursor: pointer; }
#basket.step3 div.pobocky div.left div,
#basket.step3 div.pobocky div.right div { border: 2px solid #fff; padding: 15px 10px; }
#basket.step3 div.pobocky div.left.selected div,
#basket.step3 div.pobocky div.right.selected div { border-color: #85C73F; }
#basket.step3 div.pobocky div.left { clear: left; float: left; }
#basket.step3 div.pobocky div.right { float: left; margin-right: 0; margin-left: 0; }
#basket.step3 div.pobocky label { display: inline-block; text-align: right; width: 100px; margin-right: 10px; margin-bottom: 6px; }
#basket.step3 div.pobocky span { display: inline-block; text-align: left; margin-bottom: 6px; }
#basket.step3 div.pobocky input.radio { position: absolute; top: 5px; right: 5px; display: none; }
#basket.step3 div.pobocky img { position: absolute; top: 5px; right: 5px; display: none; }
#basket.step3 div.pobocky img.showing { display: block; }

#basket.step3 .nadpis-style { font-size: 160%; color: #444; font-weight: normal; }
#basket.step3 div.appendix { margin-left: 0px; }
#basket.step3 div.nadpis-style.externi_cislo { display: block; width: 100%; }
#basket.step3 div.nadpis-style.externi_cislo label { display: block; clear: left; margin: 0 0 0 0; padding: 10px 10px 10px 0px; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-weight: normal; font-size: 100%; }
#basket.step3 div.nadpis-style.externi_cislo input { clear: left; display: block; margin: 0; position: relative; left: 0px; padding: 3px 10px; }
#basket.step3 div.newsletter { display: block; clear: left; margin: 10px 0; padding: 10px 10px 10px 0; font-family: Verdana, 'Geneva CE', lucida, sans-serif; }
#basket.step3 div.newsletter label { cursor: pointer; }
#basket.step3 div.newsletter input { position: relative; top: 1px; }
#basket.step3 div.appendix label { display: block; clear: left; margin: 10px 0; padding: 0px; font-family: Verdana, 'Geneva CE', lucida, sans-serif; }
#basket.step3 div.appendix textarea#mess { width: 708px; margin-left: 0px; padding: 4px 6px; height: 35px; display: block; font-weight: normal; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 120%; }


#basket.step3 #branches { clear: both; position: relative; padding-top: 40px; margin-top: -30px; margin-bottom: 20px;}
#basket.step3 #branches a.create-new { text-decoration: none; position: absolute; top: 15px; right: 10px; padding: 2px 5px; background: #D5D5D5; color: #000; border: 1px solid #8D8D8D; }
#basket.step3 #branches a.create-new:hover { background: #f5f5f5; border: 1px solid #8D8D8D; }
#basket.step3 #branches h2 { color: #E31129; padding-bottom: 5px; }
#basket.step3 #branches table { width: 100%; border: 0px none; background: #fff; border-collapse: collapse; }
#basket.step3 #branches table tr.even { background: #fff; }
#basket.step3 #branches table tr.odd { background: #fff; }
#basket.step3 #branches table tr.hover,
#basket.step3 #branches table tr.hover a { background: #eee; color: #000; cursor: pointer; }
#basket.step3 #branches table tr th { background: #000; color: #fff; }
#basket.step3 #branches table tr th,
#basket.step3 #branches table tr td { border: 0px none; padding: 4px 5px; height: 30px; border-bottom: 1px solid #b3b3b3; }
#basket.step3 #branches table tr th.center,
#basket.step3 #branches table tr td.center { text-align: center; }
#basket.step3 #branches table tr th.left,
#basket.step3 #branches table tr td.left { text-align: left; }
#basket.step3 #branches table tr th.right,
#basket.step3 #branches table tr td.right { text-align: right; }
#basket.step3 #branches table tr td a { text-decoration: none; color: #8d8d8d; }
#basket.step3 #branches table tr td input.radio { display: none; }
#basket.step3 #branches table tr td img { display: none; height: 17px; margin: auto; }
#basket.step3 #branches table tr td img.showing { display: block; }

/*** vypis objednavek ***/

#cart-popup { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url('../img/overlay-white80.png'); display: none; }
#cart-popup-box { position: absolute; width: 250px; height: 151px; background: url('../img/overlay-box.png') no-repeat; left: 50%; margin-left: -125px; top: 50%; color: #666263; }
#cart-popup-box div { width: 240px; text-align: center; font-size: 120%; padding-top: 25px; }
#cart-popup-box span { display: block; color: #1F1F1F; font-weight: bold; padding-right: 15px; padding-left: 5px; }
#cart-popup-box span em { font-style: normal; }
#cart-popup-box p { padding-top: 10px; line-height: 170%; }
#cart-popup-box p a { color: #F37602; display: block; font-weight: bold; }
#cart-popup-wait2 { position: absolute; left: 99px; top: 55px; }
#cart-popup .warning { width: 340px; text-align: center; font-size: 120%; padding: 10px 5px; position: absolute; margin-top: 5px; margin-left: -59px; background: #fff; border: 1px solid #000; display: none; }

/* rychla objednavka */
#cart-popup-box.rychla-objednavka-box { margin-left: -250px; } /* js nastavuje sirku na 500px takze zarovnavam na stred */
#cart-popup-box.rychla-objednavka-box a.rychla { float: right; padding: 10px 10px; }
#cart-popup-box.rychla-objednavka-box #mass-order-wrap { clear: both; }
#cart-popup-box.rychla-objednavka-box input.submit.rychla {  }
.ui-menu-item { text-align: left; }
#cart-popup-box.rychla-objednavka-box div#cart-popup-contain { float: left; margin: 50px 0 0 135px; }

div.inner .ke-stazeni { float: left; padding: 10px 10px 10px 0; margin: 0 0 15px 30px; border: 1px solid #ccc; }
div.inner .ke-stazeni a em { font-style: normal; font-size: 80%; color: #6b6b6b; }
.download{line-height: 1.7em;}
.download a{clear: left;}
.download .grey{color: #999;}

/* ordersFiltr */
.ordersFiltr fieldset{margin: 10px 0px 20px 0px; padding: 10px 10px 10px 15px; border: none; background: #f5f5f5; border-bottom: 2px solid #666;}
.ordersFiltr label, .ordersFiltr input{float: left;}
.ordersFiltr label{line-height: 28px; padding: 0px 5px 0px 0px;}
.ordersFiltr input{height: 26px; line-height: 26px; padding: 0px 5px; border: 1px solid #bbb; margin-right: 15px;}
.ordersFiltr input#onlyMineOrders { clear: left; }
#filtrVars{width: 80px;}
#filtrExt{width: 100px;}
#filtrOd, #filtrDo{width: 65px;}
.ordersFiltr .submit{background: url("../img/button_login.png") no-repeat scroll center top transparent; border: none; color: #FFFFFF; cursor: pointer; float: left; height: 28px; line-height: 28px; padding: 0 5px; width: 84px; margin: 0px; font-size: 1.2em;}
.ordersFiltr .submit:hover{color: #eee;}
.ordersFiltr .reset{float: right; height: 26px; line-height: 26px; cursor: pointer; background: #eee; border: 1px solid #bbb; color: #555; padding: 0px 10px; text-decoration: none; font-size: 0.95em;}
.ordersFiltr .reset:hover{color: #000; background: #dfdfdf;}
#container .hlaska, .hlaska{padding: 10px 15px; margin: 10px 0px; border: 1px solid #f0f0f0; color: #333;}

/* Styles for Max Length plugin v1.0.2 */
.maxlength-full { background-color: #fee; }
.maxlength-overflow { background-color: #fcc; }
.maxlength-feedback { padding: 5px 0 0 10px; display: block; }

/* guide */
#guide h1 { min-height: 20px; padding-bottom: 0px; }
#guide #drobecky { margin-top: 5px; margin-bottom: 70px; }