/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 11, 2017 */



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

}

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

}

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

}
body {
    
	/** background: #000 url('http://naspickach.adent.cz/img/bg-body1.jpg') no-repeat  fixed top center / cover;  **/
	font-family: 'open_sansregular', 'open_sanscondensed_light' ,'open_sans_condensedbold';
	background:#000;
}

.home h1  {color:#112259; font-size:3.5rem;text-transform:uppercase;  font-family: 'antoniobold'; padding-top:14rem; padding-left:3rem}
.home p  {font-family: 'antonioregular';color:#fff; font-size:1.8rem; text-transform:uppercase; padding-left:3.3rem}

@media (min-width: 360px) {
.home h1  {color:#112259; font-size:4rem;text-transform:uppercase;  font-family: 'antoniobold'; padding-top:28rem; padding-left:3rem}
.home p  {font-family: 'antonioregular';color:#fff; font-size:2rem; text-transform:uppercase; padding-left:3.3rem}

}

@media (min-width: 768px) {
.home h1  {color:#112259; font-size:7.8rem;text-transform:uppercase;  font-family: 'antoniobold'; padding-top:50rem; padding-left:0}
.home p  {font-family: 'antonioregular';color:#fff; font-size:3.5rem; text-transform:uppercase; padding-left:0}

}

@media (min-width: 800px) {
.home h1  {color:#112259; font-size:7.8rem;text-transform:uppercase;  font-family: 'antoniobold'; padding-top:70rem; padding-left:0}
.home p  {font-family: 'antonioregular';color:#fff; font-size:3.5rem; text-transform:uppercase; padding-left:0}

}
@media (min-width: 900px) {
.home h1  {color:#112259; font-size:5.8rem;text-transform:uppercase;  font-family: 'antoniobold'; padding-top:25rem; padding-left:0}
.home p  {font-family: 'antonioregular';color:#fff; font-size:3.5rem; text-transform:uppercase; padding-left:0}

} 

@media (min-width: 1200px) {
.home h1  {color:#112259; font-size:7.8rem;text-transform:uppercase;  font-family: 'antoniobold'; padding-top:23rem; padding-left:0rem}
.home p  {font-family: 'antonioregular';color:#fff; font-size:3.5rem; text-transform:uppercase; padding-left:0rem}

}

a {color:#009ae5}

.fixed-centered-covers-entire-page, .fixed-centered-covers-entire-home {
	margin:auto;  background-repeat: no-repeat; background-size:cover;  background-position: 50%;background-color: #000;left:0;right:0;top:0;bottom:0;z-index:-1;position:fixed; 
	}

.fixed-centered-covers-entire-page	{background-image: url(https://www.filia.cz/img/bg-body-new.jpg);} 
.fixed-centered-covers-entire-home	{background-image: url(https://www.filia.cz/img/bg-body-new.jpg);} 
	 
.navbar-brand {position:absolute; background-size: cover  ;  top:12%; left:10%; width:19%;}


/** .navbar {position:fixed; top:0; padding:0px; margin:0px; border:0px;
	background: transparent url('../img/bg-lista-menu.png') no-repeat  center center / contain; padding-top:6%;
} **/

.lang {float:right; margin-top:-3%; margin-right:0px; color:#fff; font-family:  'open_sansregular'; font-size:15px; }
.lang a {color:#fff;}
.lang a:hover {color:#19a3df; text-decoration:none}
.lang a.active {color:#19a3df; }
.lang ul {list-style-type:none; text-transform:uppercase; margin:0px }
.lang ul li {display:block; float:left; background: transparent url('../img/bg-lang-li.gif') repeat-y  100% 5px ; padding:0px 6px 0px 6px; line-height: 1;  }
.lang ul li.last-item {background:none}

.navbar {top:0; right:0; padding:0px; margin:0px; border:0px;  background: transparent url('../img/bg-menu.png') repeat-x  0 100% ; font-size:1em; }
#navbar.navbar-collapse {padding:3% 0 3% 0;  margin-top:3.5%;}

.zahlavi {background:#fff; opacity:0.5; padding:3% 0px 0px 0px;}

.container { margin:0 auto; } 
.jumbotron {background:none; padding-top:4%}

.cleaner {
    clear: both;
} 



#navbar.navbar-collapse  #hlavni-menu  ul { 	
    margin: 0px;
	position:relative;	
	float:right;
	font-family: 'loveloblack';
}



#navbar.navbar-collapse #hlavni-menu  ul li {
    padding:  0px;
	display:block;
	text-transform: uppercase;
	float:left;
	position: relative;
	padding:5px 0px 0px 10px ;
	

} 

#navbar.navbar-collapse #hlavni-menu  ul li a {
    color: #fff;
	text-decoration:none; 
	margin:0px 7px 0px 7px ;
	display:block; 


} 

#navbar.navbar-collapse #hlavni-menu  ul li.last-item a ; #navbar.navbar-collapse #hlavni-menu  ul li.last-item  a:hover; { margin:0px; padding:0px 0px 0px 10px;  color:#1bcdde; }
#navbar.navbar-collapse #hlavni-menu  ul li.first-item a; #navbar.navbar-collapse #hlavni-menu  ul li.first-item  a:hover; {margin-left:0px; padding-left:10px;  color:#1bcdde;}


#navbar.navbar-collapse #hlavni-menu  ul li a span { display:block; text-align:center;	padding:0px 0px 0px 0px ;}	
#navbar.navbar-collapse #hlavni-menu  ul li.active a, #navbar.navbar-collapse #hlavni-menu  ul li a:hover {   color:#1bcdde;	padding:0px 0px 0px 0px ;}	
#navbar.navbar-collapse #hlavni-menu  ul li.active span, #navbar.navbar-collapse #hlavni-menu  ul li a:hover span
 {display:block; text-align:center; padding:0px 0px 0px 0px ;}	
 
#navbar.navbar-collapse #hlavni-menu  ul li.has-children a:hover { padding:0px 0px 0px 0px ;}  

#navbar.navbar-collapse #hlavni-menu  ul li ul {  display: none; position:absolute; right:-75px; padding-top:14%}
#navbar.navbar-collapse #hlavni-menu  ul li li { 
    display: block;    
    background: none;
    overflow: hidden;
	float:none; margin:0px; padding:0px; 
	height: 100px;  width:267px; 
    font-size: 15px;
	text-transform: uppercase;
    color: #fff;
    text-align:center;
	
}

#navbar.navbar-collapse #hlavni-menu  ul li:hover ul { display: block; }  /*zobrazi druhou uroven pri najeti myší na první*/

#navbar.navbar-collapse #hlavni-menu ul li.active ul li a,  #navbar.navbar-collapse #hlavni-menu  ul li ul li a:hover {text-decoration: none; color: #fff; line-height:100px;  }
#navbar.navbar-collapse #hlavni-menu ul li.has-children ul li a span, #navbar.navbar-collapse #hlavni-menu ul li ul li a span  {background:none; color:#fff; display: inline; padding:10px 10px 5px 10px}	 
#navbar.navbar-collapse #hlavni-menu ul li.active ul li a:hover span, #navbar.navbar-collapse #hlavni-menu ul li ul li a:hover span   {background:#19a3df; color:#fff; display: inline; padding:10px 10px 5px 10px}	


#home {color:#fff;  font-family:  'open_sanscondensed_light'; font-size:20px; }

 
.page-header {
    border-bottom: 0px;
    margin: 0px;
    padding-bottom: 9px;
}

.web, .rozcestnik { box-sizing: border-box; display:table; padding:3%; width:60%; border-radius:15px;  font-size:13px; font-family: 'open_sansregular'; margin-bottom:5%}
.web { background: transparent url('../img/bg-web-page.png') repeat  center center ;  }
.rozcestnik { background:none; padding:0% 8% 0% 8%; text-align:center}
.rozcestnik h1 {display:none}

.web h1, .web h2, .web h3 {margin:0px; padding:10px 0px 0px 0px; font-family: 'open_sans_condensedbold';}
.web h1 { padding:10px 0px 0px 0px;  font-size:27px; color:#0095dd;  }
.web h2 {color:#000; font-size:18px; line-height:140% }
.web h3 {font-size:15px; color:#000; }
.web p {padding:5px 0px 8px 0px; margin:0px; text-align:justify}
.web ul.bez {list-style-type: none;margin:10px 10px 10px 3px;}
.web ul.bez  li {padding: 0px 0px 7px 0px}

.web ul {margin:10px 0px 0px 0px; padding:0px}
.web ul  li {padding: 0px 0px 0px 15px;  margin:0px 0px 7px 0px; background: transparent url('../img/li-modra3.png') no-repeat 0 5px ; list-style-type: none }
.web ul  li.modra1 {background: transparent url('../img/li-modra1.png') no-repeat  0 5px ; }
.web ul  li.modra2 {background: transparent url('../img/li-modra2.png') no-repeat  0 5px ; }
.web ul  li.modra3 {background: transparent url('../img/li-modra3.png') no-repeat  0 5px ; }
.web ul  li.cervena { background: transparent url('../img/li-cervena.png') no-repeat  0 5px ;  }
.web ul  li.fialova { background: transparent url('../img/li-fialova.png') no-repeat  0 5px ;}
.web ul  li.zluta {background: transparent url('../img/li-zluta.png') no-repeat  0 5px ;  }
.web ul  li.ruzova {background: transparent url('../img/li-ruzova.png') no-repeat  0 5px ;  }


table.table, .web table.table { background:#efefef; font-size:1em; margin:1em; width:97%; border-radius:8px;  }
table.table td, .web table.table td {background:none; border-top:0px; vertical-align: middle; padding:1em 3em 0em 3em;} 
table.table td.prvni, .web table.table td.prvni {width:35%; text-align:right;  padding:1em 0em 0em 3em;}
table.table td.center, .web table.table td.center { text-align:center}


.web fieldset { width:77%;
    border: 1px solid #10BED6;
    margin: 0 0 2em 0;
    padding: 0.35em 0.625em 0.75em;}
	
.web legend {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border:none;
    color: #10BED6;
    font-size: 1.2em;
	line-height: inherit;
    margin: 0px;
	display:inline;
	width:auto;
	padding: 0px 1em 0px 1em;
}

.web input {width: 100%; float:left; margin-right: 3em }
.web input.odeslat {width: 30%; margin-bottom:20px; margin-right: 3em }
.web textarea {width: 100%; float:left; margin-right: 3em }


.partneri {margin:10px 6px 10px 6px; position:relative; width: 200px; text-align:center; height:200px; background:#fff; line-height:200px; padding:0px; float:left}

.partners {text-align:center; padding:20px 0px 20px 0px; font-weight:bold; background:#fff; border:1px solid #B1B1B1; min-height:400px; margin:10px 0px 10px 0px}
.partners p {padding:0px 20px 0px 20px; margin:0px; font-size:12px; font-weight:normal; line-height:140%}
.partners span {display:block; text-align:center; padding:10px 0px 10px 0px; font-weight:normal; }


div.wrapper_16_9{
   width: 100%;
   position: relative;
}
div.wrapper_16_9 div.sizing{
   width: 100%;
   padding-bottom: 65%; /* 9 / (16 / 100) */
   visibility: hidden;
}
div.wrapper_16_9 div.contentWrap{
   width: 100%;
   height: 100%;
   position: absolute;
   margin-top: -65%; /* 9 / (16 / 100) */
  background: transparent url('../img/bg-web-page.png') repeat  center center;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
div.wrapper_16_9 div.contentWrap:hover{
   background: transparent url('../img/bg-web-page.png') repeat  center center;
}
div.wrapper_16_9 div.contentWrap div.content{
   text-align: center;
   font-size: 160%;
   padding-top: 20%;
}

.odsad {padding:5%;}
.frame {float:left; margin:15px}



 a.submenu {float:left; display:block; margin:0px 20px 40px 20px;  width:300px; height:200px; line-height:200px; text-align:center; border:2px solid #fff; }
 a.obrazek2 {background: transparent url('../img/bg-o-soutezi.png') no-repeat  center center; background-size:cover;}
 a.obrazek1 {background: transparent url('../img/bg-foto-slozky.png') no-repeat  center center;}
 a.submenu span {display:inline; background:#DE596A; padding:5px  10px 5px 10px; color:#fff; text-decoration:none}
 a:link.submenu {} 
 a:hover.submenu,  a:visited.submenu {opacity:1; text-decoration:none} 
 
#novinka {margin-top:5px}
#novinka img {margin:0px 30px 0px 0px} 
#novinka h2 {  padding:0px 0px 5px 0px;}
#novinka h2 span { color:#adadad; padding:0px 0px 0px 10px;}
#novinka p { text-align:justify; padding:3px 0px 3px 0px}
#novinka  p.vice  {border-top:2px dotted #393939; text-transform: uppercase; text-align:right; margin-top:13px;}
#novinka  p.vice  a {color:#e65870}
#novinka a {text-decoration:underline}
 
#novinka-prava, #novinka-leva  {margin-bottom:30px;}
#novinka-prava img {float:right;  padding:0px 0px 0px 30px}
#novinka-leva img {float:left;  padding:0px 30px 0px 0px}
#novinka-prava .date p, #novinka-leva .date p {float:right;  margin:0px}
#novinka-prava p, #novinka-leva p { text-align:justify}
#novinka-prava  p.vice {border-top:2px dotted #393939; text-transform: uppercase; text-align:right; margin-right:255px; padding-top:3px; }
#novinka-leva p.vice  {border-top:2px dotted #393939; text-transform: uppercase; text-align:right; margin-left:255px; padding-top:3px;}
#novinka-prava a, #novinka-leva a {color:#e65870}

#obrazky-vpravo {width:100%; line-height:180%}
#obrazky-vpravo .blokfoto { width: 45%; float:right; margin-left:3%;}
#obrazky-vpravo .bloktext { width: 52%; }
#obrazky-vpravo p {text-align:justify; padding:5px 0px 5px 0px}
#obrazky-vpravo ul {margin:10px 0px 10px 13px; padding:0px}
#obrazky-vpravo ul li {padding:0px 0px 3px 8px}
#obrazky-vpravo ul.bez {margin:5px 0px 10px 5px; } 
#obrazky-vpravo ul.bez li {list-style-type:none; padding:0px 0px 0px 0px} 


footer 	{text-transform: uppercase; font-size:11px;  color:#fff;   padding-top:5px;  background: transparent url('../img/bg-footer.png') repeat  center center; position:fixed; width:100%; bottom:0; margin:0 auto; z-index:1000; }  

#rozcestnik 	{text-transform: uppercase; font-size:12px;  color:#fff;  font-family:  'open_sansregular' ; margin-left:3% }
#rozcestnik p {float:left;  margin-left:10px; padding:7px 15px 7px 15px ; background:#168cae; border-radius:18px;  text-align:center;  position:relative}
#rozcestnik a {color:#fff; }
#rozcestnik p:hover { background:#112259;   color:#fff; display:block ; opacity:1; z-index:5000; position:relative} 

.navbar-footer {background: transparent url('../img/filianek.png') no-repeat; position:absolute; right:3%; top:-300%; background-size:cover; width:9% }

.copy {background:none; padding-right:3%; border:0px; float:right}
.copy p {float:left; padding:7px 10px 0px 0px}
.copy img {float:left; padding-right:0px; margin-bottom:0px}
.copy img.imgodsad {padding:0px 10px 0px 3px} 
.copy a {color:#fff; text-decoration:none}

#sipka {
    background: url("/img/sipka.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 65px;
    position: fixed;
    right: 1%;
    top: 50%;
    width: 50px;
	margin-right:10px;
    z-index: 9999;
}

#sipka2 {
    background: url("/img/sipka2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 65px;
    position: fixed;
    left: 1%;
    top: 50%;
	margin-left:10px;
    width: 50px;
    z-index: 9999;
}



#toTop{ 
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	z-index:2000
}
 
/* fotogalerie */

.fotoGaleryVypis {text-align:center; width:200px; float:left; text-transform:uppercase; }
.fotoGaleryVypis a {color:#DE596A}
.fotoGaleryVypis a:hover {font-weight:bold}
.fotoGaleryVypis img {padding:8px 0px 5px 0px}
.fotoGaleryFoto {border: 1px dotted #9ACF05; margin:7px; width:180px; height:180px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}
a.zpet {float:right; background:#E65870; color:#fff; padding:3px 10px 4px 10px; margin:20px 0px 0px 0px; font-weight:bold; font-size:12px; text-decoration:none}



#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 ol {margin:0px 0px 0px 20px; list-style-type:none}
#faqs li {line-height:150% }
#faqs ol.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqs h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }