BODY { 
background-color: #f8f8f8;
/* background-image: url("images/back_gray2.gif"); 
background-attachment: scroll;
background-repeat: repeat-x; */
font-family: 'Poppins', sans-serif;
font-size: 15px;
margin: 0px auto 0px auto;
padding: 0px;
width: 100%; 
color: #000;
}

@media print {
body {font-size: 11px; margin: 0px; line-height: 90%;}
h1 {		font-size: 23px;	color: #000;}
h2 {		font-size: 20px;	color: #000;}
h3 {		font-size: 18px;	color: #000;}
.menu {display: none; }
.slider{; }
.spacer {width: 100%; padding: 0px; margin: 0px; }
.row { padding: 0px; margin: 0px; }
.headline{	background-color: #fff; color:#000; width: 100%; margin: 0px; padding: 0px; float: left; top: 0px; position: absolute; }
.top-head{	height: 290px; float: left; position: relative; width: 100%; }
.blok_tretina { 	line-height: 100%;      padding: 0% 2% 0% 2%;	margin: 0%;		min-height: 50px;}
.blok_tretina h2 { font-size: 23px; 	line-height: 100%;  }
}

.obalovaci { margin: 0px auto 0px auto; position: relative; width:100%; max-width: 1200px; }

/* responsivni menu */
.menu {position: fixed;	width: 100%;	top: 0px;	z-index: 100;  }
.menu:hover {   }
		

ul.topnav {  
  max-width: 1200px; 
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #f8f8f8;
  border-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 15px 12px -20px;
}

ul.topnav li {float: left; padding-left: 0px; padding-right: 0px; }

ul.topnav li a {	
  display: inline-block; 
  color: #000;
  text-align: center;
  margin: 0px 0px 5px 0px;
  padding: 10px 40px 10px 40px;
  text-decoration: none;
  transition: 0.1s;
  border-right: 1px solid #aaa;
}

ul.topnav li a:hover {background-color: #03BFD7; color: #fff;}
ul.topnav li.icon {display: none;}

.logo-velke{padding: 0px 0px 0px 55px; }

.spacer ul{	display: inline-block;	margin: 0px 40px 0px 0px; padding: 0px;	float: left;}

.spacer li {	display: inline-block;	padding: 10px 10px 10px 10px;		margin-left: 19px;	float: left;	text-align: left;	font-weight: 300;}

button { 
padding: 20px 50px 20px 50px; MARGIN: 5px 30px 5px 30px;  COLOR: #000000;  FONT-SIZE: 16px; FONT-WEIGHT: 300; BACKGROUND-COLOR: #FFFFFF; CURSOR: pointer; BORDER-RIGHT: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; font-family: 'Poppins', sans-serif;  border-radius: 36px;
 }

button:hover { COLOR: #FFFFFF; BACKGROUND-COLOR: #C00; }
p{		line-height: 133%;}
p a:hover{	color: #000;	text-decoration:underline;}
a {	color: #000;	text-decoration:none;}
a:hover {	color: #000;	/* text-decoration:underline;	*/}
hr{ height: 1px; 	background-color: #ccc; 	border-bottom-color: #ccc; 	border: 0; 	margin: 0px; }


h1 {	
	font-size: 43px;
	color: #03BFD7;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	line-height: 100%;
	letter-spacing: -0.06em;
}



h2 {	
	font-size: 32px;
	color: #03BFD7;
	font-weight: 900;
	line-height: 116%;
	letter-spacing: -0.03em; 
}

h3 {	
	font-size: 22px;
	color: #000;
	font-weight: 900;
	line-height: 116%;
	letter-spacing: -0.05em; 
}

h4 {	
	font-size: 21px;
	color: #000;
	font-weight: 300;
	line-height: 116%;
}

.row{ display: inline-block; width: 100%; margin: 0px; padding: 0px; text-align: center; background-color: #fff; }
.spacer {display: inline-block;  width: 92%; padding: 4%; margin: 0px; background-color: #fff; text-align: center;}
.sede { color: #666; }
.supermale {	font-size: 12px;  }
.blue {color: #090E3C;}
.red {color: #C00;}
.white { color: #fff; }
.right { float: right;  }
.left { float: left;  }

.fotog img { max-width:380px;}


/* horni pevne logo...možnost fixed */
.logo  {
position: fixed;
left: 20px;
top: 0px;
background-image: url("images/logo-bile.png"); 
width: 209px;
height: 120px;
z-index: 999;
}

	
	
.head  {
width: 100%; 
margin: 40px 0px -180px 0px;
padding: 0px 0px 0px 0px;
background-color:#efefef;
}

.head img { max-width: 100%; height: auto; box-sizing: border-box; margin: 0px; padding: 0px;}
.head src { max-width: 100%; height: auto; box-sizing: border-box; margin: 0px; padding: 0px;}

.headline{	padding: 40px 30px 40px 30px; background-color: #C00; color:#fff; width: 50%; margin-left: 35%; margin-bottom: 0px; }

.top-head{	top:-20px; position: relative; z-index:10; margin: 0px; padding: 0px; }

.center img{ z-index: -1;}


.reference li {		
	/* text-transform: uppercase; */
	display: inline-block;
	padding: 10px 10px 10px 10px;	
	margin: 0px;
	float: left;
	width: 100%;
	/*font-size: 14px;*/
	/* text-align: left; */
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}



.paticka{ 
font-size: 12px; display: inline-block; width: 100%; max-width: 1200px; margin: 0px auto 0px auto; padding: 40px 0px 40px 0px; text-align: left;   color: #666; bottom: 0px; border-top: 0px solid #ccc;
}

.paticka li {
    display: inline-table;
	max-width: 220px;
    padding: 0px 50px 50px 0px;
	margin: opx;
	border: 0px solid #f7f7f7;
	border-radius: 0px;
}

.paticka ul {
    display: inline-block;
    padding: 0px;
	margin: 0px 40px 0px 0px;
	border-right: 0px solid #ccc;
}

.paticka_logo {
    display: inline-block;
    float: right;
	padding: 0px 60px 0px 60px;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #ccc;
}

.blok_ctvrtina {
    /* display: inline-block; */
	float: left;
	width: 21%;
    padding: 2%;
	margin: 0%;	
	text-align: center;
}

.blok_ctvrtina:hover {	 color: #000; }
.blok_ctvrtina:hover  h1{ }
.blok_ctvrtina:hover h3{  }
a .blok_ctvrtina:hover{	}

.blok_tretina { 
	line-height: 133%;  
	float: left;
	width: 29.3%;
    padding: 2% 2% 2% 2%;
	margin: 0%;	
	min-height: 200px;
	text-align: center;
	opacity: 1.0; 
	background-color:#fff;
}

.blok_tretina:hover {/* background-color:#00ABEC; color: #fff; */}
.blok_tretina:hover h2 { /*color: #fff; */ }


.blok_polovina { 
	line-height: 133%;  
	float: left;
	width: 46%;
    padding: 0%;
	margin: 0% 2% 0% 2%;	
	text-align: left;
}

.blok_polovina li { /* 	list-style-image: url('images/red.gif');	padding-bottom: 7px; */}

.blok_mensina {
    display: inline-block;
    width: 26%;
    padding: 2%;
	margin: 0px ;	
text-align: right;
}

.blok_vetsina {
    display: inline-block;
	float: none;
    width: 65%;
    padding: 2%;
	margin: 0px ;	
	text-align: left;
}



/* highslide efekty */

.highslide-loading {
	display: block;
	color: black;
	font-family: sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(images/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

/* carousel animovaný */

#owl-demo {  width: 100%;  margin: 40px auto 40px auto; font-size: 11px;  }

#owl-demo .item{ float:none;  margin: 0px; text-align: center; }

#owl-demo .item img{float:none; 
  display: inline-block;
  width: 200px;
  border: 1px solid white;
  height: auto;
  border-radius: 0px;
}

/* lightslider animovaný */
.adaptive ul{
	list-style: none outside none;
	padding-left: 0;
    margin: 0;	
	padding-top: 0px;	}
.slider .item{ margin: 0px; padding: 0px;     }
.slider{ margin: 0px; padding: 0px;	width: 100%; border: 0px;}


/*overlay pro mapu, jakmile se do toho klikne pak to funguje*/
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:450px; /* your iframe height */
   top:450px;  /* your iframe height */
   margin-top:-450px;  /* your iframe height */
}



@media screen and (max-width: 1200px) {

BODY { 
margin: 0px auto 0px auto;
padding: 0px;
width: auto;
line-height: 110%;
color: #000 ;
}


p{	font-size: 16px;	}
h1 {		font-size: 42px;	}
h2 {		font-size: 31px;	}
h3 {		font-size: 21px;	 }
h4 {		font-size: 19px;}


/* responsivni menu */
.menu {position: fixed;	width: 100%;	top: 0px;	font-size: 15px; z-index: 100; }
.menu:hover {   }
		

ul.topnav {  
  max-width: 1200px; 
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  border-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  box-shadow: 0px 0px 0px #666;
}

ul.topnav li {float: left; padding-left: 0px; padding-right: 0px; }

ul.topnav li a {	
  display: inline-block; 
  color: #000;
  text-align: center;
  margin: 0px 0px 5px 0px;
  padding: 10px 10px 10px 10px;
  border-right: 1px solid #aaa;
}


.logo-velke{padding: 0px 0px 0px 50px; }
.row{ float: none; display: inline-block; width: 100%; margin: 0px auto 0px auto; padding: 0px; text-align: center; background-color: #fff; }
.spacer { float: none; display: inline-block; margin: 0 auto 0 auto; text-align: center; }
.center  {display: inline-block; margin: 10px auto 10px auto; text-align: center; }

	
.head  {
width: 100%; 
float: left;
/* margin: 101px 0px 40px 0px; */
padding: 0px 0px 0px 0px;
background-color:#fff;
}


.spacer li {		
	/* display: block; */
	width: 100%;
	padding: 10px 10px 10px 10px;	
	margin-left: 19px;
	float: left;
	text-align: left;
	font-weight: 300;
}

.paticka{ display: inline-block; width: auto; margin: 0px auto 0px auto; padding: 40px ;  }

.blok_ctvrtina {
    display: inline;
	/*min-width: 300px; 
	min-height: 310px; 
	 width: auto; */
	width: 21%; 
    padding: 2%;
	margin: 0%;
	color: #000;	
	text-align: center;
}

.blok_tretina { 
	line-height: 133%;  
	display: inline;
	width: 28.6%; 
    padding: 0px;
	margin: 2%;	
	text-align: center;
	opacity: 1.0; 
}


.blok_polovina { 
	line-height: 133%;  
    display: inline-table; 
	float: none;
	width: 45%;
    padding: 2%;
	margin: 0%;	
	text-align: left;
}

.blok_vetsina {  }
.blok_mensina {  }


/* carousel animovaný */

#owl-demo {  width: 90%;  margin: 5%;  display:none; text-align: center; float: none; }
#owl-demo .item{  margin: auto; text-align: center; float: none; }
#owl-demo .item img{
  display: block;
  width: 100%;
  padding: 0%;
  border: 0px solid white;
  height: auto;
  border-radius: 0px;
 float: none;
}

/* lightslider animovaný */
.adaptive ul{
	list-style: none outside none;
	padding-left: 0;
    margin: 0;	
	padding-top: 0px;	}
.slider .item{ margin: 0px; padding: 0px;     }
.slider{ margin: 0px; padding: 0px;	width: 100%; border: 0px;}

}

@media screen and (max-width: 740px) {
.row{display: block; width: 100%; margin: 0px ; padding: 4% 0% 2% 0%; text-align: center; background-color: #fff; }
/* responsivni menu zmensene  cast I. */
	
ul.topnav li:not(:first-child) {display: none; }
ul.topnav li.icon {	float: right;	display: inline-block;	z-index: 1000;	}
ul.topnav.responsive {position: relative;  }
ul.topnav.responsive li.icon   {    position: absolute;    right: 0;    top: 0; 		}
ul.topnav.responsive li {    margin: 0px;	padding: 0px;	float: none;    display: inline;  	}
ul.topnav.responsive li a {    display: block;    text-align: left; 	}
	
/* responsivni menu ultra zmensene konec */
}

@media screen and (max-width: 490px) {
BODY { margin: 0px; padding: 0px; width: 100%; text-align: center; }

.obalovaci {margin: 0px; padding: 0px; position: relative; width:100%; max-width: 490px; background-color: #fff;}
.row{display: block; width: 100%; margin: 0px ; padding: 4% 0% 2% 0%; text-align: center; background-color: #fff; }
.spacer {float: none; display: inline-block; width: 90%; padding: 5%; margin: 0px; background-color: #fff; text-align: center;}
	
.head  { display: block; margin: 10px auto 40px auto; padding: 0px; text-align: center; }

.headline{		padding: 10%; background-color: #C00; color:#fff; width: 80%; margin-left: 0%; margin: 30px 0px 0px 0px; }

.blok_tretina { 	display: block;	width: 90%;    padding: 0px;	margin: 5%;		text-align: center;	min-height: auto;}
.blok_ctvrtina {    display: block;	width: 90%;	padding: 0px;	margin: 5%;	}
.blok_polovina {    display: block;	width: 90%;	padding: 0px;	margin: 5%;	}

.blok_vetsina { display: block;	width: 90%;	padding: 5%;	margin: 0; text-align: center;	 }
.blok_mensina { display: block;	width: 90%;	padding: 0px 0px 20px 0px;	margin: 5%; text-align: center;	}


/* responsivni menu zmensene  cast I. */
	
ul.topnav li:not(:first-child) {display: none; }
ul.topnav li.icon {	float: right;	display: inline-block;	z-index: 1000;	}
ul.topnav.responsive {position: relative;  }
ul.topnav.responsive li.icon   {    position: absolute;    right: 0;    top: 0; 		}
ul.topnav.responsive li {    margin: 0px;	padding: 0px;	float: none;    display: inline;  	}
ul.topnav.responsive li a {    display: block;    text-align: left; 	}
	
/* responsivni menu ultra zmensene konec */

.slider{display: none; }

img {  max-width: 100%;   box-sizing: border-box; }
ul {		padding: 0px;		margin: 0px; }
li {		padding: 0px;		margin: 0px; }

.paticka_logo { display: none; }
.paticka{ background-color: #f8f8f8; font-size: 12px; float:none;  width: 90%; margin: 0px; padding: 5%;   bottom: 0px; border-top: 0px solid #ccc; text-align: center; }

.paticka ul {    float:none;    padding: 0px;	margin: auto;	border-right: 0px solid #ccc;}
.paticka li {    float:none;	width: 100%;    padding: 0px 0px 20px 0px ;	margin: 0px;}


}