/* main.css (c) Ing. Jan Malý, 2006-2007 *** http://triablo.net It is forbidden to copy and (or) publish any parts of this code withnout my permission! */ form, ul, ol, p, input {margin: 0px;} .u {text-decoration: underline;} img { border: 0 none; } img#print-logo {display: none;} h1 {font: bold 18px arial; margin:0; padding:10px 0px 10px 0px; color:#c5165b;} h2 {font: bold 18px arial; margin:0; padding:10px 0px 10px 0px; color:#000000;} h3 {font: bold 14px arial; margin:0; padding-top:10px 0px 10px 0px; color:#636363;} p { padding:5px 0 5px 0; } a { color:#c5165b; text-decoration:underline;} a:hover { text-decoration:none;} ul { padding:0 0 0 10px; } li { margin:0 0 0 15px; padding:0 0 0 12px; background: #ffffff url('/css/img2/li.png') no-repeat 0px 5px; list-style-type: none; } /* -------------- page -----------------*/ body { background-color:#f1f1f1; color: black; font: normal 9pt arial; margin: 0px; padding: 0px; color:#000000;} #main-left { float:left; width:230px; } #main-right { float:right; width:670px; padding:0px 30px 30px 0px; } #table { width:100%; border:0px; } #tb-left { background-color:#ffffff; } #tb-center { width:960px; background: #ffffff url('/css/img2/bg.jpg') no-repeat top right; } #tb-right { background: #ffffff url('/css/img2/bg-right.jpg') no-repeat top left; } #tb-f-left, #tb-f-right, #tb-f-center { background-color:#f1f1f1; } #main { width:960px; } /* -------------- index -----------------*/ #logo { position:absolute; width:300px; height:90px; cursor:pointer; } #box-index { width: 958px; height:297px; } a.box-index { display:block; position:absolute; width: 207px; top:220px; left:680px; color:#ffffff; text-decoration:none; font: normal 9pt arial; line-height:25px; z-index: 150; } span.box-index { display:block; padding-left:15px; width:207px; height:27px; background: transparent url('/css/img2/butt-link.png') no-repeat top left; cursor:pointer; } span.box-index:hover { background-position:0px -27px; } a.box-index.de {width: 267px; left: 620px; top: 230px;} span.box-index.de {width:267px; background: transparent url('/css/img2/butt-link_de.png') no-repeat top left; cursor:pointer; } #box-index-text { color:#ffffff; font: normal 9pt arial; position:relative; top:120px; left:475px; width:450px; } #bar-index { padding:5px 0 0 55px; color:#666666; font: normal 9pt arial; line-height:22px; background: transparent url('/css/img2/bar-index.png') no-repeat top left; height:45px; } #bar-index span { display:block; float:left; padding-right:15px; background: transparent url('/css/img2/divider2.png') no-repeat top right; } #bar-index span.odkaz { display:block; float:left; padding-left:15px; background: none; } span.boxik { display:block; width:229px; height:200px; float:left; margin-right:13px; cursor:pointer; text-decoration:none; } span.boxik span.h3 { padding: 13px 5px 0px 10px; display:block; height:30px; color:#ffffff; font: bold 12pt arial; float:left; } span.boxik img.boxik { display:none; float:left; margin-top:11px; } span.boxik:hover img.boxik { display:block; } span.boxik span.text { padding:75px 5px 5px 10px; display:block; clear:both; color:#ffffff; font: normal 11px arial; } #info-index { padding:10px 30px; background: transparent url('/css/img2/info-index.png') no-repeat top left; height:231px; width:408px; float:right; margin-right:6px; color:#ffffff; font: normal 9pt arial; } #info-index h2 { padding:5px 0; color:#ffffff; } #info-index h3 { padding:0; color:#ffffff; font: bold 9pt arial; } #info-index div.left { float:left; margin-top:25px; } #info-index div.right { float:right; margin:25px 10px 0 0; font: normal 14pt arial; } #info-index div.right span.small { font: normal 10pt arial; } #info-index div.right a { font: normal 9pt arial; color:#ffffff; text-decoration:underline; } #info-index div.bottom { clear:both; padding-top:30px; color:#000000; } #info-index a.info-index { display:block; float:left; margin-top:15px; color:#ffffff; text-decoration:none; } #info-index a.info-index2 { width:105px; display:block; float:right; margin:22px 30px 0px 0px; color:#ffffff; text-decoration:underline; } span.box-index2 { display:block; padding-left:15px; width:232px; height:27px; background: transparent url('/css/img2/butt-link2.png') no-repeat top left; cursor:pointer; line-height:25px; } span.box-index2:hover { background-position:0px -27px; } #news-box { float: left; width:418px; height:330px; padding: 10px 30px 0 30px; background: transparent url('/css/img2/bg-news.png') no-repeat top left; } #news-box p {padding: 0px; font: normal 9pt arial;} #news-box p em {font-style: normal; font-weight: bold; font-size: 18px;} #news-box.de {height: 430px; background: transparent url('/css/img2/bg-news_de.png') no-repeat top left;} /* #news-box div.news { width:478px; height:108px; } #news-box div.news1 { background: transparent url('/css/img2/bg-news1.png') no-repeat top left; } #news-box div.news2 { background: transparent url('/css/img2/bg-news2.png') no-repeat top left; } #news-box div.news3 { background: transparent url('/css/img2/bg-news3.png') no-repeat top left; } #news-box div.date { float:left; margin:18px 0 0 15px; width:29px; height:32px; background: transparent url('/css/img2/date.png') no-repeat top left; color:#ffffff; text-align:center; font: bold 6pt arial; padding-top:2px; } #news-box div.date span { display:block; font: bold 9pt arial; } #news-box div.text { width:400px; padding:15px 20px 10px 0; float:right; font: normal 9pt arial; } #news-box div.text h3 { padding:5px 0; color:#000000; font: bold 10pt arial; } */ #main-right .inner {overflow: hidden;} #file-index { font: normal 9pt arial; float:right; height: 86px; background: transparent url('/css/img2/file.jpg') no-repeat top left; width:460px; margin: 2px 14px 0 0;} #file-index h3 {color:#000000; font: bold 16px arial; margin: 0; padding: 18px 0 0 15px} #file-index p {padding: 6px 0 0 15px;} #mapa-stranek {width: 300px; margin: 5px 0 0 15px; line-height: 18px;} div.flag-cz { background: transparent url('/css/img2/flag-cz.png') no-repeat 4px 6px; } div.flag-en { background: transparent url('/css/img2/flag-en.png') no-repeat 4px 6px; } div.flag-de { background: transparent url('/css/img2/flag-de.png') no-repeat 4px 6px; } div.flag { padding:4px 2px 4px 28px; color:#666666; height:16px; cursor:pointer; } div.flag-hide { display:none; background-color:#ffffff; } div.flag-hide:hover { background-color:#000000; } #box-language:hover div.flag-hide { display:block; } /* -------------- top -----------------*/ #top { width:960px; height:100px; } #box-search { position:relative; top:41px; left:490px; height:30px; width:250px; } #box-search input.submit { float:left; text-align:left; padding-left:10px; color:#ffffff; font: bold 9pt arial; cursor:pointer; border:none; width:77px; height:27px; background: transparent url('/css/img2/butt-search.png') repeat 0 0; line-height:14px; } #box-search input.submit:hover { background-position:0px -27px; } #box-search input.text { margin-top:5px; border:0px; width:170px; float:left; } #box-language { position:relative; top:17px; left:813px; width:145px; } /* -------------- menu -----------------*/ #box-menu { background: transparent url('/css/img2/bg-menu.png') no-repeat top left; height:43px; width:950px; padding-left:8px; } #box-menu a.menu { text-decoration:none; color:#ffffff; font: bold 10pt arial; display:block; float:left; padding:8px 11px; height:15px; } #box-menu a.menu:hover, #box-menu a.active { background: transparent url('/css/img2/bg-menu-active.png') repeat-x top left; } #box-menu div.divider { height:31px; width:3px; background: transparent url('/css/img2/divider.png') no-repeat top left; float:left; } #prohlidka {clear: both; margin-bottom: 25px;} #prohlidka h2 {color:#c5165b; padding-left: 28px;} /* -------------- foot -----------------*/ #foot { width:960px; padding:20px 0px; color:#7f7f7f; font: normal 8pt arial; } #foot-1, #foot-2, #foot-3 { float:left; background: transparent url('/css/img2/divider2.png') repeat-y top right; } #foot-4 { float:right; background: transparent url('/css/img2/divider2.png') repeat-y top right; } #foot-1 { height:22px; line-height:22px; background: transparent url('/css/img2/cards.png') no-repeat top right; padding:0px 185px 0px 10px; } #foot-2 { padding:0px 10px 0px 45px; height:22px; line-height:22px; background: transparent url('/css/img2/facebook.png') no-repeat top left; } #foot-2 a { color:#2C58A3; } #foot-3 { padding:0px 10px 0px 45px; height:22px; line-height:22px; background: transparent url('/css/img2/rss.png') no-repeat top left; } #foot-3 a { color:#F48A02; } #foot-4 { padding:0px 10px 0px 10px; line-height:22px; background: transparent url('/css/img2/divider2.png') no-repeat top left; width:270px; text-align:right; } #foot-under {float: left; clear: left; padding: 5px 0 0 10px; line-height: 22px; width: 489px;} #foot-under-2 {width: 250px; margin: 4px 0 0 0; padding: 0 0 0 10px; float: left; line-height: 22px; } #foot-6 { float:left; clear:left; padding:10px 10px 0px 10px; line-height:22px; width:620px; } /* -------------- box-kontakt -----------------*/ #box-kontakt { position:relative; font: normal 9pt arial; padding:10px; color:#ffffff; width:209px; height:405px; background: transparent url('/css/img2/bg-kontakt.png') no-repeat top left; margin-bottom:20px; } #box-kontakt h2 { padding:5px 5px; color:#ffffff; font: normal 14pt arial; } #box-kontakt div.top { margin:15px 5px; } #box-kontakt a.box-info { font: normal 9pt arial; color:#ffffff; text-decoration:none; } #box-kontakt span.box-info { color:#ffffff; display:block; padding-left:15px; width:185px; height:27px; background: transparent url('/css/img2/butt-link3.png') no-repeat top left; cursor:pointer; line-height:25px; } #box-kontakt span.box-info:hover { background-position:0px -27px; } #box-kontakt div.bottom { float:right; margin:205px 10px 0 0; font: normal 14pt arial; } #box-kontakt div.bottom span.small { font: normal 10pt arial; } #box-kontakt div.bottom a { font: normal 9pt arial; color:#ffffff; text-decoration:underline; } /* -------------- photos -----------------*/ .onephoto {width: 102px; height: 84px; padding: 6px; background: transparent url('/css/img2/onephoto.png') no-repeat top left; float: left; margin: 20px 10px 0px 0px; position: relative;} .onephoto:hover { background-position:0px -96px;} .onephoto img { width: 102px; height: 84px; border:0px; } /* ------------------- photogallery --------------------- */ #detailbigimg {background-color: black;} #detailbigimgPANE {opacity: 1; position: relative; z-index: 400; background: white;} #detailbigimgINNER {position: absolute; z-index: 500; cursor: pointer;} #loadingPane {background: transparent url('/css/img/loadingAnimation.gif') no-repeat center; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 10000} #sipkaRight, #sipkaLeft {text-decoration: none; display: block; position: absolute; width: 30px; height: 30px; margin: 0; z-index: 600; } #sipkaLeft {background: transparent url('/css/img/sipka-left.gif') no-repeat top left;} #sipkaRight {background: transparent url('/css/img/sipka-right.gif') no-repeat top left;} #detailbigimgBOTTOM {display: block; height: 45px; position: absolute; z-index: 600; margin: 0; text-align: center;} #detailbigimgBOTTOM p {margin: 5px 0 0 0; padding: 0; height: 25px; line-height: 25px; font: normal 14px sans-serif; color: #c3145a;} #detailbigimgBOTTOM h4 {margin: 0 0 0 0; padding: 0; height: 10px; line-height: 10px; font: normal 10px sans-serif; color: black;} /* ------------------------ box man ----------------------------*/ div.box_man { float:left; width:180px; margin: 10px 30px 20px 0; } div.box_man h3 { margin:0px 0 2px 0px; font: normal 10pt arial; color:#c31459; } div.box_man img { float:left; margin-right: 20px;} div.box_man2 {float: left; width:177px; min-height:55px; padding:10px 10px 0 0px; vertical-align:middle; font: normal 8pt arial; } div.divider2 { height:0px; border-top:1px dotted rgb(146,146,146); margin: 5px 20px 10px 0; clear:both; } /* ---------------------- box -----------------------*/ div.box { float:left; width: 275px; padding:0px 30px 20px 0;} /* ------------------- kontakty ------------------------ */ div.kontakt { float:left; width:300px; font: normal 11pt arial; color:#636363; } div.kontakt h3 { font: normal 13pt arial; color:black; } div.kontakt-f h3 { font: normal 11pt arial; color:black; } div.kontakt-f input.butt {border:none; background:transparent url('/css/img/butt-odeslat.png') no-repeat 0 0; width:130px; height:55px; margin:0 0 0 165px; padding:0; cursor:pointer; } div.kontakt-f input.butt:hover { background-position:-130px 0px; } table.frm3 {position:relative; right:6px; border-spacing:0px; border:none; margin:0;} table.frm3 td { padding:0px; margin:0px; } table.frm3 { border-spacing:0px; padding:0px; margin:0px; border:none; } /* ---------------------- cenik -----------------------*/ table.cenik { width:680px; border:0px; border-spacing: 0px; border-collapse: collapse; font: normal 9pt arial; } table.cenik td { border:1px solid #DADADA; padding:6px;} table.cenik td.top { background-color:#B50C63; font: bold 8pt arial; color:#ffffff; } table.cenik td.p1, table.cenik td.p2, table.cenik td.p3, table.cenik td.p4 { padding:0px; vertical-align:middle; } table.cenik td.p2, table.cenik td.p3, table.cenik td.p4, table.cenik td.t2, table.cenik td.t3, table.cenik td.t4 { text-align:center; } table.cenik td.p1, table.cenik td.t1 { padding:5px 5px 5px 15px; text-align:left; } table.cenik td.p2, table.cenik td.p3 { font: bold 9pt arial; padding:5px 0; } table.cenik td.p3 span{ display:block; font: normal 8pt arial; color:rgb(146,146,146); } table.cenik td.t4 { width:120px; } table.cenik td.t3 { width:100px; } table.cenik td.t2 { width:100px; } table.cenik td.r { background-color:#F7E6EF; } table.cenik td.g { background-color:#F2F2F2; } /* ---------------------- menu2 -----------------------*/ #menu2 { width:229px; margin-bottom:-90px; background:transparent url('/css/img2/bg-menu2.png') no-repeat 0 0; } div.menu2 { position:relative; height:43px; } h2.menu2t { height:16px; padding:10px; color:#ffffff; font: bold 10pt arial; } h2.menu2 { height:15px; padding:10px; color:#ffffff; font: bold 12pt arial; } #menu2-s { position:relative; width:229px; height:24px; background:transparent url('/css/img2/menu2-s.png') no-repeat 0 0; } div.menu2-text { height:15px; padding:10px; color:#ffffff; font: normal 8pt arial; margin-top:72px; display:none; } div.menu2:hover { height:183px; } div.menu2:hover div.menu2-text { display:block; } #slide {width: 957px; height: 305px; margin: 0 0 0 1px; position: relative;} #slide img.imageFront {width: 957px; height: 305px; position: absolute; top: 0; left: 0; z-index: 100;} #slide img.imageFront.form {} #slide #soutezInfo {position: absolute; z-index: 140; width: 465px; height: 200px; top: 105px; left: 405px;} #slide #soutezInfo p {color: black; margin: 0 0 18px 0; padding: 0; line-height: 17px;} #slide #okInfo {position: absolute; z-index: 140; width: 465px; height: 200px; top: 105px; left: 435px;} #slide #okInfo p {color: black; margin: 0 0 18px 0; padding: 0; line-height: 17px;} #slide #vyplnFormular {position: absolute; z-index: 140; width: 600px; height: 180px; top: 90px; left: 415px;} #slide #vyplnFormular table input {width: 310px; border: 1px solid #d5d5d5; font-size: 14px; height: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } table.reference {margin: 0 30px 0 15px;} table.reference td {vertical-align: middle; padding-left: 30px;} table.reference td.obr {padding-left: 0; text-align: center;} table.kontaktForm td {padding-top: 5px;} table.kontaktForm td span.sun { padding-left: 15px; font-weight: bold; } table.kontaktForm input.butt {border: none; background: url(img2/butt-link.png) 0 -27px no-repeat; width: 222px; height: 27px; line-height: 27px; margin-left: 15px; color: white; font-weight: bold; cursor: pointer;} table.kontaktForm input.butt:hover {background-position: 0 0;} div.inner a.box-index {position: static; margin-top: 35px;} div#kontaktBox {display: none;} div#topLinkPane {width: 120px; float: right; margin-right: 5px; margin-left: 20px; height: 27px;} div#topLinkPane a.printLink, div#topLinkPane a.recommendLink {display: block; width: 43px; height: 27px; float: left; margin-right: 5px; text-decoration: none;} div#topLinkPane a.printLink {background: url(img/ed-print.gif) no-repeat top left;} div#topLinkPane a.recommendLink {background: url(img/ed-recommend.gif) no-repeat top left;} div#topLinkPane a.printLink:hover, div#topLinkPane a.recommendLink:hover {background-position: 0 -27px;} a.parking { width: 111px; height: 111px; position: absolute; top: 0; left: 100%; margin-left: -111px; display: block; text-indent: -10000px; overflow: hidden; } a.parking.cz { background: transparent url(img3/parking_cz.png) top left no-repeat; } a.parking.en { background: transparent url(img3/parking_en.png) top left no-repeat; } a.parking.de { background: transparent url(img3/parking_de.png) top left no-repeat; } div#parkingWindow { width: 905px; position: absolute; z-index: 50000; top: 140px; left: 50%; margin-left: -452px; } div#parkingWindow a.close { width: 29px; height: 29px; background: transparent url(img3/win_close.png) top left no-repeat; position: absolute; top: 0; left: 100%; margin-left: -14px; margin-top: -14px; text-indent: -14000px; overflow: hidden; } div#parkingWindow div.top { height: 8px; background: transparent url(img3/win_top.png) top left no-repeat; } div#parkingWindow div.center { min-height: 650px; background: transparent url(img3/win_repeat.png) top left repeat-y; } div#parkingWindow div.center div.inset { margin: 0 35px; padding: 15px 0; line-height: 1.5; } div#parkingWindow div.center div.inset h2 { color: #c5165b; } div#parkingWindow div.center div.inset em { color: #c5165b; font-weight: bold; font-style: normal; } div#parkingWindow div.bottom { height: 8px; background: transparent url(img3/win_bottom.png) top left no-repeat; }