/******************************************************************************************************************** Posledni uprava: 28.6.2011 Adresa CSS dokumentu: www.completeservice.cz/css/styles.css *****************************************************************************************************************/ * {margin:0; padding:0;} body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;} body {background: #fff url(../images/bg.png) repeat-x top left; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #000; text-align: center; height: auto; } #logo { position: relative; width: 164px; height: 153px; margin: 0px 0 24px 75px; _margin: 0px 0 24px 37px; overflow:hidden; float: left; } #logo span { display:block; position:absolute; left:0; top:0; z-index:1; width: 164px; height: 153px; background:url(../images/logo.png) top left no-repeat;} #logo img { border: 0px; } hr.clear {clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; } a.nw { padding-right: 12px; background: url(../images/nw.gif) no-repeat center right;} legend {display: none;} #content { width: 1000px; margin: 0px auto; background: url(../images/bg-header.png) top center no-repeat; min-height: 100%; text-align: left; } div.lang { width: 75px; float: right; margin: 10px 75px 0 0;} div.lang a { position: relative; width: 21px; height: 15px; overflow:hidden; float: left; text-align: center; font-size: 0.7em; margin: 0 2px; } div.lang a span { display:block; position:absolute; left:0; top:0; z-index:1; width: 21px; height: 15px;} div.lang a.cesky span { background:url(../images/lang-cz.png) top left no-repeat;} div.lang a.english span { background:url(../images/lang-en.png) top left no-repeat;} div.lang a.deutsch span { background:url(../images/lang-de.png) top left no-repeat;} /*-------------FOOTER HACK----------------------------*/ html, body, #content { height: 100%;} body > #content { height: auto; min-height: 100%;} .clearfix:after { content: "."; display: block; visibility: hidden; clear: both; height: 0;} .clearfix { display: inline-block;} #main { position: relative; width: 100%; margin: 0 auto; padding-bottom: 80px; /* must be same height as the footer */} #footer { position: relative; clear: both; width: 100%; height: 75px; margin-top: -75px; /* negative value of footer height */ background: url(../images/bg-footer.png) repeat-x bottom center;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix { display: block;} /* End hide from IE-mac */ /*-------------FOOTER HACK----------------------------*/ #obsah{ margin: 5px 75px 0 0; _margin: 5px 35px 0 0; float: right; width: 580px; } #obsahfull { margin: 5px auto; width: 875px;} #footer p.copyright { width: 850px; margin: 0 auto; font-size: 0.75em; color: #fff; text-align: right; padding: 0px 0 0 0; height: 20px; } #footer p.copyright a { color: #fff } #footer p.copyright span { margin-left: 30px } #footer p.vymena-odkazu { text-align: center; font-size: 0.7em; color: #474747; margin: 0px auto; line-height: 110%; width:830px; height: 40px; padding: 7px 0 0 0; } #footer p.vymena-odkazu a { color: #474747; text-decoration: underline;} #footer p.vymena-odkazu a:hover { color: #f9f9f9; text-decoration: none;} /* common styling */ /* ul#menu {width:956px; height:32px; clear: both; position:relative; font-size: 0.75em; z-index:100; margin: 0px 22px; list-style: none; padding: 0;} ul#menu li a { position: relative; height: 32px; margin: 0px; overflow:hidden; color:#fff; float: left; } ul#menu li a span { display:block; position:absolute; left:0; top:0; z-index:1; height: 32px;} ul#menu li {float:left; padding: 0 1px 0 0; background: url(../images/menu-oddelovac.png) top right no-repeat; } ul#menu ul li {float:left; padding: 0 1px 0 0; background: url(../images/menu-oddelovac.png) top right no-repeat; } ul#menu li { float: left; display: inline; margin: 0; padding: 0 1px 0 0; position:relative; background: url(../images/menu-oddelovac.png) top right no-repeat;} ul#menu li.kontakt {background: none;} ul#menu li span { display: none; } ul#menu li a {display: block; height: 32px; position: static !important; overflow: visible !important; float: none !important;} */ /* specific to non IE browsers */ /* ul#menu li:hover ul {display:block; position:absolute; top:32px; left:0; list-style: none !important; border: 1px solid #e6e6e6; background:#f7f7f7;} ul#menu li:hover ul li {float:left; padding: 0; position:relative; background: none;} ul#menu li:hover ul li a{display:block; color:#000; padding: 5px 0 5px 17px; text-decoration: none; font-weight: normal;} ul#menu li:hover ul li a:hover {background:#f7f7f7 url(../images/dropdown-hover.png) left center no-repeat; font-weight: bold; text-decoration: underline; color:#000;} ul#menu li ul {_padding-top: 10px;} ul#menu li ul li a {color: #000000;margin: 0;padding: 0;_padding-left: 20px;_line-height: 1em;} ul#menu li ul li a:hover {font-weight: bold;background:#f7f7f7 url(../images/dropdown-hover.png) left top no-repeat; font-weight: bold; text-decoration: underline; color:#000;padding-left: 12px;&padding-left: 12px;_padding-left: 15px;} ul#menu li:hover.technologie ul { width: 121px;} ul#menu li:hover.hotelovyservis ul { width: 153px;} ul#menu li:hover.uklidovesluzby ul { width: 151px;} ul#menu li:hover.technologie ul li a { width: 102px; height: 15px;} ul#menu li:hover.hotelovyservis ul li a { width: 136px; height: 15px;} ul#menu li:hover.pracovnimista ul li a { height: 15px;} ul#menu li:hover.reference ul li a { height: 15px;} ul#menu li:hover.uklidovesluzby ul li a { width: 134px; height: auto;} ul#menu li:hover.uklidovesluzby ul li a.b { height: 40px;} ul#menu li.domu a{ width: 67px;} ul#menu li.domu a span { width: 67px; background: url(../images/menu-domu.png) 0px 0px no-repeat;} ul#menu li.domu a:hover span, ul#menu li.domu a.active span { width: 67px; background: url(../images/menu-domu.png) 0px -32px no-repeat;} ul#menu li.technologie a { width: 121px;} ul#menu li.technologie a span { width: 121px; background: url(../images/menu-technologie.png) 0px 0px no-repeat;} ul#menu li.technologie a:hover span, ul#menu li.technologie a.active span { width: 121px; background: url(../images/menu-technologie.png) 0px -32px no-repeat;} ul#menu li.hotelovyservis a { width: 153px;} ul#menu li.hotelovyservis a span { width: 153px; background: url(../images/menu-hotelovyservis.png) 0px 0px no-repeat;} ul#menu li.hotelovyservis a:hover span, ul#menu li.hotelovyservis a.active span { width: 153px; background: url(../images/menu-hotelovyservis.png) 0px -32px no-repeat;} ul#menu li.uklidovesluzby a { width: 151px;} ul#menu li.uklidovesluzby a span { width: 151px; background: url(../images/menu-uklidovesluzby.png) 0px 0px no-repeat;} ul#menu li.uklidovesluzby a:hover span, ul#menu li.uklidovesluzby a.active span { width: 151px; background: url(../images/menu-uklidovesluzby.png) 0px -32px no-repeat;} ul#menu li.cenik a { width: 86px;} ul#menu li.cenik a span { width: 86px; background: url(../images/menu-cenik.png) 0px 0px no-repeat;} ul#menu li.cenik a:hover span, ul#menu li.cenik a.active span { width: 146px; background: url(../images/menu-cenik.png) 0px -32px no-repeat;} ul#menu li.reference a { width: 109px;} ul#menu li.reference a span { width: 109px; background: url(../images/menu-reference.png) 0px 0px no-repeat;} ul#menu li.reference a:hover span, ul#menu li.reference a.active span { width: 109px; background: url(../images/menu-reference.png) 0px -32px no-repeat;} ul#menu li.spoluprace a { width: 117px;} ul#menu li.spoluprace a span { width: 117px; background: url(../images/menu-spoluprace.png) 0px 0px no-repeat;} ul#menu li.spoluprace a:hover span, ul#menu li.spoluprace a.active span { width: 117px; background: url(../images/menu-spoluprace.png) 0px -32px no-repeat;} ul#menu li.objednavka a { width: 117px;} ul#menu li.objednavka a span { width: 117px; background: url(../images/menu-objednavka.png) 0px 0px no-repeat;} ul#menu li.objednavka a:hover span, ul#menu li.objednavka a.active span { width: 117px; background: url(../images/menu-objednavka.png) 0px -32px no-repeat;} ul#menu li.kontakt a { width: 86px;} ul#menu li.kontakt a span { width: 86px; background: url(../images/menu-kontakt.png) 0px 0px no-repeat;} ul#menu li.kontakt a:hover span, ul#menu li.kontakt a.active span { width: 86px; background: url(../images/menu-kontakt.png) 0px -32px no-repeat;} ul#menu ul a:hover { border-right: white 1px solid; border-left: white 5px solid; color: blue; background-color: #ffffff } ul#menu ul { visibility: hidden; border-bottom: white 1px solid; position: absolute; background-color: white } ul#menu li:hover ul { visibility: visible } ul#menu li.hover ul { visibility: visible } ul#menu li li { border-right: medium none; padding-right: 0px; border-top: medium none; padding-left: 0px; float: none; padding-bottom: 0px; border-left: medium none; padding-top: 0px; border-bottom: medium none } ul#menu li { behavior: url(hover.htc) } */ div.ie6 { background: #5ac0e8; color: white; font-size: 20px; width: 1000px; padding: 20px; text-align: center; margin-top: -20px; } /* common styling */ ul#menu {width:956px; height:32px; clear: both; font-size: 0.75em; z-index:100; margin: 0px 22px; list-style: none;} ul#menu li { float: left; padding: 0 1px 0 0; position:relative; background: url(/images/menu-oddelovac.png) top right no-repeat;} ul#menu li a {display: block; height: 32px; } ul#menu li a span { display:block; position:absolute; left:0; top:0; z-index:1; height: 32px;} ul#menu li.domu a { width: 67px;} ul#menu li.domu a span { width: 67px; background: url(../images/menu-domu.png) 0px 0px no-repeat;} ul#menu li.domu a:hover span, ul#menu li.domu a.active span { width: 67px; background: url(../images/menu-domu.png) 0px -32px no-repeat;} ul#menu li.technologie a { width: 121px;} ul#menu li.technologie a span { width: 121px; background: url(../images/menu-technologie.png) 0px 0px no-repeat;} ul#menu li.technologie a:hover span, ul#menu li.technologie a.active span { width: 121px; background: url(../images/menu-technologie.png) 0px -32px no-repeat;} ul#menu li.hotelovyservis a { width: 153px;} ul#menu li.hotelovyservis a span { width: 153px; background: url(../images/menu-hotelovyservis.png) 0px 0px no-repeat;} ul#menu li.hotelovyservis a:hover span, ul#menu li.hotelovyservis a.active span { width: 153px; background: url(../images/menu-hotelovyservis.png) 0px -32px no-repeat;} ul#menu li.uklidovesluzby a { width: 151px;} ul#menu li.uklidovesluzby a span { width: 151px; background: url(../images/menu-uklidovesluzby.png) 0px 0px no-repeat;} ul#menu li.uklidovesluzby a:hover span, ul#menu li.uklidovesluzby a.active span { width: 151px; background: url(../images/menu-uklidovesluzby.png) 0px -32px no-repeat;} ul#menu li.cenik a { width: 86px;} ul#menu li.cenik a span { width: 86px; background: url(../images/menu-cenik.png) 0px 0px no-repeat;} ul#menu li.cenik a:hover span, ul#menu li.cenik a.active span { width: 146px; background: url(../images/menu-cenik.png) 0px -32px no-repeat;} ul#menu li.reference a { width: 109px;} ul#menu li.reference a span { width: 109px; background: url(../images/menu-reference.png) 0px 0px no-repeat;} ul#menu li.reference a:hover span, ul#menu li.reference a.active span { width: 109px; background: url(../images/menu-reference.png) 0px -32px no-repeat;} ul#menu li.spoluprace a { width: 117px;} ul#menu li.spoluprace a span { width: 117px; background: url(../images/menu-spoluprace.png) 0px 0px no-repeat;} ul#menu li.spoluprace a:hover span, ul#menu li.spoluprace a.active span { width: 117px; background: url(../images/menu-spoluprace.png) 0px -32px no-repeat;} ul#menu li.objednavka a { width: 117px;} ul#menu li.objednavka a span { width: 117px; background: url(../images/menu-objednavka.png) 0px 0px no-repeat;} ul#menu li.objednavka a:hover span, ul#menu li.objednavka a.active span { width: 117px; background: url(../images/menu-objednavka.png) 0px -32px no-repeat;} ul#menu li.kontakt { background: none} ul#menu li.kontakt a { width: 86px;} ul#menu li.kontakt a span { width: 86px; background: url(../images/menu-kontakt.png) 0px 0px no-repeat;} ul#menu li.kontakt a:hover span, ul#menu li.kontakt a.active span { width: 86px; background: url(../images/menu-kontakt.png) 0px -32px no-repeat;} ul#menu li ul { list-style:none; } ul#menu li ul li { height: 30px; line-height: 30px; background: url('/images/menu-bg.png'); border: 1px #e6e6e6 solid; } ul#menu li ul li:hover { background: url('/images/menu-bg-hover.png'); } ul#menu li ul li a { color: #000; text-decoration: none; height: 30px; display: block; font-size: 15px; padding: 0 0 0 20px; width: 220px !important; } ul#menu li ul li a:hover { background: url('/images/menu-bg-sipka.png') no-repeat left center; font-weight: bold; } ul#menu ul { position: absolute; display: none; top: 32px; left: 0px; } ul#menu li:hover ul { display: block; } p.drobecky { color: #424242; font-size: 0.7em; margin: 0 75px 20px 75px; padding: 8px 0; _margin: -5px 75px 25px 75px; _padding: 0px 0; clear: both; width: 850px;} *+html p.drobecky {margin: -5px 75px 25px 75px; padding: 0px 0; } p.drobecky a { color: #33a1cc; text-decoration: underline;} p.drobecky a:hover { color: #424242; text-decoration: underline;} p.drobecky strong {font-weight: normal;} #left { width:252px; margin: 0 0 0 75px; _margin: 0 0 0 35px; float: left; border-right: 1px solid #f2f2f2} #left .clen p { color: #000000; font-size: 0.8em; margin-top: 5px } #left .clen p a { color: #000000; border: 0; text-decoration: none } #left .clen a { text-decoration: none } #left .clen p span { font-weight: bold } #left .clen img { margin-right: 13px; border: 0 } #left .clen .center { margin-left: 25px } #left #duvody { width: 240px; padding: 15px 0 5px 0; border-top: 1px solid #f2f2f2; margin-top: 13px; } #left #duvody div.d { height: 3px; color: #33a1cc; font-size: 1em; padding: 10px 10px 0px 10px; margin: 0; _margin: 0 0 0 3px; width: 232px; } #left #duvody h2.dh { font-size: 1.1em; margin-left: 25px } #left #duvody span.kontakt { display: block; height: 24px; color: #33a1cc; font-size: 1.1em; padding: 7px 10px 0px 25px; margin: 10px 0 5px 10px; width: 202px; background: none; font-weight: bold } #left #duvody h3 { display: block; width: 222px; margin: 10px 0 0 0px; padding: 0 0 0 25px; font-size: 0.9em; font-weight: bold; color: #4d7c8f;} #left #duvody h3.d1 { background: url(../images/duvod1.png) left center no-repeat; margin-top: 10px } #left #duvody h3.d2 { background: url(../images/duvod2.png) left center no-repeat; } #left #duvody h3.d3 { background: url(../images/duvod3.png) left center no-repeat; } #left #duvody h3.d4 { background: url(../images/duvod4.png) left center no-repeat; } #left #duvody h3.d5 { background: url(../images/duvod5.png) left center no-repeat; } #left #duvody p { font-size: 0.8em; color: #000; line-height: 110%; padding: 5px 5px 0 25px; } #left #duvody .title { font-size: 1em; color: #33a1cc; font-weight: bold; padding: 0; } #left .kontakt { width: 234px; height: 208px; background: url(../images/left/kontakt_box.png) top left no-repeat; display: block; margin: 20px 0 20px 0; } #left .kontakt .title { font-size: 1em; color: #33a1cc; font-weight: bold; padding: 17px 0 0 45px; display: block} #left address { font-style: normal; color: #1e1e1e; padding: 20px 0 5px 15px; font-size: 0.8em; line-height: 150%} #left address span { font-weight: bold; } #left address a { color: #1e1e1e; } #left address a:hover { color: #555555; } #left address.blue { color: #33a1cc; margin-top: -15px; font-size: 1.1em } #left #novinky { width: 240px; padding: 15px 0 5px 0; border-top: 1px solid #f2f2f2; margin-top: 20px; } #left #novinky .title { font-size: 1em; color: #33a1cc; font-weight: bold; padding: 0; margin-bottom: 10px; display: block } #left #novinky div { border-bottom: 1px solid #f2f2f2; width: 240px; padding-bottom: 20px; margin-bottom: 15px; clear: both } #left #novinky h3 { color: #4d7c8f; font-size: 0.8em; clear: both} #left #novinky p { font-size: 0.8em; color: #000; line-height: 110%; padding: 5px 5px 0 0px; } #left #novinky p.link a { font-size: 0.8em; color: #4d7c8f; float: right; text-decoration: none; display: block; margin-top: 0px; margin-bottom: 5px } #left #novinky p.link a:hover { text-decoration: underline } #obsah h1, #obsahfull h1 { color: #33a1cc; font-weight: bold; font-size: 1em; padding: 0px 0px 5px 0px; margin: 0; } #obsah h3, #obsahfull h3, #obsah h3 > a, #obsahfull h3 > a { color: #145166; font-weight: bold; font-size: 0.9em; padding: 10px 0px 5px 0px; margin: 0; } #obsah h4, #obsahfull h4 { color: #323232; font-weight: bold; font-size: 0.8em; padding: 5px 0px 0px 0px; margin: 0; } #obsah h5, #obsahfull h5 { color: #323232; font-weight: normal; font-size: 0.8em; padding: 7px 0px 0px 0px; margin: 0; text-decoration: underline } #obsah ul.dotted, #obsahfull ul.dotted { color: #323232; font-size: 0.8em; padding: 5px 0px 10px 15px; margin: 0; list-style-image: url(../images/ul-dotted.png); line-height: 140%; } #obsah ul, #obsahfull ul { color: #323232; font-size: 0.8em; padding: 5px 0px 10px 15px; margin: 0; list-style-image: url(../images/li.png); line-height: 140%; } #obsah p, #obsahfull p { color: #323232; font-size: 0.8em; padding: 5px 0px 5px 0px; margin: 0; line-height: 140%; } #obsah a, #obsahfull a { color: #323232; text-decoration: underline; } #obsah a:hover, #obsahfull a:hover { color: #33a1cc; text-decoration: underline; } #obsah address { font-style: normal; color: #323232; padding: 0px 0 5px 0px; font-size: 0.8em;} #obsah .main-box-5 { width: 150px; height: 142px; padding: 15px 5px 0 135px; margin: 10px 0 0 0; background: url(../images/main-box-6.png) top left no-repeat; float: left; clear: both; color: #1e1e1e; } #obsah .main-box-domacnosti { width: 150px; height: 142px; padding: 15px 5px 0 135px; margin: 10px 0 0 0; background: url(../images/main-box-domacnosti.png) top left no-repeat; float: right; color: #1e1e1e; } #obsah .main-box-kancelare { width: 150px; height: 142px; padding: 15px 5px 0 135px; margin: 0px 0 0 0; background: url(../images/main-box-kancelare.png) 0 -1px no-repeat; float: left; clear: both; color: #1e1e1e; } #obsah .main-box-hotely { width: 150px; height: 141px; padding: 15px 5px 0 135px; margin: 0px 0 0 0px; background: url(../images/main-box-hotely.png) 3px 0 no-repeat; float: right; color: #1e1e1e; } #obsah .main-box-6 { width: 150px; height: 141px; padding: 15px 5px 0 135px; margin: 0; background: url(../images/main-box-5.png) top left no-repeat; float: left; clear:both; color: #1e1e1e; } #obsah .main-box-jednorazovy { width: 150px; height: 141px; padding: 15px 5px 0 135px; margin: 0; background: url(../images/main-box-jednorazovy.png) top left no-repeat; float: right; clear:right; color: #1e1e1e; } #obsah .main-box-jednorazovy h3, #obsah .main-box-kancelare h3, #obsah .main-box-domacnosti h3, #obsah .main-box-hotely h3, #obsah .main-box-5 h3, #obsah .main-box-6 h3 { font-size: 0.85em; font-weight: bold; margin: 0; padding:0; text-align: center; height: 30px; } #obsah .main-box-5 h3 { height: 25px } #obsah .main-box-6 h3 { height: 25px } #obsah .main-box-jednorazovy ul, #obsah .main-box-kancelare ul, #obsah .main-box-domacnosti ul, #obsah .main-box-hotely ul, #obsah .main-box-5 ul, #obsah .main-box-6 ul { font-size: 0.7em; margin: 10px 0 0 5px; padding:0; list-style: none; list-style-image: none; line-height: 150%; } #obsah .main-box-jednorazovy a.vice-info, #obsah .main-box-kancelare a.vice-info, #obsah .main-box-domacnosti a.vice-info, #obsah .main-box-hotely a.vice-info, #obsah .main-box-5 a.vice-info, #obsah .main-box-6 a.vice-info {position: relative; width: 93px; height: 19px; margin: 10px 10px 0px 0px; overflow:hidden; float: right; display: block; } #obsah .main-box-jednorazovy a.vice-info span, #obsah .main-box-kancelare a.vice-info span, #obsah .main-box-domacnosti a.vice-info span, #obsah .main-box-hotely a.vice-info span, #obsah .main-box-5 a.vice-info span, #obsah .main-box-6 a.vice-info span { display:block; position:absolute; left:0; top:0; z-index:1; width: 93px; height: 19px; background: url(../images/main-vice-info.png) top center no-repeat;} #obsah a.objednat {position: relative; width: 254px; height: 37px; margin: 10px auto; overflow:hidden; display: block; } #obsah a.objednat span { display:block; position:absolute; left:0; top:0; z-index:1; width: 254px; height: 37px; background: url(../images/button-objednat.png) top center no-repeat;} #left .left-box-kancelare { width: 137px; height: 127px; padding: 5px 0px 0 115px; margin: 0px 0 10px 0; background: url(../images/left-kancelare.png) top left no-repeat; color: #1e1e1e; } #left .left-box-domacnosti { width: 137px; height: 127px; padding: 5px 0px 0 115px; margin: 0px 0 10px 0; background: url(../images/left-domacnosti.png) top left no-repeat; color: #1e1e1e; } #left .left-box-hotely { width: 137px; height: 127px; padding: 5px 0px 0 115px; margin: 0 0 10px 0; background: url(../images/left-hotely.png) top left no-repeat; color: #1e1e1e; } #left .left-box-technicky { width: 137px; height: 127px; padding: 5px 0px 0 115px; margin: 0 0 10px 0; background: url(../images/left-prumysl.png) top left no-repeat; color: #1e1e1e; } #left .left-box-technicky h3, #left .left-box-kancelare h3, #left .left-box-domacnosti h3, #left .left-box-hotely h3 { font-size: 0.7em; font-weight: bold; margin: 0; padding:0; text-align: center; height: 25px; } #left .left-box-technicky ul, #left .left-box-kancelare ul, #left .left-box-domacnosti ul, #left .left-box-hotely ul { font-size: 0.6em; margin: 15px 0 0 5px; height: 60px; padding:0; list-style: none; line-height: 150%; } #left a.vice-info {position: relative; width: 93px; height: 19px; margin: 2px 3px 0px 0px; overflow:hidden; float: right; display: block; } #left a.vice-info span { display:block; position:absolute; left:0; top:0; z-index:1; width: 93px; height: 19px; background: url(../images/main-vice-info.png) top center no-repeat;} #obsah table.chemicke-prostredky { width: 100%; font-size: 0.8em; text-align: center; padding-top: 10px; padding-bottom: 35px; } #obsah table.chemicke-prostredky td { padding-top: 13px; } #obsah table.chemicke-prostredky img { border: 1px solid #e6e6e6; } #obsah form.prace { clear: both; margin: 0; color: #323232;} #obsah form.prace table { line-height: 150%;} #obsah form.prace th { font-weight: bold; width: 180px; text-align: left;} #obsah form.prace label { font-size: 0.8em;} #obsah form.prace input { width: 250px; height: 20px; border: 1px solid #aac8d3; background: #f5fafd;} #obsah form.prace select { width: 250px; height: 20px; border: 1px solid #aac8d3; background: #f5fafd;} #obsah form.prace textarea { width: 570px; height: 150px; border: 1px solid #aac8d3; background: #f5fafd;} #obsah form.prace input.submit { width: 128px; height: 36px; border: 0px; background: none; float: right; display: block; margin: 10px 0 0 0;} #obsahfull form.prace { clear: both; margin: 0; color: #323232;} #obsahfull form.prace table { line-height: 150%;} #obsahfull form.prace th { font-weight: bold; width: 180px; text-align: left;} #obsahfull form.prace label { font-size: 0.8em;} #obsahfull form.prace input { width: 250px; height: 20px; border: 1px solid #aac8d3; background: #f5fafd;} #obsahfull form.prace select { width: 250px; height: 20px; border: 1px solid #aac8d3; background: #f5fafd;} #obsahfull form.prace textarea { width: 570px; height: 100px; border: 1px solid #aac8d3; background: #f5fafd;} #obsahfull form.prace input.submit { width: 128px; height: 36px; border: 0px; background: none; float: right; display: block; margin: 10px 0 0 0;} #obsah .cenik { clear: both; margin: 0; color: #222222;} #obsah .cenik table { line-height: 150%; border: solid 1px #AAA; padding:10px;} #obsah .cenik tr { border: solid 1px #AAA; !important; } #obsah .cenik th { font-size: 0.8em; font-weight: bold; color: #154e63;} #obsah .cenik td { font-weight: normal; font-size:small; text-align: left; line-height: 2em;} #obsah .cenik tr:hover { background-color:#CFF2FF; } #obsah .cenik td.divider { margin: 10px 0 0 10px; padding: 3px 0 0 10px; font-size: 0.8em; font-weight: bold; color: #154e63;} #obsah .cenik label { font-size: 0.8em;} #obsah .cenik input { height: 20px; border: 1px solid #aac8d3; background: #f5fafd;} #obsah .cenik select { width: 250px; height: 20px; border: 1px solid #aac8d3; background: #f5fafd;} #obsah .cenik textarea { width: 570px; height: 100px; border: 1px solid #aac8d3; background: #f5fafd;} #obsah .cenik input.submit { width: 128px; height: 36px; border: 0px; background: none; float: right; display: block; margin: 10px 0 0 0;} #obsah p.pozn { font-size: 0.7em; margin: 0; padding: 0;} #obsah div.sloupec-l { float: left; width: 250px; margin: 0;} #obsah div.sloupec-p { float: right; width: 320px; margin: 0;} #obsah a.mapa { width: 247px; height: 175px; display: block; margin: 5px 0 12px 0;} #obsah p.nonstop {color: #33a1cc; font-size: 1em; margin: 15px 0; _margin: 10px 0 0 0;} #obsah p.nonstop span.telefon { display: block; float: right; width: 120px; background: #33a1cc; text-align: center; color: #fff; font-size: 1em; padding: 3px 5px; margin: -3px 190px 20px 0px;} #obsah p.nonstop span { display: block; float: left; width: 250px; } *+html #obsah p.nonstop span.telefon { margin: -3px 190px 0px 0px;} #obsahfull .rozcestnik-uklid-domacnosti { width: 875px; margin: 10px auto; background: url(../images/rozcestnik-uklid-domacnosti.png) center 25px no-repeat; height: 150px;} #obsahfull .rozcestnik-uklid-domacnosti h2 { color: #33a1cc; font-weight: bold; text-align: center; font-size: 1em; padding: 0px 0px 5px 0px; margin: 0; height: 20px; } #obsahfull .rozcestnik-uklid-domacnosti h3 { color: #145166; font-weight: bold; font-size: 1em; padding: 10px 0px 5px 0px; margin: 0; } #obsahfull .rozcestnik-uklid-domacnosti p { color: #145166; font-size: 0.8em; padding: 5px 10px; margin: 5px 80px; } #obsahfull .rozcestnik-uklid-domacnosti ul { margin: 5px 80px; } #obsahfull .rozcestnik-uklid-domacnosti a.vice-info {position: relative; width: 111px; height: 23px; margin: 8px auto 0 auto ; overflow:hidden; display: block; } #obsahfull .rozcestnik-uklid-domacnosti a.vice-info span { display:block; position:absolute; left:0; top:0; z-index:1; width: 111px; height: 23px; background: url(../images/rozc-vice-info.png) top center no-repeat;} #obsahfull .rozcestnik-hotely { width: 875px; margin: 10px auto; background: url(../images/rozcestnik.png) center 25px no-repeat; height: 220px;} #obsahfull .rozcestnik-hotely h2 { color: #33a1cc; font-weight: bold; text-align: center; font-size: 1em; padding: 0px 0px 5px 0px; margin: 0; height: 20px; } #obsahfull .rozcestnik-hotely h3 { color: #145166; font-weight: bold; font-size: 1em; padding: 10px 0px 5px 0px; margin: 0; } #obsahfull .rozcestnik-hotely p { color: #145166; font-size: 0.8em; padding: 5px 10px; } #obsahfull .rozcestnik-hotely div.public { width: 292px; float: left; text-align: center; padding: 30px 0 0 0; height: 150px;} #obsahfull .rozcestnik-hotely div.stewarding { width: 291px; float: left; text-align: center; padding: 30px 0 0 0; height: 150px;} #obsahfull .rozcestnik-hotely div.housekeeping { width: 292px; float: right; text-align: center; padding: 30px 0 0 0; height: 150px;} #obsahfull .rozcestnik-hotely a.vice-info {position: relative; width: 111px; height: 23px; margin: 8px auto 0 auto ; overflow:hidden; display: block; } #obsahfull .rozcestnik-hotely a.vice-info span { display:block; position:absolute; left:0; top:0; z-index:1; width: 111px; height: 23px; background: url(../images/rozc-vice-info.png) top center no-repeat;} #obsahfull .rozcestnik-domy { width: 582px; margin: 10px auto; background: url(../images/rozcestnik2.png) center 25px no-repeat; height: 220px;} #obsahfull .rozcestnik-domy #dh2 { color: #33a1cc; font-weight: bold; text-align: center; font-size: 1em; padding: 0px 0px 5px 0px; margin: 0; height: 20px; } #obsahfull .rozcestnik-domy h2 { color: #145166; font-weight: bold; font-size: 1em; padding: 0px 0px 5px 0px; margin: 0; } #obsahfull .rozcestnik-domy p { color: #145166; font-size: 0.8em; padding: 4px 15px; } #obsahfull .rozcestnik-domy div.domacnosti { width: 290px; float: left; text-align: center; padding: 30px 0 0 0; height: 150px;} #obsahfull .rozcestnik-domy div.domy { width: 290px; float: right; text-align: center; padding: 30px 0 0 0; height: 150px;} #obsahfull .rozcestnik-domy div.domy a.vice-info {position: relative; width: 111px; height: 23px; margin: 18px auto 0 auto ; _margin: 24px auto 0 auto ; overflow:hidden; display: block; } #obsahfull .rozcestnik-domy div.domacnosti a.vice-info {position: relative; width: 111px; height: 23px; margin: 0px auto 0 auto ; _margin: 6px auto 0 auto ; overflow:hidden; display: block; } *+html #obsahfull .rozcestnik-domy div.domy a.vice-info {margin: 24px auto 0 auto ; } *+html #obsahfull .rozcestnik-domy div.domacnosti a.vice-info {margin: 6px auto 0 auto ; } #obsahfull .rozcestnik-domy a.vice-info span { display:block; position:absolute; left:0; top:0; z-index:1; width: 111px; height: 23px; background: url(../images/rozc-vice-info.png) top center no-repeat;} #obsah img.img-right, #obsahfull img.img-right { width: 246px; float: right; margin: 0 0 3px 5px;} #obsah img.img-right_s, #obsahfull img.img-right_s { width: 170px; float: right; margin: 0 0 3px 5px;} #obsah img.img-right_s3, #obsahfull img.img-right_s3 { float: right; margin: 0 0 3px 5px;} #obsah img.img-right_s2, #obsahfull img.img-right_s2 { width: 150px; float: right; margin: 0 0 3px 5px;} #obsah img.img-left_s2, #obsahfull img.img-left_s2 { width: 150px; float: left; margin: 0 5px 3px 0px;} #obsah img.img-left_s3, #obsahfull img.img-left_s3 { float: left; margin: 0 5px 3px 0px;} #obsah img.img-center { display: block; margin: 0 auto;} #obsah p.box-pojisteni { width: 494px; height: 30px; background: url(../images/box-pojisteni.png) top center no-repeat; margin: 10px auto; text-align: center; padding: 10px 0 0 0;} #obsah ul.odkazy { width: 550px; display: block; line-height: 180%;} #obsah ul.odkazy li { width: 168px; display: inline; float: left; padding: 0 0 0 15px; background: url(../images/li.png) top left no-repeat;} #obsah div.bannery img {padding: 2px; border:1px solid #ddd;} img.vysavace { width: 130px; float: left; margin: 5px;} a.dalsi-odkazy { float: left; display: block; text-decoration: underline; color: #fff;} .ok{border:1px solid #cceba1;background-color:#eaf7d8;text-align: center;} p.warning{padding:1em;margin:1em 0;font-weight: bold;text-align: center;border:1px solid #f99; background-color:#fdd;} #index-text p, #index-text ul { font-size: 0.8em } #left .insur-div { color: #154e63; font-size: 13px } #left .insur-div a { color: #154e63 } #left .insur-div span { font-weight: bold } h2{ font-size: 0.9em; margin: .83 em 0; font-weight: bolder; color: #33A1CC; } .pad{ padding: 20px 0 0 0; } .reftab{ font-size: 0.8em; margin-bottom: 50px; width: 650px } .reftab tr{ padding: 0 0 5px 0; display: block; } .reftab td{ padding: 10px; width: 420px; border: none; } .reftab td.prvni{ width: 230px; font-weight: bold; padding: 5px 20px 5px 10px; } .reftab tr.b td{ background: #e6f7ff; } .center{ text-align: center; } .fleft{ float: left; } .fright{ float: right; } .imgmarg { margin-right: 20px } .justif { text-align: justify } #machine-box { width: 640px; height: 913px; } #machine-box .fleft, .fright { background: url(../images/box-machines.png) top center no-repeat; width: 309px; height: 173px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px } #machine-box .fleft { float: left; } #machine-box .fright { float: right; } #machine-box img { float: left; margin: 5px; margin-top: 15px } #machine-box h3 { float: right; margin-right: 10px; margin-bottom: 0; } #machine-box p { clear: right; font-size: 0.7em; margin-right: 10px; text-align: justify; margin-top: 0; padding: 0 } #obsah div.gallimg { float: left; border: 1px solid silver; background: white; width: 185px; height: 141px; padding: 0; margin: 3px } #obsah div.gallimg a img { width: 175px; height: 131px; margin: 5px } #isocert img { width: 600px; } #obsah .mailik { text-decoration: none; color: #0969A2; } #obsah .mailik:hover { text-decoration: underline; color: #0969A2; } .gallery-box { margin: auto; text-align: center; margin-top: 0px; margin-bottom: 20px } .gallery-box a:hover img { opacity:0.8;filter:alpha(opacity=80) }