/* ------------------------------------ LUMEN ENERGY http://www.lumen-energy.com ------------------------------------ (c)2008 Menef s.r.o. e-mail: info@menef.cz ------------------------------------ SCREEN media updated: 14.04.2009 ------------------------------------ */ /* --------------------------------[ZAKLAD]----------------------------------- */ body{ margin: 0; padding: 0; background-color: #e2e2e2; color: #333; font-family: "Arial CE", Arial, Tahoma, Helvetica, Verdana, sans-serif; font-size: 0.8em; text-align: center; background: #f1f1f1 url(../images/background.gif) repeat-x 0 0;} *{ padding: 0; margin: 0; } img{ border: 0; } a{ color: #000000; text-decoration: underline; } a:hover{ color: #ff3c00; } hr { background: #cccccc url(../images/line.gif) repeat-x 0 0; } /* "Lucida Console", sans-serif, Tahoma, "Arial CE", Arial, Helvetica, Verdana; */ h1 { color: #000000; font-family: Verdana, Tahoma, sans-serif, "Arial CE", Arial, Helvetica; font-size: 1.6em; font-weight: bold; padding: 10px 0px 15px 0px; margin: 0px; } h2 { color: #000000; font-family: Verdana, Tahoma, sans-serif, "Arial CE", Arial, Helvetica; font-size: 1.5em; font-weight: bold; padding: 10px 0px 15px 0px; margin: 0px; } h3 { color: #000000; font-family: Verdana, Tahoma, sans-serif, "Arial CE", Arial, Helvetica; font-size: 1.2em; font-weight: bold; padding: 10px 0px 15px 0px; margin: 0px; } p { text-align: justify; line-height: 1.4em; } .noDisplay{ display: none; } .clearBoth{ clear: both; } input, select{ color: #333; font-size: 1em; font-family: "Arial CE", Arial, Tahoma, Helvetica, Verdana, sans-serif; line-height: 12pt; } #wrap { position: relative; top: 0; width: 942px; height: auto; border: 0px solid #fff; background: #f1f1f1 url(../images/background_top.jpg) top center no-repeat; padding: 0; margin: auto; text-align: left; } /* * ---------------------------------[ HEADER ]--------------------------------- */ #header { top: 0; margin: auto; padding:0; border-top: 1px solid #000; } /* #header #header_logo { position: absolute; top:55px; left: 20px; z-index: 1; } */ #header #header_logo { position: absolute; top:65px; left: 27px; z-index: 1; } #header #header_line_prer { position: absolute; top: 97px; right: 15px; height: 2px; width: 718px; background: url(../images/background_top_line_prer.png) top right no-repeat; } #header #header_line { position: absolute; top: 97px; right: 15px; height: 2px; width: 718px; background: url(../images/background_top_line.gif) top right no-repeat; } #header #header_jazyk_verze { position: absolute; top: 70px; right: -37px; } #header #header_jazyk_verze .verze_cz_1 { position: relative; height: 24px; width: 35px; top: 0px; background-color: Aqua; background: url(../images/jazykbg1.gif) top right no-repeat; } #header #header_jazyk_verze .verze_sk_0 { position: relative; height: 24px; width: 35px; top: 4px; background-color: Blue; background: url(../images/jazykbg0.gif) top right no-repeat; } #header #header_jazyk_verze .verze_cz_0 { position: relative; height: 24px; width: 35px; top: 0px; background-color: Aqua; background: url(../images/jazykbg0.gif) top right no-repeat; } #header #header_jazyk_verze .verze_sk_1 { position: relative; height: 24px; width: 35px; top: 4px; background-color: Blue; background: url(../images/jazykbg1.gif) top right no-repeat; } .verze_text_red { font-weight: bold; color: #ff0000; text-decoration: none; font-size: 85%; height: 24px; width: 35px; display: block; text-align: center; padding: 4px 0px 0px 2px; } .verze_text_black { font-weight: bold; color: #000000; text-decoration: none; font-size: 85%; height: 24px; width: 35px; display: block; text-align: center; padding: 5px 0px 0px 2px; } /* * ---------------------------------[ BODY ]--------------------------------- */ #content { position: relative; margin: 0 13px 0 20px; top: 18px; width: 909px; } #conLeft { float: left; width: 268px; } #conRight { float: right; width: 584px; } #conRight ul { margin-left: 2em; padding-left: 0; } #conRight ul li { text-align: justify; line-height: 1.4em; } #conRight ol { margin-left: 2em; padding-left: 0; } #conRight ol li { text-align: justify; line-height: 1.4em; } #conLeft #conLeft_odsaz { height: 180px; } /* Vyrobci elektriny */ #conLeft #div_vyrobci { top: 235px; left: 20px; width: 268px; height: 124px; } #conLeft #div_vyrobci a { display: block; width:100%; height:100%; overflow:hidden; background: url(../images/vyrobci_bg.png) 0 0 no-repeat; } #conLeft #div_vyrobci a:hover { background-position: 0 -132px; } #conLeft #div_vyrobci_active { top: 235px; left: 20px; width: 268px; height: 124px; } #conLeft #div_vyrobci_active a { display: block; width:100%; height:100%; overflow:hidden; background: url(../images/vyrobci_bg_activ.png) 0 0 no-repeat; } #conLeft #div_vyrobci_active a:hover { background-position: 0 0; } #top_menu #symbol_sekce_vyrobci { position: absolute; right: -20px; top: -15px; width: 149px; height: 201px; background: url(../images/vyrobci_symbol.png) no-repeat right top; } #top_menu #header_sekce_vyrobci_line2 { position: absolute; right: 0; top: 199px; width: 584px; height: 4px; background: url(../images/vyrobci_line2.gif) no-repeat right top; } /* KONEC Vyrobci elektriny */ .leftLine { background: url(../images/left_line.gif) 50% 50% no-repeat; width: 273px; height: 2px; margin: 15px 0 15px 0; padding: 10px 0 10px 0; } #conRight #top_menu { position: relative; height: 220px; left: 0; } #nav_top { background-color: Blue; } /* navigation menu */ #top_menu #navigation { position: absolute; right: 0; top: 178px; width: 584px; height: 1em; font-size: 0.9em; font-family: "Arial CE", Arial, Tahoma, Helvetica, Verdana, sans-serif; } #top_menu #navigation ul { padding:0; list-style-type: none; } #top_menu #navigation li { float:left; width: auto; position:relative; color: #ccc; } #top_menu #navigation li a { color: #ccc; text-decoration: none; } #top_menu #navigation .a_vyrobci a:hover { color: #bfd2e3; text-decoration: underline; } #top_menu #navigation .active_vyrobci { color: #bfd2e3; text-decoration: none; font-weight: bold; } #top_menu #navigation .nav_top_arrow_vyrobci { background: url(../images/vyrobci_arrow.gif) 50% 75% no-repeat; height: 13px; width: 30px; line-height: 1em; } #top_menu #navigation .a_velko a:hover { color: #9bce72; text-decoration: underline; } #top_menu #navigation .active_velko { color: #9bce72; text-decoration: none; font-weight: bold; } #top_menu #navigation .nav_top_arrow_velko { background: url(../images/velko_arrow.gif) 50% 75% no-repeat; height: 13px; width: 30px; line-height: 1em; } #top_menu #navigation .a_firmy a:hover { color: #ed9d74; text-decoration: underline; } #top_menu #navigation .active_firmy { color: #ed9d74; text-decoration: none; font-weight: bold; } #top_menu #navigation .nav_top_arrow_firmy { background: url(../images/firmy_arrow.gif) 50% 75% no-repeat; height: 13px; width: 30px; line-height: 1em; } #top_menu #navigation .a_domacnost a:hover { color: #e7a633; text-decoration: underline; } #top_menu #navigation .active_domacnost { color: #e7a633; text-decoration: none; font-weight: bold; } #top_menu #navigation .nav_top_arrow_domacnost { background: url(../images/domacnost_arrow.gif) 50% 75% no-repeat; height: 13px; width: 30px; line-height: 1em; } #top_menu #navigation .a_clanek a:hover { color: #ccc; text-decoration: underline; } #top_menu #navigation .active_clanek { color: #ffffff; text-decoration: none; font-weight: bold; } #top_menu #navigation .nav_top_arrow_clanek { background: url(../images/clanek_arrow.gif) 50% 75% no-repeat; height: 13px; width: 30px; line-height: 1em; } /* KONEC - navigation menu */ /* Velkoodberatele */ #top_menu #header_velko { position: absolute; top: -7px; left: 1px; width: 192px; height: 296px; background: url(../images/velko_bg.png) no-repeat 0 0; } #top_menu #header_velko .header_velko_a a { position: absolute; left: 0; top: 244px; width: 183px; height: 46px; overflow:hidden; background: url(../images/velko_bg_text.png) right top no-repeat; } #top_menu #header_velko .header_velko_a a:hover { background-position: 0 -59px; } /* #wrap #content #conRight #top_menu #header_velko p { margin: 296px 2px 5px 2px; text-align: center; } */ #wrap #content #conRight #top_menu #header_velko ul { margin-top: 296px; } #wrap #content #conRight #top_menu #header_velko ul li { padding-left: 0em; line-height: 1.5em; list-style-position: inside; list-style-image: url(../images/velko_li.gif); list-style-type: none; } #wrap #content #conRight #top_menu #header_velko .line { margin-top: 10px; left: 0; width: 192px; height: 15px; background: url(../images/velko_line1.png) top center no-repeat; } #top_menu #header_sekce_velko { position: absolute; top: 68px; left: 1px; width: 192px; height: 99px; background: url(../images/sekce_velko_bg.png) no-repeat 0 0; } #top_menu #header_sekce_velko .headerSekceVelkoActive a { position: absolute; left: 0; top: 55px; width: 150px; height: 46px; overflow:hidden; background: url(../images/velko_bg_text_small.png) 0 -63px no-repeat; } #top_menu #header_sekce_velko .headerSekceVelkoA a { position: absolute; left: 0; top: 55px; width: 150px; height: 46px; overflow:hidden; background: url(../images/velko_bg_text_small.png) right top no-repeat; } #top_menu #header_sekce_velko .headerSekceVelkoA a:hover { background-position: 0 -63px; } #top_menu #symbol_sekce_velko { position: absolute; right: -10px; top: -15px; width: 114px; height: 214px; background: url(../images/velko_symbol.png) no-repeat right top; } #top_menu #header_sekce_velko_line2 { position: absolute; right: 0; top: 199px; width: 584px; height: 4px; background: url(../images/velko_line2.gif) no-repeat right top; } /* KONEC Velkoodberatele */ /* Firmy */ #top_menu #header_firmy { position: absolute; top:-13px; left: 199px; width: 193px; height: 302px; background: url(../images/firmy_bg.png) no-repeat 0 0; } #top_menu #header_firmy .header_firmy_a a { left: 0; top: 247px; width: 183px; height: 46px; overflow:hidden; position: absolute; background: url(../images/firmy_bg_text.png) right top no-repeat; } #top_menu #header_firmy .header_firmy_a a:hover { background-position: 0 -55px; } /* #wrap #content #conRight #top_menu #header_firmy p { margin: 302px 2px 5px 2px; text-align: center; } */ #wrap #content #conRight #top_menu #header_firmy ul { margin-top: 302px; } #wrap #content #conRight #top_menu #header_firmy ul li { padding-left: 0em; line-height: 1.5em; list-style-position: inside; list-style-image: url(../images/firmy_li.gif); list-style-type: none; } #wrap #content #conRight #top_menu #header_firmy .line { margin-top: 10px; left: 0; width: 192px; height: 15px; background: url(../images/firmy_line1.png) top center no-repeat; } #top_menu #header_sekce_firmy { position: absolute; top: 68px; left: 158px; width: 192px; height: 99px; background: url(../images/sekce_firmy_bg.png) no-repeat 0 0; } #top_menu #header_sekce_firmy .headerSekceFirmyActive a { position: absolute; left: 8px; top: 55px; width: 150px; height: 46px; overflow:hidden; background: url(../images/firmy_bg_text_small.png) 0 -63px no-repeat; } #top_menu #header_sekce_firmy .headerSekceFirmyA a { position: absolute; left: 8px; top: 55px; width: 150px; height: 46px; overflow:hidden; background: url(../images/firmy_bg_text_small.png) right top no-repeat; } #top_menu #header_sekce_firmy .headerSekceFirmyA a:hover { background-position: 0 -63px; } #top_menu #symbol_sekce_firmy { position: absolute; right: -10px; top: -15px; width: 114px; height: 214px; background: url(../images/firmy_symbol.png) no-repeat right top; } #top_menu #header_sekce_firmy_line2 { position: absolute; right: 0; top: 199px; width: 584px; height: 4px; background: url(../images/firmy_line2.gif) no-repeat right top; } /* KONEC Firmy */ /* Domacnost */ #top_menu #header_domacnost { position: absolute; top:-8px; left: 398px; width: 192px; height: 297px; background: url(../images/domacnost_bg.png) no-repeat 0 0; } #top_menu #header_domacnost .header_domacnost_a a { left: 0; top: 245px; width: 183px; height: 46px; overflow:hidden; position: absolute; background: url(../images/domacnost_bg_text.png) right top no-repeat; } #top_menu #header_domacnost .header_domacnost_a a:hover { background-position: 0 -60px; } /* #wrap #content #conRight #top_menu #header_domacnost p { margin: 302px 2px 5px 2px; text-align: center; } */ #wrap #content #conRight #top_menu #header_domacnost ul { margin-top: 302px; } #wrap #content #conRight #top_menu #header_domacnost ul li { padding-left: 0em; line-height: 1.5em; list-style-position: inside; list-style-image: url(../images/domacnost_li.gif); list-style-type: none; } #wrap #content #conRight #top_menu #header_domacnost .line { margin-top: 10px; left: 0; width: 192px; height: 15px; background: url(../images/domacnost_line1.png) top center no-repeat; } #top_menu #header_sekce_domacnost { position: absolute; top: 68px; left: 323px; width: 192px; height: 99px; background: url(../images/sekce_domacnost_bg.png) no-repeat 0 0; } #top_menu #header_sekce_domacnost .headerSekceDomacnostActive a { position: absolute; left: 6px; top: 55px; width: 150px; height: 46px; overflow:hidden; background: url(../images/domacnost_bg_text_small.png) 0 -64px no-repeat; } #top_menu #header_sekce_domacnost .headerSekceDomacnostA a { position: absolute; left: 6px; top: 55px; width: 150px; height: 46px; overflow:hidden; background: url(../images/domacnost_bg_text_small.png) right top no-repeat; } #top_menu #header_sekce_domacnost .headerSekceDomacnostA a:hover { background-position: 0 -64px; } #top_menu #symbol_sekce_domacnost { position: absolute; right: -10px; top: -15px; width: 114px; height: 214px; background: url(../images/domacnost_symbol.png) no-repeat right top; } #top_menu #header_sekce_domacnost_line2 { position: absolute; right: 0; top: 199px; width: 584px; height: 4px; background: url(../images/domacnost_line2.gif) no-repeat right top; } /* KONEC Domacnost */ /* Clanek */ #top_menu #symbol_sekce_clanek { position: absolute; right: -20px; top: 10px; width: 124px; height: 166px; background: url(../images/clanek_symbol.png) no-repeat right top; } #top_menu #header_sekce_clanek_line2 { position: absolute; right: 0; top: 199px; width: 584px; height: 4px; background: url(../images/clanek_line2.gif) no-repeat right top; } /* KONEC Clanek */ #content_ObsahStrany { position: absolute; top: 220px; width: 584px; } /* * ---------------------------------[ LEFT MENU ]--------------------------------- */ .leftMenu { width: 273px; margin-top: 5px; margin-left: -5px; } .leftMenu .leftMenuTop { background: url(../images/left_menu_top.png) top right no-repeat; width: 273px; height: 16px; } .leftMenu .leftMenuBottom { background: url(../images/left_menu_bottom.png) top right no-repeat; width: 273px; height: 20px; } .leftMenu .leftMenuMiddle { background: url(../images/left_menu_middle.png) top right repeat-y; width: 273px; } .leftMenu .leftMenuMiddle h4 { color: #000000; font-family: Tahoma, "Arial CE", Arial, Helvetica, Verdana, sans-serif; font-size: 1.3em; font-weight: bold; padding: 10px 0px 5px 15px; margin: 0px; } .leftMenu .leftMenuMiddle h4 a { text-decoration: none; } .leftMenu .leftMenuMiddle h4 a:hover { text-decoration: underline; } .leftMenu .leftMenuMiddle ul { width: 220px; margin-left: 45px; text-decoration: none; } .leftMenu .leftMenuMiddle ul li { padding-left: 0; margin-left: 0; font-weight: bold; line-height: 1.6em; } .leftMenu .leftMenuMiddle ul li a { text-decoration: none; } .leftMenu .leftMenuMiddle ul ul { width: 210px; margin-left: 10px; margin-bottom: 4px; } .leftMenu .leftMenuMiddle ul ul li { padding-left: 0; margin-left: 0; font-weight: normal; font-size: 0.9em; line-height: 1.6em; } .leftMenu .leftMenuMiddle .li_vyrobci { list-style-image: url(../images/vyrobci_li.gif); } .leftMenu .leftMenuMiddle .li_velko { list-style-image: url(../images/velko_li.gif); } .leftMenu .leftMenuMiddle .li_firmy { list-style-image: url(../images/firmy_li.gif); } .leftMenu .leftMenuMiddle .li_domacnost { list-style-image: url(../images/domacnost_li.gif); } .leftMenu .leftMenuMiddle .li_clanek { list-style-image: url(../images/clanek_li.gif); } .leftMenu .leftBoxTop { background: url(../images/left_box_top.png) top right no-repeat; width: 273px; height: 16px; } .leftMenu .leftBoxBottom { background: url(../images/left_box_bottom.png) top right no-repeat; width: 273px; height: 20px; } .leftMenu .leftBoxMiddle { background: url(../images/left_box_middle.png) top right repeat-y; width: 273px; } .leftMenu .leftBoxMiddle h4 { color: #000000; font-family: Tahoma, "Arial CE", Arial, Helvetica, Verdana, sans-serif; font-size: 1.3em; font-weight: bold; padding: 10px 0px 5px 15px; margin: 0px; } /* * ---------------------------------[ FOOTER ]--------------------------------- */ #footer { height: 236px; margin: 35px auto auto auto; padding:0; background: #f1f1f1 url(../images/background_down.gif) repeat-x 0 0; font-size: 0.95em; border: 1px solid #f1f1f1; width: auto; } #footer #footer_width { width: 942px; margin: auto; } #footer #footer_width .footer_wid { width: auto; margin: 18px auto 15px auto; text-align: center; } #footer #footer_width .footer_line { width: auto; margin: auto; position: relative; } #footer #footer_width .footer_dow { width: auto; margin: 15px; top: 8px; text-align: right; } /* * ---------------------------------[ TABULKA ]--------------------------------- */ TABLE.tb_content {} TABLE.tb_content th { font-weight: bold; background-color: #353b3d; color: #ffffff; padding: 3px 5px 3px 3px; text-align: center; } TABLE.tb_content th a { color: #ffffff; } TABLE.tb_content td { font-weight: normal; padding: 3px 5px 3px 3px; } TABLE.tb_content .td1 { background-color: #d9d9d9; color: #4e4e4e; } TABLE.tb_content .td2 { background-color: #c8c8c8; color: #4e4e4e; } /* * ---------------------------------[ TABULKA FORMULAR ]--------------------------------- */ .textBox { border: 1px solid #999999; padding: 1px; } .textBoxDisabled { border: 1px solid #999999; padding: 1px; background-color: #cccccc; } .button { border: 1px solid #999999; padding: 1px 2px 1px 2px; font-size: 90%; color: #333333; background-color: #e3e4e4; } TABLE.tabForm { } TABLE.tabForm th { font-weight: normal; padding: 3px 5px 3px 3px; text-align: right; } TABLE.tabForm td { font-weight: normal; padding: 3px 5px 3px 3px; } TABLE.tabForm td h4 { color: #6F6F6F; font-size: 1em; font-weight: normal; padding: 10px 0px 0px 0px; margin: 0px; } TABLE.tabForm .line_h4 { border-bottom: 1px solid #B1B1B1; margin-bottom: 10px; margin-top: 10px; } TABLE.tabForm hr { color: #B1B1B1; border-bottom: 1px solid #B1B1B1; border-top: 0px; height: 1px; } TABLE.kontakt { margin-left: 20px; font-weight: bold; } TABLE.kontakt .tdKontakt1 { padding-right: 10px; color: #666666; line-height: 1.6em; } TABLE.kontakt .tdKontakt2 { color: #000000; line-height: 1.6em; } TABLE.aktuality { margin-left: 20px; margin-right: 20px; font-weight: normal; text-align: justify; } TABLE.aktuality .tdLine { padding-bottom: 3px; } TABLE.aktuality .leftLine { background: url(../images/left_line.gif) 50% 50% no-repeat; width: 273px; height: 2px; margin: 15px 0 15px 0; padding: 10px 0 10px 0; } /* * ---------------------------------[ NOVINKY ]--------------------------------- */ .novinky { } .novinky li { margin-top: 8px; }