* {
	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;
 }	


		 .aumento {
		  height:50px;
			width: 50px;
			
		  }
		 
 		 .aumento img{
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
       transform: scale(1.1);
      }

     .aumento:hover{
		  transform: scale(3);
      transition: 3s;
      position: relative;
      }
			

  body {	
			 background: black;
			 cursor: url(../imagenes/punterotc.png), pointer;
	     }

			 		 .copo {
		 
		 position: absolute;
		 top: 0px;
		 left: 0px;
		 z-index: 9999;
		 }

		 
	.traslado {
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 
	 font-size: 35px;
font-family: 'Audiowide', cursive;
	 font-weight: bold;
	 
	 color: yellow;
	 text-shadow: 2px 2px #000000;
	 transform: rotate(-20deg);	 
	 z-index: 99999;
	 
	 }
	 
	 
	 	
@media screen and (min-width: 3841px) {

.traslado {
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 
	 font-size: 35px;
font-family: 'Audiowide', cursive;
	 font-weight: bold;
	 
	 color: yellow;
	 text-shadow: 2px 2px #000000;
	 transform: rotate(-20deg);	 
	 z-index: 99999;
	 
	 }	
	 
    .fiestas {
		 position: absolute;
		 top: 200px;
		 left: 80px;

		 font-size: 35px;
		 font-family: Kaushan Script, cursive;
		 font-weight: bold;
		 text-align: left;		 
		 text-shadow: -1px -1px 3px white, 1px 1px 4px white, -1px 1px 4px white, 1px -1px 3px white, 2px -2px 3px white, 2px 2px 4px red, -2px 2px 4px white, 2px -2px 3px white;
		 color: black;	
			
			z-index: 99999;		 
		  }
		 
    .linea {
		 border-bottom: 1px solid grey;
		 }

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 100px;
		 z-index: 9999;
		}
		
				.medidasnh {
	 	 position: absolute;
		 top: 230px;
		 left: 100px;
		 
		 height: 100px;
		 width: 250px;
		 
		 transform: rotate(-25deg);
		 
		 z-index: 9999;	 
		 }

		#barra {
 		 position: absolute;
		 top: 60px;
		 left: 600px;
		 z-index: 9999;
		}
		
		 .aniversario {
		  position: absolute;
		  top: 300px;
		  left: 1150px;
			transform: rotate(-20deg);
		  z-index: 999999;
		  }
		 .aniversario_font {
      font-family: "Style Script";
      font-size: 45px;
			color: white;	
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: red;
		  }	
		
		.medidaslogo { 
		 height: 150px;
		 width: 170px;
		 }
		.medidasbarra { 
		 height: 120px;
		 width: 870px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 200px;
		 left: 600px;
		 font-size: 22px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 -webkit-text-stroke: 0.5px black;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 6px; /* Chrome, Safari, Opera */
     -moz-column-gap: 6px; /* Firefox */
      column-gap: 6px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 600px;
		 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: 135px;
		 left: 600px;
		 z-index: 9999;
		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .bande {
  		height: 5px;
  		width: 870px;
		  }
			
		 .aniversario_m {
		  height: 110px;
	  	width: 130px;
		  }	
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 65px;
		 left: 1600px;
		 z-index: 999999;
		 }
		 
		.redes_new {
		 display: none;
		 position: absolute;
		 top: 270px;
		 left: 133px;
		 z-index: 9999;		
		 }

		 .codigo {
		 
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 640px;
		 left: 360px;
		 z-index: 9999;
		 }

		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 
		 border-top: 1px solid grey;
		 }
		.medidasredes3 {
	   transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 }
		 
		 .medidasredes4 {
		 transform: translateY(3px);
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 2279px;
		  left: 0px;	
			
			width: 100%; 
			
			z-index: 99;
			
			background: black;
	   }
		 
		 .medidas_foot_f {
	  	height: 70px;
		  width: 100%;
			
			z-index: 99;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 2330px;
		 left: 0px;
		
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		  column-count: 4;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 0px;
		 padding-right: 0px;
		 
		 z-index: 9999;
		 
	 
		 }
		 
		 .foot_uno {
 			border-right: 2px dotted red;
			border-left: none;
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
			
			z-index: 99;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
			 z-index: 99;
		  }
		 
		 .boton_abajo {
  		height: 500px;
			width: 100%;
			
   		padding-left: 340px;
			padding-right: 0px; 	
			
			border-right: 2px dotted red;		
			}
			
		  .boton_abajo_new {
			height: 500px;
			width: 100%;
			
   		padding-left: 330px;
			padding-right: 0px;
			
			border-right: 2px dotted red;		 			
			}	
		 
		 .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: none;
			  border-right: none;
		   padding-left: 350px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 2920px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: black;
			
			z-index: 99;
	
	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 2830px;
		  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;
			
			z-index: 99;
			
    }
 } 
 
 
 
@media only screen and (max-width: 3840px) and (max-height: 2400px) {

.traslado {
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 
	 font-size: 35px;
font-family: 'Audiowide', cursive;
	 font-weight: bold;
	 
	 color: yellow;
	 text-shadow: 2px 2px #000000;
	 transform: rotate(-20deg);	 
	 z-index: 99999;
	 
	 }	
	 
    .fiestas {
		 position: absolute;
		 top: 200px;
		 left: 80px;

		 font-size: 35px;
		 font-family: Kaushan Script, cursive;
		 font-weight: bold;
		 text-align: left;		 
		 text-shadow: -1px -1px 3px white, 1px 1px 4px white, -1px 1px 4px white, 1px -1px 3px white, 2px -2px 3px white, 2px 2px 4px red, -2px 2px 4px white, 2px -2px 3px white;
		 color: black;	
			
			z-index: 99999;		 
		  }
		 
    .linea {
		 border-bottom: 1px solid grey;
		 }

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 100px;
		 z-index: 9999;
		}
		
				.medidasnh {
	 	 position: absolute;
		 top: 230px;
		 left: 100px;
		 
		 height: 100px;
		 width: 250px;
		 
		 transform: rotate(-25deg);
		 
		 z-index: 9999;	 
		 }

		#barra {
 		 position: absolute;
		 top: 60px;
		 left: 600px;
		 z-index: 9999;
		}
		
		 .aniversario {
		  position: absolute;
		  top: 300px;
		  left: 1150px;
			transform: rotate(-20deg);
		  z-index: 999999;
		  }
		 .aniversario_font {
      font-family: "Style Script";
      font-size: 45px;
			color: white;	
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: red;
		  }	
		
		.medidaslogo { 
		 height: 150px;
		 width: 170px;
		 }
		.medidasbarra { 
		 height: 120px;
		 width: 870px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 200px;
		 left: 600px;
		 font-size: 22px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 -webkit-text-stroke: 0.5px black;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 6px; /* Chrome, Safari, Opera */
     -moz-column-gap: 6px; /* Firefox */
      column-gap: 6px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 600px;
		 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: 135px;
		 left: 600px;
		 z-index: 9999;
		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .bande {
  		height: 5px;
  		width: 870px;
		  }
			
		 .aniversario_m {
		  height: 110px;
	  	width: 130px;
		  }	
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 65px;
		 left: 1600px;
		 z-index: 999999;
		 }
		 
		 .redes_new {
		 display: none;
		 position: absolute;
		 top: 270px;
		 left: 133px;
		 z-index: 9999;		
		 }

		 .codigo {
		 
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 640px;
		 left: 360px;
		 z-index: 9999;
		 }

		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 
		 border-top: 1px solid grey;
		 }
		.medidasredes3 {
	   transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 }
		 
		 .medidasredes4 {
		 transform: translateY(3px);
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 2279px;
		  left: 0px;	
			
			width: 100%; 
			
			z-index: 99;
			
			background: black;
	   }
		 
		 .medidas_foot_f {
	  	height: 70px;
		  width: 100%;
			
			z-index: 99;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 2330px;
		 left: 0px;
		
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		  column-count: 4;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 0px;
		 padding-right: 0px;
		 
		 z-index: 9999;
		 
	 
		 }
		 
		 .foot_uno {
 			border-right: 2px dotted red;
			border-left: none;
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
			
			z-index: 99;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
			 z-index: 99;
		  }
		 
		 .boton_abajo {
  		height: 500px;
			width: 100%;
			
   		padding-left: 340px;
			padding-right: 0px; 	
			
			border-right: 2px dotted red;		
			}
			
		  .boton_abajo_new {
			height: 500px;
			width: 100%;
			
   		padding-left: 330px;
			padding-right: 0px;
			
			border-right: 2px dotted red;		 			
			}	
		 
		 .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: none;
			  border-right: none;
		   padding-left: 350px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 2920px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: black;
			
			z-index: 99;
	
	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 2830px;
		  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;
			
			z-index: 99;
			
    }
 }  	
	 
	 
	 
@media only screen and (max-width: 3840px) and (max-height: 2160px) {

.traslado {
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 
	 font-size: 35px;
font-family: 'Audiowide', cursive;
	 font-weight: bold;
	 
	 color: yellow;
	 text-shadow: 2px 2px #000000;
	 transform: rotate(-20deg);	 
	 z-index: 99999;
	 
	 }	
	 
    .fiestas {
		 position: absolute;
		 top: 200px;
		 left: 80px;

		 font-size: 35px;
		 font-family: Kaushan Script, cursive;
		 font-weight: bold;
		 text-align: left;		 
		 text-shadow: -1px -1px 3px white, 1px 1px 4px white, -1px 1px 4px white, 1px -1px 3px white, 2px -2px 3px white, 2px 2px 4px red, -2px 2px 4px white, 2px -2px 3px white;
		 color: black;	
			
			z-index: 99999;		 
		  }
		 
    .linea {
		 border-bottom: 1px solid grey;
		 }

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 100px;
		 z-index: 9999;
		}
		
				.medidasnh {
	 	 position: absolute;
		 top: 230px;
		 left: 100px;
		 
		 height: 100px;
		 width: 250px;
		 
		 transform: rotate(-25deg);
		 
		 z-index: 9999;	 
		 }

		#barra {
 		 position: absolute;
		 top: 60px;
		 left: 600px;
		 z-index: 9999;
		}
		
		 .aniversario {
		  position: absolute;
		  top: 300px;
		  left: 1150px;
			transform: rotate(-20deg);
		  z-index: 999999;
		  }
		 .aniversario_font {
      font-family: "Style Script";
      font-size: 45px;
			color: white;	
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: red;
		  }	
		
		.medidaslogo { 
		 height: 150px;
		 width: 170px;
		 }
		.medidasbarra { 
		 height: 120px;
		 width: 870px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 200px;
		 left: 600px;
		 font-size: 22px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 -webkit-text-stroke: 0.5px black;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 6px; /* Chrome, Safari, Opera */
     -moz-column-gap: 6px; /* Firefox */
      column-gap: 6px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 600px;
		 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: 135px;
		 left: 600px;
		 z-index: 9999;
		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .bande {
  		height: 5px;
  		width: 870px;
		  }
			
		 .aniversario_m {
		  height: 110px;
	  	width: 130px;
		  }	
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 65px;
		 left: 1600px;
		 z-index: 999999;
		 }
		 
		 		 .redes_new {
		 display: none;
		 position: absolute;
		 top: 270px;
		 left: 133px;
		 z-index: 9999;		
		 }

		 .codigo {
		 
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 640px;
		 left: 360px;
		 z-index: 9999;
		 }

		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 
		 border-top: 1px solid grey;
		 }
		.medidasredes3 {
	   transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 }
		 
		 .medidasredes4 {
		 transform: translateY(3px);
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 1979px;
		  left: 0px;	
			
			width: 100%; 
			
			z-index: 99;
			
			background: black;
	   }
		 
		 .medidas_foot_f {
	  	height: 70px;
		  width: 100%;
			
			z-index: 99;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 2030px;
		 left: 0px;
		
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		  column-count: 4;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 40px;
		 padding-right: 40px;
		 
		 z-index: 9999;
		 
	 
		 }
		 
		 .foot_uno {
 			border-right: 2px dotted red;
			border-left: none;
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
			
			z-index: 99;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
			 z-index: 99;
		  }
		 
		 .boton_abajo {
			height: 500px;
			width: 100%;
   		padding-left: 350px;
			padding-right: ;			
			}
			
			.boton_abajo_new {
			height: 500px;
			width: 100%;
   		padding-left: 350px;
			padding-right: ;
		  border-right: 2px dotted red;	
			border-left: 2px dotted red;	
			}
		 
		 .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: none;
			 border-right: none;
		   padding-left: 350px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 2620px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: black;
			
			z-index: 99;
	
	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 2530px;
		  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;
			
			z-index: 99;
			
    }
 } 
 
 	 
	 
@media screen and (max-width: 2560px) {

.traslado {
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 
	 font-size: 35px;
font-family: 'Audiowide', cursive;
	 font-weight: bold;
	 
	 color: yellow;
	 text-shadow: 2px 2px #000000;
	 transform: rotate(-20deg);	 
	 z-index: 99999;
	 
	 }	
	 
    .fiestas {
		 position: absolute;
		 top: 200px;
		 left: 80px;

		 font-size: 35px;
		 font-family: Kaushan Script, cursive;
		 font-weight: bold;
		 text-align: left;		 
		 text-shadow: -1px -1px 3px white, 1px 1px 4px white, -1px 1px 4px white, 1px -1px 3px white, 2px -2px 3px white, 2px 2px 4px red, -2px 2px 4px white, 2px -2px 3px white;
		 color: black;	
			
			z-index: 99999;		 
		  }
		 
    .linea {
		 border-bottom: 1px solid grey;
		 }

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 100px;
		 z-index: 9999;
		}
		
				.medidasnh {
	 	 position: absolute;
		 top: 230px;
		 left: 100px;
		 
		 height: 100px;
		 width: 250px;
		 
		 transform: rotate(-25deg);
		 
		 z-index: 9999;	 
		 }

		#barra {
 		 position: absolute;
		 top: 60px;
		 left: 600px;
		 z-index: 9999;
		}
		
		 .aniversario {
		  position: absolute;
		  top: 250px;
		  left: 1150px;
			transform: rotate(-20deg);
		  z-index: 999999;
		  }
		 .aniversario_font {
      font-family: "Style Script";
      font-size: 45px;
			color: white;	
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: red;
		  }	
		
		.medidaslogo { 
		 height: 150px;
		 width: 170px;
		 }
		.medidasbarra { 
		 height: 120px;
		 width: 870px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 200px;
		 left: 600px;
		 font-size: 22px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 -webkit-text-stroke: 0.5px black;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 6px; /* Chrome, Safari, Opera */
     -moz-column-gap: 6px; /* Firefox */
      column-gap: 6px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 600px;
		 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: 135px;
		 left: 600px;
		 z-index: 9999;
		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .bande {
  		height: 5px;
  		width: 870px;
		  }
			
		 .aniversario_m {
		  height: 110px;
	  	width: 130px;
		  }	
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 65px;
		 left: 1600px;
		 z-index: 999999;
		 }
		 
		 		 .redes_new {
		 display: none;
		 position: absolute;
		 top: 270px;
		 left: 133px;
		 z-index: 9999;		
		 }

		 .codigo {
		 
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 640px;
		 left: 360px;
		 z-index: 9999;
		 }

		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 
		 border-top: 1px solid grey;
		 }
		.medidasredes3 {
	   transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 }
		 
		 .medidasredes4 {
		 transform: translateY(3px);
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 1079px;
		  left: 0px;	
			
			width: 100%; 
			
			z-index: 99;
			
			background: black;
	   }
		 
		 .medidas_foot_f {
	  	height: 70px;
		  width: 100%;
			
			z-index: 99;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 1130px;
		 left: 0px;
		
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		  column-count: 4;
		
		 column-gap: 0px;		
		 
		 background: black;
		 height: ;
		 width: 100%; 
		 
		 padding-left: 20px;
		 padding-right: 0px;
		 
		 z-index: 9999;
			 }
			 
 
		 .foot_uno {
 			border-left: none;
 			border-right: 2px dotted red;
					
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
			
		  border-left: none;
			
			z-index: 99;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
			 z-index: 99;
		  }
		 
		 .boton_abajo {
  		height: 500px;
			width: 100%;
			
   		padding-left: 200px;
			padding-right: 0px; 	
			
			border-right: 2px dotted red;		
			}
			
		  .boton_abajo_new {
			height: 500px;
			width: 100%;
			
   		padding-left: 200px;
			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;
			
			z-index: 99;
	
	   } 
		 
	   .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;
			
			z-index: 99;
			
    }
 }
 
 
 
@media screen and (max-width: 2048px) {

.traslado {
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 
	 font-size: 35px;
   font-family: 'Audiowide', cursive;
	 font-weight: bold;
	 
	 color: yellow;
	 text-shadow: 2px 2px #000000;
	 transform: rotate(-20deg);	 
	 z-index: 99999;
	 
	 }	
	 
    .fiestas {
		 position: absolute;
		 top: 200px;
		 left: 80px;

		 font-size: 35px;
		 font-family: Kaushan Script, cursive;
		 font-weight: bold;
		 text-align: left;		 
		 text-shadow: -1px -1px 3px white, 1px 1px 4px white, -1px 1px 4px white, 1px -1px 3px white, 2px -2px 3px white, 2px 2px 4px red, -2px 2px 4px white, 2px -2px 3px white;
		 color: black;	
			
			z-index: 99999;		 
		  }
		 
    .linea {
		 border-bottom: 1px solid grey;
		 }

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 100px;
		 z-index: 9999;
		}
		
				.medidasnh {
	 	 position: absolute;
		 top: 230px;
		 left: 100px;
		 
		 height: 100px;
		 width: 250px;
		 
		 transform: rotate(-25deg);
		 
		 z-index: 9999;	 
		 }

		#barra {
 		 position: absolute;
		 top: 60px;
		 left: 600px;
		 z-index: 9999;
		}
		
		 .aniversario {
		  position: absolute;
		  top: 350px;
		  left: 1250px;
			transform: rotate(-20deg);
		  z-index: 999999;
		  }
		 .aniversario_font {
      font-family: "Style Script";
      font-size: 45px;
			color: white;	
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: red;
		  }	
		
		.medidaslogo { 
		 height: 150px;
		 width: 170px;
		 }
		.medidasbarra { 
		 height: 120px;
		 width: 870px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 200px;
		 left: 600px;
		 font-size: 22px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 -webkit-text-stroke: 0.5px black;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 6px; /* Chrome, Safari, Opera */
     -moz-column-gap: 6px; /* Firefox */
      column-gap: 6px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 600px;
		 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: 135px;
		 left: 600px;
		 z-index: 9999;
		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .bande {
  		height: 5px;
  		width: 870px;
		  }
			
		 .aniversario_m {
		  height: 110px;
	  	width: 130px;
		  }	
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 640px;
		 left: 50px;
		 z-index: 999999;
		 }
		 
		 		 .redes_new {
		 display: none;
		 position: absolute;
		 top: 270px;
		 left: 133px;
		 z-index: 9999;		
		 }

		 .codigo {
		 
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 640px;
		 left: 360px;
		 z-index: 9999;
		 }

		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 
		 border-top: 1px solid grey;
		 }
		.medidasredes3 {
	   transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 }
		 
		 .medidasredes4 {
		 transform: translateY(3px);
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 779px;
		  left: 0px;	
			
			width: 100%; 
			
			z-index: 99;
			
			background: black;
	   }
		 
		 .medidas_foot_f {
	  	height: 70px;
		  width: 100%;
			
			z-index: 99;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 830px;
		 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;
		 
		 z-index: 9999;
		 
	 
		 }
		 
		 .foot_uno {
 			border-left: none;
 			border-right: 2px dotted red;
					
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
			
			z-index: 99;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
			 z-index: 99;
		  }
		 
		 .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: 1420px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: black;
			
			z-index: 99;
	
	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1330px;
		  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;
			
			z-index: 99;
			
    }
 }   
 
 	  
		  
@media screen and (max-width: 1920px) {

.traslado {
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 
	 font-size: 35px;
font-family: 'Audiowide', cursive;
	 font-weight: bold;
	 
	 color: yellow;
	 text-shadow: 2px 2px #000000;
	 transform: rotate(-20deg);	 
	 z-index: 99999;
	 
	 }	
	 
    .fiestas {
		 position: absolute;
		 top: 200px;
		 left: 80px;

		 font-size: 35px;
		 font-family: Kaushan Script, cursive;
		 font-weight: bold;
		 text-align: left;		 
		 text-shadow: -1px -1px 3px white, 1px 1px 4px white, -1px 1px 4px white, 1px -1px 3px white, 2px -2px 3px white, 2px 2px 4px red, -2px 2px 4px white, 2px -2px 3px white;
		 color: black;	
			
			z-index: 99999;		 
		  }
		 
    .linea {
		 border-bottom: 1px solid grey;
		 }

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 100px;
		 z-index: 9999;
		}
		
				.medidasnh {
	 	 position: absolute;
		 top: 230px;
		 left: 100px;
		 
		 height: 100px;
		 width: 250px;
		 
		 transform: rotate(-25deg);
		 
		 z-index: 9999;	 
		 }

		#barra {
 		 position: absolute;
		 top: 60px;
		 left: 600px;
		 z-index: 9999;
		}
		
		 .aniversario {
		  position: absolute;
		  top: 450px;
		  left: 950px;
			transform: rotate(-20deg);
		  z-index: 999999;
		  }
		 .aniversario_font {
      font-family: "Style Script";
      font-size: 45px;
			color: white;	
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: red;
		  }	
		
		.medidaslogo { 
		 height: 150px;
		 width: 170px;
		 }
		.medidasbarra { 
		 height: 120px;
		 width: 870px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 200px;
		 left: 600px;
		 font-size: 22px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 -webkit-text-stroke: 0.5px black;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 6px; /* Chrome, Safari, Opera */
     -moz-column-gap: 6px; /* Firefox */
      column-gap: 6px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 600px;
		 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: 135px;
		 left: 600px;
		 z-index: 9999;
		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .bande {
  		height: 5px;
  		width: 870px;
		  }
			
		 .aniversario_m {
		  height: 110px;
	  	width: 130px;
		  }	
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 640px;
		 left: 50px;
		 z-index: 999999;
		 }
		 
		 		 .redes_new {
		 display: none;
		 position: absolute;
		 top: 270px;
		 left: 133px;
		 z-index: 9999;		
		 }

		 .codigo {
		 
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 640px;
		 left: 360px;
		 z-index: 9999;
		 }

		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 
		 border-top: 1px solid grey;
		 }
		.medidasredes3 {
	   transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 }
		 
		 .medidasredes4 {
		 transform: translateY(3px);
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 779px;
		  left: 0px;	
			
			width: 100%; 
			
			z-index: 99;
			
			background: black;
	   }
		 
		 .medidas_foot_f {
	  	height: 70px;
		  width: 100%;
			
			z-index: 99;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 830px;
		 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;
		 
		 z-index: 9999;
		 
	 
		 }
		 
		 .foot_uno {
 			border-left: none;
 			border-right: 2px dotted red;
					
			color: white;
  	  font-family: 'Audiowide', cursive;
		  font-size: 18px;
			
			height: 500px;
			
			z-index: 99;
		  }
			
		  .medidas_logo_abajo {
			 padding-left: 30px;
	  	 height: 100px;
		   width: 150px;
			 z-index: 99;
		  }
		 
		 .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: 1420px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: black;
			
			z-index: 99;
	
	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1330px;
		  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;
			
			z-index: 99;
			
    }
 } 

 
@media screen and (max-width: 1600px) {

	.traslado {
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 
	 font-size: 35px;
font-family: 'Audiowide', cursive;
	 font-weight: bold;
	 
	 color: yellow;
	 text-shadow: 2px 2px #000000;
	 transform: rotate(-20deg);	 
	 z-index: 99999;
	 
	 }	
	 
    .fiestas {
		 position: absolute;
		 top: 200px;
		 left: 80px;

		 font-size: 35px;
		 font-family: Kaushan Script, cursive;
		 font-weight: bold;
		 text-align: left;		 
		 text-shadow: -1px -1px 3px white, 1px 1px 4px white, -1px 1px 4px white, 1px -1px 3px white, 2px -2px 3px white, 2px 2px 4px red, -2px 2px 4px white, 2px -2px 3px white;
		 color: black;	
			
			z-index: 99999;		 
		  }
		 
    .linea {
		 border-bottom: 1px solid grey;
		 }

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 100px;
		 z-index: 9999;
		}
		
				.medidasnh {
	 	 position: absolute;
		 top: 230px;
		 left: 100px;
		 
		 height: 100px;
		 width: 250px;
		 
		 transform: rotate(-25deg);
		 
		 z-index: 9999;	 
		 }

		#barra {
 		 position: absolute;
		 top: 60px;
		 left: 600px;
		 z-index: 9999;
		}
		
		 .aniversario {
		  position: absolute;
		  top: 450px;
		  left: 950px;
			transform: rotate(-20deg);
		  z-index: 999999;
		  }
		 .aniversario_font {
      font-family: "Style Script";
      font-size: 45px;
			color: white;	
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: red;
		  }	
		
		.medidaslogo { 
		 height: 150px;
		 width: 170px;
		 }
		.medidasbarra { 
		 height: 120px;
		 width: 870px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 200px;
		 left: 600px;
		 font-size: 22px;
		 font-family: 'Audiowide', cursive;
		 color: white;
     -webkit-text-stroke: 0.5px black;
		 z-index: 99999;
		  }
		 
		.botonera {
		-webkit-column-count: 6; /* Chrome, Safari, Opera */
		-moz-column-count: 6; /* Firefox */
		 column-count: 6;		
						
		 -webkit-column-gap: 6px; /* Chrome, Safari, Opera */
     -moz-column-gap: 6px; /* Firefox */
      column-gap: 6px;				
						
		 background: ;
		
		 position: absolute;
		 top: 50px;
		 left: 600px;
		 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: 135px;
		 left: 600px;
		 z-index: 9999;
		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		 .bande {
  		height: 5px;
  		width: 870px;
		  }
			
		 .aniversario_m {
		  height: 110px;
	  	width: 130px;
		  }	
		
		 .redes {
		 
		 -webkit-column-count: 4; /* Chrome, Safari, Opera */
		 -moz-column-count: 4; /* Firefox */
		 column-count: 4;		
						
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 640px;
		 left: 50px;
		 z-index: 999999;
		 }
		 
		 		 .redes_new {
		 display: none;
		 position: absolute;
		 top: 270px;
		 left: 133px;
		 z-index: 9999;		
		 }

		 .codigo {
		 
   		height: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 640px;
		 left: 360px;
		 z-index: 9999;
		 }

		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 
		 border-top: 1px solid grey;
		 }
		.medidasredes3 {
	   transform: translateY(3px);
		 height: 20px;
		 width: 30px;
		 }
		 
		 .medidasredes4 {
		 transform: translateY(3px);
		 height: 50px;
		 width: 50px;
		 }

		 .foot_i {
 		  position: absolute;
		  top: 779px;
		  left: 0px;	
			
			width: 100%; 
			
			border-top: 1px solid grey;
			
			z-index: 99;
			
			background: black;
	   }
		 
		 .medidas_foot_f {
	  	height: 70px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 830px;
		 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: 1420px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
			
			background: black;
	
	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1330px;
		  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) {

	.traslado {
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 
	 font-size: 35px;
font-family: 'Audiowide', cursive;
	 font-weight: bold;
	 
	 color: yellow;
	 text-shadow: 2px 2px #000000;
	 transform: rotate(-20deg);	 
	 z-index: 9999999;
	 
	 }	
	 
	     .fiestas {
		 position: absolute;
		 top: 190px;
		 left: 20px;

		 font-size: 33px;
		 font-family: Kaushan Script, cursive;
		 font-weight: bold;
		 text-align: left;		 
		 text-shadow: -1px -1px 3px white, 1px 1px 4px white, -1px 1px 4px white, 1px -1px 3px white, 2px -2px 3px white, 2px 2px 4px red, -2px 2px 4px white, 2px -2px 3px white;
		 color: black;	
			
			z-index: 9999;		 
		  }
						
    .linea {
		 border-bottom: 1px solid grey;
		 }

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidasnh {
	 	 position: absolute;
		 top: 230px;
		 left: 100px;
		 
		 height: 100px;
		 width: 250px;
		 
		 transform: rotate(-25deg);
		 
		 z-index: 9999;	 
		 }
		 
		.medidaslogo { 
		 height: 120px;
		 width: 140px;
		 }
		 
		#barra {
 		 position: absolute;
		 top: 60px;
		 left: 400px;
		 z-index: 9999;
		}
		
		 .aniversario {
		  position: absolute;
		  top: 550px;
		  left: 50px;
		  z-index: 9999;
		  }
		
		.medidaslogo { 
		 height: 120px;
		 width: 140px;
		 }
		.medidasbarra { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 200px;
		 left: 550px;
		 font-size: 22px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 -webkit-text-stroke: 0.5px black;
		 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: 400px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
				.amarillo {
		 position: absolute;
		 top: 135px;
		 left: 400px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		.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: ;
		  }
					
		 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		
		 .aniversario_m {
		  height: 110px;
	  	width: 130px;
		  }	
		
		 .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: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 600px;
		 left: 50px;
		 z-index: 999999;
		 }
		 
		 		 .redes_new {
		 display: none;
		 position: absolute;
		 top: 270px;
		 left: 133px;
		 z-index: 9999;		
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 600px;
		 left: 360px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 
		 border-top: 1px solid grey;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }
		 
		 .foot_i {
 		  position: absolute;
		  top: 779px;
		  left: 0px;	
			
			width: 100%; 
			
			border-top: 1px solid grey;
			
			z-index: 99;
			
			background: black;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 830px;
		 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: 1420px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
	
			background: black;
	
	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1330px;
		  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) {

	.traslado {
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 
	 font-size: 35px;
font-family: 'Audiowide', cursive;
	 font-weight: bold;
	 
	 color: yellow;
	 text-shadow: 2px 2px #000000;
	 transform: rotate(-20deg);	 
	 z-index: 9999999;
	 
	 }	
	 
	     .fiestas {
		 position: absolute;
		 top: 190px;
		 left: 20px;

		 font-size: 33px;
		 font-family: Kaushan Script, cursive;
		 font-weight: bold;
		 text-align: left;		 
		 text-shadow: -1px -1px 3px white, 1px 1px 4px white, -1px 1px 4px white, 1px -1px 3px white, 2px -2px 3px white, 2px 2px 4px red, -2px 2px 4px white, 2px -2px 3px white;
		 color: black;	
			
			z-index: 9999;		 
		  }
						
    .linea {
		 border-bottom: 1px solid grey;
		 }

		#logo {
 		 position: absolute;
		 top: 60px;
		 left: 50px;
		 z-index: 9999;
		}
		
		.medidasnh {
	 	 position: absolute;
		 top: 230px;
		 left: 100px;
		 
		 height: 100px;
		 width: 250px;
		 
		 transform: rotate(-25deg);
		 
		 z-index: 9999;	 
		 }
		 
		.medidaslogo { 
		 height: 120px;
		 width: 140px;
		 }
		 
		#barra {
 		 position: absolute;
		 top: 60px;
		 left: 400px;
		 z-index: 9999;
		}
		
  		 .aniversario {
  		  position: absolute;
  		  top: 400px;
  		  left: 850px;
  			transform: rotate(-20deg);
  		  z-index: 999999;
  		  }
  		 .aniversario_font {
        font-family: "Style Script";
        font-size: 35px;
  			color: white;	
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: red;
  		  }	
		
		.medidaslogo { 
		 height: 120px;
		 width: 140px;
		 }
		.medidasbarra { 
		 height: 120px;
		 width: 860px;
		 }
		 
		 .texto {
 		 position: absolute;
		 top: 200px;
		 left: 550px;
		 font-size: 22px;
		 font-family: 'Audiowide', cursive;
		 color: white;
		 -webkit-text-stroke: 0.5px black;
		 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: 400px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
				.amarillo {
		 position: absolute;
		 top: 135px;
		 left: 400px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		.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: ;
		  }
					
		 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		
		 .aniversario_m {
		  height: 110px;
	  	width: 130px;
		  }	
		
		 .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: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 500px;
		 left: 50px;
		 z-index: 999999;
		 }
		 
		 		 .redes_new {
		 display: none;
		 position: absolute;
		 top: 270px;
		 left: 133px;
		 z-index: 9999;		
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 600px;
		 left: 360px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 
		 border-top: 1px solid grey;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }
		 
		 .foot_i {
 		  position: absolute;
		  top: 679px;
		  left: 0px;	
			
			width: 100%; 
			
			border-top: 1px solid grey;
			
			z-index: 99;
			
			background: black;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 730px;
		 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: 1250px;
		  left: 0px;	

			height: 50px;
   		width: 100%;
		
			background: black;
	
	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1230px;
		  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) {

	.traslado {
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 
	 font-size: 35px;
   font-family: 'Audiowide', cursive;
	 font-weight: bold;
	 
	 color: yellow;
	 text-shadow: 2px 2px #000000;
	 transform: rotate(-20deg);	 
	 z-index: 9999999;
	 
	 }	
	 
    .fiestas {
		 position: absolute;
		 top: 190px;
		 left: 30px;

		 font-size: 35px;
		 font-family: Kaushan Script, cursive;
		 font-weight: bold;
		 text-align: left;		 
		 text-shadow: -1px -1px 3px white, 1px 1px 4px white, -1px 1px 4px white, 1px -1px 3px white, 2px -2px 3px white, 2px 2px 4px red, -2px 2px 4px white, 2px -2px 3px white;
		 color: black;	
			
			z-index: 9999;		 
		  }
			
    .linea {
		 border-bottom: 1px solid grey;
		 }

		#logo {
 		 position: absolute;
		 top: 200px;
		 left: 80px;
		 z-index: 9999;
		}
		
		.medidasnh {
	 	 position: absolute;
		 top: 230px;
		 left: 100px;
		 
		 height: 100px;
		 width: 250px;
		 
		 transform: rotate(-25deg);
		 
		 z-index: 9999;	 
		 }

		#barra {
 		 position: absolute;
		 top: 60px;
		 left: 450px;
		 z-index: 9999;
		}
		
  		 .aniversario {
  		  position: absolute;
  		  top: 400px;
  		  left: 600px;
  			transform: rotate(-20deg);
  		  z-index: 999999;
  		  }
  		 .aniversario_font {
        font-family: "Style Script";
        font-size: 35px;
  			color: white;	
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: red;
  		  }	
		
		.medidaslogo { 
		 height: 120px;
		 width: 140px;
		 }
		.medidasbarra { 
		 height: 120px;
		 width: 860px;
		 }

		 .texto {
 		  position: absolute;
		  top: 200px;
		  left: 275px;
		  font-size: 22px;
		  font-family: 'Audiowide', cursive;
		  color: white;
			-webkit-text-stroke: 0.5px black;
		  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: 80px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
			.amarillo {
		 position: absolute;
		 top: 135px;
		 left: 80px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		.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: ;
		 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: ;
		  }
					
		 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .aniversario_m {
		  height: 110px;
	  	width: 130px;
		  }	
		
		 .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: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 500px;
		 left: 50px;
		 z-index: 999999;
		 }
		 
		 		 .redes_new {
		 display: none;
		 position: absolute;
		 top: 270px;
		 left: 133px;
		 z-index: 9999;		
		 }
		 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 500px;
		 left: 360px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 
		 border-top: 1px solid grey;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
			 .foot_i {
 		  position: absolute;
		  top: 780px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 830px;
		 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: 1420px;
		  left: 0px;	

			height: 50px;
   		width: 100%;

			background: black;
	
	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1330px;
		  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) {

	.traslado {
	 position: absolute;
	 top: 150px;
	 left: 30px;
	 
	 font-size: 35px;
   font-family: 'Audiowide', cursive;
	 font-weight: bold;
	 
	 color: yellow;
	 text-shadow: 2px 2px #000000;
	 transform: rotate(-20deg);	 
	 z-index: 9999999;
	 
	 }	
	 
    .fiestas {
		 position: absolute;
		 top: 190px;
		 left: 30px;

		 font-size: 35px;
		 font-family: Kaushan Script, cursive;
		 font-weight: bold;
		 text-align: left;		 
		 text-shadow: -1px -1px 3px white, 1px 1px 4px white, -1px 1px 4px white, 1px -1px 3px white, 2px -2px 3px white, 2px 2px 4px red, -2px 2px 4px white, 2px -2px 3px white;
		 color: black;	
			
			z-index: 9999;		 
		  }
			
    .linea {
		 border-bottom: 1px solid grey;
		 }

		#logo {
 		 position: absolute;
		 top: 150px;
		 left: 80px;
		 z-index: 9999;
		}
		
		.redes_new {
		 display: block;
		 position: absolute;
		 top: 270px;
		 left: 133px;
		 z-index: 9999;		
		 }
		
		.medidasnh {
	 	 position: absolute;
		 top: 230px;
		 left: 100px;
		 
		 height: 100px;
		 width: 250px;
		 
		 transform: rotate(-25deg);
		 
		 z-index: 9999;	 
		 }

		#barra {
 		 position: absolute;
		 top: 60px;
		 left: 450px;
		 z-index: 9999;
		}
		
  		 .aniversario {
  		  position: absolute;
  		  top: 280px;
  		  left: 550px;
  			transform: rotate(-20deg);
  		  z-index: 999999;
  		  }
  		 .aniversario_font {
        font-family: "Style Script";
        font-size: 35px;
  			color: white;	
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: red;
  		  }	
		
		.medidaslogo { 
		 height: 120px;
		 width: 140px;
		 }
		.medidasbarra { 
		 height: 120px;
		 width: 860px;
		 }

		 .texto {
 		  position: absolute;
		  top: 155px;
		  left: 275px;
		  font-size: 22px;
		  font-family: 'Audiowide', cursive;
		  color: white;
			-webkit-text-stroke: 0.5px black;
		  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: 80px;
		 height: 150px;
		 width: ;
		 
		 z-index: 999999;
	   } 
		
			.amarillo {
		 position: absolute;
		 top: 135px;
		 left: 80px;
		 z-index: 9999;
		 		 border-top: 0.5px solid white;
		 border-bottom: 0.5px solid red; 
		 }
		 
		.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: ;
		 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: ;
		  }
					
		 .bande {
  		height:5px;
  		width: 860px;
		  }
		
		 .aniversario_m {
		  height: 110px;
	  	width: 130px;
		  }	
		
		 .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: 200px;
			width: 300px;
			
 		 position: absolute;
		 top: 500px;
		 left: 50px;
		 z-index: 999999;
		 }
 
		 .codigo {
		 
   		height: 300px;
			width: 100px;
			
 		 position: absolute;
		 top: 500px;
		 left: 360px;
		 z-index: 9999;
		 }
		
		.medidasredes {
		 height: 50px;
		 width: 50px;
		 }
		.medidasredes2 {
		 height: 20px;
		 width: 30px;
		 
		 border-top: 1px solid grey;
		 }
		.medidasredes3 {
		 height: 20px;
		 width: 30px;
		 }
		.medidasredes4 {
		 height: 50px;
		 width: 50px;
		 }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
			 .foot_i {
 		  position: absolute;
		  top: 550px;
		  left: 0px;	
			
			width: 100%; 
			
			background: black;
			
			border-top: 1px solid grey;
	   }
		 
		 .medidas_foot_f {
	  	height: 50px;
		  width: 100%;
		  }
		 
    .foot {
 		 position: absolute;
		 top: 600px;
		 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;
		 
	   z-index: 999999;
		 }
		 
		 .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: 315px;
			 text-align: left;
		   font-size: 18px;
		   font-family: 'Audiowide', cursive;
   		 color: white;

 			border-left: 2px doted red;
	    border-right: none;
 				 
		   padding-left: 25px;
			 }
			 
		  .foot_f_a {
 		  position: absolute;
		  top: 1190px;
		  left: 0px;	

			height: 50px;
   		width: 100%;

			background: black;
	
	   } 
		 
	   .foot_f_b {
 		  position: absolute;
		  top: 1100px;
		  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;
			}
			
    }