BODY { 
background: rgb(255,209,0);
background: linear-gradient(40deg, rgba(255,209,0,1) 6%, rgba(247,165,15,1) 32%, rgba(240,127,28,1) 100%);
font-family: 'Corbel Light', Arial, Helvetica, sans-serif; color:white; text-align:center;
font-size: 17px;
margin: 0px auto 0px auto;
padding: 0px;
width: 100%; 

}

HR { height: 1px; 	background-color: #111; 	border-bottom-color: #111; border:0px;	 }

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

/* responsivni menu */

.menu {position: fixed;	width: 100%;	top: 0px;	font-size: 14px; z-index: 100; background-color: #46505A;}
.menu:hover {   }

ul.topnav {  
  /*max-width: 1200px; */
  list-style-type: none;
  margin: 0;  padding: 0;  overflow: hidden;
  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: #fff;
  text-align: center;
  margin: 5px 0px 0px 0px;
  padding: 15px 40px 15px 40px;
  text-decoration: none;
  transition: 0.3s;
  border-right: 1px solid #aaa;
}

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


button { 
padding: 21px; MARGIN: 0px;  COLOR: #fff;  FONT-SIZE: 16px; FONT-WEIGHT: 300; BACKGROUND-COLOR: #46505A; CURSOR: pointer; BORDER: #ccc 1px solid;  font-family: 'Source Sans Pro', sans-serif;  border-radius: 0px; }

button:hover { COLOR: #FFF; BACKGROUND-COLOR: #F37222; }
p{	font-size: 17px;	line-height: 133%;}
p a:hover{	color: #F37222;	text-decoration:underline;}
a {	color: #fff;	text-decoration:none;}
a:hover {	color: #fff;	text-decoration:underline;	}
.right { float: right;  }
.left { float: left;  }


h1 {	
	font-size: 43px;	
	font-weight: 900;	line-height: 100%;	letter-spacing: -0.03em;
}

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

h3 {	
	font-size: 20px;	
	font-weight: 900;		line-height: 116%;	letter-spacing: -0.01em; 
}

h4 {		font-size: 19px;	color: #000;	font-weight: 300;	line-height: 116%;}
.supermale {	font-size: 11px;  }
.white {	color: #fff; }


.row{ display: inline-table; width: 100%; margin: 0px; padding: 40px 0px 20px 0px; text-align: center; background-color: transparent; }

.white-carousel {display: inline-table; width: 100%; background-color: #fff; margin-top: 40px;}

/* 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-top: 40px; /* posunutí kvuli menu */	padding: 0px;}
.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;}

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

.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;
}
.reference li:hover {			color: #fff;	background-color: #666;}


.paticka{ 
font-size: 13px; display: inline-table; width: 100%; margin: 0px auto 0px auto; padding: 40px 0px 40px 0px; text-align: left; background-color: #46505A; color: #fff; bottom: 0px; 
}

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

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

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

.blok_ctvrtina {
    /* display: inline-block; */
	float: left;
	width: 21%;
    padding: 2%;
	margin: 0%;	
	color: #000;	
	text-align: center;
	border: 0px solid #f7f7f7;
}

.blok_ctvrtina:hover {	 color: #000; }
.blok_ctvrtina:hover  h1{ color:#78BCE1;}
.blok_ctvrtina:hover h3{color: #78BCE1;  }
a  .blok_ctvrtina:hover{	
	background-color:#fff; 
	border: 1px solid #77787C;
	border-radius: 5px;
}

.blok_tretina { 
	line-height: 133%;  
	float: left;
	width: 29.3%;
    padding: 2%;
	margin: 0%;	
	/*min-height: 250px;*/
	text-align: center;
	/*background-color:#78BCE1*/;
}
.blok_tretina:hover { opacity: 1.0; }


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

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

.blok_mensina {	display: inline-table;    width: 39%;    padding: 0%;	margin: 0px; text-align: left;}
.blok_vetsina {	display: inline-table;    width: 60%;    padding: 0%;	margin: 0px; text-align: left;	}


/* highslide efekty */



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

/* carousel animovaný */

#owl-demo {  width: 100%;  margin: 0px; }
#owl-demo .item{display: inline-block; background-color: transparent;  }
#owl-demo .item img{  width: 80%; height: auto; }

/* 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: 1240px) {

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


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


.row{ float: none; width: 90%; padding: 5%;  margin: 0px; text-align: center; }
.row-orange{ float: none; width: 90%; padding: 5%;  margin: 0px; text-align: center; }
.spacer { float: none; display: inline-block; margin: 0 auto 0 auto; text-align: center; }

.blok_mensina {	display: inline-table;    width: 39%;  text-align: left;}
.blok_vetsina {	display: inline-table;    width: 60%;  text-align: left;}
	
.head  { width: 100%; float: left; padding: 0px 0px 0px 0px; }

.paticka{ display: inline-table; width: 90%; margin: 0px; padding: 5%;   bottom: 0px; }

.white-carousel { display:initial; float:left;  background-color: #fff;  }

/* carousel animovaný */
#owl-demo {  width: 90%;  margin: 5%;  display:none;}
#owl-demo .item{  margin: auto; text-align: center; }
#owl-demo .item img{  display: block;}

/* 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: 890px) {
.row{ width: 90%; padding: 5% 5% 5% 5%; margin: 0%; text-align: left;  }
.row-orange{display: block; width: 90%; padding: 10% 5% 5% 5%; margin: 0%; text-align: left;  }
/* 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; 	}
ul.topnav li a {	 margin: 0px 0px 0px 0px; }
	
/* responsivni menu ultra zmensene konec */

.blok_vetsina { display: block; width: 100%; margin: 0%; text-align: left;}
.blok_mensina { display: block; width: 100%; margin: 15% 0% 6% 0%; text-align: left;}
.paticka_logo { display: none; }
}

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

.obalovaci {margin: 0px; padding: 0px; position: relative; width:100%; max-width: 490px; }
.row{display: block; width: 90%; padding: 5%; margin: 0%; text-align: left;  }
.spacer {float: none; display: block; width: 90%; padding: 5%; margin: 0px; background-color: #fff; text-align: left;}
.head  { display: block; margin-top: 50px ; padding: 0px; }


.blok_tretina { 	display: block;	width: 100%;    padding: 0px;	margin: 0%;	}
.blok_ctvrtina {    display: block;	width: 100%;	padding: 0px;	margin: 0%;	}
.blok_polovina {    display: block;	width: 100%;	padding: 0px;	margin: 0%;	}


/* 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 */


img {  max-width: 100%;   box-sizing: border-box; }
.slider{/*display: none;*/ margin-bottom: 20px; }
ul {		padding: 0px;		margin: 0px; }
li {		padding: 0px;		margin: 0px; }

.paticka_logo { display: none; }
.paticka{ font-size: 12px; float:none;  width: 80%; margin: 0px; padding: 10%;   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;}

.white-carousel { display:initial; float:none;    }

/* carousel animovaný */
#owl-demo {  width: 90%;  margin: 0%; padding: 0% 5% 0% 5%; display:none;}
#owl-demo .item{  margin: 0px; padding: 0px;  }
#owl-demo .item img{  width: 100%; display: block; margin: 0px; padding: 0px;}
}