/* Obecne elementy */
html, body { height: 100%;padding: 0;margin: 0; }
body { font-size: 13px; font-family: Arial, sans-serif; text-align: center; }
h1{ font-size: 2em; }
h2{ font-size: 1.8em; }
h3{ font-size: 1.3em; }
h4{ font-size: 1em; font-weight: bold; }
h5{ font-size: 1em; }
#obalka-stranky{ height: auto;min-height: 100%;_height: 100%;margin: 0 auto;position: relative; padding-bottom: 40px; }
#hlaska { font-weight: bold; padding: 10px 0; }
    
/* Vlastnosti */
.hid{ display: none; }
.valign-top{ vertical-align: top; }
.radkovani-vetsi{ line-height: 150%; }
.vlevo { float: left; }
.vpravo { float: right; }
.cleaner { clear: both; width: 100%; height: 0px;}
.text-vlevo { text-align: left; }
.text-vpravo { text-align: right; }
.text-na-stred { text-align: center; }
.text-do-bloku { text-align: justify; }
.bez-paddingu { padding: 0; }
.bez-marginu { margin: 0; }
.bez-ohraniceni { border: none; }
.pruhledny { background: transparent none; }
.max-sirka { width: 100%; }
.mensi-pismo { font-size: 80%; }
.tucny  { font-weight: bold; }
.normalni-pismo { font-size: 100%; }
.vetsi-pismo { font-size: 120%; }
.posledni { margin-bottom: 0px; padding-bottom: 0px; }
.kurzor-sipka { cursor: default; }
.kurzor-otaznik { cursor: help; }
.kurzor-ruka { cursor: pointer; }
.transparent { width: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); 
               -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }


/* ============================ konkretne obecne elementy ============================ */
body{  }
a { color: #00f; }
h1 { color: #000000; font-weight: normal; margin: 5px 0 10px 0; font-size: 2.5em; }
h2 { color: #000; font-weight: normal; margin-bottom: 0; padding-bottom: 0;}
hr { width: 100%; height: 1px; margin: 8px 0; border: 0px; }
#chyba {  }
#hlaska {  }
.fotka{ width: 120px;float: left;text-align: center }



/* ============================ Hlavicka ============================ */

#hlavicka { width: 100%; height: 100px; text-align: center; }
#hlavicka-stred { width: 1000px; height: 100%; margin: 0px auto;  }
#hlavicka #logo { float: left; }
#hlavicka #logo-nazev { float: left;  }

#hlavicka #prihlaseni-form { display: none; position: absolute; top: 5px; z-index: 100; }
#hlavicka #prihlaseni-form form { background: rgba(255,255,255, 0.9); }
#hlavicka #prihlaseni-form form .vnitrek { padding: 14px 19px; }
#hlavicka #prihlaseni-form #vlevo { width: 62%; float: left; }
#hlavicka #prihlaseni-form label { width: 58px; display: block; float: left; }
#hlavicka #prihlaseni-form .prihl-input { width: 118px; height: 18px; margin-bottom: 2px; float: left; }
#hlavicka #prihlaseni-form #prihl-tlacitko { margin-top: 6px; }
#hlavicka #prihlaseni { width: 335px; float: right; position: relative; top: 103px; color: #d50606; }
#hlavicka #prihlaseni .kosik { position: absolute; top:-4px; margin-left:16px; }
#hlavicka #prihlaseni .kosik-text { margin-left: 48px }

/* Horizontalni menu v hlavicce */
#hlavicka #horizontalni-menu { width: 772px; float: right; font-weight: bold; }
#hlavicka #horizontalni-menu a {  }
#hlavicka #horizontalni-menu a:hover { color: #0000ff; }

/* Vysouvací menu */
.vysouvacky {position: relative; }
.vysouvaci_menu { display: none; left: 0; top: 0; position: absolute; text-align: left; padding: 6px; margin-top: 0px; }
.vysouvaci_menu a { padding: 0 6px 6px 3px; line-height: 1.5em; text-decoration: none;}
.vysouvaci_menu a:hover { text-decoration: underline;}


/* ============================ Boxy ============================ */

#stranka{ width: 1000px; margin: 0px auto; text-align: left; }
#stranka table{ font-size: 1em; }
#stranka table tr td{ font-size: 1em; }

#telo { }
#telo-vnitrek{ padding: 13px 14px 14px 14px; }
#telo ul { margin: 0 0 0 0;padding-left: 17px;}
#telo ul li{ margin-left: 0; }

#stred{ margin-left: 235px; }
#stred-paticka { clear: both; }
#stred .uvod-text { padding-top: 10px; padding-bottom: 30px; }


/* Rozcestník */
.rozcestnik-4{ }
.rozcestnik-4 .polozka{ width: 205px; height: 218px; float: left; }
.rozcestnik-4 .polozka:hover{  }
.rozcestnik-4 .polozka a{  }
.rozcestnik-4 #item-1 a{  }
.rozcestnik-4 #item-2 a{  }
.rozcestnik-4 #item-3 a{  }
.rozcestnik-4 #item-4 a{  }

/* Levy sloupec */
#sloupec-levy { width: 220px; float: left; }
.sloupec-box { width: 220px; margin-bottom: 14px; }
.sloupec-box .sloupec-box-hlavicka { height: 32px; line-height: 32px; }
.sloupec-box .druha {  }
.sloupec-box .sloupec-box-hlavicka span { padding-left: 14px; }
.sloupec-box .sloupec-box-telo { padding: 8px 5px 3px 14px; line-height: 24px; }
.sloupec-box .sloupec-box-telo #kontakt p { margin: 0; padding: 0; }
.sloupec-box .sloupec-box-paticka { height: 11px; }

/* Pravý sloupec */
#sloupec-pravy { width: 220px; float: right; }
.sloupec-box { width: 220px; margin-bottom: 14px; }
.sloupec-box .sloupec-box-hlavicka { height: 32px; line-height: 32px;  }
.sloupec-box .druha {   }
.sloupec-box .sloupec-box-hlavicka span { padding-left: 14px; }
.sloupec-box .sloupec-box-telo { padding: 8px 5px 3px 14px; line-height: 24px; }
.sloupec-box .sloupec-box-telo #kontakt p { margin: 0; padding: 0; }
.sloupec-box .sloupec-box-paticka { height: 11px; }




/* ============================ Modul slider ============================ */
.slider { width: 95%; height: 260px;  }
.slider .bx-prev { position: relative; top: -90px; left: -30px; }
.slider .bx-next { position: relative; top: -90px; left: 615px; }
.slider .pager-link { position: relative; top: -50px; left: 400px; }
.slider #slider1 {  }
.slider img { border: 0px; }
.slider p { margin: 0px; padding: 0px; }
.slide { height: 184px; background-repeat: no-repeat; }
.slide .nadpis { padding: 6px 27px; float: left; }
.slide .nadpis a { text-decoration: none; border:0px;}
.slide .nadpis a:hover{ text-decoration: underline; }
.slide .text { margin-left: 320px; padding-top: 0px; padding-right: 5px; }

/* Slider fotky */
.slider-fotky { width: 95%; height: 200px; position: relative; left: 20px; margin: 30px 0 10px 0; }
.slider-fotky .bx-prev { position: relative; top: -90px; left: -30px; }
.slider-fotky .bx-next { position: relative; top: -90px; left: 615px; }





/* ============================ Modul stránky ============================ */

/* Drobeckova navigace */
.drobeckova { height: 18px; }
.drobeckova .prvni { float: left; padding-right: 7px; }
.drobeckova .polozka { padding-left: 17px; float: left; }

/*Stranky*/
#stranka-text{  }
#stranka-text p{ margin: 0; margin-bottom: 5px; padding: 0; }
#stranka-text .left{ float: left; margin: 10px; margin-left: 0; }

/* Fotky pod stránkou */    
.stranka-fotky{ }
.stranka-fotky .fotka{ width: 200px; height: 100px; padding: 5px;margin: 0 10px 10px 0; float: left; border: 1px solid #ddd;
            border-radius: 10px ; -moz-border-radius: 10px ; -moz-border-radius: 10px ; -webkit-border-radius: 10px ; -webkit-border-radius: 10px}
.stranka-fotky .fotka a{ margin: auto; padding: auto; }



/* ============================ E-shop / Produkty ============================ */


/* Kategorie menu */
.kategorie-menu .polozka{  }
.kategorie-menu .polozka .rozbalovac, .kategorie-menu .polozka .odsazovac{ width: 17px; height: 10px; float: left; margin-top: 7px; }
.kategorie-menu .polozka .rozbalovac { cursor: pointer; }
.kategorie-menu .submenu { padding-bottom: 5px; padding-left: 5px; font-size: 0.9em; }
.kategorie-menu .polozkapod{  }
.kategorie-menu .active{ color: #444; text-decoration: none; font-weight: bold; }


/* Produkty */
.produkty {  }
.produkty .produkt { width: 241px; margin-right: 16px; margin-bottom: 19px; float: left; text-align: center; }
.produkty .bez-marginr { margin-right: 0px; }
.produkty .produkt-vnitrek { height: 255px; }
.produkty .fotka { height: 195px; line-height: 165px; margin: auto; padding-top: 7px; vertical-align: middle; }
.produkty .fotka a { margin: auto; }
.produkty .fotka img { margin: auto; vertical-align: middle; }
.produkty .popis { padding: 0px 20px; }
.produkty .popis .akce{ float: right; position: relative; top:-5px; right: -5px; }
.produkty .popis .nazev { height: 2.2em; font-weight: bold; margin: auto; }
.produkty .popis .cena { color: #4e4e4e; font-size: 0.9em; padding-top: 5px; margin: auto;}

/* Produkt */
#produkt {  }
#produkt .nahore{ height: 200px; }
#produkt .nahore .fotka-hlavni{ width: 55%; height: 190px; float: left; text-align: center; vertical-align: middle; }
#produkt .nahore .fotka-hlavni a{ margin: auto; }
#produkt .nahore .fotka-hlavni img{  }
#produkt .nahore .akce{ float: right; position: relative; top:-5px; right: -5px; }
#produkt .nahore .vpravo { width: 40%; float: right; }
#produkt .nahore .vpravo .radek { height: 30px; }
#produkt .nahore .vpravo label { width: 70px; float: left; display: block; }
#produkt .nahore .vpravo .parametry{ margin-top: 0px; }
#produkt .nahore .vpravo .stav{ padding-left: 0px; font-weight: bold; }
#produkt .nahore .vpravo .cena{ font-weight: bold; }
#produkt .nahore .vpravo .koupit{ width: 123px; height: 31px; display: block; }
#produkt #dalsifoto { height: 80px; }
#produkt #dalsifoto a { display: block; float: left; margin-left: 10px; }

/* Kosik */
#kosik {  }
#kosik .tabulka { width: 90%; padding-top: 10px; margin-bottom: 30px; }
#kosik .tabulka td, #kosik .tabulka th { height: 25px; }
#kosik .odeslat { width: 169px; height: 35px; margin-left: 0px; margin-top: 0px; display: block; }
#kosik form { margin-left: 80px; }
#kosik form .radek{ height: 30px; }
#kosik form label{ float: left; width: 130px; text-align: right; margin-right: 5px; }
#kosik form .checkbox{ margin-left: 135px; float: left; }
#kosik form .labelcheck{ float: none; width: 300px;}

/* Objednavka */
#objednavka{ width: 660px; margin-top: 20px; }
.box { background-repeat: no-repeat; padding: 20px 20px; }
#objednavka form{  }
#objednavka form #fotka{ float: right; width: 250px; height: 83px; }
#objednavka form #fotka img{  }
#objednavka form .radek{ clear: both; height: 30px; padding-top: 10px;}
#objednavka form label { width: 220px; height: 36px; line-height: 36px; padding-right: 8px; text-align: right; display: block; float: left; }
#objednavka form label span { width: 10px; height: 12px; display: block; float: right; font-weight: normal; font-size: 0.8em; margin: 0px; padding: 0px; }
#objednavka form .oddo { width: 25px; padding-right: 6px; }
#objednavka form .vybertevuz { margin: 30px 0; }
#objednavka form input, #objednavka form textarea, #objednavka form select { display: block; float: left; padding: 8px; border: 1px solid #a3825b;  }
#objednavka form .oddoinput { width: 120px; }
#objednavka form .radio { width: 14px; margin-top: 10px; padding-top: 0px; padding-right: 6px; border: 0px; }
#objednavka form .radiolabel { width: 25px; padding-right: 10px; text-align: left; }
#objednavka form textarea{ height: 70px; }
#objednavka form table td{ padding-bottom: 1px; }
#objednavka form .required, #objednavka form th { font-weight: normal; }
#objednavka form #frm-send { width: 155px; height: 40px; border: 0px; padding-top: 4px; background-image: url('/img/tlacitko.png'); }
#objednavka form #frm-send:hover {   }





/* ============================ Paticka ============================ */

#paticka { width: 100%;position: absolute;bottom: 0;left: 0; }
#paticka-vnitrek { width: 1000px; height: 37px; margin: auto; text-align: right;  }
.paticka-text { padding: 10px 0 0 0; }