/*
Projekt: 
Autor: Bohumír Rada ( profistranky.cz )
Posledni uprava: 
Vystupni zarizeni: screen, projection
*/
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: #FFF url(../layout-grafika/telo.gif) repeat-x 125px 125px ; 
    text-align: center; 
    color: #000; font-size: 12px; font-family: Verdana, Arial, lucida, sans-serif; 
    border-top: 5px solid #e29706;   
    line-height: 1.8;                                  
}

div#header { 
    position: absolute; top: 5px; left: 0px; 
    width: 100%; height: 120px; 
    background: #4b4b4b url(../layout-grafika/hlavicka.gif) repeat-x; 
    z-index: -1;
    border-top: 2px solid #f3fac5;
}

div#main {
    width: 900px;
    margin: 5px auto;     
    padding: 0px;
    text-align: left;
    position: relative;
}

div#logo {
    width: 200px; height: 95px; position: relative;
    margin-top: 5px;
    margin-bottom: 1px;
    
}
div#logo h1 { color: #FFF; width: 200px; height: 95px; }
div#logo span {
    width: 200px;
    height: 95px;
    background: url(../layout-grafika/logo.gif) no-repeat;
    position: absolute; top: -3px; left: 0px;
    display: block;
}

div#hlavicka_menu { position: absolute; top: 25px; right: 50px; color: #EEE; }
div#hlavicka_menu a { color: #ffcc66; }

div#menu {
    background: #d68f06 url(../layout-grafika/menu.gif) repeat-x;
    height: 20px;
    line-height: 20px;
    padding: 10px 0px 10px 0px;
    border: 1px solid #FFF;
    margin-bottom: 10px;
    width: 900px;
    text-align: center;
}
div#menu ul { border-left: 1px solid #FFF; height: 20px; margin-left: 29px; }
div#menu li { list-style-type: none;  padding: 0px 20px 0px 20px; float: left; border-right: 1px solid #FFF; }
div#menu li p a { color: #FFF; }

div#leva {
    float: left; 
    width: 638px;
    text-align: left;
    margin-right: 10px;    
}
div#leva h1 { background-color: #EEE; border: 1px solid #CCC; line-height: 30px; 
font-size: 14px; text-transform: uppercase; color: #e69d04; text-indent: 15px; 
margin-bottom: 7px;
}

div#prava {
    float: right; 
    width: 250px;
    text-align: left;
}

div#menu_produkty {
    width: 238px;
    border: 1px solid #CCC;
    padding: 5px;
}                   

div#menu_produkty div { border: 2px solid #666; }

ul.katalog li{ list-style-type: none; line-height: 25px; text-indent: 15px;}
ul.katalog li p a{ display: block;  }  
ul.katalog_podmenu{ margin-left: 15px; }

a.kategorie { background: url(../layout-grafika/kategorie.gif) no-repeat 5px; text-indent: 25px;}
a.sekce { background: url(../layout-grafika/sekce.gif) no-repeat 5px; text-indent: 25px;}

div#menu_produkty h2 { line-height: 30px; font-size: 15px; text-transform: uppercase; color: #e69d04; text-indent: 10px; border-bottom: 2px solid #CCC; font-family: Arial;}

div#paticka {
    clear: both;
    line-height: 35px;
    background-color: #333;
    height: 35px;
    color: #FFF;
    text-align: center;
}
div#paticka a { color: #ffcc66; }

div.produkt{
    width: 186px;
    float: left;
    border: 1px solid #CCC;
    text-align: center;
    padding: 10px;
    margin-bottom: 7px;
}

div.produkt img { border: 0px; }
div.img { width: 184px; height: 138px; margin-bottom: 10px; border: 1px solid #666; }
div.produkt h2 { font-size: 14px; overflow: hidden; margin-bottom: 5px; }
div.ikony { margin-top: 10px; }

div#partneri {
    text-align: center;
    margin-top: 20px;
    height: 120px;
    margin-left: 70px;
}


div#kosik_prehled {
    background-color: #589fd3;
    margin: 20px 0px 20px 0px;
    padding: 10px;
    color: #FFF;
}
div#kosik_prehled h3 { color: #FFF; font-size: 15px; font-family: Arial; text-transform: uppercase; border-bottom: 2px solid #73bcf1; margin-bottom: 0px; line-height: 30px; }
div#kosik_prehled li { list-style-type: none; color: #FFF;  border-bottom: 1px solid #73bcf1; text-indent: 0px; line-height: 30px; }
div#kosik_prehled li a { color: #330099; text-decoration: none; }
div#kosik_prehled li a:hover { color: #000033; text-decoration: underline; }
div#kosik_prehled p.celkem { color: #FFF; font-size: 14px; font-weight: bold; font-family: Arial; text-transform: uppercase; line-height: 50px; }
div#kosik_prehled p.kosik_menu a { color: #FFF; }
div#kosik_prehled p.kosik_menu a:hover { color: #000033; }


div.katalog_strankovani {
    clear: both;
    background: #d8daef;
    margin-bottom: 7px;
    text-align: center;
    padding: 5px 0px 5px 0px;
    line-height: 30px;
}

div.katalog_strankovani a { background-color: #336699; border: 1px; padding: 5px; color: #FFF;  }
div.katalog_strankovani strong { background-color: #202450; border: 1px; padding: 5px; color: #FFF; }

div#nahled {
    width: 320px;
    height: 240px;
    border: 1px solid #C3C3C3; padding: 2px;
}
div#nahled img { border: 0px; }

div#produkt_vypis {
    border: 1px solid #CCC;
    padding: 15px;
    margin-bottom: 7px;
    position: relative;
}

div#produkt_hlavicka {
    position: absolute;
    top: 15px; left: 360px;
}

div.foto {
    margin: 7px 0px 7px 0px;
    border:  3px solid #EEE;
    padding: 10px 10px 5px 10px;
}
div.foto img { border: 1px solid #C3C3C3; padding: 2px; margin-right: 3px; }

div#pridat_do_kosiku {
    background: #ffcc99;
    color: #000;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #cc9933;
}
div#pridat_do_kosiku input { width: 50px; margin: 0px 5px 0px 20px; border: 1px solid #993333; padding: 3px 7px 3px 7px; }
div#pridat_do_kosiku button { width: 80px; background: #993333; color: #FFF; border: 0px solid #FFF; padding: 3px 7px 3px 7px; }

div#parametry table {
    width: 100%;
    background: #EEE;
}

div#parametry table td { border: 1px solid #FFF; line-height: 25px; height: 25px; text-indent: 5px;}

table#nakupni_kosik{ border: 3px solid #CCC; border-top: 1px solid #CCC; margin: 7px 0px 7px 0px; width: 100%; }
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: 7px 0px 7px 0px; border: 1px solid #c4cfe5; padding: 5px; line-height: 22px;  }
div#kosik_upozorneni { line-height: 50px; text-align: center; text-transform: uppercase; font-size: 14px; }

form.registrace{ border: 1px solid #CCC; margin: 7px 0px 7px 0px; padding: 20px; 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.adresa{border: 1px solid #CCC; margin: 7px 0px 7px 0px;  padding: 20px; }
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;  }

strong.popisek { line-height: 30px; font-family: Arial; font-size: 14px; letter-spacing: 2px; }

h2.kontakty {
    font-size: 14px; line-height: 30px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 7px;
    margin-top: 10px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: Arial;
    color: #666;
}

div#vyhledavani  form {  margin: 0px 10px 0px 10px; padding: 0px; }
div#vyhledavani  input { width: 160px; border: 1px solid #CCC; margin-bottom: 5px; }
div#vyhledavani  td.label {  width: 130px; vertical-align: top; }
div#vyhledavani  button{ width: 99px; 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;}
div#vyhledavani textarea { width: 270px; border: 1px solid #CCC; }

div#error {
    line-height: 30px;
    text-align: center;
    color: red;
}