html, body {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	
}



a {text-decoration: none}



body {
	font-family: DIN Pro, sans-serif;
	background: #ddd;
	color: #000;
	font-size: 14px;
	box-sizing: border-box;
    margin: 0;
Zdroj: https://www.itnetwork.cz/html-css/webove-stranky/jak-psat-moderni-web-html-tutorial-stylovani-hlavicky
	
	
}


.cleaner {
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
   }



html>body {
	font-size: small;
}
#main {
 	width: 100%;
	margin: 0 auto;
 
	min-height: 100%;
	position: relative;
	overflow: hidden;
	
   
	}


 body>#main {
 	height: auto;
 }
/* Opera 9.5+  hack, mozna najdete nekdo i jine reseni  */
*|html[xmlns*=""]  #main { 
     display: table;
	 height: 100%;
} 
/* Opera 9.5  hack, mozna najdete nekdo i jine reseni  */






 
 #head {
	
	width: 100%;
	display: flex; /* Seřadí položky vedle sebe */
  justify-content: space-evenly;

  align-items: center; /* Sjednotí jejich svislé zarovnání */
  padding: 10px; /* Přidá vnitřní okraje */
	
	background-image: linear-gradient( to right, #666666, #afaeae, #cccccc, #cccccc,#afaeae, #666666);
	
 }
 
 #head .logo img{
	
	height: 45px; /* Nastaví výšku loga */
   
	 margin: auto 0 auto 20px;
	display: flex;
    flex-direction: column;
    justify-content: center;

 }
 

 
 .menu ul {
	margin: 0;
    list-style-type: none;
    display: flex;
	align-items: center;
    height: 100%;

}

 .menu ul li {
    padding: 0 25px;
    margin: 0 5px;
    font-size: 1.2em;
    line-height: 3.3em;
	font-weight: bold;
Zdroj: https://www.itnetwork.cz/html-css/webove-stranky/jak-psat-moderni-web-html-tutorial-stylovani-hlavicky
}




.menu ul li a {
	
  color: #333; /* Barva textu */
  padding: 8px 0;
    text-decoration: none;
    text-transform: uppercase;
}


.menu ul a:hover, .aktivni a {
	border-bottom: 2px solid #bc202a;


}






 
 #obsah {
	position: relative;
	width: 100%;
	height: 100%;
	align-items: center; /* Sjednotí jejich svislé zarovnání */
	background: #1c1c1c; 
	display: flex;
	
 }
 
 

 #obsah3 {
	position: relative;
	width: 100%;
	height: 570px;
	margin: 0 auto;
	background: #ffffff;
  }



#obsah3 .carousel {
  background: #ffffff;
 
 box-sizing: border-box;
	
}

#obsah3 .carousel img {
  display: block;
  height: 500px;
 width: auto;
 
  margin: 15px;
}

#obsah3 .carousel marque {
  behavior: alternative; 
	direction: right; 
}




 #nitro {
	position: relative;
	width: 100%;
	margin:  auto;
	background: #1c1c1c; 	
	
	text-align: center;
	
 }
 
#nitro .design{
	position: relative;
	 width: 100%; 
	text-align: center;
	margin: auto;
	padding-top: 60px;
	padding-bottom: 60px;
	
	

}
#nitro .design table { width: 100%;  text-align: center; }

#nitro .design h1{color: #ffffff; font-size: 180%; text-align: center; margin: 0; }
#nitro .design h2{color: #afaeae; font-size: 150%; text-align: center; margin-top: 30px; }
#nitro .design h3{color: #666666; font-size: 130%; text-align: center; margin-top: 5px; }
#nitro .design a:hover img {border: 3px solid #bc202a;}

#nitro .art{
	position: relative;
	 width: 100%; 
	text-align: center;
	margin: auto;
	
	
	

}
 #kontakt {
	position: relative;
	width: 100%;
	margin:  auto;
	background: #bc202a; 
		
	padding-bottom: 60px;
	padding-top: 20px;
	
	text-align: center;
	}
#kontakt .kontakt table { width: 100%;  text-align: center; }
#kontakt .kontakt h3{color: #ddd; font-size: 130%; text-align: center; margin: 0; }
#kontakt .kontakt h2{color: #fff; font-size: 150%; text-align: center; margin-top: 10px; }
#kontakt .kontakt h1{color: #1c1c1c; font-size: 180%; text-align: center; margin: 0; padding-top: 20px;}
#kontakt .kontakt em{ color: #666666; font-size: 130%; text-align: center; margin: 0; }






 #kontakt .cenik table { width: auto; margin: 0 auto; text-align: center; padding-top: 50px; }
#kontakt .cenik h3 {color: #ddd; font-size: 120%; text-align: center; margin: 0; }
#kontakt .cenik h1{color: #1c1c1c; font-size: 200%; text-align: center; margin: 0; padding-top: 0px;}

 #obsah4 {
	position: relative;
	width: 100%;
	padding-bottom: 30px;
	margin: 0 auto;
	background: #ffffff;
	
  }

 
#obsah4 .klienti {  text-align: center;   }
#obsah4 .klienti img { text-align: center; margin: 10px; width: 100px;}
#obsah4 .text h2{ text-align: center; padding-top: 50px;}


overflow: -moz-scrollbars-horizontal; overflow: "auto"; overflow-x: auto;

#wrapper{
	
	
   width: 80%;
   margin: 0 auto;
   text-align: left;
   }
   
 #obsah .gallery {
	
   width: 80%;
  
	height: auto;
   text-align: center;
  margin: 0 auto;
	display: block;
	
   }
   
#obsah .gallery .photo {
	float: left;
   padding: 1em;
   text-align: center;
   width: auto;
	text-align: left;
	
   
}

#obsah .gallery .photo img {  height: 130px; width: auto; margin: 0 auto;  text-align: center; box-shadow: 3px 3px 6px #000000;}

#obsah .gallery .photo p { font-size: 90%; color: #666666; width: auto; text-align: center;}

#obsah .gallery .photo a img {border: 2px solid #AAA;}
#obsah .gallery .photo a:hover img {border: 2px solid #bc202a;}
#obsah .gallery .text H2 {margin: 10px 0px 0px 20px; color: #afaeae; text-align: left; font-size: 110%; padding-top: 20px;}
#obsah .gallery a:hover img {border: 2px solid #bc202a;}

 #obsah .gallery2 {
	
   width: 80%;
  
	height: auto;
   text-align: center;
  margin: 0 auto;
	display: block;
	
   }

#obsah .gallery2 .photo {
	
	float: left;
   display: block;
   text-align: center;
   width: auto;
	text-align: left;
	
   
}

#obsah .gallery2 .photo img {  height: 130px; width: auto; text-align: center; box-shadow: 3px 3px 6px #000000; margin: 1em; text-decoration: none; }

#obsah .gallery2 .photo p { font-size: 90%; color: #666666; width: auto; text-align: center;}

#obsah .gallery2 .photo a img {border: 2px solid #AAA; text-decoration: none;}

#obsah .gallery2 .photo a:hover img {border: 2px solid #bc202a; text-decoration: none;}

#obsah .gallery2 .text h2 {color: #afaeae; text-align: left; font-size: 110%; }
#obsah .gallery2 table {margin: 30px 0px 30px 0px;}


 #nitro2 {
	
	width: 80%;
	margin: 0 auto;
	
	background: #bc202a; 	
	
	}

#nitro2 .cv {
	
	
  background: #bc202a; 
	
	text-align: left;
	
	margin: 0 auto;
	
	width:100%;
	float: left;
	vertical-align: 0
}



#nitro2 .cv table {margin-left: 30px; }

#nitro2 .cv h3{color: #ffffff; font-size: 120%; text-align: left;  padding: 15px 0 5px 30px ; }
#nitro2	.cv table td {vertical-align: 0}

#nitro2 .cv em{ color: #cccccc; font-size: 120%; font-weight: normal; font-style: normal  }
#nitro2 .cv span{ color: #cccccc; font-size: 110%;   }

#nitro2 .cv img {margin-right: 30px; float: left; }

#nitro2 .cv2 {
	 
	
  background: #1c1c1c; 
	
	text-align: left;
	padding-bottom: 30px;
	margin: 0 auto;
	 
	width:100%;
	float: left;
	vertical-align: 0
}


#nitro2 .cv2 table {margin-left: 30px; }

#nitro2 .cv2 h3{color: #ffffff; font-size: 120%; text-align: left;  padding: 15px 0 5px 30px;  }
#nitro2	.cv2 table td {vertical-align: 0}

#nitro2 .cv2 em{ color: #cccccc; font-size: 120%; font-weight: normal; font-style: normal;  }
#nitro2 .cv2 span{ color: #cccccc; font-size: 110%;   }





 



 #footer {
	width: 100%;
 	height: 100px;
	margin-top: -100px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000000;
	text-align: center;
	z-index: 1;	
	margin:0;
	clear:both;
	
	
	
 }

 
 #footer table{
	margin-top: 30px;  
	text-align: center; color: #ffffff;
	width: 100%;
 
  }
 #obal-footer {
	position: relative; /*Obal patičky tentokrát ale v relativní pozici, takže se drží spodního okraje okna i když scrollujme níže */
	min-height: 100px; /*Mimimální výška - dáme stjnou jako výšku patičky */
	clear:both;
	background: #000000;
	
	
}



 h4  {
 	font-size: 150%; color: #000000; margin: 0; 
	
 }
 h2 {
 	font-size: 140%; color: #bc202a; margin: 0; padding: 0 0 5px 0;
	
 }
 h3 {
 	font-size: 120%; color: #bc202a; margin: 0; 
	
 }
 
 hr  {width: 80%;  size: 1;  color: #666666;  text-align: center; }
  
 


 

 
 
 td{
 	padding: 0; margin: 0; 
 }
 
 ul {font-size: 100%; padding: 0 0 5px 20px; margin: 0; list-style-type: disc; color: #ddd}