* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

* {
list-style:none;
text-decoration:none;
}

html {
	font-size: ;
	line-height: ;
}

p {
	font-size: ;
	font-size: ;
	line-height: ;
	margin-bottom: ;
	margin-bottom: ;
	text-align: center;
	height:;
	}

a {
 color:black;
 }	

  body {	
			 background: url(../imagenes/fondos/leon.jpg);
		   background-size: cover;
		   background-repeat: no-repeat;
		   background-attachment: fixed;
			 
			 cursor: url(../imagenes/punterotc.png), pointer;
	     }

			
@media screen and (min-width: 3841px) {

#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidaslogo { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 450px;
		 left: 1000px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 50px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
		.forma {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }

		.forma2 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma2:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma3 {
		 background: black;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma3:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		  }
						
		.forma4 {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma4:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma5 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma5:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma6 {
		 background: black;
		 height: 75px;
		 width: 140px;
 		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma6:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.amarillo {
		 position: absolute;
		 top: 130px;
		 left: 50px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .mapa {	
 		  position: absolute;
		  top: 400px;
		  left: 1010px;
		  z-index: 99999;
		  }
			
			.medidas_mapa {
			 height: 410px;
			 width: 450px;
			 }
			 
			.direccion {
       position: absolute;
	  	 top: 400px;
		   left: 600px;
		   z-index: 99999;
			 } 
		
		 .enlace {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			text-align: center;
			 }
		
		 .formu {
      position: absolute;
		  top: 200px;
		  width: ;
			z-index: 99999;
			
			padding-left: 80px;
			padding-right: 80px; 
		  
			width: 100%;
			}
			
		 .trama {
		  display: block;
			position: absolute;
			top: 950px;
			left: 1280px;
	  	}
			
		 .trama_img {
			height: 900px;
			width: 1280px;
			}
					 
		 .medidas_enlace {
		  height: 150px;
			width: 250px;
		  }
		 
		 .texto_formu {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			width: 1250px;
			text-align: justify;
			}
			
		 .inputc {
		   font-weight:bold;
		   background: #445894;
			 color:white;
			 padding-top:17;
			 padding-bottom:17;
			 padding-left:25;
			 padding-right:25;
			 letter-spacing:2px;
			 }
			 
			.inputc:hover {
		   background: #5F80C3;
			 transition: 1s;
			 }
		 
   	 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;	
			
			height: 100px;
			width: 300px;

 		 position: absolute;
		 top: 65px;
		 left: 1010px;
		 height: 100px;
		 z-index: 9999;
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 160px;
		 left: 1320px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 1880px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 1930px;
		 left: 0px;
		
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		  column-count: 4;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 20px;
		 padding-right: 0px;
		 
	 
		 }
		 
		 .foot_uno {
 			border-left: none;
 			border-right: 2px dotted red;
					
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
		  }
		 
			 .boton_abajo {
  		height: 500px;
			width: 100%;
			
   		padding-left: 180px;
			padding-right: 0px; 	
			
			border-right: 2px dotted red;	
			}
			
		 .boton_abajo_new {
			height: 500px;
			width: 100%;
			
   		padding-left: 180px;
			padding-right: 0px; 	
						
			border-right: none;					
			}	
		 
		 .tabla_abajo {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
		  }
			
			.texto_dire_b {
			 height: 500px;
			 width: 100%;
			 text-align: left;
		   font-size: 18px;
		   font-family: 'Audiowide', cursive;
   		 color: white;

 			border-left: 2px dotted red;
			border-right: none;
			 
		   padding-left: 180px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 2520px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
		  background: black;

	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 2430px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: red;
			font-family: 'Audiowide', cursive;
 	    font-size: 18px;
			color: white;
			text-shadow: 2px -2px 1px #000;
			
			padding-top: 15px;
			padding-bottom: 10px;
			
    }
   }
	 
	 
@media only screen and (max-width: 3840px) and (max-height: 2400px) {

	#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidaslogo { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 450px;
		 left: 1000px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 50px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
		.forma {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }

		.forma2 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma2:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma3 {
		 background: black;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma3:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		  }
						
		.forma4 {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma4:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma5 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma5:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma6 {
		 background: black;
		 height: 75px;
		 width: 140px;
 		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma6:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.amarillo {
		 position: absolute;
		 top: 130px;
		 left: 50px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .mapa {	
 		  position: absolute;
		  top: 400px;
		  left: 1010px;
		  z-index: 99999;
		  }
			
			.medidas_mapa {
			 height: 410px;
			 width: 450px;
			 }
			 
			.direccion {
       position: absolute;
	  	 top: 400px;
		   left: 600px;
		   z-index: 99999;
			 } 
		
		 .enlace {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			text-align: center;
			 }
		
		 .formu {
      position: absolute;
		  top: 200px;
		  width: ;
			z-index: 99999;
			
			padding-left: 80px;
			padding-right: 80px; 
		  
			width: 100%;
			}
			
		 .trama {
		  display: block;
			position: absolute;
			top: 950px;
			left: 1280px;
	  	}
			
		 .trama_img {
			height: 900px;
			width: 1280px;
			}
					 
		 .medidas_enlace {
		  height: 150px;
			width: 250px;
		  }
		 
		 .texto_formu {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			width: 1250px;
			text-align: justify;
			}
			
		 .inputc {
		   font-weight:bold;
		   background: #445894;
			 color:white;
			 padding-top:17;
			 padding-bottom:17;
			 padding-left:25;
			 padding-right:25;
			 letter-spacing:2px;
			 }
			 
			.inputc:hover {
		   background: #5F80C3;
			 transition: 1s;
			 }
		 
   	 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;	
			
			height: 100px;
			width: 300px;

 		 position: absolute;
		 top: 65px;
		 left: 1010px;
		 height: 100px;
		 z-index: 9999;
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 160px;
		 left: 1320px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 1880px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 1930px;
		 left: 0px;
		
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		  column-count: 4;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 20px;
		 padding-right: 0px;
		 
	 
		 }
		 
		 .foot_uno {
 			border-left: none;
 			border-right: 2px dotted red;
					
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
		  }
		 
			 .boton_abajo {
  		height: 500px;
			width: 100%;
			
   		padding-left: 180px;
			padding-right: 0px; 	
			
			border-right: 2px dotted red;	
			}
			
		 .boton_abajo_new {
			height: 500px;
			width: 100%;
			
   		padding-left: 180px;
			padding-right: 0px; 	
						
			border-right: none;					
			}	
		 
		 .tabla_abajo {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
		  }
			
			.texto_dire_b {
			 height: 500px;
			 width: 100%;
			 text-align: left;
		   font-size: 18px;
		   font-family: 'Audiowide', cursive;
   		 color: white;

 			border-left: 2px dotted red;
			border-right: none;
			 
		   padding-left: 180px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 2520px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
		  background: black;

	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 2430px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: red;
			font-family: 'Audiowide', cursive;
 	    font-size: 18px;
			color: white;
			text-shadow: 2px -2px 1px #000;
			
			padding-top: 15px;
			padding-bottom: 10px;
			
    }
   } 
	 
	 
@media only screen and (max-width: 3840px) and (max-height: 2160px) {

	#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidaslogo { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 450px;
		 left: 1000px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 50px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
		.forma {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }

		.forma2 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma2:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma3 {
		 background: black;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma3:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		  }
						
		.forma4 {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma4:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma5 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma5:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma6 {
		 background: black;
		 height: 75px;
		 width: 140px;
 		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma6:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.amarillo {
		 position: absolute;
		 top: 130px;
		 left: 50px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .mapa {	
 		  position: absolute;
		  top: 400px;
		  left: 1010px;
		  z-index: 99999;
		  }
			
			.medidas_mapa {
			 height: 410px;
			 width: 450px;
			 }
			 
			.direccion {
       position: absolute;
	  	 top: 400px;
		   left: 600px;
		   z-index: 99999;
			 } 
		
		 .enlace {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			text-align: center;
			 }
		
		 .formu {
      position: absolute;
		  top: 200px;
		  width: ;
			z-index: 99999;
			
			padding-left: 80px;
			padding-right: 80px; 
		  
			width: 100%;
			}
			
					 .trama {
		  display: block;
			position: absolute;
			top: 950px;
			left: 1280px;
	  	}
			
		 .trama_img {
			height: 900px;
			width: 1280px;
			}
					 
		 .medidas_enlace {
		  height: 150px;
			width: 250px;
		  }
		 
		 .texto_formu {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			width: 1250px;
			text-align: justify;
			}
			
		 .inputc {
		   font-weight:bold;
		   background: #445894;
			 color:white;
			 padding-top:17;
			 padding-bottom:17;
			 padding-left:25;
			 padding-right:25;
			 letter-spacing:2px;
			 }
			 
			.inputc:hover {
		   background: #5F80C3;
			 transition: 1s;
			 }
		 
   	 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;	
			
			height: 100px;
			width: 300px;

 		 position: absolute;
		 top: 65px;
		 left: 1010px;
		 height: 100px;
		 z-index: 9999;
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 160px;
		 left: 1320px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 1580px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 1630px;
		 left: 0px;
		
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		  column-count: 4;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 20px;
		 padding-right: 0px;
		 
	 
		 }
		 
		 .foot_uno {
 			border-left: none;
 			border-right: 2px dotted red;
					
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
		  }
		 
			 .boton_abajo {
  		height: 500px;
			width: 100%;
			
   		padding-left: 180px;
			padding-right: 0px; 	
			
			border-right: 2px dotted red;	
			}
			
		 .boton_abajo_new {
			height: 500px;
			width: 100%;
			
   		padding-left: 180px;
			padding-right: 0px; 	
						
			border-right: none;					
			}	
		 
		 .tabla_abajo {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
		  }
			
			.texto_dire_b {
			 height: 500px;
			 width: 100%;
			 text-align: left;
		   font-size: 18px;
		   font-family: 'Audiowide', cursive;
   		 color: white;

 			border-left: 2px dotted red;
			border-right: none;
			 
		   padding-left: 180px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 2220px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
		  background: black;

	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 2130px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: red;
			font-family: 'Audiowide', cursive;
 	    font-size: 18px;
			color: white;
			text-shadow: 2px -2px 1px #000;
			
			padding-top: 15px;
			padding-bottom: 10px;
			
    }
   } 
	 
	 
@media screen and (max-width: 2560px) {

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidaslogo { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 450px;
		 left: 1000px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 50px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
		.forma {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }

		.forma2 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma2:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma3 {
		 background: black;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma3:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		  }
						
		.forma4 {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma4:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma5 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma5:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma6 {
		 background: black;
		 height: 75px;
		 width: 140px;
 		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma6:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.amarillo {
		 position: absolute;
		 top: 130px;
		 left: 50px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .mapa {	
 		  position: absolute;
		  top: 400px;
		  left: 1010px;
		  z-index: 99999;
		  }
			
			.medidas_mapa {
			 height: 410px;
			 width: 450px;
			 }
			 
			.direccion {
       position: absolute;
	  	 top: 400px;
		   left: 600px;
		   z-index: 99999;
			 } 
		
		 .enlace {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			text-align: center;
			 }
		
		 .formu {
      position: absolute;
		  top: 200px;
		  width: ;
			z-index: 99999;
			
			padding-left: 80px;
			padding-right: 80px; 
		  
			width: 100%;
			}
			
						.trama {
			 display: none;
			 }
					 
		 .medidas_enlace {
		  height: 150px;
			width: 250px;
		  }
		 
		 .texto_formu {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			width: 1250px;
			text-align: justify;
			}
			
		 .inputc {
		   font-weight:bold;
		   background: #445894;
			 color:white;
			 padding-top:17;
			 padding-bottom:17;
			 padding-left:25;
			 padding-right:25;
			 letter-spacing:2px;
			 }
			 
			.inputc:hover {
		   background: #5F80C3;
			 transition: 1s;
			 }
		 
   	 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;	
			
			height: 100px;
			width: 300px;

 		 position: absolute;
		 top: 65px;
		 left: 1010px;
		 height: 100px;
		 z-index: 9999;
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 160px;
		 left: 1320px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 1080px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 1130px;
		 left: 0px;
		
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		  column-count: 4;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 20px;
		 padding-right: 0px;
		 
	 
		 }
		 
		 .foot_uno {
 			border-left: none;
 			border-right: 2px dotted red;
					
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
		  }
		 
			 .boton_abajo {
  		height: 500px;
			width: 100%;
			
   		padding-left: 180px;
			padding-right: 0px; 	
			
			border-right: 2px dotted red;	
			}
			
		 .boton_abajo_new {
			height: 500px;
			width: 100%;
			
   		padding-left: 180px;
			padding-right: 0px; 	
						
			border-right: none;					
			}	
		 
		 .tabla_abajo {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
		  }
			
			.texto_dire_b {
			 height: 500px;
			 width: 100%;
			 text-align: left;
		   font-size: 18px;
		   font-family: 'Audiowide', cursive;
   		 color: white;

 			border-left: 2px dotted red;
			border-right: none;
			 
		   padding-left: 180px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 1720px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
		  background: black;

	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1630px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: red;
			font-family: 'Audiowide', cursive;
 	    font-size: 18px;
			color: white;
			text-shadow: 2px -2px 1px #000;
			
			padding-top: 15px;
			padding-bottom: 10px;
			
    }
   } 
	 
	 
@media screen and (max-width: 2048px) {

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidaslogo { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 450px;
		 left: 1000px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 50px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
		.forma {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }

		.forma2 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma2:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma3 {
		 background: black;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma3:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		  }
						
		.forma4 {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma4:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma5 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma5:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma6 {
		 background: black;
		 height: 75px;
		 width: 140px;
 		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma6:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.amarillo {
		 position: absolute;
		 top: 130px;
		 left: 50px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .mapa {	
 		  position: absolute;
		  top: 400px;
		  left: 1010px;
		  z-index: 99999;
		  }
			
			.medidas_mapa {
			 height: 410px;
			 width: 450px;
			 }
			 
			.direccion {
       position: absolute;
	  	 top: 400px;
		   left: 600px;
		   z-index: 99999;
			 } 
		
		 .enlace {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			text-align: center;
			 }
		
		 .formu {
      position: absolute;
		  top: 240px;
		  width: ;
			z-index: 99999;
			
			padding-left: 80px;
			padding-right: 80px; 
		  
			width: 100%;
			}
			
						.trama {
			 display: none;
			 }
					 
		 .medidas_enlace {
		  height: 150px;
			width: 250px;
		  }
		 
		 .texto_formu {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			width: 1250px;
			text-align: justify;
			}
			
		 .inputc {
		   font-weight:bold;
		   background: #445894;
			 color:white;
			 padding-top:17;
			 padding-bottom:17;
			 padding-left:25;
			 padding-right:25;
			 letter-spacing:2px;
			 }
			 
			.inputc:hover {
		   background: #5F80C3;
			 transition: 1s;
			 }
		 
   	 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;	
			
			height: 100px;
			width: 300px;

 		 position: absolute;
		 top: 65px;
		 left: 1010px;
		 height: 100px;
		 z-index: 9999;
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 160px;
		 left: 1320px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 1080px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 1130px;
		 left: 0px;
		
		 -webkit-column-count: 3; /* Chrome, Safari, Opera */
		 -moz-column-count: 3; /* Firefox */
		  column-count: 3;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 40px;
		 padding-right: 40px;
		 
	 
		 }
		 
		 .foot_uno {
 			border-left: none;
 			border-right: 2px dotted red;
					
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
		  }
		 
		 .boton_abajo {
			height: 500px;
			
   		padding-left: 110px;
			padding-right: ; 
			
			border-right: none;
			}
			
			.boton_abajo_new {display: none;}
		 
		 .tabla_abajo {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
		  }
			
			.texto_dire_b {
			 height: 500px;
			 width: 100%;
			 text-align: left;
		   font-size: 18px;
		   font-family: 'Audiowide', cursive;
   		 color: white;

 			border-left: 2px dotted red;
 			border-right: none;
			 
		   padding-left: 120px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 1720px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
		  background: black;

	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1630px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: red;
			font-family: 'Audiowide', cursive;
 	    font-size: 18px;
			color: white;
			text-shadow: 2px -2px 1px #000;
			
			padding-top: 15px;
			padding-bottom: 10px;
			
    }
   } 
	 
	 
@media screen and (max-width: 1920px) {

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidaslogo { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 450px;
		 left: 1000px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 50px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
		.forma {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }

		.forma2 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma2:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma3 {
		 background: black;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma3:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		  }
						
		.forma4 {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma4:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma5 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma5:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma6 {
		 background: black;
		 height: 75px;
		 width: 140px;
 		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma6:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.amarillo {
		 position: absolute;
		 top: 130px;
		 left: 50px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .mapa {	
 		  position: absolute;
		  top: 400px;
		  left: 1010px;
		  z-index: 99999;
		  }
			
			.medidas_mapa {
			 height: 410px;
			 width: 450px;
			 }
			 
			.direccion {
       position: absolute;
	  	 top: 400px;
		   left: 600px;
		   z-index: 99999;
			 } 
		
		 .enlace {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			text-align: center;
			 }
		
		 .formu {
      position: absolute;
		  top: 240px;
		  width: ;
			z-index: 99999;
			
			padding-left: 80px;
			padding-right: 80px; 
		  
			width: 100%;
			}
			
						.trama {
			 display: none;
			 }
					 
		 .medidas_enlace {
		  height: 150px;
			width: 250px;
		  }
		 
		 .texto_formu {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			width: 1250px;
			text-align: justify;
			}
			
		 .inputc {
		   font-weight:bold;
		   background: #445894;
			 color:white;
			 padding-top:17;
			 padding-bottom:17;
			 padding-left:25;
			 padding-right:25;
			 letter-spacing:2px;
			 }
			 
			.inputc:hover {
		   background: #5F80C3;
			 transition: 1s;
			 }
		 
   	 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;	
			
			height: 100px;
			width: 300px;

 		 position: absolute;
		 top: 65px;
		 left: 1010px;
		 height: 100px;
		 z-index: 9999;
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 160px;
		 left: 1320px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 1080px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 1130px;
		 left: 0px;
		
		 -webkit-column-count: 3; /* Chrome, Safari, Opera */
		 -moz-column-count: 3; /* Firefox */
		  column-count: 3;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 40px;
		 padding-right: 40px;
		 
	 
		 }
		 
		 .foot_uno {
 			border-left: none;
 			border-right: 2px dotted red;
					
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
		  }
		 
		 .boton_abajo {
			height: 500px;
			
   		padding-left: 110px;
			padding-right: ; 
			
			border-right: none;
			}
			
			.boton_abajo_new {display: none;}
		 
		 .tabla_abajo {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
		  }
			
			.texto_dire_b {
			 height: 500px;
			 width: 100%;
			 text-align: left;
		   font-size: 18px;
		   font-family: 'Audiowide', cursive;
   		 color: white;

 			border-left: 2px dotted red;
 			border-right: none;
			 
		   padding-left: 110px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 1720px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
		  background: black;

	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1630px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: red;
			font-family: 'Audiowide', cursive;
 	    font-size: 18px;
			color: white;
			text-shadow: 2px -2px 1px #000;
			
			padding-top: 15px;
			padding-bottom: 10px;
			
    }
   } 	 	 	 	 	  
			 
 
@media screen and (max-width: 1600px) {

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidaslogo { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 450px;
		 left: 1000px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 50px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
		.forma {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }

		.forma2 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma2:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma3 {
		 background: black;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma3:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		  }
						
		.forma4 {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma4:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma5 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma5:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma6 {
		 background: black;
		 height: 75px;
		 width: 140px;
 		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma6:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.amarillo {
		 position: absolute;
		 top: 130px;
		 left: 50px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .mapa {	
 		  position: absolute;
		  top: 400px;
		  left: 1010px;
		  z-index: 99999;
		  }
			
			.medidas_mapa {
			 height: 410px;
			 width: 450px;
			 }
			 
			.direccion {
       position: absolute;
	  	 top: 400px;
		   left: 600px;
		   z-index: 99999;
			 } 
		
		 .enlace {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			text-align: center;
			 }
		
		 .formu {
      position: absolute;
		  top: 240px;
		  width: ;
			z-index: 99999;
			
			padding-left: 80px;
			padding-right: 80px; 
		  
			width: 100%;
			}
			
						.trama {
			 display: none;
			 }
					 
		 .medidas_enlace {
		  height: 150px;
			width: 250px;
		  }
		 
		 .texto_formu {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			width: 1250px;
			text-align: justify;
			}
			
		 .inputc {
		   font-weight:bold;
		   background: #445894;
			 color:white;
			 padding-top:17;
			 padding-bottom:17;
			 padding-left:25;
			 padding-right:25;
			 letter-spacing:2px;
			 }
			 
			.inputc:hover {
		   background: #5F80C3;
			 transition: 1s;
			 }
		 
   	 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;	
			
			height: 100px;
			width: 300px;

 		 position: absolute;
		 top: 65px;
		 left: 1010px;
		 height: 100px;
		 z-index: 9999;
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 160px;
		 left: 1320px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 1080px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 1130px;
		 left: 0px;
		
		 -webkit-column-count: 3; /* Chrome, Safari, Opera */
		 -moz-column-count: 3; /* Firefox */
		  column-count: 3;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 40px;
		 padding-right: 40px;
		 
	 
		 }
		 
		 .foot_uno {
 			border-left: 2px dotted red;
 			border-right: 2px dotted red;
					
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
		  }
		 
		 .boton_abajo {
			height: 500px;
			
   		padding-left: 110px;
			padding-right: ; 
			}
			
			.boton_abajo_new {display: none;}
		 
		 .tabla_abajo {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
		  }
			
			.texto_dire_b {
			 height: 500px;
			 width: 400px;
			 text-align: left;
		   font-size: 18px;
		   font-family: 'Audiowide', cursive;
   		 color: white;

 			border-left: 2px dotted red;
 			border-right: 2px dotted red;
			 
		   padding-left: 40px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 1720px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
		  background: black;

	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1630px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: red;
			font-family: 'Audiowide', cursive;
 	    font-size: 18px;
			color: white;
			text-shadow: 2px -2px 1px #000;
			
			padding-top: 15px;
			padding-bottom: 10px;
			
    }
   } 


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

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidaslogo { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 450px;
		 left: 1000px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 50px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
		.forma {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }

		.forma2 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma2:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma3 {
		 background: black;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma3:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
						
		.forma4 {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
		.forma4:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
						
		.forma5 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma5:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma6 {
		 background: black;
		 height: 75px;
		 width: 140px;
 		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma6:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.amarillo {
		 position: absolute;
		 top: 130px;
		 left: 50px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .mapa {	
 		  position: absolute;
		  top: 400px;
		  left: 1010px;
		  z-index: 99999;
		  }
			
			.medidas_mapa {
			 height: 410px;
			 width: 450px;
			 }
			 
			.direccion {
       position: absolute;
	  	 top: 400px;
		   left: 600px;
		   z-index: 99999;
			 } 
		
		 .enlace {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			text-align: center;
			 }
		
		 .formu {
      position: absolute;
		  top: 240px;
		  width: ;
			z-index: 99999;
			
			padding-left: 80px;
			padding-right: 80px; 
		  
			width: 100%;
			}
			
						.trama {
			 display: none;
			 }
					 
		 .medidas_enlace {
		  height: 150px;
			width: 250px;
		  }
		 
		 .texto_formu {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			width: 1250px;
			text-align: justify;
			}
			
		 .inputc {
		   font-weight:bold;
		   background: #445894;
			 color:white;
			 padding-top:17;
			 padding-bottom:17;
			 padding-left:25;
			 padding-right:25;
			 letter-spacing:2px;
			 }
			 
			.inputc:hover {
		   background: #5F80C3;
			 transition: 1s;
			 }
		 
   	 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;	
			
			height: 100px;
			width: 300px;

 		 position: absolute;
		 top: 65px;
		 left: 1010px;
		 height: 100px;
		 z-index: 9999;
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 160px;
		 left: 1320px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 1080px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 1130px;
		 left: 0px;
		
		 -webkit-column-count: 3; /* Chrome, Safari, Opera */
		 -moz-column-count: 3; /* Firefox */
		  column-count: 3;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 40px;
		 padding-right: 40px;
		 
	 
		 }
		 
		 .foot_uno {
 			border-left: 2px dotted red;
 			border-right: 2px dotted red;
					
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
		  }
		 
		 .boton_abajo {
			height: 500px;
			
   		padding-left: 110px;
			padding-right: ; 
			}
			
			.boton_abajo_new {display: none;}
		 
		 .tabla_abajo {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
		  }
			
			.texto_dire_b {
			 height: 500px;
			 width: 400px;
			 text-align: left;
		   font-size: 18px;
		   font-family: 'Audiowide', cursive;
   		 color: white;

 			border-left: 2px dotted red;
 			border-right: 2px dotted red;
			 
		   padding-left: 40px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 1720px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
		  background: black;

	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1630px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: red;
			font-family: 'Audiowide', cursive;
 	    font-size: 18px;
			color: white;
			text-shadow: 2px -2px 1px #000;
			
			padding-top: 15px;
			padding-bottom: 10px;
			
    }
   } 


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

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidaslogo { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 450px;
		 left: 1000px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 50px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
		.forma {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }

		.forma2 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma2:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma3 {
		 background: black;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma3:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		  }
						
		.forma4 {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma4:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma5 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma5:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma6 {
		 background: black;
		 height: 75px;
		 width: 140px;
 		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma6:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.amarillo {
		 position: absolute;
		 top: 130px;
		 left: 50px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .mapa {	
 		  position: absolute;
		  top: 400px;
		  left: 1010px;
		  z-index: 99999;
		  }
			
			.medidas_mapa {
			 height: 410px;
			 width: 450px;
			 }
			 
			.direccion {
       position: absolute;
	  	 top: 400px;
		   left: 600px;
		   z-index: 99999;
			 } 
		
		 .enlace {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			text-align: center;
			 }
		
		 .formu {
      position: absolute;
		  top: 240px;
		  width: ;
			z-index: 99999;
			
			padding-left: 80px;
			padding-right: 80px; 
		  
			width: 100%;
			}
			
						.trama {
			 display: none;
			 }
					 
		 .medidas_enlace {
		  height: 150px;
			width: 250px;
		  }
		 
		 .texto_formu {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			width: 1250px;
			text-align: justify;
			}
			
		 .inputc {
		   font-weight:bold;
		   background: #445894;
			 color:white;
			 padding-top:17;
			 padding-bottom:17;
			 padding-left:25;
			 padding-right:25;
			 letter-spacing:2px;
			 }
			 
			.inputc:hover {
		   background: #5F80C3;
			 transition: 1s;
			 }
		 
   	 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;	
			
			height: 100px;
			width: 300px;

 		 position: absolute;
		 top: 65px;
		 left: 1010px;
		 height: 100px;
		 z-index: 9999;
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 160px;
		 left: 1320px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 1080px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 1130px;
		 left: 0px;
		
		 -webkit-column-count: 3; /* Chrome, Safari, Opera */
		 -moz-column-count: 3; /* Firefox */
		  column-count: 3;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 40px;
		 padding-right: 40px;
		 
	 
		 }
		 
		 .foot_uno {
 			border-left: 2px dotted red;
 			border-right: 2px dotted red;
					
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
		  }
		 
		 .boton_abajo {
			height: 500px;
			
   		padding-left: 110px;
			padding-right: ; 
			}
			
			.boton_abajo_new {display: none;}
		 
		 .tabla_abajo {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
		  }
			
			.texto_dire_b {
			 height: 500px;
			 width: 400px;
			 text-align: left;
		   font-size: 18px;
		   font-family: 'Audiowide', cursive;
   		 color: white;

 			border-left: 2px dotted red;
 			border-right: 2px dotted red;
			 
		   padding-left: 40px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 1720px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
		  background: black;

	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1630px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: red;
			font-family: 'Audiowide', cursive;
 	    font-size: 18px;
			color: white;
			text-shadow: 2px -2px 1px #000;
			
			padding-top: 15px;
			padding-bottom: 10px;
			
    }
   } 	 
	 
 
@media screen and (max-width: 1280px) {

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidaslogo { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 450px;
		 left: 1000px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 50px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
		.forma {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }

		.forma2 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma2:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma3 {
		 background: black;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma3:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		  }
						
		.forma4 {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma4:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
						
		.forma5 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma5:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma6 {
		 background: black;
		 height: 75px;
		 width: 140px;
 		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma6:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.amarillo {
		 position: absolute;
		 top: 130px;
		 left: 50px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .mapa {	
 		  position: absolute;
		  top: 400px;
		  left: 1010px;
		  z-index: 99999;
		  }
			
			.medidas_mapa {
			 height: 410px;
			 width: 450px;
			 }
			 
			.direccion {
       position: absolute;
	  	 top: 400px;
		   left: 600px;
		   z-index: 99999;
			 } 
		
		 .enlace {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			text-align: center;
			 }
		
		 .formu {
      position: absolute;
		  top: 200px;
		  width: ;
			z-index: 99999;
			
			padding-left: 80px;
			padding-right: 80px; 
		  
			width: 100%;
			}
			
						.trama {
			 display: none;
			 }
					 
		 .medidas_enlace {
		  height: 150px;
			width: 250px;
		  }
		 
		 .texto_formu {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			width: 1250px;
			text-align: justify;
			}
			
		 .inputc {
		   font-weight:bold;
		   background: #445894;
			 color:white;
			 padding-top:17;
			 padding-bottom:17;
			 padding-left:25;
			 padding-right:25;
			 letter-spacing:2px;
			 }
			 
			.inputc:hover {
		   background: #5F80C3;
			 transition: 1s;
			 }
		 
   	 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .redes {
		 
		 display: none;
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;	
			
			height: 100px;
			width: 300px;

 		 position: absolute;
		 top: 65px;
		 left: 1010px;
		 height: 100px;
		 z-index: 9999;
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 160px;
		 left: 1320px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }

			 .foot_i {
 		  position: absolute;
		  top: 1080px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 1130px;
		 left: 0px;
		
		 -webkit-column-count: 3; /* Chrome, Safari, Opera */
		 -moz-column-count: 3; /* Firefox */
		  column-count: 3;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 0px;
		 padding-right: 0px;
		 
	 
		 }
		 
		 .foot_uno {
		 
		 border-left: none;
			
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
		  }
		 
		 .boton_abajo {
			height: 500px;
			
   		padding-left: 40px;
			padding-right: ; 
			}
			
			.boton_abajo_new {display: none;}
		 
		 .tabla_abajo {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
		  }
			
			.texto_dire_b {
			 height: 500px;
			 width: 330px;
			 text-align: left;
		   font-size: 18px;
		   font-family: 'Audiowide', cursive;
   		 color: white;

 			border-left: 2px doted red;
	    border-right: none;
 				 
		   padding-left: 30px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 1720px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: black;
	
	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1630px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: red;
			font-family: 'Audiowide', cursive;
 	    font-size: 18px;
			color: white;
			text-shadow: 2px -2px 1px #000;
			
			padding-top: 15px;
			padding-bottom: 10px;
			
    }
   } 
	 
	 
	 
@media only screen and (max-width: 1000px) and (min-width: 820px) {

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidaslogo { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 450px;
		 left: 1000px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 50px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
		.forma {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }

		.forma2 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma2:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma3 {
		 background: black;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma3:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		  }
						
		.forma4 {
		 background: white;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
		.forma4:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		 border: 1px solid white;
		  }
						
		.forma5 {
		 background: red;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma5:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.forma6 {
		 background: black;
		 height: 75px;
		 width: 140px;
 		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 border: 1px solid white;
		  }
		.forma6:hover {
		 background: orange;
		 transition: 2s;
		 height: 75px;
		 width: 140px;
		 font-size: 18px;
		 font-family: 'Audiowide', cursive;
		 color: ;
		  }
						
		.amarillo {
		 position: absolute;
		 top: 130px;
		 left: 50px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .mapa {	
 		  position: absolute;
		  top: 400px;
		  left: 1010px;
		  z-index: 99999;
		  }
			
			.medidas_mapa {
			 height: 410px;
			 width: 450px;
			 }
			 
			.direccion {
       position: absolute;
	  	 top: 400px;
		   left: 600px;
		   z-index: 99999;
			 } 
		
		 .enlace {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			text-align: center;
			 }
		
		 .formu {
      position: absolute;
		  top: 200px;
		  width: ;
			z-index: 99999;
			
			padding-left: 80px;
			padding-right: 80px; 
		  
			width: 100%;
			}
			
						.trama {
			 display: none;
			 }
					 
		 .medidas_enlace {
		  height: 150px;
			width: 250px;
		  }
		 
		 .texto_formu {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			width: 1250px;
			text-align: justify;
			}
			
		 .inputc {
		   font-weight:bold;
		   background: #445894;
			 color:white;
			 padding-top:17;
			 padding-bottom:17;
			 padding-left:25;
			 padding-right:25;
			 letter-spacing:2px;
			 }
			 
			.inputc:hover {
		   background: #5F80C3;
			 transition: 1s;
			 }
		 
   	 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .redes {
		 
		 display: none;
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
		 -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
     -moz-column-gap: 4px; /* Firefox */
      column-gap: 4px;	
			
			height: 100px;
			width: 300px;

 		 position: absolute;
		 top: 65px;
		 left: 1010px;
		 height: 100px;
		 z-index: 9999;
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 160px;
		 left: 1320px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }

			 .foot_i {
 		  position: absolute;
		  top: 980px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 1030px;
		 left: 0px;
		
		 -webkit-column-count: 3; /* Chrome, Safari, Opera */
		 -moz-column-count: 3; /* Firefox */
		  column-count: 3;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 0px;
		 padding-right: 0px;
		 
	 
		 }
		 
		 .foot_uno {
		 
		 border-left: none;
			
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
			
			border-right: none;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
		  }
		 
		 .boton_abajo {
			height: 500px;
			
   		padding-left: 40px;
			padding-right: ; 
			
			border-left: 2px dotted red;
			}
			
			.boton_abajo_new {display: none;}
		 
		 .tabla_abajo {
      color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
		  }
			
			.texto_dire_b {
			 height: 500px;
			 width: 330px;
			 text-align: left;
		   font-size: 18px;
		   font-family: 'Audiowide', cursive;
   		 color: white;

 			border-left: 2px doted red;
	    border-right: none;
 				 
		   padding-left: 30px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 1620px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: black;
	
	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1530px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: red;
			font-family: 'Audiowide', cursive;
 	    font-size: 18px;
			color: white;
			text-shadow: 2px -2px 1px #000;
			
			padding-top: 15px;
			padding-bottom: 10px;
			
    }
   }