/*** CSS STYLY PRO WEB WWW.KARTACKYDODOMU.CZ, MADE BY WJENCESLAW ***/
/*** ZÁKLADNÍ LAYOUT ***/ 
body{text-align:center; background: #ffffff;font-family: 'tahoma',arial;margin: 0 auto; padding: 0 auto; font-size: small;}
a:link{text-decoration: underline;  font-weight: bold; color: #0000ff;}
a:visited{text-decoration: underline; font-weight: bold; color: #0000ff;}
a:hover{text-decoration: none; } 
abbr, acronym, a:hover abbr, a:hover acronym{cursor: help;}
hr.cleaner { clear:both; display: none }
img{border: 0px none;}
form, fieldset{margin: 0; padding: 0; border: 0px none;}
p, ul{font-size: small;}
#errors p{font-size: medium; color: #ff0000; font-weight: bold; padding: 0px 0px 0px 10px;}
#notices, #notices p{font-size: medium; color: #08AD00; font-weight: bold; padding: 0px 0px 0px 10px;}

#web{width: 878px; background: url('soubory_css/web.jpg') repeat-y; margin: 0 auto;}
#obsah { width: 850px; margin: 0 auto; overflow: hidden; height: auto;background: url('soubory_css/blue-line.jpg') repeat-y #ffffff; text-align: left} 

#hlavicka{display: block; width: 850px; height: 198px;margin:0;padding: 0px;background: url('soubory_css/logo.jpg') no-repeat;overflow: hidden;position: relative;}
#hlavicka a{text-decoration: none; color: #5a5a5a;}

#menu-top{position: absolute; margin: 25px 0px 0px 223px; padding: 0px 0px 0px 0px; font-size: small;}
#menu-top ul{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none;}
#menu-top ul li{margin: 0px 11px 0px 0px;padding: 7px 5px 0px 0px; float: left; font-size: 95%; _font-size: 90%; border-right: 1px solid #ffffff; height: 20px;}
*:first-child+html #menu-top, *:first-child+html #menu-puntiky, *:first-child+html #menu-main{font-size: 80%;}
#menu-top a{color: #000000;}
#menu-top ul li a:hover{}

#menu-puntiky{position: absolute; margin: 80px 0px 0px 500px; _margin-top: 70px;padding: 0px 0px 0px 0px; font-size: small; white-space: nowrap;}
#menu-puntiky img{margin: 0; padding: 0;}
#menu-puntiky a{ padding: 0px 0px 0px 3px; margin: -3px 0px 0px 0px;}
#menu-puntiky ul{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none;}
#menu-puntiky ul li{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 95%; _font-size: 85%; _height: 16px;}
#menu-puntiky ul li a:link, #menu ul li a:visited{color: #5a5a5a;}
#menu-puntiky ul li a:hover{}
/*.menu-puntiky-li1 a, .menu-puntiky-li-more1 a{background: url('soubory_css/ruzovy-puntik.jpg') no-repeat;}
.menu-puntiky-li2 a, .menu-puntiky-li-more2 a{background: url('soubory_css/zeleny-puntik.jpg') no-repeat;}
.menu-puntiky-li3 a{background: url('soubory_css/oranzovy-puntik.jpg') no-repeat;}
.menu-puntiky-li4 a{background: url('soubory_css/modry-puntik.jpg') no-repeat;} 
*/
#menu-main{position: absolute; margin: 156px 0px 0px 200px; padding: 0px 0px 0px 0px; font-size: small; white-space: nowrap;}
#menu-main a:link, #menu-main a:visited{font-weight: bold;}
#menu-main ul{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none;}
#menu-main ul li{margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; float: left; font-size: 95%;}
#menu-main ul li a:link, #menu ul li a:visited{color: #5a5a5a;}
#menu-main ul li span{display: block; float: left; background: transparent; padding: 0px 2px; margin: 0px 2px 0px 0px;}
#menu-main ul li.active span{display: block; float: left; background: #ffffff; padding: 0px 2px; margin: 0px 2px 0px 0px;}
#menu-main ul li.active {font-weight: bold;}
#menu-main ul li.active a{color: #000000;}
*html .active{font-weight: bold;}
#menu-main strong{margin: 0; padding: 0;}

#h1-position{position: absolute;margin: 60px 0px 0px 210px;}
#h1-position a{position: relative; width: 279px; height: 68px; margin: 0px; padding: 0px; overflow: hidden; font-size: small;}
h1 {font-size: 125%; color: blue; color: rgb(48,140,187); }

#kosik{position: absolute; font-size: small; margin: 5px 0px 0px 10px;}
#kosik p{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#kosik a{display: block; float: left; margin: 0px 5px; padding: 0;}
#kosik img{float: left;padding: 0px 0px 0px 3px; margin: 0px 0px 0px 0px;}
/*obsah kosiku: */
#kosik-rozpis-obsahu, #kosik-rozpis-tax{border-collapse: collapse; margin: 0; padding: 0; width: 600px; text-align: center;}
#kosik-rozpis-obsahu td{ border: 1px solid #000000; padding: 5px 10px;}
#kosik-rozpis-tax tr, #kosik-rozpis-tax td, #kosik-rozpis-tax th{ border: 1px solid rgb(143,207,227); padding: 5px 10px;}
#tlacitko-objednat{float: left; margin: 0px 10px 0px 0px;}

#uzivatel{position: absolute; right: 180px; font-size: small; top: 5px;}

#hlavnipanel { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px;cursor: default; background: url(soubory_css/bottom.jpg) repeat-x bottom; height: auto;}

#pravypanel{display: none;/*width: 200px; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;border-left: 2px solid rgb(255,160,102);min-height: 370px; _height: 370px;*/}


h3{color: rgb(254,160,103);}
h3 a{color: #fea067;}
#vyhledavani{}
#vyhledavani h2{font-size: medium; margin: 0; padding: 0;}
#hledani{margin: 0px 30px 0px 0px;padding: 0px 0px 10px 0px;width: 160px;}
#hledani select{background: #f2f2f2; border: 2px solid rgb(254,176,128); width: 150px;}
#hledani input{background: #f2f2f2; border: 2px solid #FFA066; cursor: pointer;}
#hledani input.vyhledavani{background: #ffffff;border: 2px solid #FFA066; padding: 2px 3px; cursor: text;}

#levypanel{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; min-height: 300px; _height: 300px;}
#levypanel-obsah{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height:auto;}
#levypanel-obsah p{text-indent: 1em;}
#errors p{text-indent: 0px;}

#nabidka-index{width: 650px; height: 470px; background: url('soubory_css/nabidka-index.jpg') no-repeat; position: relative; margin: 0px 0px 0px 100px; font-size: 120%;}
#nabidka-index p{position: absolute; text-align: left; text-indent: 0px; font-size: 105%;}
#nabidka-index strong{font-size: medium; font-size: 105%;}
#nabidka-index em{font-style: normal; font-size: medium;font-size: 120%;}
.prvni{top: 5px; left: 145px;}
.druhy{top: 119px; left: 63px;}
.treti{top: 211px; left: 20px;}
.ctvrty{top: 360px; left: 90px;}
.paty{top: 190px; left: 438px;}
#nabidka-index a:link, #nabidka-index a:visited, #nabidka-index a:hover{color: #000000; text-decoration: none;}

#novinky p{font-size: small; margin: 5px 10px; padding: 0;}

.produkt{width: 150px; min-height: 300px; _height: 300px; float: left; margin: 3px 10px; text-align: center; padding: 0px 0px 30px 0px; border: 2px solid rgb(228,249,254); position: relative;}
.over{border: 2px solid #97B4FE; width: 150px; min-height: 300px; _height: 300px; float: left; margin: 3px 10px; text-align: center; padding: 0px 0px 30px 0px; position: relative;}
.produkt a, .over a{text-decoration: none;}
.produkt h3, .over h3{font-size: small; margin: 0; padding: 0; font-size: medium;}
.produkt h3 a, .over h3 a{background: rgb(228,249,254); display: block; padding: 2px; font-size: 90%;}
.produkt-obsah{display: block; min-height: 200px; _height: 220px; background: #ffffff url(img/produkt-middle.gif) repeat-y; padding: 10px 0px 0px 0px; margin: 0; font-size: small;}
.produkt-obsah img{margin: 5px;}
.produkt-obsah p{margin: 0; padding: 0;}
.produkt-obsah p em{font-style: normal;}
.produkt-obsah form{margin: 10px 0px 0px 0px;}
.produkt-obsah input{border: 2px solid #FFA066; cursor: pointer; bottom: 10px; left: 45px; position: absolute;}
.koupit{background: #f2f2f2; border: 2px solid #FFA066; cursor: pointer;}
.koupit:hover{background: #ffffff;}
.produkt select, .over select{margin: 2px;border: 1px solid rgb(144,206,227);}

.products-line-breaker{width: 100%; clear: left; display: block;}
.produkt h3 a:link, .produkt h3 a:visited, .over h3 a:link, .over h3 a:visited{color: #0000ff; text-decoration: none;border: 1px solid rgb(228,249,254); border-left: 0px none; border-right: 0px none;}
.produkt h3 a:hover, .over h3 a:hover{background: #F7F6F6; color: #00004A; border: 1px solid #A1A1FE; border-left: 0px none; border-right: 0px none;}
.vice-informaci a:link, .vice-informaci a:visited{color: #808080}
.vice-informaci a:hover{text-decoration: underline;}

#detail-produktu, #vyber-cetnosti{display: block; border: 2px solid rgb(142,207,227); margin: 10px; padding: 10px; width: 550px;}
#detail-produktu-foto, #vyber-cetnosti-img{float: left; display: block; width: 200px; text-align: center;}
#detail-produktu-foto img{margin: 10px auto; border: 0px none;}
#detail-produktu-popis, #vyber-cetnosti-popis{margin: 0px 0px 0px 200px; padding: 10px 0px 30px 0px; font-size: small;}
#detail-produktu-popis ul, #vyber-cetnosti-popis ul{margin: 0;padding: 0;list-style-type: none;}
#detail-produktu-popis ul li, #vyber-cetnosti-popis ul li{margin: 10px 0;}
#detail-produktu-popis .koupit, #vyber-cetnosti-popis .koupit{margin-top: 0px;}
#detail-produktu-popis select{margin: 5px auto;}
.detail-produktu-description{clear: left; font-size: small;}
.detail-produktu-description p{padding: 3px 20px 0 20px;}

#dalsi-obrazky, #souvisejici-produkty{background: #f2f2f2; border: 2px solid rgb(142,207,227); padding: 10px; margin: 10px 0 10px 10px; text-align: left; width: 550px;}
#dalsi-obrazky img, #souvisejici-produkty img{margin: 10px auto; border: 1px solid rgb(142,209,226);}
.souvisejici-produkt span {display: block;}


#vyberte-cetnost-doruceni{clear: left;}
#vyberte-typ-platby, #rekapitulace{display: block; border: 2px solid rgb(142,207,227); padding: 10px; margin: 0px 0px 10px 0px; width: 550px; float: left;}
#pokladna, #obalovac{display: block; border: 2px solid rgb(142,207,227); margin: 0px 0px 10px 0px; width: 680px; float: left; padding: 10px;}

#obalovac-pece-o-zuby{display: block; border: 2px solid rgb(142,207,227); margin: 0px 0px 10px 0px; width: 680px; float: left;}
#pece-o-zuby-obal{background: url('soubory_css/pece-o-zuby.jpg') repeat-y; padding: 0; margin: 0;}
#pece-o-zuby-levy-sloupec h3{margin: 0; padding: 0px;color: rgb(254,160,103);}
#pece-o-zuby-pravy-sloupec{width: 190px; float: right;  padding: 10px 0px 10px 0px; margin: 0;}
#pece-o-zuby-levy-sloupec{margin: 0px 250px 0px 0px;  padding: 10px;}

.button{border: 2px solid #FFA066; cursor: pointer;}
.button:hover{background: #f2f2f2;}

/* input s vypsaným časem ve product-buy-form2-form  -> -> */
#f_date_c{margin: 5px 10px 5px 0px;}

hr{clear:left; visibility: hidden;}

#strankovani{clear: left;}
#strankovani p{font-size: small; padding: 5px 0px 5px 20px;}

#cashdesk-form table{display: block; padding: 10px 0;}
#user-form{background: #f2f2f2; font-size: small; text-align: left; border-collapse: collapse; margin: 0px 10px 10px 10px;}
#user-form tr td, #user-form tr th{ padding: 2px 15px; font-size: 90%;}
#user-form h4{font-size: medium; color: rgb(48,140,187);}
.objednat{}
.objednat input{background: #f2f2f2; border: 2px solid #FFA066; cursor: pointer;margin: 0px 0px 15px 0px;}
.objednat input:hover{background: #ffffff;}

#default{padding: 0px 0px 20px 0px; display: block;}
#default fieldset{margin: 0; padding: 0; font-size: small;}
#default label{display: block; margin: 10px 0;}
#default label em{display: block; font-style: normal; margin: 3px 0;}
#default-input1 input, #default-input2 input{border: 1px solid rgb(144,206,227);padding: 2px 3px;}
#default-send input{}

.faq{width: 550px; border: 2px solid rgb(142,207,227); padding: 10px; margin: 0px 0px 15px 0px;}
.faq-question{font-weight: bold; margin: 0px 0px 0px 10px;}
.faq-answer{font-weight: normal; margin: 0px 0px 0px 30px;}

#ask{padding: 10px;}
#ask label{ float: left; width: 80px; margin: 0px 10px 10px 0px;}
#ask label input{margin: 15px 0px 0px 445px; border: 2px solid rgb(143,207,227); cursor: pointer;}
#ask form br{clear: left;}
#ask form fieldset{border: 0px none; padding: 10px 0px 0px 0px;}
#ask legend{border: 1px solid rgb(143,207,227); padding: 3px 10px;color: rgb(254,160,103); font-size: medium;}
.povinne {font-weight: bold;color: red;}

#basket-products-recap{width: 100%; text-align: left;}
#basket-products-recap td{}


#paticka{text-align: left;font-size: x-small; color: rgb(124,119,115);padding: 5px 0px 5px 30px; margin: 0; clear: both;background: url('soubory_css/paticka.jpg') no-repeat bottom;}
#paticka a{color: rgb(184,183,179)}