/* http://www.valvera.cz/css/default.css */ /* neviditelne */ .hidden { display:none; } /* accessibility */ #accessibility { display:none; } #accessibility h4 { display:none; } /* LINKY */ a, a:visited { color:#e77817; font-weight:normal; text-decoration:underline; } a:hover, a:focus, a:active { color:#666666; font-weight:normal; } a img { border:none; } /* OBSAH STRANKY */ html, body { height:100%; } body { margin:0; padding:0; background:#ffffff; text-align:center; overflow:-moz-scrollbars-vertical; } body>#page { height: auto; } #page { width:100%; min-height:100%; height:auto; margin:0; padding:0; text-align:left; background:#ffffff url("../images/backgr_page.jpg") left top repeat-x; } #text { position:relative; top: 0px; left:0; width:100%; margin:0; padding:0; min-height:100%; height:100%; text-align: left; } #menu-top { position:relative; top:0; left:0; width:990px; margin:0 auto; height:45px; padding:0; font-size:12px; text-align:center; font-weight:bold; background: #4d4948 url("../images/menu_backgr_off.jpg") repeat-x; } #content { width:990px; margin:0 auto; padding:45px 0 120px 0; text-align:left; min-height:400px; } #bottom { position:relative; top:-50px; bottom:0; width:100%; height:80px; overflow:hidden; left:0; text-align:left; background:#4d4948 url("../images/backgr_bottom.gif") repeat-x; } /*position:relative; top:100%; margin-top:0; */ .clear { clear:both; height:1px; font-size:1px; line-height:1px; } /* OBSAH PODSTRANY */ #podpage { width:100%; min-height:100%; height:auto; margin:0; padding:0; text-align:left; background:#ffffff url("../images/backgr_podpage.gif") left top repeat-x; } #titulka { width: 800px; margin: 0 auto; } #titulka h2 { margin:20px 0 0 0; padding:0; font-size:24px; font-weight:bold; color:#524e4d; float:left; } #titulka img { position:relative; top:-55px; float: right; width:150px; height:129px; margin:0; padding:0; z-index:1; } #titulka test {position:relative; float: right; width:150px; height:74px; margin:0; padding:0; z-index:1;} #content #vlevo { float: left; width:208px; height:auto; margin:-40px 0 30px 0; padding:0;position:relative; top:74px; } #content #vlevo #letak { float: left; width:208px; height:auto; margin:0; padding:0; background:#eeeeee; text-align:center; } #content #vlevo #letak #top { width:208px; height:10px; margin:0; padding:0; background:#f6f6ed url("../images/backgr_letak_top.gif") left top no-repeat; } #content #vlevo #letak #obsah { width:208px; height:auto; margin:0; padding:0; background:#f6f6ed } #content #vlevo #letak #down { width:208px; height:10px; margin:0; padding:0; background:#f6f6ed url("../images/backgr_letak_down.gif") left top no-repeat; } #content #vlevo #letak h4 { margin:0 0 10px 0; padding:0; font-size:14px; font-weight:normal; color:#4d4948; } #content #vlevo #letak img { margin:0 0 5px 0; padding:0; } #content #vpravo { float:right; width:782px; height:auto; margin:-40px 0 30px 0; padding:0; } #content #vpravo h3 { margin:0 40px 20px 30px; padding:0 0 5px 0; font-size:24px; font-weight:normal; color:#524e4d; border-bottom:solid 1px #deded7; } #content #vpravo h4 { margin:0 0 10px 0; padding:0 0 5px 0; font-size:12px; font-weight:normal; color:#e77817; border-bottom:solid 1px #e77817; } #content #vpravo p { margin:0 40px 5px 30px; padding:0; text-align:justify; } #content #vpravo .sloupecek { float:left; width:330px; height:auto; margin:35px 20px 0 30px; padding:0; text-align:left; _margin:35px 35px 0 15px; } #content #vpravo .sloupecek p { margin:0 0 5px 0; padding:0; } /* OBSAH STRANY */ #content p { margin:0 0 10px 0; padding:0; font-size:12px; line-height:14px; font-weight:normal; color:#666666; text-align:left; } #motto_image { position:relative; top:13px; left:0; width:576px; height:162px; margin:0 0 35px 0; padding:0; float:left; clear:left; } #servis { position:relative; top:0px; left:0px; width:950px; margin:0; padding:0; float:left; border:1px solid #e9e4da; border-bottom:0px solid #e9e4da; background:#f6f6ee; } #servis h2 { margin:0; padding:0; font-size:16px; font-weight:bold; } #servis ul { margin:0; padding:0; list-style:none; } #servis li { margin:0; padding:0 0 0 25px; font-size:12px; font-weight:normal; line-height:20px; background: url("../images/img_odrazka.gif") 0 3px no-repeat; } #servis .vlevo { float: left; width:438px; height:auto; margin:0; padding:14px 18px 12px 18px; border-bottom:1px solid #e9e4da; border-right:1px solid #e9e4da; } #servis .vpravo { float:right; width:438px; height:auto; margin:0; padding:14px 18px 12px 18px; border-bottom:1px solid #e9e4da;position:relative; top:0px; left:0px; } #produkty { position:relative; top:13px; left:-40px; right:40px; width:365px; height:230px; margin:0; padding:0; float:right; background: url("../images/backgr_produkty.gif") no-repeat; } #produkty h2 { margin:10px 0 0 0; padding:0; font-size:22px; line-height:25px; color:#e77817; font-weight:bold;position:relative; top:-5px; } #produkty img { float:left; margin:0; padding:0 10px 0 0; clear:left; } #produkty p { margin:0 20px 0 0; padding:0; font-size:12px; line-height:15px;position:relative; top:-5px; } #produkty p a { padding:6px 25px 7px 0; font-size:14px; line-height:9px; background: url("../images/butonek_detail.png") no-repeat top right; color:#383534; float:right; text-decoration:none; } #produkty p a:hover { color:#e77817; } #novinky { position:relative; top:3px; left:0; width:990px; height:auto; min-height: 200px; margin:0 0 40px 0; padding:0; background: url("../images/backgr_news.jpg") 0 40px no-repeat; float:left;} #novinky h2 { margin:0; padding:10px 0 0 10px; font-size:18px; color:#433f3e; line-height:25px; font-weight:normal; } #novinky .date { position:relative; top:20px; left:10px; text-align:center; margin:0; padding:1px 20px 5px 0; font-weight:normal; background: url("../images/backgr_kalendar.png") no-repeat left top; width:55px; float:left; } #novinky .date .day { display:block; font-size:20px; line-height:25px; color:#ffffff; padding:0; font-weight:normal; } #novinky .date .month { display:block; font-size:10px; line-height:16px; color:#ffffff; padding:0; font-weight:normal; text-transform:capitalize;} #novinky h3 { margin:0; padding:17px 0 0 80px; font-size:14px; color:#e67817; line-height:20px; font-weight:bold; } #novinky h3 a { font-size:14px; color:#e67817; font-weight:bold; text-decoration: none; } #novinky h3 a:hover { text-decoration: underline;} #novinky p { margin:0; padding:5px 55px 5px 83px; font-size:12px; line-height:15px; } #novinky p a { margin:0; padding:7px; font-size:12px; line-height:9px; background: url("../images/butonek_vice.png") no-repeat left top; color:#ffffff; float:right; text-decoration:underline; } #novinky p a:hover { color:#e77817; } #novinky .box { float:left; width:465px; height:auto; margin:0; padding:0; } #firma-text { position:relative; top:0; left:0; width:950px; height:auto; margin:10px 0 20px 0; padding:0; float:left;} #firma-text .vlevo { float: left; width:580px; height:auto; margin:0; padding:0 60px 0 0; } #firma-text .vlevo img { float:left; margin:0; padding:15px 0 0 0; clear:left; } #firma-text .vlevo h2 { margin:0; padding:10px 0 15px 0px; font-size:22px; color:#e77817; line-height:25px; font-weight:normal; } #firma-text .vpravo { float:right; width:310px; height:auto; margin:0; padding:0; } #firma-text .vpravo h2 { margin:0; padding:10px 0 0 0; font-size:22px; color:#e77817; line-height:25px; font-weight:normal; } /* HEADER */ #header { position:relative; width:990px; height:77px; margin:0 auto; padding:0; } #header h1 { position:absolute; top:0; left: 0; z-index: 1; margin:0; padding:0; font-size:23px; } #header h1 a { display:block; position:relative; width:600px; height:77px; padding:0; overflow:hidden; } #header h1 a span { position:absolute; top:0; left:0; z-index:2; width:600px; height:77px; margin:0; padding:0; background: url("../images/logo_valvera.gif") no-repeat; } /* TOP NAVIGACE */ #navigace { position:absolute; top:0; right:-80px; margin:0 auto; padding:0; width:390px; height:35px; text-align:right; font-size:10px; } #navigace h2 { display: none; } #navigace ul { margin:0; padding:0; list-style-type:none; } #navigace ul li { display:inline; padding:0; text-align:left; } #navigace ul li a, #navigace ul li a:visited { display:block; position:relative; height:35px; margin:0; padding:0; color:#ffffff; text-decoration:none; text-align:center; float:left; overflow:hidden; } #navigace ul li a span { position:absolute; top:0; left:0; width:100%; height:35px; margin:0; padding:0; background-repeat:no-repeat; } #navigace ul li a:hover span { background-position: 0 -35px; } #navigace ul li #item-1 { width:75px; } #navigace ul li #item-1 span { background-image: url("../images/top_menu_home.gif"); } #navigace ul li #item-2 { width:85px; } #navigace ul li #item-2 span { background-image: url("../images/top_menu_kontakt.gif"); } #navigace ul li #item-3 { width:80px; } #navigace ul li #item-3 span { background-image: url("../images/top_menu_pobocky.gif"); } #navigace ul li #item-4 { width:125px; } #navigace ul li #item-4 span { background-image: url("../images/top_menu_mapa.gif"); } /* --- search box TOP --- */ #searchbox { display:block; position:absolute; top:40px; right:0px; margin:0; padding:0; font-size:10px; font-weight:normal; width:300px; height:25px; text-align:left; } #searchbox form { position:relative; top:0px; left:0px; width:263px; height:5px; margin: 0; padding: 0; } #searchbox form .submit { margin:0; padding:0; } #searchbox h2 { display:none; } #searchbox p { margin:0; padding:0; height:25px; line-height:25px; text-align:right; } #searchbox .pole { position:absolute; top:0; left:0; border:0px solid #ffffff; width:200px; height:25px; padding:0 0 0 10px; background: url("../images/backgr_search.gif") top left no-repeat; } /* HLAVNI MENU */ #menu { position:absolute; top:77px; left:0; width: 100%; margin: 0; padding: 0; z-index: 20; } #menu ul { width: 990px; height:45px; margin: 0 auto; padding: 0; list-style-type: none; } #menu ul li { display: block; float: left; height: margin:0; padding:0; background-position: center -45px; background-repeat: no-repeat; } #menu ul li a, #menu ul li span { display: block; font: normal bold 12px 'Verdana','Arial',sans_serif; color: white; margin: 0; padding: 17px 8px 10px 8px; text-decoration: none;} #menu ul li a span { dipslay: inline; margin: 0; padding: 0;} #menu ul li:hover span { visibility: hidden; } #menu ul li ul { display: none; position: relative; width: 185px; height: auto; margin: 0; padding: 0 0 5px 0; background: url("../images/submenu-bottom.png")center bottom no-repeat; } #menu ul li ul li ul { display: none; position: relative; width: 185px; height: auto; margin: 0; padding: 0 0 5px 0; background: none; } #menu ul li:hover ul, #menu ul li ul:hover { display: block; } #menu ul li ul li { float: none; padding: 0; background: url("../images/submenu-back.png") 0 0 repeat-y; } #menu ul li ul li a, #menu ul li ul li span { font-weight: bold; text-decoration: none; color: #4d4948; visibility: visible !important; } #menu ul li ul li>a, #menu ul li ul li>span { display: block; height: 25px; margin: 0; padding: 8px 0px 0px 15px; } #menu ul li ul li a:hover, #menu ul li ul li a:hover span { background-color: #E87717; color: #ffffff; } #menu ul li ul li a:hover span { background: none; } #menu ul li ul li ul li a, #menu ul li ul li ul li span { display: block; margin: 0px; padding: 5px 0px 0px 15px; } #menu ul li ul li ul li.active>a, #menu ul li ul li ul li.active>span { display: block; margin: 0px; padding: 7px 0px 0px 30px; } #menu_o-spolecnosti { width:120px; } #menu_o-spolecnosti:hover { background-image: url("../images/menu_firma.gif"); } #menu_produkty { width:82px; } #menu_produkty:hover { background-image: url("../images/menu_produkty.gif"); } #menu_sluzby { width:67px; } #menu_sluzby:hover { background-image: url("../images/menu_sluzby.gif"); } #menu_reference { width:90px; } #menu_reference:hover { background-image: url("../images/menu_reference.gif"); } #menu_zakaznicka-podpora { width:150px; } #menu_zakaznicka-podpora:hover { background-image: url("../images/menu_podpora.gif"); } #menu_kontakty { width:82px; } #menu_kontakty:hover { background-image: url("../images/menu_kontakty.gif"); } /* #menu h3 { display:none; } #menu ul { margin:0; padding:0 0 0 0px; list-style-type:none; } #menu ul li { display:inline; padding:0; text-align:left; } #menu ul li a, #menu ul li a:visited { display:block; position:relative; height:30px; margin:0; padding:15px 0 0 0; color:#ffffff; font-size:12px; font-weight:bold; text-decoration:none; text-align:center; float:left; overflow:hidden; } #menu ul li a span { position:absolute; top:0; left:0; width:100%; height:45px; margin:0; padding:0; background-repeat:no-repeat; } #menu ul li a:hover span { background-position: 0 -45px; } #menu ul li #firma { width:79px; } #menu ul li #firma span { background-image: url("../images/menu_firma.gif"); } #menu ul li #produkt { width:82px; } #menu ul li #produkt span { background-image: url("../images/menu_produkty.gif"); } #menu ul li #sluzby { width:67px; } #menu ul li #sluzby span { background-image: url("../images/menu_sluzby.gif"); } #menu ul li #reference { width:90px; } #menu ul li #reference span { background-image: url("../images/menu_reference.gif"); } #menu ul li #podpora { width:150px; } #menu ul li #podpora span { background-image: url("../images/menu_podpora.gif"); } #menu ul li #kontakt { width:82px; } #menu ul li #kontakt span { background-image: url("../images/menu_kontakty.gif"); } */ /* MENU na podstrance */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/drop_definition.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ #menuLeft { } #menuLeft h5 { display: none; } #menuLeft ul { list-style-type: none; margin: 0; padding: 0; } #menuLeft ul li { margin: 0; padding: 0; width:204px; border: 1px solid #deded7; } #menuLeft ul li>a, #menuLeft ul li>span { display: block; width: 180px; height: 16px; padding: 8px 4px 5px 20px; font: normal 12px 'Verdana','Arial',sans_serif; color: #524E4D; text-decoration: none; background: #F6F6EE url("../images/menu_vlevo_backgr-off.gif") center center; } #menuLeft ul li a:hover { color: white !important; background-color: #E87717; background-image: url("../images/menu_vlevo_backgr-on.gif"); } #menuLeft ul li ul li { width:204px; border: 1px solid #deded7; border-bottom: none; border-left: none; } #menuLeft ul li ul li>a, #menuLeft ul li ul li>span { width: 170px; padding-left: 30px; background: #FFFFF8; } #menuLeft ul li.active>a, #menuLeft ul li.active>span { color: #E87717; font-weight: bold;} #menuLeft ul li ul li ul li>a, #menuLeft ul li ul li ul li>span {width:155px; padding-left: 45px;display: block;} #menuLeft ul li ul li ul li.active>a, #menuLeft ul li ul li ul li.active>span { color: #E87717; font-weight: bold; } #dlmenu_vlevo {position:relative; top: -87px;} #menu_vlevo { position:relative; top:103px;} #menu_vlevo dl {display:block;} /* #dlmenu_vlevo { height:500px; } #menu_vlevo { list-style-type:none; margin:0; padding:0; position:absolute; background:#ffffff; z-index:10; } #menu_vlevo li { display:block; padding:0; margin:0; position:relative; z-index:100; } #menu_vlevo li a, #menu_vlevo li a:visited { display:block; text-decoration:none; } #menu_vlevo li dd { display:none;} #menu_vlevo li:hover, #menu_vlevo li a:hover { border:0;} #menu_vlevo li:hover dt a , #menu_vlevo li a:hover dt a { background:#e77817 url("../images/menu_vlevo_backgr-on.gif") center center; color:#ffffff; height:21px; padding:8px 4px 5px 20px; } #menu_vlevo li:hover dd, #menu_vlevo li a:hover dd { display:block;} #menu_vlevo li:hover dl, #menu_vlevo li a:hover dl { height:auto; background:#ffffff; margin:0 0 1px 0 } #menu_vlevo li.active { border:0;} #menu_vlevo li.active dt a { background:#e77817 url("../images/menu_vlevo_backgr-on.gif") center center; color:#ffffff; height:21px; padding:8px 4px 5px 20px; } #menu_vlevo dd.activeDD, #menu_vlevo dd.activeDD a { display:block; background:#e77817; color:#ffffff;} #menu_vlevo .active dl, #menu_vlevo .active dl { height:auto; background:#ffffff; margin:0 0 1px 0 } #menu_vlevo table { border-collapse:collapse; padding:0; margin:-4px; font-size:12px; } #menu_vlevo dl { width:208px; margin:0; background:#f6f6ee; cursor:pointer; } #menu_vlevo dt { margin:0; padding: 0; font-size:12px; border-bottom:1px solid #deded7; height:34px; } #menu_vlevo dd { margin:0; padding:0; font-size:12px; text-align:left; } .gallery dt a, .gallery dt a:visited { display:block; color:#524e4d; padding:8px 5px 8px 20px; background:#f6f6ee url("../images/menu_vlevo_backgr-off.gif") center center; font-weight:bold; } .gallery dd a, .gallery dd a:visited { color:#524e4d; min-height:1em; text-decoration:none; display:block; padding:5px 5px 5px 25px; background:#ffffff; font-weight:normal; } * html .gallery dd a, * html .gallery dd a:visited { height:1em; } .gallery dd a:hover { background:#e77817; color:#ffffff; font-weight:bold; } */ /* FOOTER */ #footer { width:990px; height:120px; margin:0 auto; padding:17px 0px 0 20px; color:#ffffff; font-size:10px; font-weight:normal; } #footer #copyright .drobecky { padding:0 0 30px 0; text-align:left; } #footer #copyright .autor { margin:18px 0 0 0; text-align:left; } #footer #copyright span { float:right; margin: 0; text-align:left; } #footer #copyright a { text-align:left; background:none; color:#ffffff; text-decoration:none; } #footer #copyright a:hover { color:#cccccc; } /*temporary css */ #menu-top2 {width:990px; margin:0 auto; height:45px;height: 20px;} #menu2 {width:100%; margin:0; height:45px; padding:0;} #menu2 ul { position:absolute; top:77px; margin:0; padding:0 0 0 0px; list-style-type:none; } #menu2 ul li { display:inline; padding:0; text-align:left; } #menu2 ul li a, #menu2 ul li a:visited { display:block; position:relative; height:30px; margin:0; padding:15px 0 0 0; color:#ffffff; font-size:12px; font-weight:bold; text-decoration:none; text-align:center; float:left; overflow:hidden; } #menu2 ul li a span { position:absolute; top:0; left:0; width:100%; height:45px; margin:0; padding:0; background-repeat:no-repeat; } #menu2 ul li a:hover span { background-position: 0 -45px; } #menu2 ul li #topmenu3 { width:79px; } #menu2 ul li #topmenu3 span { background-image: url("../images/menu_firma.gif"); } #menu2 ul li #topmenu11 { width:82px; } #menu2 ul li #topmenu11 span { background-image: url("../images/menu_produkty.gif"); } #menu2 ul li #topmenu4 { width:67px; } #menu2 ul li #topmenu4 span { background-image: url("../images/menu_sluzby.gif"); } #menu2 ul li #topmenu5 { width:90px; } #menu2 ul li #topmenu5 span { background-image: url("../images/menu_reference.gif"); } #menu2 ul li #topmenu6 { width:150px; } #menu2 ul li #topmenu6 span { background-image: url("../images/menu_podpora.gif"); } #menu2 ul li #topmenu7 { width:82px; } #menu2 ul li #topmenu7 span { background-image: url("../images/menu_kontakty.gif"); } #keywords { } #vpravo #sitemap {position:relative; top: 87px;} #vpravo h3 {position:relative; top: 87px;} #vpravo p b {position:relative; top: 80px;} #text_novinky {position:relative; top: 87px; left: 30px;width:92%;} .clanek {position:relative; top: 87px;} #doporuceni {position:relative;top:87px; } #doporuceni h2 {font-size:14px;color:#E87717;position:relative; left:15px;} #spojeni {position:relative;top:87px; left:15px; } #spojeni h2 {font-size:14px;color:#E87717;text-align:left;font-weight:bold;} #spojeni h6 {font-size:12px;color:black;text-align:left;font-weight:bold;} #spojeni #tabulka { width: 70%; border:1; text-align:left;} #spojeni .top { float:top; position:relative; top:0px;} #spojeni .dva {position:relative; width: 50%;} #spojeni .exter {position:relative; top: 5px;} #spojeni .exter1 {position:relative; top: 10px;} #spojeni .exter2 {position:relative; top: 15px;} .produkty {width: 70%; height:auto; position:relative; top:87px; text-align:left; font-size:12px;left:15px;} #fortinet ul {position:relative; left:20px;} .prava-produkty { position:relative;top:87px; float:right; text-align:center; width: 202px;} .prava-produkty .tlacitko {width: 121px;height: 30px;} .prava-produkty #fortios {width: 80px;height: 77px;} .produkty #leva {position:relative; left:20px;} .produkty #stred {position:relative; left:30%;} .produkty #prava {float:right; position:relative; left:-25px;} .produkty .stred {text-align:center;} .produkty h2 {font-size:15px;color:#E87717;text-align:left;font-weight:bold;} .produkty h6 {font-size:12px; color:#E87717;text-align:left;font-weight:bold;} .produkty h5 {font-size:14px;color:#E87717;text-align:left;font-weight:bold;} .produkty #podpis {font-size:12px; float:right;}