*{margin:0; padding:0; outline:0; }
body,html{height:100%; }
body{color:#777777;min-width:980px;}
a:hover{text-decoration:underline; }
a img{border:0; }
a.view{background:url(images/bullet.png) no-repeat 0 10px; padding-left:8px; font-size:10px; float:right; }
article,aside,details,footer,header,menu,nav,section{display:block; }
input,textarea,select{font-size:12px; font-family:arial,sans-serif; }
textarea{overflow:auto; }
.cl{display:block; height:0; font-size:0; line-height:0; text-indent:-4000px; clear:both; }
.notext{font-size:0; line-height:0; text-indent:-4000px; }
.left,.alignleft{float:left; display:inline; }
.right,.alignright{float:right; display:inline; }
.shell{width:980px; margin:0 auto; height:100%; position:relative; }
.top-nav .shell{position:relative; }
.top-nav{background:#C9AC82; }
.top-nav ul{list-style:none; list-style-position:outside; font-family:serif; font-size:16px; text-transform:uppercase; line-height:58px; font-weight:700; }
.top-nav ul li{float:left; padding:0; border-right:1px solid #AD9470; }
.top-nav ul li.active{border-right:0; }
.top-nav ul li a{float:left; padding:0 16px; text-shadow:rgba(255,255,255,0.8) 0px 1px 0px; }
.top-nav ul li span{float:left; }
.top-nav ul li a:hover, .top-nav ul li a.active{color:#724C17; text-decoration:none; background:#DFC8A7; }
.top-nav span.top-nav-shadow{background:url(images/top-nav-shadow.png) no-repeat 0 0; width:959px; height:7px; position:absolute; top:59px; left:50%; margin-left:-480px; }
.top-nav a.nav-btn{display:none; }
#header,#header2{position:relative; height:480px; background:url(../obr/bgr3.jpg) bottom repeat-x;}
#header2{height:200px; }
.header-inner{position:relative; background:url(images/header-cnt.png) no-repeat center 0; }
.header-cnt #logo{width:397px; font-size:0; line-height:0; }
.header-cnt #logo a{height:134px; background:url(images/logo.png) no-repeat 0 0; text-indent:-4000px; display:block; }
.header-cnt{position:absolute; bottom:-80px; left:20px; z-index:1000000;}
.header-cnt h2{font-size:74px; line-height:83px; color:#fff; text-shadow:rgba(0,0,0,0.5) 0px 1px 2px; font-weight:bolder; }
.header-cnt h3{font-size:40px; padding-bottom:8px; line-height:50px; font-weight:normal; color:#fff; text-shadow:rgba(0,0,0,0.5) 0px 1px 2px; font-family:tahoma,arial,helvetica,serif; }
.header-cnt p{color:#fff; text-shadow:rgba(0,0,0,0.5) 0px 1px 2px; padding-bottom:10px; }
.header-cnt a.blue-btn{background:rgb(99,136,169);
/* Old browsers */
background:-moz-linear-gradient(top,rgba(99,136,169,1) 0%,rgba(48,85,118,1) 100%);
/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(99,136,169,1)),color-stop(100%,rgba(48,85,118,1)));
/* Chrome, Safari4+ */
background:-webkit-linear-gradient(top,rgba(99,136,169,1) 0%, rgba(48,85,118,1) 100%);
/* Chrome10+, Safari5.1+ */
background:-o-linear-gradient(top,rgba(99,136,169,1) 0%, rgba(48,85,118,1) 100%);
/* Opera 11.10+ */
background:-ms-linear-gradient(top,rgba(99,136,169,1) 0%, rgba(48,85,118,1) 100%);
/* IE10+ */
background:linear-gradient(to bottom,rgba(99,136,169,1) 0%, rgba(48,85,118,1) 100%);
/* W3C */
filter:progid:dximagetransform.microsoft.gradient( startcolorstr='#6388a9',endcolorstr='#305576',gradienttype=0 );
/* IE6-9 */
/**http://www.colorzilla.com/gradient-editor/#3b679e+0, 2b88d9+49, 207cca+50, 365788+100;Custom*/
z-index:100; width:198px; height:55px; text-align:center; line-height:56px; display:block; color:#fff; text-shadow:rgba(0,0,0,0.5) 0px 1px 1px; font-size:16px; font-family:'Ubuntu',sans-serif; font-weight:700; -webkit-border-radius:15px; border-radius:15px; border:1px solid #6289AF; }
.header-cnt a.blue-btn:hover{text-decoration:none; background:rgb(48,85,118);
/* Old browsers */
background:-moz-linear-gradient(top,rgba(48,85,118,1) 0%,rgba(99,136,169,1) 100%);
/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(48,85,118,1)),color-stop(100%,rgba(99,136,169,1)));
/* Chrome, Safari4+ */
background:-webkit-linear-gradient(top,rgba(48,85,118,1) 0%, rgba(99,136,169,1) 100%);
/* Chrome10+, Safari5.1+ */
background:-o-linear-gradient(top,rgba(48,85,118,1) 0%, rgba(99,136,169,1) 100%);
/* Opera 11.10+ */
background:-ms-linear-gradient(top,rgba(48,85,118,1) 0%, rgba(99,136,169,1) 100%);
/* IE10+ */
background:linear-gradient(to bottom,rgba(48,85,118,1) 0%, rgba(99,136,169,1) 100%);
/* W3C */
filter:progid:dximagetransform.microsoft.gradient( startcolorstr='#305576',endcolorstr='#6388a9',gradienttype=0 );
/* IE6-9 */
}
.slider-holder{float:right; width:495px; height:293px; background:url(images/slider.png) no-repeat 0 0; position:absolute; top:7px; right:-19px; padding:34px 44px; z-index:1000;}
.slider-holder .flexslider{width:497px; height:288px; position:relative; }
.slider-holder .flexslider ul.slides{list-style:none; list-style-position:outside; position:relative; }
.slider-holder .flexslider ul.slides li{width:497px; height:288px; float:left; }
.slider-holder .flexslider ul.slides li img{width:497px; height:288px; }
#slidesimage{z-index:1000000;}
.main{padding:66px 0 50px; position:relative; height:100%; }
.main span.shadow-top{background:url(images/main-shadow.png) repeat-x 0 0; top:0; left:0; position:absolute; width:100%; height:46px; z-index:20; display:block; z-index:999;}
.main section{background:url(images/section-shadow.png) no-repeat 0 bottom; padding-top:40px; padding-bottom:23px; }
.main section:last-of-type{background:transparent; }
.main .testimonial{text-align:center; padding-right:88px; padding-left:88px; }
.main .testimonial p{padding-bottom:10px; }
.main .content{width:655px; float:left; }
.main .content2{width:955px; float:left; }
.main .content h2{padding:20px 0px;}
.main .content ul{list-style:none; list-style-position:outside; padding-top:8px; }
.main .content ul li{padding-left:8px; background:url(images/bullet.png) no-repeat 0 9px; padding-bottom:5px; }
.main .content ul li a{text-decoration:underline; }
.main .content ul li a:hover{text-decoration:none; }
.main .content img.alignleft{margin-right:22px; }
.main .content .cnt{overflow:hidden; height:100%; }
.line{width:100%;height:100%;padding-bottom:20px;}
.line img{vertical-align:middle;float:left;}
.linea,.lineb{width:320px;padding-bottom:20px;margin-right:15px;float:left;}
.lineb{margin-right:0px;}
.linein{float:left;vertical-align:middle;width:180px;margin:5px;}
.linein span{font-size:140%;color:#b93e3e;}
.main .sidebar{width:282px; float:right; }
.main .sidebar ul{list-style:none; list-style-position:outside; }
.main .sidebar ul li{position:relative; padding-left:20px; padding:10px 20px; min-height:72px; }
.main .sidebar ul li .img-holder{position:absolute; top:6px; left:0px; width:66px; height:48px; padding:2px; border:1px solid #d7d7d6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; }
.main .sidebar ul li img{width:66px; height:48px; }
.main .sidebar ul li .mobile{font-style:normal; display:none; }
.main .sidebar ul li a{color:#828282; }
.main .sidebar ul li a:hover{text-decoration:none; color:#666; }
.main .sidebar ul li p{padding-bottom:7px; }
.main .sidebar ul li span{font-size:10px; color:#c0c0c0; display:block; }
.main .sidebar .widget ul li.last{background:transparent; }
.main .cols{padding-bottom:px; }
.main .cols a.view{margin-right:16px; position:absolute; bottom:0; right:45px; }
.main .cols .col{width:410px; float:left; padding-right:45px; margin-right:12px; padding-bottom:16px; position:relative; }
.main .cols .col-cnt{padding-top:7px; height:100%; overflow:hidden }
.main .cols .col img.alignleft{margin-right:7px; }
.main .cols .col.last{width:280px; padding-right:0; margin-right:0; background:transparent; }
.main .cols ul{list-style:none; list-style-position:outside; }
.main .cols ul li{position:relative; margin-left:10px; min-height:30px; }
.main .cols ul li ul li{position:relative; margin-left:30px; min-height:30px; list-style-image:url(../obr/point2.png);}
html,body{height:100%; }
#wrapper{min-height:100%; height:auto !important; height:100%; margin:0 auto -286px; }
#footer-push{height:286px; }
#footer span.shadow-bottom{background:url(images/main-shadow-bottom.png) repeat-x 0 0; top:-46px; left:0; position:absolute; width:100%; height:46px; z-index:20; display:block; }
#footer{border-top:1px solid #fff; position:relative; height:285px; }
#footer .copy a{color:#FFFFFF;}
.footer-cols{padding:26px 0; }
.footer-cols .col{float:left; padding-right:24px; }
.footer-cols .col.last{padding-right:0; }
.footer-cols .short{width:146px;}
.footer-cols h3{color:#fff; text-shadow:rgba(0,0,0,0.6) 0px 1px 2px; font-size:21px; line-height:28px; font-family:'Ubuntu',sans-serif; font-weight:500; padding-bottom:12px; }
.footer-cols h3 a{color:#fff; text-shadow:rgba(0,0,0,0.6) 0px 1px 2px; }
.footer-cols h3 a:hover{text-decoration:none; color:#bdbdbd; }
.footer-cols p{color:#fff; }
.footer-cols p a{color:#fff; }
.footer-cols ul{list-style:none; list-style-position:outside; }
.footer-cols ul li{color:#fff; padding-bottom:6px; padding-left:9px; background:url(images/bullet-footer-col.png) no-repeat 0 8px; }
.footer-cols ul li a{color:#fff; }
.footer-cols .col-cnt a{color:#fff; }
.footer-bottom{background:#6B97BF; height:14px; padding:22px 0 18px 0; }
.footer-bottom a{color:#FFFFFF;}
.footer-nav{float:left; font-size:11px; line-height:11px; }
.footer-nav ul{list-style:none; list-style-position:outside; }
.footer-nav ul li{float:left; padding:0 10px; background:url(images/footer-nav-border.png) no-repeat 0 0; }
.footer-nav ul li.first{background:transparent; padding-left:0; }
.footer-nav ul a{color:#fff; font-size:14px;}
/* #Media Queries================================================== */
/* ipad portrait */
@media only screen and ( min-width:768px) and ( max-width:980px ){
body{min-width:768px; }
.shell{max-width:768px; }
#header{height:467px; }
.header-cnt #logo{width:277px; font-size:0; line-height:0; }
.logoobr{height:70%; width:70%}
.pane .panetext,.panens .panetext{width:470px; }
.pane .panein,.panens .panein{left:420px;}
.images{width:100%;}
#znak{left:490px; top:30px;}
.top-nav span.top-nav-shadow{display:none; }
.top-nav ul{font-size:14px; }
.top-nav ul li a{padding:0 14px; }
.top-nav ul li.last a{padding-right:34px; }
.header-inner{width:728px; padding:0 20px; }
.header-cnt{width:295px; }
.header-cnt h2{font-size:56px; line-height:60px; }
.header-cnt h3{font-size:30px; line-height:32px; }
.header-cnt p .desktop{display:none; }
.header-cnt p .mobile{display:block; }
.header-cnt a.blue-btn{bottom:-60px; }
.slider-holder{width:382px !important; height:260px !important; background:url(images/slider-tablet.png) no-repeat 0 0; padding:30px 35px 0; top:30px; right:0; }
.slider-holder .flexslider{width:382px; height:220px; }
.slider-holder .flexslider ul.slides li{width:100%; height:100%; }
.slider-holder .flexslider ul.slides li img{width:100%; height:100%; }
.container{padding:0 20px; width:728px; }
.main section.blog{padding-bottom:60px; }
.main section.blog{background:transparent !important; padding-bottom:0; }
.main .cols{background:transparent !important; padding-bottom:0; }
.main .cols .col{width:232px; padding-right:15px; margin-right:0; background:transparent;}
.main .cols .col.last{padding-right:0; width:232px }
.main .cols .col img{float:none; display:block; margin:0 auto 0 auto !important; }
.main .content{width:100%; float:none; display:block; padding-bottom:40px; }
.main .sidebar{width:100%;display:block; }
.main .sidebar ul li{min-height:30px;}
.main .sidebar ul li .mobile{display:inline; }
.main .sidebar a.view{display:none; }
.footer-cols .shell{padding-left:20px; padding-right:20px; width:728px; }
.footer-cols .col{width:166px; padding-right:20px; }
.footer-cols .col.last{padding-right:0; }
.footer-bottom{height:48px; line-height:17px; }
.footer-bottom .footer-nav{float:none; display:block; padding-bottom:16px; }
.footer-bottom p.copy{float:none; display:block; clear:both; }
.footer-bottom .shell{padding-left:20px; width:748px; }
.mezera h2{margin-left:320px;}
}
@media only screen and ( max-width:767px){
body{min-width:320px;}
.shell{max-width:100%; }
.main{padding-top:40px !important; margin-top:0; }
a.view{background:url(images/bullet.png) no-repeat 0 8px; padding-left:8px; font-size:10px; float:right; }
#header{}
.header-cnt #logo{width:280px; font-size:0; line-height:0; margin-bottom:8px; }
.header-cnt #logo a{height:94px; background:url(images/logo-@2x.png) no-repeat 0 0; text-indent:-4000px; display:block; }
.top-nav ul{font-size:12px; }
.top-nav ul li a{padding:0 8px; }
.logoobr{height:60%; width:60%}
#znak{display:none;}
.panein{display:none;}
.slidetabs{left:10px;top:120px; }
.pane .panetext,.panens .panetext{width:80%;}
.images{width:100%;}
.images .pane{width:100%;}
.header-inner{width:100%; padding:0 10px; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.slider-holder{width:280px !important; height:163px !important; background:url(images/slider-mobile.png) no-repeat 0 0; padding:20px; top:230px; left:50%; margin-left:-160px; }
.slider-holder .flexslider{width:280px; height:163px; }
.slider-holder .flexslider ul.slides li{width:100%; height:100%; }
.slider-holder .flexslider ul.slides li img{width:100%; height:100%; }
.container{padding:20px 10px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.main .testimonial{padding-left:0; padding-right:0; }
.main span.shadow-top{top:0px; left:0; }
.main section{background:url(images/mobile-section-shadow.png) no-repeat center bottom !important; }
.main section.blog{background:transparent !important; padding-bottom:0; }
.main .cols{background:transparent !important; padding-bottom:0; }
.main .cols .col{width:100%; padding-right:0px; margin-right:0; padding-bottom:20px; background:url(images/mobile-section-shadow.png) no-repeat center bottom;}
.main .cols .col a.view{bottom:20px; right:10px; }
.main .cols .col.last{width:100%; padding-right:0px; }
.main .cols .col img{float:left; }
.main .content{width:100%; float:none; display:block; padding-bottom:40px; }
.main .content img.alignleft{margin-right:8px; float:none; display:block; margin:0 auto 30px auto; }
.main .content p{font-size:11px; line-height:18px; }
.main .content ul li{font-size:11px; padding-bottom:0; line-height:18px; }
.main .content ul li{background-position:0 7px !important; display:block; }
.main .sidebar{width:100%; display:block; padding-right:0; }
.main .sidebar ul li{margin:0 0 0 0; background:url(images/mobile-section-shadow.png) no-repeat center bottom; display:block; min-height:70px; }
.main .sidebar ul li .mobile{display:inline; }
.main .sidebar a.view{margin-right:20px; }
#footer{height:420px;}
.footer-cols .shell{padding-left:20px; padding-right:20px; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.footer-cols .col{width:100%; display:block; padding-right:0; }
.footer-cols .col ul li{padding-right:0; }
.footer-cols .col .col-cnt{padding-bottom:20px;}
.footer-cols .col.last{padding-right:0; }
.footer-bottom{height:48px; line-height:17px; }
.footer-bottom .footer-nav{float:none; display:block; text-align:center; padding-bottom:16px; font-size:10px; }
.footer-bottom .footer-nav ul li{padding:0 2px 0 4px; float:none; display:inline; background-position:0 2px; }
.footer-bottom p.copy{float:none; display:block; text-align:center; clear:both; font-size:10px; }
.footer-bottom .shell{width:100%; }
.mezera h2{margin-left:160px;}
}
@media only screen and ( max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi){.slider-holder{background:url(images/slider-mobile@2x.png) no-repeat 0 0; -webkit-background-size:320px 202px; -moz-background-size:320px 202px; background-size:320px 202px; }
.main section,.main .cols .col,.main .sidebar ul li{margin:0 0 0 0; background:url(images/mobile-section-shadow@2x.png) no-repeat center bottom; -webkit-background-size:299px 14px; -moz-background-size:299px 14px; background-size:299px 14px; }
#footer{height:620px;}
.line {
height: 200px;
}
}
/*opera only hack*/
@media not all and (-webkit-min-device-pixel-ratio:0){.footer-cols .col{width:100%; }
}
/* ---------- FAQ ---------- */
:root{
--ink: #1c2b2d; /* hlavní text – tmavá zeleno-šedá */
--ink-soft: #45585a; /* sekundární text */
--paper: #f6f4ee; /* pozadí – teplá písková */
--card: #ffffff; /* karty */
--line: #dcd7cb; /* linky, rámečky */
--teal: #1f5e60; /* primární – odhadcovská modrozelená */
--teal-deep: #143f41;
--accent: #b4532a; /* cihlový akcent – jen pro důraz */
--accent-soft:#f3e3da;
--focus: #2f7d80;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
/*body{
margin:0;
background:var(--paper);
color:var(--ink);
font-family:Georgia,"Times New Roman",serif; /* body = serif → působí odborně */
/*line-height:1.65;
-webkit-font-smoothing:antialiased;
}*/
/* .wrap{max-width:880px;margin:0 auto;padding:0 22px} */
/* ---------- ÚVODNÍ ŘÁDEK SEKCE ---------- */
.section-intro{
font-family:Arial,Helvetica,sans-serif;
font-size:.8rem;
letter-spacing:.18em;
text-transform:uppercase;
color:var(--accent);
margin:0 0 24px;
display:flex;
align-items:center;
gap:12px;
}
.section-intro::after{
content:"";
flex:1;
height:1px;
background:var(--line);
}
/* ---------- FAQ BLOKY ---------- */
.faq-list{padding-bottom:20px}
.faq-item{
/* background:var(--card); */
border:1px solid var(--line);
border-radius:10px;
margin-bottom:14px;
overflow:hidden;
transition:box-shadow .18s ease, border-color .18s ease;
background: url(../obr/bgtab01.jpg) repeat-x left top;
}
.faq-item:hover{
box-shadow:0 6px 20px rgba(20,40,40,.08);
border-color:#cfc9ba;
}
.faq-item[open]{
border-color:var(--teal);
box-shadow:0 6px 22px rgba(20,40,40,.1);
background:var(--card);
}
/* summary = klikací otázka */
.faq-item summary{
list-style:none;
cursor:pointer;
padding:20px 56px 20px 22px;
position:relative;
font-family:Arial,Helvetica,sans-serif;
font-weight:700;
font-size:1.04rem;
/* color:var(--ink); */
display:flex;
gap:14px;
align-items:flex-start;
}
.faq-item summary::-webkit-details-marker{display:none}
/* číslo otázky */
.faq-item summary .q-no{
font-family:Arial,Helvetica,sans-serif;
font-size:.8rem;
font-weight:800;
color:var(--teal);
background:var(--accent-soft);
border-radius:6px;
padding:3px 8px;
flex:0 0 auto;
margin-top:1px;
}
/* +/– ikona */
.faq-item summary::after{
content:"+";
position:absolute;
right:20px;
top:50%;
transform:translateY(-50%);
font-family:Arial,Helvetica,sans-serif;
font-size:1.6rem;
font-weight:400;
color:var(--teal);
line-height:1;
transition:transform .2s ease;
}
.faq-item[open] summary::after{
content:"–";
transform:translateY(-50%);
}
.faq-item summary:hover{color:var(--teal-deep)}
.faq-item summary:focus-visible{
outline:3px solid var(--focus);
outline-offset:-3px;
}
/* odpověď */
.faq-answer{
padding:0 22px 22px 22px;
color:var(--ink-soft);
font-size:1rem;
}
.faq-answer p{margin:0}
.faq-answer a{color:var(--accent);text-decoration:underline}
/* ---------- VÝRAZNÝ BLOK: KONTAKT / CTA ---------- */
.main section .cta {
padding-top: 4px;
}
.cta{
background:var(--teal-deep);
color:#0d0e0e;
border-radius:12px;
padding:34px 30px;
margin:0px 0 0;
display:flex;
flex-wrap:wrap;
gap:20px 30px;
align-items:center;
justify-content:space-between;
}
.cta h2{
font-size:1.35rem;
margin:0 0 6px;
color:#130b0b;
}
.cta p{margin:0;color:#777777;font-size:.98rem}
.cta .btns{display:flex;flex-wrap:wrap;gap:12px}
.cta a{
font-family:'Ubuntu',Arial,Helvetica,sans-serif;
font-weight:700;
font-size:.96rem;
text-decoration:none;
padding:13px 22px;
border-radius:8px;
display:inline-block;
}
.cta a.primary{background:rgb(99,136,169);color:#fff}
.cta a.primary:hover{ background:rgb(48,85,118)}
.cta a.ghost{border: 2.5px solid #96a3bd; color: #6a98a3;}
.cta a.ghost:hover{background:rgba(255,255,255,.08)}
/* ---------- RESPONZIVITA ---------- */
@media(max-width:600px){
.faq-item summary{font-size:.98rem;padding:18px 50px 18px 18px}
.cta{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
*{transition:none !important;scroll-behavior:auto}
}