@import url(/fg/css?family=Open+Sans:100,200,300,400,400italic,600,700,700italic&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic); @import url("reset.css"); body { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #000; line-height: 1.5; margin: 0; padding: 0; background-color:transparent; min-width: 980px; position: relative; } h1, h2, h3, h4, h5, h6 { padding: 10px 0px 10px 0px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; color: #ff7d00; } h1 { font-size: 37px; padding: 0 0 10px 0; font-weight: bold; } h2 { font-size: 24px; } h3 { font-size: 16px; } p, ul, ol { padding-bottom: 15px; } p img { padding: 10px; } a img { border: none; margin: 0 15px 35px 0; } a { color:#000; text-decoration: none; } a:hover, a:active, a:focus { color: #3b3a36; } a.vice { display: inline-block; padding-right: 18px; background: url('/img/vice.png') 100% 3px no-repeat; } a.vice:hover { background-position: 100% -21px; } sup {font-size: 65%; position: relative; top: -0.8em; } sub {font-size: 65%; position: relative; top: 0.5em; } strong, b { font-weight: bold; } em, i {font-style: italic; } h1 strong, h1 b, h1 em, h1 i { font-size: 40px; } h2 strong, h2 b, h2 em, h2 i { font-size: 24px; } h3 strong, h3 b, h3 em, h3 i { font-size: 16px; } div#vrsek { background: url("/img/obsah-bg.jpg") repeat-y 50% 100% #d8d8d8; } div#vrsek div.vrsek1 { background-color: #fff; } .clear { clear: both; } .obal { position: relative; width: 980px; margin: 0 auto; } .obal2 { position: relative; width: 955px; margin: 0 auto; padding-left: 45px; padding-right: 40px;} .obal3 { position: relative; width: 100%; margin: 0 auto; } #header { height: 120px; } #header .logo img { } #header ul { clear: both; float: right; padding: 25px 0px 10px 15px; } #header li { float: left; font-size: 16px; } #header li.email { margin-top: 29px; } #header li.email a { background: url('/img/mail.png') 5px 7px no-repeat transparent; padding: 0 35px 0 30px; color: #000;} #header li strong { font-size: 18px; } #header li a { text-decoration: none; } span.tel{ background: url('/img/tel.png') 12px 3px no-repeat transparent; padding: 0 0 0 30px; } #top-menu { display: block; height: 50px; overflow: hidden; background: url('/img/bg-menu.png') 0 0 repeat transparent; } #top-menu ul { padding-left: 5px; padding-right: 5px; } #top-menu li { float: left; padding: 0 2px 0 0; background: url('/img/menu-li.png') 100% 2px no-repeat transparent; } #top-menu li:last-child { background: transparent; } #top-menu li a { display: block; text-decoration: none; color: #fff; font-size: 18px; font-weight: 300; padding: 12px 12px 11px 12px; text-transform: uppercase; } #top-menu li.aktivni a, #top-menu li a:hover { background: url('/img/bg-menu-ho.png'); } #animace { width: 100%; height: 468px; position: relative; z-index: 500; margin: 0 auto; padding: 0 0 0 0; top:0px; left:0px; } #animace .bx-viewport { margin:0px auto; } #animace .show-img { width: 100%; height: 468px; position:relative; background-position:50% 0px; background-repeat:no-repeat; background-color:transparent;} #animace ul, #animace li { margin: 0; padding: 0; background: url('/img/slider-bg.jpg') 50% 50% no-repeat; height: 468px;} #animace .show-img .anim-popis {position:absolute; bottom: 20px; color:#000; width:100%; text-align:center;} #animace .show-img .anim-popis a {color:#000;} #animace .show-img .anim-popis a:hover {color:#666;} #animace .bx-has-pager { position: absolute; left: 0; right: 0; bottom: 10px; } #animace .bx-pager { text-align: right; width:960px; margin:0px auto; } #animace .bx-pager-item { display: inline-block; width: 15px; margin: 0 0px; overflow: hidden; } #animace .bx-pager-item .bx-pager-link { display: block; width:100%; height:15px; text-indent: 30px; } #animace .bx-pager-item .bx-pager-link.active { background-position: 0 -15px; } #obsah { padding-top: 25px; min-height: 370px;} #obsah2 { clear: both; padding: 0 25px; } #lm { float: left; width: 236px; margin: 0 0 15px 0; padding: 0; } #lm span.title { display: block; background-color: #2f8802; text-align: center; color: #fff; font-size: 20px; text-transform: uppercase; padding: 5px 0} #lm ul { background: url('/img/bg-lm.png') 0 0 repeat transparent; padding-bottom: 0; } #lm li { border-bottom: #2f8802 1px solid; line-height: 1.6 } #lm li a { display: block; font-size: 16px; padding: 6px 0 7px 23px; text-transform: uppercase; color: #2f8802; text-decoration: none; } #lm li.aktivni a, #lm li a:hover { background-color: #ee8e7d; color: #fff; } #lm ul.luxusni { margin-top: 50px; } #lm ul.luxusni li { border: #2f8802 1px solid; } #rb { float: right; width: 765px; margin: 0; padding: 0; } #fotogalerie-list p { margin: 0; padding: 0; } #fotogalerie-list .t { font-size: 22px; font-weight: bold; display: inline-block; padding: 35px 10px 5px 10px; color: #2f8802; text-transform: uppercase} #fotogalerie-list img { margin: 0 13px 17px 0; } #fotogalerie-list img.konec { margin-right: 0; } #fotogalerie img { margin: 0 15px 15px 0; } #fotogalerie img.konec { margin-right: 0; } div.fotogalerie1{ margin-top: 50px; margin-bottom: 30px; } #obsah2 h1, #obsah2 h2, #obsah2 h3, #obsah2 p, #obsah2 li, #fotogalerie-list p, #lm li { text-align: left; } #obsah .nahledy { padding-bottom: 30px; } #obsah .nahledy img { margin: 0 2px; cursor: pointer; } #obsah #foto-velke { width: 760px; height: 405px; background: url('/img/nic.png') 50% 50% no-repeat transparent; float: right; } .clear.odsadit { width: 100%; height: 57px; overflow: hidden; background: #dadada url("/img/stin.png") no-repeat 50% 0%; margin-left: -5px;} #pata { text-align:center; margin-top: 0px;} #pata .pata-kontakty { padding:40px 0px 35px 0px; font-size:18px; color:#fff; height: 64px; } #pata .pata-kontakty li {list-style:none; list-style-image: none; float:left; width:246px; padding:10px 0px 10px 80px; text-align:left; line-height:40px; color: #252525} #pata .pata-info {background-color:#518D05; color:#fff; padding: 30px 0px 0px 0px;} #pata .pata-info p {padding: 0px 0px 35px 0px;} #pata .pata-info p.p1 { padding-bottom: 20px; } #pata .strong {color:#fff; font-weight: bold;} #pata #copy, #pata #autor { } #pata #autor {padding: 17px 0px; color: #000; font-size: 13px; line-height: 21px; font-weight: 600; background-color: #D4D4D4; height: 100%;} #pata .cp-btn, #pata .cpe-btn { background: url('/img/cpedit.png') no-repeat scroll 0 0 transparent; display: inline-block; height: 21px; margin: 0 5px; width: 40px; } #pata .cp-btn { background-image: url('/img/czechproject.png'); width: 110px; } #pata .cp-btn:hover, #pata .cpe-btn:hover { background-position: 0 -21px; } table.tabulka {border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em; } .tabulka caption {text-align: left;} .tabulka th, .tabulka td {padding: .25em .5em;} .tabulka thead td, .tabulka thead th {border: 1px solid #d5d5d5;} .tabulka tbody td, .tabulka tbody th {border: 1px solid #d5d5d5;} .tabulka tfoot {font-style: italic;} table.tabulka { margin: 10px 0 15px 0; text-align:center; border-collapse: collapse; vertical-align:middle; } table.tabulka td p { margin-bottom:5px !important; padding:0px !important; } table.tabulka tr th, table.tabulka tr td { background: #f8f7f3; color: #585858; padding: 10px 15px; text-align: left; } table.tabulka thead tr th, table.tabulka thead tr td { background: #3b3a36; color: #f8f7f3; padding: 10px 15px; } table.tabulka tr td.red-text{ color: #F00; } table.tabulka tr td.blue-text{ color: #009; } #k-tabs { position: absolute; left: -20px; top: -80px; } #k-tabs a { display: block; width: 201px; height: 65px; overflow: hidden; text-align: center; background: url('/img/tabs.gif') no-repeat -201px 0 transparent; color: #585858; text-decoration: none; float: left; font-size: 15px; } #k-tabs a:hover, #k-tabs a.aktivni { background-position: 0 0; color: #3b3a36; } #k-tabs a span { display: inline-block; padding-top: 12px; line-height: 1.2; } #r-form h2 { font-size: 18px; margin-bottom: 5px; padding: 0 0 0 30px; background: url('/img/form-li.png') no-repeat 0 50% transparent; } #r-form h3 { font-size: 16px; padding: 0; font-weight: bold; } #r-form #rb1, #r-form #rb2 { float: left; width: 365px; height: 110px; line-height: 1.8; } #r-form #rb2 { float: right; } #r-form #rb1 .rb-in, #r-form #rb2 .rb-in { padding: 0; } #r-form #rb1 h3, #r-form #rb2 h3 { display: inline-block; width: 125px; } #r-form #rb1 select, #r-form #rb2 select { border: #cbc3a5 1px solid; width: 50px; } #r-form #d12, #r-form #d22 { width: 85px !important; } #r-form #d13, #r-form #d23 { width: 60px !important; } #r-form #dpi1, #r-form #dpi2 { margin-left: 5px; } #r-form #rb1 h3, #r-form #rb2 h3, #r-form #rb1 select, #r-form #rb2 select, #r-form #rb1 img, #r-form #rb2 img { vertical-align: middle; } #r-form .clear1 { width: 100%; height: 45px; clear: both; } #r-form .ibox { width: 400px; float: right; text-align: right; } #r-form .ibox .w, #r-form .ibox .r, #r-form .ibox .g { display: inline-block; width: 18px; height: 18px; background-color: #fff; border: #cbc3a5 1px solid; vertical-align: middle; margin-left: 15px; } #r-form .ibox .r { background-color: #b20000 !important; } #r-form .ibox .g { background-color: #86a300 !important; } #r-form .kalendar { background-color: #f8f7f3; padding: 9px 0 9px 9px; margin-bottom: 1px; } #r-form .kalendar h3 { padding-bottom: 10px; } #r-form .kalendar .den { width: 30px; height: 75px; float: left; } #r-form .kalendar .den.den2 { width: 29px; } #r-form .kalendar .den div { height: 36px; background: url('/img/bg-r-t.png') no-repeat 0 0 transparent; text-align: center; } #r-form .kalendar .den .r0 { height: 36px; background-image: url('/img/bg-r0.png'); } #r-form .kalendar .den .r1 { height: 36px; background-image: url('/img/bg-r1.png'); color: #f8f7f3; } #r-form .kalendar .den .r2 { height: 36px; background-image: url('/img/bg-r2.png'); color: #f8f7f3; } #r-form .kalendar .den div span { display: inline-block; padding: 4px 0; font-size: 14px; } #r-form .v70 { display: inline-block; width: 50px; } #r-form #misto { width: 640px; padding: 10px 20px; border: 0; } #r-form #k1, #r-form #k2, #r-form #k3, #r-form #k4 { width: 310px; margin: 0 15px 15px 0; padding: 10px 20px; border: 0; } #r-form #k2, #r-form #k4 { margin-right: 0; } #r-form #cena { color: #903; font-weight: normal; } #r-form #cena .cena { font-weight: bold; } #r-form #r-odeslat { display: none; } #r-form .btn { display: block; text-align: center; width: 352px; height: 42px; background: url('/img/btn.png') no-repeat 0 50% transparent; text-decoration: none; text-transform: uppercase; color: #fff; font-size: 16px; margin-top: 20px; } #r-form .btn:hover { color: #fc0; } #r-form .btn span { display: inline-block; padding-top: 9px; } #r-form .neaktivni { display: none; } #r-dark { position: fixed; background: url('/img/dark.png') repeat 0 0 transparent; display: none; z-index: 1000; left: 0; top: 0; } #strankovani { padding-top: 40px; line-height: 25px; margin: 0px 0px 10px 0px; clear: both; text-align: left; } #strankovani a{ background-color: #594936; padding: 3px 8px; text-decoration: none; line-height: 30px; color: #fff; } #strankovani a:hover, #strankovani .aktivni { background-color: #fc0 !important; color: #fff; } #strankovani .predchozi, #strankovani .dalsi { background-image: url('/img/go-left.png'); background-position: 50% 50%; background-repeat: no-repeat; margin: 0 8px 0 0; padding: 3px 10px; } #strankovani .dalsi { background-image: url('/img/go-right.png'); margin: 0 0 0 8px; } .errInfo { background-color: #cbcbcb; color:#c00; padding: 10px;} .okInfo { background-color: #66cc66; color:#000; padding: 10px; } a.formularKontakt { display: block; text-align: center; width: 352px; height: 42px; background: url('/img/btn.png') no-repeat 0 50% transparent; text-decoration: none; text-transform: uppercase; color: #fff; font-size: 16px; } a.formularKontakt:hover { color: #fc0; } a.formularKontakt span { display: inline-block; padding-top: 9px; } #formularKontakt h2 { color:#333; padding: 0px 0px 8px 0px; margin: 0px; } #formularKontakt { padding: 0px 8px 4px 8px; } #formularKontakt th { padding: 5px; background-color: #f5f5f5; color: #333; border-bottom:3px solid #FFF; width: 150px; text-align:right; } #formularKontakt td input[type="text"]{ min-width:200px; margin-left:5px; border: 1px solid #999; } #formularKontakt td input.odeslat{ width:100px; margin: 5px 0px 0px 0px; } #formularKontakt td textarea{ width: 370px; border: 1px solid #999; } #formularKontakt td.center{ text-align:center; } #vypisFormulare { width: 735px; float: right; } #vypisFormulare h2 { text-align: left; padding: 0; } #vypisFormulare h3 { text-align: left; } #vypisFormulare .ibox { padding-right: 10px; } div#obsah div.odkazy{ display: inline-flex; height: 60px; } div#obsah div.odkazy div.social{ padding-left: 350px; } div#obsah div.odkazy div a.ico{ display: block; } div#obsah div.odkazy div.letak a.down{ background: url('/img/down-ico.png') no-repeat 0% 0%; width: 50px; height: 50px; margin-left: 225px; margin-top: -40px; } div#obsah div.odkazy div.social a.fb{ background: url('/img/fb-ico.png') no-repeat 0% 0%; width: 37px; height: 38px; position: relative; top: -32px; left: 150px; } div#obsah div.odkazy div.social a.yt{ background: url('/img/yt-ico.png') no-repeat 0% 0%; width: 84px; height: 35px; position: relative; top: -90px; left: 210px; } div#obsah div.odkazy div a.ico:hover{ background-position: 0% 100%; } .float-right{ float: right; padding-left: 50px; padding-bottom: 50px; margin-top: -30px; } .stin-vizitka{ padding-bottom: 40px; padding-right: 43px; background: url("/img/stin-vizitka.png") 0% 93% no-repeat; } .vetsi{ font-size: 23px; font-weight: 300; } .tence{ font-weight: 400; } .yt-video{ float:right; margin-left: 30px; margin-right: 10px; } #pujcovna { position: relative; } #pujcovna:before { position: absolute; left: -80px; width: 80px; content: "Půjčovna: "; font-size: 18px; }