body{height: 100vh; 
	 margin: 0px auto;
	 font-family: Helvetica;
	 border: solid 0px red;
	 width: 100%;
	 text-align: center;
	 margin: 0px auto;
	 background-color: #f1f1f1;
}

.second, .renovace, .montaze, .kovovyroba{height: 100vh; 
	background: #4c4d51; /* Old browsers */
background: -moz-linear-gradient(top, #4c4d51 0%, #7d7e7d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4c4d51 0%,#7d7e7d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4c4d51 0%,#7d7e7d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4d51', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */
		}
		
.kovovyroba{
	height: auto;
	padding-bottom: 30px;
	}
		
		
.kontakty{height: 100vh;
	margin-bottom: 200px; 
	background: #4c4d51; /* Old browsers */
background: -moz-linear-gradient(top, #4c4d51 0%, #7d7e7d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4c4d51 0%,#7d7e7d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4c4d51 0%,#7d7e7d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4d51', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */
		}
		
		
.autodilna, .opravy{height: 100vh; 
	background: rgb(151,178,193); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(151,178,193,1) 0%, rgba(37,141,200,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(151,178,193,1) 0%,rgba(37,141,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(151,178,193,1) 0%,rgba(37,141,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b2c1', endColorstr='#258dc8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
min-height: 900px}
	

  

.voith{height: 100vh; 
	
	background: #c5deea; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #c5deea 0%, #8abbd7 31%, #066dab 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



		
.navigace_telefony{display: none}

.navbar{height: 90px;
		font-size: 25px;
		padding-bottom: 20px }

.navbar a{font-size: 65px;
		font-family: Helvetica;
		padding-top: 40px}
		
.navbar-right a{font-size: 20px;
				padding-top:25px}
				
.navbar-right{font-size: 20px;
			padding-top:25px}
				
h2 {color: black; text-decoration: none}

.text{
	font-size: 20px; 
	color: black;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;

-khtml-border-radius-topleft: 5px;
-khtml-border-radius-topright: 5px;
-khtml-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomright: 5px;

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;

border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
	}

.cerna {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;

-khtml-border-radius-topleft: 5px;
-khtml-border-radius-topright: 5px;
-khtml-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomright: 5px;

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;

border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.img-thumbnail{width: 280px}
				
				
.zahlavi{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#97b2c1+0,258dc8+100 */
background: rgb(151,178,193); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(151,178,193,1) 0%, rgba(37,141,200,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(151,178,193,1) 0%,rgba(37,141,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(151,178,193,1) 0%,rgba(37,141,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b2c1', endColorstr='#258dc8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height: 650px;
}

.tel{color: #d11b49}

.item img{padding-top: 100px}

/* .cervena{background-color: #4d4f53;
		width: 150px; 
		height: 50px; 
		display: inline-block;
		padding: 15px 0px 0px 0px;
		margin: 10px 5px 5px 5px;
		text-align: center
		}
*/
		
.cerna{background-color: #4d4f53;
		width: 120px; 
		height: 50px; 
		display: inline-block;
		padding: 15px 0px 0px 0px;
		margin: 10px 0x 0px 0px;
		text-align: center;
		color: white;
		-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
   		transition: width 2s;
		
		}
.cerna:hover{background-color: rgb(151,178,193);
		color: black;
		font-weight: bold}

.cerna a{color: white}



.main{height: 100vh; 
      border: solid 0px green; 
      background: white}
      
.bottom{position: fixed; 
		bottom: 0px; 
		text-align: center; 
		z-index: 2; 
		width: 100%;
		opacity: 0.95}
		
.menudole{ height: 100px; padding-top: 30px}

.drz{position: fixed; top: 0px}

.test{
   	  display: none;
  }
  
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
  }

@media all and (max-width: 1300px){
	
	.ofirme, .second, .autodilna, .renovace, .opravy, .montaze, .voith, .kovovyroba, .certifikaty, .kontakty{height: auto} 

	
	}
@media all and (max-width: 980px){

.navbar-right{display: none}

.ofirme, .second, .autodilna, .renovace, .opravy, .montaze, .voith, .kovovyroba, .certifikaty, .kontakty{height: auto} 

.kovovýroba{
	height: 1500px}


	}
@media all and (max-width: 768px){

.ofirme, .second, .autodilna, .renovace, .opravy, .montaze, .voith, .kovovyroba, .certifikaty, .kontakty{height: auto} 






 }
	

@media all and (max-width: 640px){

.navbar-right{margin-top: 100px; display: block}

.navbar-brand{line-height: 100%;
				margin-left: -50px}

.navbar{height: auto}


.cerna{background-color: #4d4f53;
		width: 300px; 
		height: 70px; 
		display: inline-block;
		padding: 25px 0px 0px 0px;
		
		text-align: center;
		color: white;
		}
		
.cerna:hover{background-color: rgb(151,178,193)}
		
		
.zahlavi{height: 300px}

.bottom{position: static; 
		text-align: center; 
		z-index: 2; 
		width: 100%}
		
.second{height: auto; 
		background-color: navy}
		
body{height: auto; 
	 margin: 0px auto;
	 font-family: Helvetica;
	 border: solid 0px red;
	 width: 100%;
	 text-align: center;
	 margin: 0px auto; 
}

.slogan{display: none}

.main{height: auto; 
      border: solid 0px green; 
      background: white}

.menudole{height: auto;
		width: 100%;
		margin-left: -50px}
		
		
		
		
.ofirme, .second, .autodilna, .renovace, .opravy, .montaze, .voith, .kovovyroba, .certifikaty, .kontakty{
	height: auto;
	padding-bottom: 20px;
	}
 


.kontakty{margin-bottom: 0px}
		
		
.navigace_desktop{display: none}
.navigace_telefony{display: block}

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
  
.img-thumbnail{width: 120px}

.table{font-size: 13px; margin-left: -20px}




	}

