body { font-family:Verdana, Arial, Verdana, Helvetica, sans-serif; font-size:10px; line-height: 1.3; position:relative;} html, body { height: 100%;width:100%; padding: 0; margin: 0;text-align: center;background: black; } /* LAYOUT SVATY GRAL */ /* fixni šířka 1000px */ #celek_obal { width: 982px; margin: 0 auto; min-height: 100%;_height: 100%; position:relative; background: gray;background: url('../layout/main_podklad.jpg') repeat-y 50% 0%;text-align: left} /* Opera 9.5 hack, mozna najdete nekdo i jine reseni */ /*@media all and (min-width: 0px){ #celek_obal { display: table; height: 100% } } */ /* Opera 9.5 hack, mozna najdete nekdo i jine reseni */ /* zahlavi 245px vyska */ /* paticka 69px vyska */ #main_obal { padding: 140px 0 56px 0; width: 982px; margin: 0 auto;background: url('../layout/zahlavi_podklad.jpg') no-repeat 50% 0%;} #zahlavi_obal { height:230px;position:absolute;top:0;left:0;width: 100%;} #obsah_obal { padding: 0;} #podobal {width:760px; float:right;padding: 0;} #obsah {width:570px;float:left;padding: 0;} #pravej_obal {float:right; width:220px;padding: 0;} #levej_obal { float:left;width:220px;padding: 0;} #zapati_obal {height: 56px; width: 100%; position:absolute; left: 0; bottom: 0; background: url('../layout/zapati_podklad.jpg') no-repeat 50% 0%; margin: 0 0 0 0;height: 56px;color:#5a5a5a;text-align: center;} #zapati_obal .in { width: 580px; margin: auto; text-align: center; padding:0 0 0 0;padding:5px 0 0 0;} #zapati_obal .in a{ color:#5a5a5a;} #zapati_obal .in a:hover{ color:#f16601;} /* KONEC LAYOUTU SVATY GRAL */ h1 { text-align: center; padding: 25px; margin: 0} h2 { color: #669966} h3 { color: #336699} a:link, a:visited { color: black; text-decoration: none;font-weight: normal;} a:hover, a:active, a:focus { text-decoration: none; color: #f16601;font-weight: normal} .hidden { display: none;} .cleaner{clear: both;} a img{ border: 0;} .obr_thumb{ margin:1px 1px 1px 1px; border: 1px solid silver; } .dir_thumb{ margin:1px 1px 1px 1px; border: 1px solid silver; float:left;} #home div H2 a {font-weight: bolder;font-size:16px;} #home div {margin:5px 5px 5px 5px;border:1px solid silver;clear:both;padding: 10px 10px 10px 10px; height:160px;} #home div img {border:1px Solid black; float:right;} #home div .vice {float:left;margin:40px 0 0 0 ;} #form_odber_novinek{margin: 0 10px 0 0;padding: 0 0 0 0;height: 50px;text-align:center; font-size: 12px; color: #f16601;} #form_odber_novinek p{margin: 0 0 0 0;padding: 0 0 0 0;} #form_odber_novinek form{ padding:0 0 0 5px;margin: 0 0 0 0;} #es_navi{position:absolute;top:240px;padding:0 0 0 0;margin: 0 0 0 10px; font-size: 10px; color: black; font-weight: normal;} #es_navi a{ padding:0 0 0 0;margin: 0 0 0 0; font-size: 10px; font-weight: bolder;} #es_title { position:absolute;top:255px;right:230px;font-size: 14px;margin: 0 0 0 auto; padding:0 0 0 0;} #es_title h2 { color:black;font-size: 15px;margin: 0 0 0 auto; padding:0 0 0 0;} #es_p_desc{clear:both;} #es_rozcestnik a{ border: solid 1px gray; background-color: Silver; float: left; margin: 1px 1px 1px 1px; padding: 2px 2px 2px 2px;} #es_rozcestnik a:hover{ border: solid 1px black; background-color: gray; float: left; margin: 1px 1px 1px 1px; padding:2px 2px 2px 2px;text-decoration: none;} #es_rozcestnik h2{ color: black; font-size: 10px;margin: 0;} #es_rozcestnik h2 a { color: black; font-size: 10px;margin: 1px 1px 0 0;} #es_rozcestnik h2 a:hover { color: black; font-size: 10px;margin: 1px 1px 0 0 ;} .es_karta{ border: 1px solid #94c1f2; width: 283px; min-height: 200px; float: left; margin: 1px 0 0 2px;} .es_karta h3 a{font-size:14px;font-weight:bolder;color:black;} .es_karta h3 a:hover{font-size:14px;font-weight:bolder; color: #f16601;} .es_prislusenstvi{ color:#fbc509;font-size:14px;font-weight:bolder;} .es_karta_prislusenstvi{ border: 1px solid #94c1f2; width: 283px;min-height:150px; float: left; margin: 1px 0 0 2px;} .es_karta_detail{ width: 565px; float: left; margin: 1px 0 0 2px;} .es_karta_detail h3 a{font-size:14px;font-weight:bolder;color:black;} .es_karta_detail h3 a:hover{font-size:14px;font-weight:bolder; color: #f16601;} .es_thumb{ margin:1px 1px 1px 1px; border: 1px solid #323232; height: 100px; float:right;} .es_thumb_detail{ margin: 2px 2px 2px 15px; border: 1px solid #323232; float: right;} .es_kosik{ margin: auto 0 0 auto; float:right;} .es_formkosik{ margin: 0 0 0 0;} .es_formkosik *{ color: black; font-size: 10px;} .es_formkosik select { color: black; font-size: 10px;} .es_formkosik select option { color: black; font-size: 10px;} .es_formkosik input { color: black; font-size: 10px;} .es_formkosik textarea { color: black; font-size: 10px;} .es_lupa{ margin: 0 0 0 10px;} .es_zpet{float:right; margin: 0 20px 0 0; font-weight: bolder;} .es_cena{ font-size: 15px; color: White; font-weight: bolder; margin: 0 0 0 5px;} .es_cena_preskrtnuta{ font-size: 15px; color: #94c1f2; font-weight: bolder; text-decoration: line-through;} .es_cena_sdph{ font-size: 9px; color: #94c1f2; font-weight: bolder;} .es_cena_sdph_preskrtnuta{ font-size: 9px; color: #94c1f2; font-weight: bolder;text-decoration: line-through;} .es_popis{ margin: 10px 0 0 0;} .es_popis * { font-size: 11px; color:white; margin:0; padding:0;} #es_kosik_del { width: 15px; height:15px;} #es_cara{ margin: 0px; padding: 0px; border: 1px solid #ffff00;} .es_zvyraz{ color: #ca0000;} .es_skladem{ color: #ffff00;} #es_topten .es_topten_item { margin: 10px 10px 0 0; text-align: center;line-height: 1.1;} #es_topten a {color:white;} #es_topten a:hover {color:#f16601;} #es_topten .es_topten_item .es_thumb_topten{ margin:1px; height: 60px; } .es_objednano{ margin: 300px auto auto 60px; font-size: 18px; color: red;} .logo{ position:absolute;left: 0px; top: 18px; width:270px;height:80px; padding:0; margin:0;} .techmenu{ position:absolute;left: 840px; top: 60px; padding:0; margin:0;display:none;} .techmenu ul{ padding:0; margin:0;list-style: none;} .techmenu ul li{ padding: 0 0 8px 0; } .techmenu ul li a{ background: url('../layout/topli.gif') no-repeat 0% 50%; color: #595959; font-size: 10px; padding: 0 0 0 10px; } .techmenu ul li a:hover{ color: #f16601; } .hledej_input{ float:left; border: 1px Solid silver; width: 120px; color:black; font-size: 12px; margin: 0px 1px 5px 1px;} .hledej_button{float:left; border: 1px Solid gray; background: #DDDDFF; color:black; font-size: 11px; margin: 0px 1px 5px 1px;} .errorbox{position:absolute; top: 50%; left: 25%; width:50%; padding:1px;border: Solid 1px red;} .errorbox .title{ color: Black; text-align:center; background-color: red; font-size:20px;} .errorbox .nadpis{ text-align:center;background-color: gray; font-size:16px; color: black;} .errorbox .text{border: Solid 5px White;text-align:center;color: red; background-color: white; font-size:15px} .messagebox{position:absolute; top: 15%; left: 25%; width:50%; padding:1px;border: Solid 1px black;} .messagebox .title{ text-align:center;background-color: Silver; font-size:20px; color: black;} .messagebox .text{border: Solid 5px White;text-align:center;color: red; background-color: white; font-size:15px} .struktura{ } .struktura ul{ margin: 0 0 0 0;padding: 0 0 0 20px;} .struktura ul li{ margin: 0 0 0 0;padding: 0 0 0 0;} .struktura ul li a{ margin: 0 0 0 0;padding: 0 0 0 0;} #leftpanel{ float: left; width: 220px; padding: 105px 0 0 0; margin:0 0 20px 0 ; } #leftpanel form{margin: 0 0 0 0;margin:0 0 0 15px;} .fulltext{ background: #464646;} .fulltext_nahled{ background: #f0f0f0; color:#f06601; border: 2px solid #DDDDFF; margin: 0 0 0 0; padding: 0 0 0 0;} #leftpanel .es_nadpis{padding: 0 25px 0 17px; font-size: 18px; font-weight: normal; color: #505050; text-align: left;} .vlevobox{ padding: 13px 2px 5px 2px; text-align: justify; color: #595959;border:1px solid red; } .box1{ background: url('../layout/one.gif') no-repeat 0px 5px;} .box2{ background: url('../layout/two.gif') no-repeat 0px 5px; } .box3{ background: url('../layout/three.gif') no-repeat 0px 5px; } .vlevobox strong{ display: block; padding: 5px 0 0px 40px; text-align: justify; color: #595959; } .vlevoboxnew{ padding: 0 2px 0 2px;} .vlevoboxnew p a { background: url('../layout/rboxnewbg.gif') no-repeat 0% 3px; padding: 3px 0 3px 25px; } .vlevoboxnew p{ padding: 5px 0; text-align: justify; line-height: 130%; color: #676767; } .vlevoboxnew img{ float:right; width:60px; margin: 0 0 0 2px;} .vlevobox ul{ list-style: none; border:1px solid red; } .vlevobox ul li{ padding: 1px 0; } .vlevobox ul li a{ background: url('../layout/leftli2.gif') no-repeat 0% 50%; padding: 0 0 0 10px; } .vlevobanner{text-align:center; position: relative; margin: 0 0 1px 5px;} .toplist {text-align:center; margin: 15px 0 0 0;} .menu2top{ height: 2px; overflow: hidden; } .menu2{background-color:white; } .menu2bottom{ height: 2px; overflow: hidden; margin: 0 0 0 0;} .menu2 ul{ list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; } .menu2 ul li{ padding: 15px 0 15px 2px; background: url('../layout/prechod.jpg') no-repeat 2px 0px; } .menu2 ul li a:link, .menu2 ul li a:visited{ color: black; font-weight: bolder; font-size: 14px; padding: 0 0 0 10px; } .menu2 ul li a:hover{ color: #f16601; } .menu2 ul li ul{ list-style: none; padding: 15px 0 15px 0; background: none ; } .menu2 ul li ul li{ padding: 0 0 0 10px; background: url('../layout/topli.gif') no-repeat 0px 7px; background: none; border:none; } .menu2 ul li ul li a:link, .menu2 ul li ul li a:visited{ background: url('../layout/topli.gif') no-repeat 0% 50%; color: #383838; font-weight: normal; padding: 0 0 0 10px; font-size: 12px; } .menu2 ul li ul li a:hover{ color: #f16601; } /* ROZCESTNIK MENU */ #podmenu .subpodmenu{;text-align:center; padding: 10px 10px 10px 10px; } #podmenu .subpodmenu a{color: black; font-weight: bolder; font-size: 16px; } #podmenu .subpodmenu a:hover{color: #f16601; font-weight: bolder; font-size: 16px; } /* ZAKLADNI MENU */ div#cssmenu{ top:210px; width:984px; margin: 0 0 0 0; padding: 0 0 0 0; height: 23px; position: absolute; text-align:center;background-color:black;} div#cssmenu ul {list-style: none;margin: 0 0 0 0; padding: 0 0 0 0;} div#cssmenu ul li { display: inline; padding: 0 20px 0 20px; margin: 0 0 0 0;} div#cssmenu ul li a { color: #ffffff; font-size: 15px; font-weight: bold; text-decoration: none; } div#cssmenu ul li a:hover{ color: #e1b504;text-decoration: none;} /* ESHOP MENU */ #es_menu {padding: 0 0 0 0;margin:0 0 0 15px;} #es_menu_sipka { background-image: url(sipka_vpravo_zvyr.gif); margin: 0 0 0 5px; padding: 0 0 0 0; } #es_menu ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } #es_menu ul li a {color:black;background: url('../layout/bullet-list.gif') no-repeat 0px 4px;padding: 0 0 0 10px; font-weight: bolder; font-size: 15px; font-style: italic;} #es_menu ul li a:hover {color:#f16601;text-decoration:none;} #es_menu ul li ul { padding: 0 0 5px 14px;} #es_menu ul li ul li {display:block;padding: 0 0 0 0;margin: 0 0 0 0;} #es_menu ul li ul li a{background: url('../layout/nic.gif') no-repeat 0px 0px;padding: 0 0 0 0;margin: 0 0 0 0; font-size: 11px; font-weight: bolder;} /* vzhled prvního schovanýho */ #es_menu ul li ul li ul {position:absolute;padding: 5px 5px 5px 5px; border: 1px solid black; background-color: gray;margin-top:-3px;left:0px;} #es_menu ul li ul li ul li {min-width:200px;} #es_menu ul li ul li ul li a{padding: 2px 2px 2px 2px; font-size: 12px; font-weight: bolder;} /* chovani */ #es_menu ul li ul li ul, #es_menu ul li ul li ul li ul, #es_menu ul li ul li ul li ul li lu, #es_menu ul li ul li ul li ul li lu li lu {visibility: hidden; } /* Schováno od třetího zanoření */ /* uroven 2 aktivace podurovne a schovani podpod*/ #es_menu ul li:hover ul, #es_menu ul li.hover ul {visibility:visible;} #es_menu ul li:hover ul li ul, #es_menu ul li.hover ul li ul {visibility:hidden;} /* uroven 3 aktivace podurovne a schovani podpod*/ #es_menu ul li ul li:hover ul, #es_menu ul li ul li.hover ul {visibility:visible;} #es_menu ul li ul li:hover ul li ul, #es_menu ul li ul li.hover ul li ul {visibility:hidden;} /* uroven 4 aktivace podurovne a schovani podpod*/ #es_menu ul li ul li ul li:hover ul, #es_menu ul li ul li ul li.hover ul {visibility:visible;} #es_menu ul li ul li ul li:hover ul li ul, #es_menu ul li ul li ul li.hover ul li ul {visibility:hidden;} /* uroven 5 aktivace podurovne a schovani podpod*/ #es_menu ul li ul li ul li ul li:hover ul, #es_menu ul li ul li ul li ul li.hover ul {visibility:visible;} #es_menu ul li ul li ul li ul li:hover ul li ul, #es_menu ul li ul li ul li ul li.hover ul li ul {visibility:hidden;} #rightpart{ float: right; width: 780px; overflow: hidden; } #obsah{ float: left; width: 536px;overflow: hidden; color: black; padding: 130px 0 10px 0;} #obsah *{ font-size: 10px;} .sign h1{ position:absolute;left: 10px; top: 0px; padding:0; margin:0; color:Silver;; font-weight: bolder; font-size: 10px; } #obsah h3 { margin: 0 0 0 5px;color:black;} #obsah h4 { color:#94c1f2;font-size:15px;} #obsah p{ clear: both; color: black; font-size: 10px; line-height: 130%; text-align: justify; margin: 0; padding: 5px 5px 0 5px;} #obsah p.head a{ color: #99cd61; } #obsah p.head a:hover{ color: #444444; } .refs{ padding: 10px 0; font-size: 12px; } .ref{ float: left; padding: 0 4px 20px 4px; } .ref a.img{ display: block; width: 150px; height: 105px; overflow: hidden; border: 7px solid #cfc9c9; margin: 5px 0 5px 0; padding: 0; } .ref .img img{ width: 150px; } .ref a.img:hover{ border: 7px solid #a5a5a5; } .ref a{ padding: 0 0 0 7px; } #obsah #trideni { text-align: right; margin: 0 0 0 0; padding: 0 0 0 0; float: right; color: silver;} #obsah #trideni form { margin: 0 0 0 0; padding: 0 0 0 0;} #obsah #trideni select { margin: 0 0 0 0; padding: 0 0 0 0; background-color: #5780ae; font-weight: bolder; color: white;} #obsah #trideni input { margin: 0 0 0 0; padding: 0 0 0 0; border: 1px Solid #0f4875; background-color: Silver; color:black;} #obsah .strankovani{clear:both;width:100%; margin: 0 0 0 0; padding: 0 0 0 0 ;} #obsah .strankovani p{ float: left;font-size: 12px; } #obsah .strankovani .sides{float: right;} #obsah .strankovani .sides span{ color:white; display: block; float: left; min-width: 10px; padding: 2px 4px 2px 4px; text-align: center; margin: 1px; font-size: 10px; } #obsah .strankovani .sides span.aktual{ border: 1px solid black; background: #f16601; } #obsah .strankovani .sides a{ border: 1px Solid #0f4875; background: #DDDDFF; display: block; float: left; min-width: 10px; padding: 2px 4px 2px 4px; text-align: center; margin: 1px; color: black; font-size: 10px;} #obsah .strankovani .sides a:hover{ text-decoration: none; background:#0f4875 ; color:white; } #rightpanel{float: right;width: 220px; overflow: hidden;font-size: 12px;padding: 100px 0 20px 0; } #rightpanel .es_nadpis{ padding: 0 25px 0 17px; font-size: 18px; font-weight: normal; color: #505050; text-align: right; margin: 0 0 0 0;} .vpravobox{ padding: 1px 1px 1px 0; font-size: 12px; margin: 4px 12px 6px 0;} .vpravoboxnew{ padding: 3px 1px 1px 2px;} .vpravoboxnew span.nadpis{ color: #f16601; background: url('../layout/newsnadpisbg.gif') no-repeat bottom left; font-weight : bolder; padding: 5px 0 0 17px;} .vpravoboxnew p a { color:red; font-size: 12px; background: url('../layout/rboxnewbg.gif') no-repeat 0% 3px; padding: 3px 0 3px 20px;} .vpravoboxnew p{ font-size: 11px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; line-height: 130%; color: black;} .vpravoboxnew div.datum{ font-size: 10px;font-style: italic; color: #676767;} .vpravoboxnew img{ float:right; padding: 0 0 0 0;margin: 0 0 5px 5px;} .vpravobox ul{ list-style: none; padding: 0 0 0 1px;margin: 0 0 0 0; line-height: 1.2;font-size:12px;} .vpravobox ul li{ margin:0;padding: 10px 0 0 5px;background: url('../layout/topli.gif') no-repeat 0% 50%;} .vpravobox ul li a:link, .vpravobox ul li a:visited{ margin:0;padding: 0; color:white;} .vpravobox ul li a:hover{ color:#f16601; margin:0;padding: 0;} .vpravobox strong{ display: block; padding: 5px 0 0px 20px; text-align: justify; color: #595959;} .stredbox{float:left; width:254px; border: 2px solid #DDDDFF; padding: 2px 1px 1px 0; font-size: 12px; margin: 0 1px 1px 0;} .stredboxnew{ text-align: left; min-height:145px; padding: 0 0 0 2px;} .stredboxnew span.nadpis{ color: #f16601; background: url('../layout/newsnadpisbg.gif') no-repeat bottom left; font-weight : bolder; padding: 5px 0 0 17px;} .stredboxnew p a { font-size: 12px; background: url('../layout/rboxnewbg.gif') no-repeat 0% 3px; padding: 3px 0 3px 25px;} .stredboxnew p{ margin: 0 0 0 0; padding: 0 0 0 0; line-height: 130%; color: White;} .stredboxnew div.datum{ font-size: 10px;font-style: italic; color: #676767;} .stredboxnew img{ border: 1px solid #DDDDDD; float:right; padding: 0 0 0 0; margin: 0 0 5px 5px;} #rss{ margin: 2px 0 2px 0; text-align: left; background: url('../layout/rss.gif') no-repeat left; padding: 1px 0 1px 20px;} #icq_on{ margin: 2px 0 2px 10px; text-align: left; background: url('../layout/icq_on.gif') no-repeat left; padding: 1px 0 1px 20px; color: black;} #icq_off{ margin: 2px 0 2px 10px; text-align: left; background: url('../layout/icq_off.gif') no-repeat left; padding: 1px 0 1px 20px; color: black;} #icq_na{ margin: 2px 0 2px 10px; text-align: left; background: url('../layout/icq_na.gif') no-repeat left; padding: 1px 0 1px 20px; color: black;}