body, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, form, p, fieldset { margin: 0px; padding: 0;  }

h1 { margin: 0px 0px 20px 0px; padding: 0px; line-height: 30px;  font-size: 16px; text-transform: uppercase; background: url(../layout-grafika/h1.gif) no-repeat right center; font-family: Arial; }
h1.bezpozadi { background: url(); font-size: 14px; }

a { color: #000; }
a:hover { color:#990000; }

/* NASTAVENI LAYOUTU */
body { background-color:#272727; background-image: url(../layout-grafika/bg.gif); background-position: top; background-repeat: repeat-x; text-align: center; color: #000; font-size: 12px; font-family: Verdana, Arial, lucida, sans-serif; }
div#page { text-align: left; margin: 20px auto; margin-top:0; margin-bottom: 0px; width: 940px; background: #e7de52 url(../layout-grafika/page.gif) repeat-y; }

div#header { width: 940px; height: 190px; background: #ac1317 url(../layout-grafika/header.png) no-repeat center top; position: relative;  }
div#header img{ width: 320px; height: 190px; border: 0px; }

div#horni_menu { position: absolute; top: 0px; right: 0px; width: 645px; height: 167px; line-height: 27px; }
div#horni_menu ul li{ float: left; width: 215px; text-align: center; list-style-type: none; }
div#horni_menu ul li a{ color: #FFF; text-decoration: none; font-size: 12px; font-weight: bold; display: block; padding-bottom: 140px; }
div#horni_menu ul li a:hover { color: #FFFF00; }
/* LEVA CAST ESHOPU */
div#leva { width: 205px; float: left; }

img#img_login { width: 203px; height: 43px; font-size: 14px; line-height: 43px; margin-bottom: -3px;  }
img#img_katalog { width: 205px; height: 9px; margin: 0px; margin-bottom: -3px; }

form#login { background: #faf6c6 url(../layout-grafika/login_pozadi.gif) no-repeat; margin: 0px 10px 10px 10px; padding: 10px; }
form#login input { width: 160px; border: 1px solid #CCC; margin-bottom: 5px; }
form#login label { font-size: 10px; font-weight: bold; text-transform: upercase; }
form#login button{ width: 99px; margin-left: 33px; }
form#login p { text-align: center; line-height: 30px; }

ul.katalog { background-color:#860404; margin: 0px; }
ul.katalog li { list-style-type: none;  line-height:25px;}
ul.katalog li p a { text-decoration:none; color:#FFFFFF; }
ul.katalog li p a:hover {text-decoration:underline; }
ul.katalog li p strong a { background-image: url(../layout-grafika/menu-button.gif); width:205px; height:33px; padding:10px 0 0 0; text-indent:35px; display: block;  }
ul.katalog_podmenu { margin-left: 15px; padding:0 0 15px 0; }
ul.katalog_podmenu li p a{ background-image: url(../layout-grafika/submenu-button.gif); background-position: left; background-repeat: no-repeat; padding:0 0 0 20px; font-weight:bold; }

/* PRAVA CAST ESHOPU */
div#prava { width: 205px; float: right; }

div#kosik { background: url(../layout-grafika/kosik_pozadi.gif) repeat-y; text-align: center; padding-bottom: 5px; margin-bottom: 20px; }
div#kosik p.kosik_menu { line-height: 20px; }
div#kosik_polozky { background: url(../layout-grafika/kos.gif) no-repeat; min-height: 180px; font-size: 9px; padding: 15px 14px 10px 15px; text-align: left; }
img#img_kosik { margin-bottom: -2px; width: 203px; height: 33px; }
div#kosik_polozky li { list-style-type: none; line-height: 20px; height: 20px;  overflow: hidden;}
div#kosik p.celkem { line-height: 30px; font-size: 13px; color: #996600; font-weight: bold; border-top: 1px solid #000; margin: 5px 15px 0px 15px; font-family: Arial; text-transform: uppercase; } 
div#kosik button { margin-bottom: 5px; }
div#prazdny_kosik { background: url(../layout-grafika/kos.gif) no-repeat; height: 50px; line-height: 25px; text-align: center;  font-size: 9px; padding: 50px 10px 50px 15px; text-align: left; }


div.statistiky { background: #f6efb3 url(../layout-grafika/statistiky.gif) repeat-y;  }
div.statistiky img { width: 205px; height: 23px; }
div.statistiky p { height: 20px; line-height: 20px; overflow: hidden; padding: 0px 8px 0px 5px; }
div.statistiky p a { font-size: 10px; }
                   
div#partnerske_weby { background: #f3f0d0 url(../layout-grafika/partnerske_weby_pozadi.gif) repeat-y; margin: 10px 0px 20px 0px; padding:0 0 20px 0; }
div#partnerske_weby img { width: 205px; height: 21px; }
div#partnerske_weby p{ height: 20px; line-height: 20px; overflow: hidden; padding: 0px 8px 0px 5px; }
div#partnerske_weby p a{ font-size:10px; }

img.prava_img{ width: 205px; height: 15px; margin-bottom: 10px; }


/* STREDNI CAST ESHOPU */
div#stred { width: 530px; float: left; }
div#stred h1{ margin: 10px;}

div#menu { line-height: 60px; height: 60px; background: #000 url(../layout-grafika/menu.gif) no-repeat; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; text-transform: uppercase; }
div#menu ul li{ float: left; width: 106px; text-align: center; list-style-type: none; }
div#menu ul li a{ color: #FFF; font-size: 11px; font-weight: bold; font-size: 12px; text-decoration: none; }
div#menu ul li a:hover { color: #FFFF00; }

div#paticka { clear: both; line-height: 45px; height: 45px; background: #3d3d3d url(../layout-grafika/paticka.gif) no-repeat; }
div#paticka ul li{ float: left; width: 147px; list-style-type: none; text-align: center; font-size: 10px; }
div#paticka ul li a{ color: #FFF; }

div#rychle_kontakty{ text-align: center; color: #333; font-size: 10px; line-height: 20px; margin: 10px 0px 10px 0px; color:#FFFFFF; }
div#rychle_kontakty a{ color:#FFFFFF; }



/* STYLY DIVU */
div#uvod{padding:0 15px 0 15px;}
div#uvod ul{width: 290px; list-style:none; line-height:35px; float:left;}
div#uvod li{ font-weight:bold; color:#FF0000; }

div#info { font-weight:bold; float:left }
div#info h2 { padding:0 0 15px 0; text-transform: uppercase; font-size:15px; }
div#info p { padding:0 0 20px 15px; line-height:2em; }
div#info p b { padding:0 0 0 30px; }
.clr{ clear:both; }

div.produkt { width: 159px; height: 310px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; border: 1px solid #666; padding: 1px; float: left; }
html>body div.produkt { margin: 0px 0px 10px 10px; }
div.img {  border: 1px solid #666; margin-bottom: 1px;}
div.img img { border: 0px; }
div.produkt p.nazev { text-align: center; padding: 0px 3px 0px 3px; background-color: #cb1515; border-top: 5px solid  #cb1515; border-bottom: 5px solid #cb1515; color: #FFF; height: 45px; overflow: hidden; line-height: 15px;}
div.produkt p.nazev a { color: #FFF; text-decoration: none; }
div.produkt p.nazev a:hover { color: #FFFF00; }
div.produkt p.cena { background-color: #e9c033; padding: 3px; text-align: center; font-size: 10px; margin: 1px 0px 1px 0px;  font-family: Arial; font-weight: bold; }
div.produkt p.cena strong { font-size: 15px; color: #cb1515; display: block; }
div.produkt p.popis { font-size: 10px; padding: 5px; height: 60px; line-height: 15px; overflow: hidden; }

div.ikony { text-align: center; width: 100%;  }
div.ikony img { border: 0px; }

div.katalog_strankovani { clear: both; line-height: 30px; text-align: center; background-color: #EEE; margin: 10px; font-size: 10px; padding: 10px; }
div.katalog_strankovani a { color: #336699; font-size: 10px; }  
div.katalog_strankovani strong { padding: 5px; font-size: 10px; background-color: #666; font-weight: normal; color: #FFF }  

div.obsah { padding: 10px; }

div#nahled {  border: 2px solid #CCC; text-align: center; padding: 5px; margin: 0px 0px 10px 10px; float: left; }
div#nahled img { border: 0px; }
div.foto {  float: left; width: 103px; height: 78px; margin-bottom: 10px; margin-left: 10px; }
div.foto img { max-width:  100px;  max-height: 75px; border: 1px solid #CCC; padding: 2px;}

div.produkt_paticka { clear: both; }

div#produkt_hlavicka { margin: 10px; position: relative; }
div#produkt_hlavicka p { line-height: 20px; font-size: 11px; }

div#pridat_do_kosiku { text-align: center; padding: 13px 12px 12px 12px; width: 246px; height: 25px; color: #FFF; position: absolute; top: 10px; right: 10px; background-color: #4175d7; background: url(../layout-grafika/pridat_do_kosiku.gif) no-repeat; }
div#pridat_do_kosiku input { width: 35px; border: 1px solid #18487b; text-align: center; background-color: #e8f3fe;} 

div#popis {  margin: 10px;line-height: 25px; padding: 5px; }
div#popis strong { background-color: #dbe1f6; display: block; width: 130px; font-size: 10px; text-indent: 10px; text-transform: uppercase;}
div#popis_vnitrek {background-color: #dbe1f6; border: 1px solid #c4cfe5; padding: 5px; line-height: 22px; }

strong.cena { color: #1950b0; font-size: 16px; font-weight: normal; }
strong.cena_baleni { color: #ae0c00; font-size: 16px; font-weight: normal; }

div#parametry {  padding: 5px; margin: 10px; line-height: 25px; }
div#parametry strong { background-color: #CCC; display: block; width: 130px; font-size: 10px; text-indent: 10px;  text-transform: uppercase;}
table.parametry { width: 100%; background-color: #EEE; border: 1px solid #CCC; font-size: 11px; }
table.parametry .nazev { width: 150px; text-indent: 10px; border: 1px solid #FFF; border-bottom: 0px; }
table.parametry .hodnota { font-weight: bold; border: 1px solid #FFF; border-bottom: 0px;  border-left: 0px;  text-indent: 10px;}

form.vyhledavani{ border: 2px solid #CCC; margin: 10px; padding: 10px;}
table.vyhledavani { width: 100%; }
table.vyhledavani td { height: 30px; }
table.vyhledavani .label { width: 150px;}
table.vyhledavani .input select { width: 250px; padding: 4px; height: 2; }
table.vyhledavani .input input { width: 244px; padding: 2px;}
table.vyhledavani .input textarea { width: 340px; height: 300px; }
table.vyhledavani .input option { text-indent: 10px; }
table.vyhledavani .input button { width: 150px; }

table#nakupni_kosik{ border: 3px solid #CCC; border-top: 1px solid #CCC; margin: 10px; width: 508px; }
table#nakupni_kosik a { color: #660000; }         
table#nakupni_kosik td.nakupni_kosik_nazev{ line-height: 30px; border-bottom: 1px solid #EEE; border-top: 2px solid #CCC; text-indent: 5px;}
table#nakupni_kosik td.nakupni_kosik_cena{ line-height: 23px; padding-left: 5px; font-size: 11px; }
table#nakupni_kosik td.nakupni_kosik_kusu{ line-height: 23px; }
table#nakupni_kosik td.nakupni_kosik_kusu input{ width: 30px; text-align: center; }
table#nakupni_kosik td.nakupni_kosik_celkem{ line-height: 23px; text-align: right; padding-right: 5px; font-size: 11px;}
div#nakupni_kosik_menu { text-align: center; margin-bottom: 10px; }
div#nakupni_kosik_menu input { margin: 0px 5px 0px 5px; padding: 3px; }
div#kosik_celkem{ background-color: #dbe1f6; margin: 10px; border: 1px solid #c4cfe5; padding: 5px; line-height: 22px;  }
div#kosik_upozorneni { line-height: 50px; text-align: center; text-transform: uppercase; font-size: 14px; }

div.text{ padding: 10px;  line-height: 22px; background: #FFF; margin: 2px; }
div.text img { border: 1px solid #CCC; padding: 2px;  }
div.text ul{ margin-left: 20px;}
div.stred { text-align: center; }
div.text h2{ font-size: 14px; line-height: 30px; }
div.text h3{ font-size: 12px; line-height: 30px; }


div#mapa { width: 252px; height: 352px; margin-left: 10px;  float: left; }
html>body div#mapa { margin-left: 0px; }
div#mapa img { border: 1px solid #333; } 

div#kontakty { float: right; width: 230px;}
div#kontakty p { display: block;}

form.registrace{ border: 2px solid #CCC; margin: 10px; padding: 10px; font-size: 12px; }
table.registrace { width: 100%; }
table.registrace td { height: 35px; }
table.registrace .label { width: 150px;  }
table.registrace .input select { width: 255px;  border: 1px solid #CCC; padding: 4px; }
table.registrace .input select option { text-indent: 5px; padding: 2px; }
table.registrace .input input { width: 246px;  border: 1px solid #CCC; padding: 4px;}
table.registrace .input button { width: 150px; padding: 2px;  }

div#error{ background-color: #ffffcc; border: 2px solid red; line-height: 30px; margin: 10px; text-indent: 10px;}
div#registrovano { border: 2px solid #CCC; margin: 10px; padding: 10px; line-height: 1.5; }

div.adresa{border: 2px solid #CCC; margin: 10px; padding: 10px; }
div.adresa h2{ font-size: 14px; }
table.adresa  { width: 100%; }
table.adresa td { height: 35px; }
table.adresa .label { width: 150px;  }
table.adresa .input select { width: 255px;  border: 1px solid #CCC; padding: 4px; }
table.adresa .input select option { text-indent: 5px; padding: 2px; }
table.adresa .input input { width: 246px;  border: 1px solid #CCC; padding: 4px;}
table.adresa .input button { width: 150px; padding: 2px;  }


table.objednavka { width: 100%; line-height: 30px;}

div#vyhledavani { background: #f4eda5 url(../layout-grafika/katalog_pozadi.gif) repeat-y; }
img#img_vyhledavani { width: 205px; height: 23px; margin: 0px; margin-bottom: -3px; }                      

div#vyhledavani  form {  margin: 0px 10px 0px 10px; padding: 10px; }
div#vyhledavani  input { width: 160px; border: 1px solid #CCC; margin-bottom: 5px; }
div#vyhledavani  label { font-size: 10px; font-weight: bold; text-transform: upercase; }
div#vyhledavani  button{ width: 99px; margin-left: 33px; margin-bottom: 10px; }
div#vyhledavani  p { text-align: center; line-height: 30px; }
div#vyhledavani fieldset { border: 1px solid #999;  text-align: center; }
div#vyhledavani fieldset p { line-height: 22px; }
div#vyhledavani legend { background-color: #333; padding: 5px; margin-left: 10px; color: #FFF; font-size: 10px; text-transform: uppercase;}

p#error_login { font-size: 8px; color: red; }

div#skladem { margin: 10px; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center; }

div.razeni { padding:0 0 15px 10px; display:block; }

.red { color: #FF0033; }