*{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#00377C;text-align:left;} body{margin:0;padding:0;background-color:#eeeeee;text-align:center;} a,a:linka:active,a:hover,a:visited{color:#00377C;} ul{list-style-type:square;} .clear{clear:both;} .clearer22px_border,.clearer22px{clear:both;height:10px;padding:0px;margin:0px;} .clearer22px_border{border-top:1px solid #A2BEE6;} .clearer30px{clear:both;height:12px;padding:0px;margin:0px;} .clear{clear:both;} h1{margin:0px;padding:0px;color:#00377C;font-size:16px;font-weight:bold;text-transform:uppercase;margin-top:5px;margin-bottom:15px;} h2{margin:0px;padding:0px;font-size:14px;color:#00377C;margin-top:10px;margin-bottom:5px;} h3{margin:0px;padding:0px;margin-top:5px;font-size:12px;} a img{border:0px;} p{margin:0px;padding:0px;font-size:12px;font-family:"Arial";} hr{margin:0px;padding:0px;} #container{margin:10px auto;padding:0 10px 10px 10px;width:800px; background:#FFFFFF; border:1px solid #d8d8d8;} #container #content #banner {} #container #header{height:100px; width:800px;} #container #header #logo{float:left;padding:8px 0 0 0;} #container #header #headerTitle{float:right;padding:0; margin:0; width: 282px; height: 22px;} #container #header #headerTitle img {float:right;padding: 45px 0 0 0; width: 282px; height: 22px;} #container #header #headerTitle #contact-sitemap{float:right;padding:0; margin:8px 1px 0 0; font-size: 0.9em;} #container #header #headerTitle #contact-sitemap a {font-size: 0.9em;} #container #header #headerTitle #contact-sitemap #contactFormLink {display: inline-block; width:90px; height:17px; background: url('../img/contact-form-button.png') top left no-repeat; padding: 2px 0 0 22px;} #container #header #headerTitle #contact-sitemap #sitemapLink {display: inline-block; width:64px; height:17px; background: url('../img/sitemap-button.png') top left no-repeat; padding: 2px 0 0 22px;} #container #header #search{float:right;padding:30px 0 0 0;text-align:right;font-size:.8em;} #container #header #search #searchField{width:100px;} #container #header #search #submit{border:1px solid #999999; width:20px; height:20px; margin:3px 0 0 0; padding:0; text-align:center; font-size:7pt;} #container #content {width:800px; margin:9px 0 0 0;} #container #content p{margin:0 0 10px 0;} #container #content a{color:#009900;} #container #content #contacts{float:left; width:200px;} #container #content #map{float:right;} #container #content #map h2{margin:10px 0 0 0;} #container #content #map p{width:500px;} #container #content #banner{width:485px;float:left;} #container #content #panel{background:#EDEDED url('../img/menu-bg.png') top left no-repeat;width:305px;height:185px;float:right;padding:0;margin:0; overflow:hidden;} #container #content #panel a{display:block; width: 200px;} #container #content #panel #menu-item-hledat-dil-wabco {height:25px; padding:7px 0 0 0;} #container #content #panel #menu-item-hledat-dil-podle-vozidla {height:25px; padding:5px 0 0 0;} #container #content #panel #menu-item-skoleni-wabco {height:25px; padding:5px 0 0 0;} #container #content #panel #menu-item-diagnostika-wabco {height:25px; padding:5px 0 0 0;} #container #content #panel #menu-item-servis-wabco {height:25px; padding:8px 0 0 0;} #container #content #panel #menu-item-technicka-podpora {height:25px; padding:5px 0 0 0;} #container #content #contentBgTop {margin:10px 0 0 0; width:485px; padding:0; height:20px;} #container #content #contentBgTop #breadCrumb {margin:0 0 0 10px; padding:10px 0 0 0; float: left;} #container #content #contentBgTop #breadCrumb a {font-size:.9em;} #container #content #contentBgTop2 {margin:0 0 15px 0; width:790px; padding:0; background: url('../img/bg-content-top.jpg') 0 bottom repeat-x; height:20px;} #container #content #contentBgTop2 #breadCrumb {margin:0; padding:10px 0 0 0; float: left;} #container #content #contentBgTop2 #breadCrumb a {font-size:.9em;} #container #content #obsah{width:780px; padding:10px; background: #fefefe url('../img/bg-content-top.png') top left repeat-x;} #container #content #obsah-left {width:485px; float: left; background: #fefefe url('../img/bg-content-top.png') top left repeat-x;} #container #content #obsah-left #content-left {padding:10px;} #container #content #obsah-left #content-left p {text-align: justify;} #container #content #obsah-right{width:310px; margin: 6px 0 20px 0; float: left;} #container #content #obsah-right-diag {width:305px; margin: 10px 0 20px 10px; float: left; background: #D1D2D3;} #container #footer {font-size:.9em; width:790px; color:#FFFFFF; background:transparent url('../img/footer-bg.png') top left no-repeat;padding:10px; height:54px;} #container #footer a {color:#FFFFFF;text-decoration:none;} #container #footer #nav {float:left; color:#FFFFFF;list-style-type:none;margin:0 0 10px 0;padding:0; font-weight: bold; height:20px;} #container #footer #nav li {color:#FFFFFF;display:inline;list-style-type:none;margin:0;padding:0;} #container #footer #nav li a {display: inline-block; margin:0 2px 0 0;padding:0 2px 0 2px;} #container #footer #copyright{margin:0 10px 0 2px; color:#FFFFFF; float: right;} #container #footer #footerLinks {clear: both; color: #FFFFFF;} #container #footer #footerLinks a {font-size: .8em;} #container #footer #footerLinks #seolink {display:inline;} #container #menu {width:800px;height:39px;background:transparent url('../img/main-menu-bg.png') top left no-repeat;padding:0;margin:0; border:0;} #container #menu ul{padding:0;margin:0;color:#FFFFFF;} #container #menu ul li{display:inline-block;list-style-type:none;padding:3px 0 0 0;margin:0px;color:#FFFFFF;font-weight:bold;} #container #menu ul li a{height:34px; display:inline-block;margin:0;color:#FFFFFF;font-size:10px;font-weight:bold;text-transform:uppercase;text-decoration:none;padding:8px 10px 0 10px;} #container #menu ul li.active a{height:34px; display:inline-block;margin:0;color:#4f5152;font-size:10px;font-weight:bold;text-transform:uppercase;text-decoration:none;padding:8px 10px 0 10px; background:transparent url('../img/main-menu-item-active.png') top center no-repeat; } #container #menu ul li a:hover{background:transparent url('../img/main-menu-item-active.png') top center no-repeat; color:#4f5152;} #container #menu #help{float:right;padding:5px 0 0 5px;margin:0 0 0 100px;} #container #menu #help a {color:#FFFFFF; font-size:12px; font-weight:bold;} #container #menu .divider{width:1px;height:15px;} #highlight_box{width:512px;margin:0px;padding:10px 10px 30px 10px;background-color:#C7C9DA;display:block;text-align:left;float:right;} .border {margin:10px 0 10px 0;border:1px solid black;padding:0;} a.default{padding:0px;padding-top:2px;text-decoration:underline;font-weight:normal;text-align:left;height:22px;width:auto;background-color:transparent;border:none;} #submit{padding:10px 0px 10px 110px;} #checkbox_alert{width:50px;border:1px solid #FFF;margin:0px;padding:0px;} #longtitude{margin:0px 0px 0px 110px;} #seolink{display:inline-block; font-size:1em; color:#FFFFFF;} .download {text-decoration: none; display: inline-block; padding: 0 0 0 30px; background: url('/files/diagnostika/pdf.png') no-repeat; height: 25px; line-height: 25px; margin: 10px 0 15px 0; font-weight: bold;} .download2 {text-decoration: none; display: inline-block; padding: 0 0 0 30px; background: url('/files/diagnostika/pdf.png') no-repeat; height: 25px; line-height: 25px;} .product-text-img {float: right;} .product h2 a {font-size: 1em;} .product .plus {float: left; height: 100px; line-height: 100px; font-weight: bold; font-size: 3.5em; margin: 0 10px 0 10px;} .product .textBig {float: left; height: 100px; line-height: 100px; font-weight: bold; font-size: 1.2em; margin: 0 10px 0 10px;} .product .image {float: left;} .product .image2 {float: left; margin: 0 20px 0 0;} .product .case {float: left;} .product .box {float: left;} .product .comp {float: left;} .product .display {float: left; margin: 10px 0 0 0;} .product .text {float: left; width: 80px; font-size: .9em; margin: 28px 0 0 20px;} .diagnostika-img {margin: 0 0 10px 0; text-align: center; padding: 10px;} .diagnostika-img img {border: 1px solid #7C7F80;} .diagnostika-img p {font-size: 0.9em; padding: 0 15px 0 15px; text-align: center;} .imgProducts {float:left; margin:0 20px 5px 0;} .catProducts {float:left; font-size:1.2em;} .catProducts ul {font-size:0.9em;display:block; width:500px;} .catProducts ul li {display:inline;font-size:.9em;line-height:1.3em; margin:0 5px 0 0;} .catProducts ul li a {color:#9e9e9e; display:inline-block;} .catProducts ul li a:hover {color:#FF0000;} .banners .servis-banner {margin: 0 -5px 0 10px; background: url('/files/wabco-servis-banner.png'); width: 305px ;height: 185px; overflow: hidden;} .banners .servis-banner p{padding: 55px 180px 0 14px; color: white;} .banners .servis-banner p span{color: white;} .banners .servis-banner p a{color: white !important;} .banners .adresa-banner {margin: 0 -5px 10px 10px; width: 305px ;height: 185px; overflow: hidden;} .banners .wabco-wurth-banner {margin: 5px -5px 10px 10px; background: url('/files/wabco-wurth-banner.png'); width: 305px ;height: 185px; overflow: hidden;} .banners .wabco-wurth-banner a {display: block; width: 305px ;height: 185px; margin:0;} #shareThis {float: right; margin: 10px 5px 0 0; font-size: 0.9em;} #shareThis .addthis_toolbox a {font-size: 0.9em;} #contactForm {background: #D1D2D3; color:#00377C; padding:0 10px;font-size:.9em;} #contactForm h1 {font-size:1.7em; font-weight:normal;} #contactForm form {margin: 20px 0 0 0; background:transparent;} #contactForm label {display:inline-block; width:80px;} #contactForm .input {float:left; width:100px;height:25px; margin:0;padding:0;} #contactForm .inputName {float:left; width:60px; height:25px;margin:0;padding:0;} #contactForm #alert {font-weight:bold; font-size:1.2em; width:100%; text-align:center; margin:60px 0 0 0; color: #FF0000;} #contactForm #text {padding:5px; width:200px; display:block; margin:0; font-family:Tahoma, Verdana, Helvetica, sans-serif; font-size:1.1em;} #contactForm #email {margin:0; padding:3px 5px 3px 5px;width:200px;font-size:1.1em;} #contactForm #predmet {margin:0; padding:3px 5px 3px 5px;width:200px;font-size:1.1em;} #contactForm #jmeno {margin:0; width:200px; padding:3px 5px 3px 5px;font-size:1.1em;} #contactForm #loginBg {display:block;} /* ----------------------- soubor PretyPhotto.css ----------------------- */ div.light_rounded .pp_top .pp_left { background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_arrow_previous { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_rounded .pp_top .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded .pp_arrow_previous { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(../img/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_arrow_previous { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_expand { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_arrow_previous { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay {background: #000;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;} div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;} .pp_top {height: 20px;position: relative;} * html .pp_top { padding: 0 20px; } .pp_top .pp_left {height: 20px;left: 0;position: absolute;width: 20px;} .pp_top .pp_middle {height: 20px;left: 20px;position: absolute;right: 20px;} * html .pp_top .pp_middle {left: 0;position: static;} .pp_top .pp_right {height: 20px;left: auto;position: absolute;right: 0;top: 0;width: 20px;} .pp_content {height: 40px;position: relative;text-align: left;width: 100%;} .pp_content .pp_details {display: none;margin: 10px 15px 2px 20px;} .pp_description {display: none;float: left;margin: 0;} .pp_nav {clear: left;float: left;margin: 3px 0 0 0;} .pp_nav p {float: left;margin: 2px 4px;} .pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next {display: block;float: left;height: 15px;margin-top: 3px;overflow: hidden;text-indent: -10000px;width: 14px;} .pp_hoverContainer {left: 0;position: absolute;top: 0;width: 100%;z-index: 2000;} a.pp_next {background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display: block;float: right;height: 100%;text-indent: -10000px;width: 49%;} a.pp_previous {background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display: block;float: left;height: 100%;text-indent: -10000px;width: 49%;} a.pp_expand,a.pp_contract {cursor: pointer;display: none;height: 20px; position: absolute;right: 30px;text-indent: -10000px;top: 10px;width: 20px;z-index: 20000;} a.pp_close {display: block;float: right;text-indent: -10000px;} .pp_bottom {height: 20px;position: relative;} * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left {height: 20px;left: 0;position: absolute;width: 20px;} .pp_bottom .pp_middle {height: 20px;left: 20px;position: absolute;right: 20px;} * html .pp_bottom .pp_middle {left: 0;position: static;} .pp_bottom .pp_right {height: 20px;left: auto;position: absolute;right: 0;top: 0;width: 20px;} .pp_loaderIcon {display: none;height: 24px;left: 50%;margin: -12px 0 0 -12px;position: absolute;top: 50%;width: 24px;} #pp_full_res {display: none;line-height: 1 !important;margin: 0 auto;text-align: center;width: 100%;} div.ppt {color: #fff;display: none;font-size: 17px;left: 0;position: absolute;top: 0;z-index: 9999;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} /* ----------------------- soubor PretyPhotto.css KONEC ----------------------- */