/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 2, 2018 */
@font-face {
    font-family: 'fira_sansbold';
    src: url('fonts/firasans-bold-webfont.eot');
    src: url('fonts/firasans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/firasans-bold-webfont.woff2') format('woff2'),
         url('fonts/firasans-bold-webfont.woff') format('woff'),
         url('fonts/firasans-bold-webfont.svg#fira_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fira_sansbook';
    src: url('fonts/firasans-book-webfont.eot');
    src: url('fonts/firasans-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/firasans-book-webfont.woff2') format('woff2'),
         url('fonts/firasans-book-webfont.woff') format('woff'),
         url('fonts/firasans-book-webfont.svg#fira_sansbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fira_sansmedium';
    src: url('fonts/firasans-medium-webfont.eot');
    src: url('fonts/firasans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/firasans-medium-webfont.woff2') format('woff2'),
         url('fonts/firasans-medium-webfont.woff') format('woff'),
         url('fonts/firasans-medium-webfont.svg#fira_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fira_sansregular';
    src: url('fonts/firasans-regular-webfont.eot');
    src: url('fonts/firasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/firasans-regular-webfont.woff2') format('woff2'),
         url('fonts/firasans-regular-webfont.woff') format('woff'),
         url('fonts/firasans-regular-webfont.svg#fira_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {     font-family: 'fira_sansbook'; font-size:1rem;  }


h1 {font-size: 2.2rem; color:#fe8100; font-family: 'fira_sansbold'; border-bottom:1px solid #eeeeee; position:relative; padding-bottom:0.5rem; margin-bottom:3rem}
h1::after { display:block;
        content: url('/img/h1-after.gif');
		line-height:0%;  position:absolute; bottom:-4px}


h2 {font-size: 1.8rem; color:#fe8100; font-family: 'fira_sansbold'; border-bottom:1px solid #eeeeee; position:relative; padding-bottom:0.5rem; margin-bottom:1rem; margin-top:1rem}

h3 {font-size: 1.2rem; color:#fe8100; font-family: 'fira_sansbold';  position:relative;  margin-bottom:0.8rem; margin-top:2rem}

.cleaner {
    clear: both;
}

#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}

.jumbotron { background: url('../img/slide1-letni.jpg') no-repeat 0% 0%; width:100%; background-size: cover; height:35rem; z-index:0}
.jumbotron .container { width:38%; margin-top:18rem; padding:2.5rem 0rem 1.5rem 0rem; background-color: rgba(256,256,256,0.7); text-align:center }
.jumbotron .h1 {  font-size: 2rem; font-weight:bold; text-transform:uppercase; font-family: 'fira_sansbold';
  background: -webkit-linear-gradient(right bottom, #FE6E00, #F6B83E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header {position:absolute; width:100%}
.telefony {text-align:right; color:white; text-shadow: 1px 1px 2px black, -1px -1px 2px black; line-height:200%; padding:1rem 5.5rem 0rem 0rem; font-family: 'fira_sansmedium'; }
	.fa-mobile { color:#FE8C00; font-size:1.5rem; vertical-align:-0.1rem }
	.fa-phone { color:#FE8C00; font-size:1.2rem }

nav.menu {
    display: block;
    width: 100%;
    background: #4194DA;
    font-size: 0;
	box-shadow: #949EA3 4px 6px 20px; 
}

nav.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav.menu ul li {
    width: 100%;
}

nav.menu a {
    display: block;
    padding: 0 15px;
    color: white;
    line-height: 2em;
    text-decoration: none;
    font-family: 'fira_sansmedium';
    font-size: 16px;
}

nav.menu a:hover {
    background: rgba(0, 0, 0, 0.1);
}

@media (min-width: 600px) {
	
	nav.menu .logo a:hover {background:none;}
		.logo {margin-top:-1.8rem}
		.logo .img {z-index:0; width:100%;}
    nav.menu {
        background: #fff; padding:0.5rem 0rem; 

    }

    nav.menu ul {
        width: 100%;
        text-align: right;
		padding-right:3rem;
    }

    nav.menu ul li {
        width: auto;
        /*background: red;*/
        display: inline-block;
    }

    nav.menu a {
        line-height: 75px;
        position: relative;
		color:#000;
		text-transform:uppercase;
		font-size:0.9rem;
		font-family: 'fira_sansmedium';
		margin:0px 1px;
    }
	
	    nav.menu a:hover, nav.menu li.active {
        background-image: linear-gradient(#ffc702, #fe8200);
    }

  
}



div.vertikalni-menu {
    display: block;
    width: 100%;
    background: #4194DA;
    font-size: 0;
}

div.vertikalni-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.vertikalni-menu ul li {
    width: 100%;
}

div.vertikalni-menu a {
    display: block;
    padding: 0 15px;
    color: white;
    line-height: 2em;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 16px;
}

div.vertikalni-menu a:hover {
    background: rgba(0, 0, 0, 0.1);
}

div.vertikalni-menu li.active a {
    background: rgba(0, 0, 0, 0.1);
}

@media (min-width: 600px) {

div.vertikalni-menu {
        background: #FDB172; padding:0rem;

    }

div.vertikalni-menu ul {
        width: 100%;
        padding:0rem;
    }

div.vertikalni-menu ul li {
        width: auto;
        /*background: red;*/
        display: block;
    }

div.vertikalni-menu a {
        line-height: 3rem;
        position: relative;
		color:#371C00;
		text-transform:uppercase;
		font-family: 'fira_sansregular';
		font-size:0.9rem;
		border-bottom:1px solid #DF9861;
    }
	
div.vertikalni-menu a:before {
       content: "\f105";
        width: 100%;
		font-family: 'FontAwesome';
		padding:0rem 0.5rem 0rem 1rem;
		font-size:1rem;
    } 
	
div.vertikalni-menu a:hover {
         background: #D97F3E;
		 color:#fff
    }

/** div.vertikalni-menu a:hover::after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background: rgba(255, 125, 0, 1);
        bottom: 0;
        left: 0;
        position: absolute;
    }  **/

}
.home {font-size:1.2rem}
.stranka {margin-top:-10rem; background:#fff; padding-top:2.5rem; padding-bottom:2.5rem; box-shadow: #bfb9b9 4px 6px 20px;}
.napsalinam {background:#efefef; margin-top:0rem}
.img-home {z-index:0; width:100%}
.gps {text-align:right}
.formular {background:#efefef}

a:link {text-decoration:underline; color:#e39f66}
a:hover, a:visited {text-decoration:underline; color:#a86c3a}

.pozadi-bile {padding:1rem 0rem 1.5rem 0rem}
.pozadi-sede {background:#ededed; padding:2rem 0rem 1.5rem 0rem}
.pozadi-formular {background:#dddddd; padding:0.8rem; margin:0; line-height:180%; border-radius:1rem 1rem 0rem 0rem}

section form { border:1px solid #D97F3E; border-radius:.25rem; padding:.2rem; margin-bottom:.4rem; }
div.border { border:1px solid #ACC8EC; border-radius:.25rem; padding:.2rem; margin-bottom:.4rem;}
section form.noborder { border:0px solid #ACC8EC; border-radius:0rem; padding:0rem; }
.form-adc { background:#f5f5f5; border-radius:.25rem; margin-bottom:.25rem; }
.form-adc:after { content: ""; display: table; clear: both; }
.form-adc.noform { background:none; margin-top:2rem; padding-top:1rem; }
.form-adc.noform-small { background:none; margin-top:0.5rem; padding-top:0rem; }

.btn-secondary { background:#FAAD6C; color:#fff; float:right; border-color:#D97F3E; margin:0.3rem; padding: 0.3rem 2rem }	
.btn-secondary:hover { background:#D97F3E; color:#fff; float:right; border-color:#D97F3E; margin:0.3rem; padding: 0.3rem 2rem }	

.alert-success {margin-top:1rem}



footer { background-image: linear-gradient(#FDB374, #EE9651); color:#fff ; padding: 2rem 0rem 1rem 0rem}
	.logo-foter {z-index:0; width:70%;}
	.kontakt-footer {margin-top:0.5rem}
	.copyright {margin-top:0.5rem; font-size:0.7rem}

/* fotogalerie */

.fotoGaleryVypis {float:left;padding:5px; margin:10px; background:#efefef; height:170px; max-width:30%; font-size:13px }
.fotoGaleryVypis img {padding:10px 8px 12px 8px; width:100%; height:130px; overflow:hidden}
.fotoGaleryVypis i {font-size:10px}

.fotoGaleryFoto {border: 1px dotted #9ACF05; margin:7px; width:180px; height:180px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}
.fotoGaleryFoto2 { margin:7px; width:250px; height:180px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}


#dokumenty ul {margin: 0px 10px 30px 0px; padding:0px; } 
#dokumenty ul li {
	background:none; color: #C3341C;
    font-size: 15px; font-weight:bold;
	padding:  0px 0px 5px 0px; }
#dokumenty ul li span {color:#000; font-size:13px; font-weight:normal;	 padding:  0px 0px 5px 0px; }
#dokumenty ul  ul {margin: 3px 10px 20px 20px;}
#dokumenty ul ul li {
	background: url('../img/_li.jpg') no-repeat 0 5px; 
	padding:  0px 0px 10px 15px; font-weight:normal; font-size:13px; line-height:140%;}

#faqs {text-align:left; margin:0px; line-height:150%}
#faqs h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#C3341C;  font-size:14px; text-decoration:underline; font-weight:normal;  }
#faqs h3 span {}
#faqs h3.active  { color:#d74646; } 
#faqs div { height:0; overflow:hidden; position:relative;  padding:0px 10px 5px 5px}
#faqs div p  { padding:5px 0px 5px 0px; margin: 0px; line-height:180%; }
#faqs ul {margin:0px 0px 0px 20px; list-style-type:none}
#faqs li {line-height:150% }
#faqs ul.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqs h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }


#faqsTable {text-align:left; margin-top:10px; line-height:150%}
#faqsTable h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#2F5B75;  font-weight:normal;  }
#faqsTable h3 span {border-bottom:1px solid #000}
#faqsTable h3.active  { color:#d74646; } 
#faqsTable div { height:0px; overflow:hidden; position:relative; background: url("../img/bg-odpoved.jpg") repeat-x 0 0 #EFEFEF; border:1px solid #CBCBCB; border-radius:5px; padding:8px}
#faqsTable div p  { padding:0; margin: 0px; }
#faqsTable ul {margin-left:20px; list-style-type:decimal}
#faqsTable ul  li {margin:5px 0px 3px 0px; color:#2F5B75; text-align:justify; padding:0px 8px 3px 0px }
#faqsTable ul.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqsTable strong p {font-weight:bold; color:#484649}

#faqsTable h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }


input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button 
{
  box-sizing: content-box;
  line-height: normal;
}

/*  POPUP  */
 

.ppopup {display:block}

div.momo {display:none}

@media (min-width: 830px) { 
    
    div.momo {display:block}
    .ppopup {display:none}
}


/* Úvodní vyskakovací okno */
/* ======================= */

div#adc-welcome-screen { 
    /* div přes celou obrazovku ztmavující pozadí */
    display:none;
	position:fixed;
    z-index:10;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
}
div.adc-welcome-screen-inner {
    /* podkladový div pro zobrazení zprávy */
    position:fixed;
    top:10%;
    left:25%;
    width:50%;
    height:70%;
    background:white;
    padding:1rem;
    border:1px solid #ACC8EC; border-radius:.25rem; padding:1rem;
}
@media (max-width: 768px) { div.adc-welcome-screen-inner { width:80%; left:5%; height:60%; top:10%; } }

