.cleaner {
	clear: both;
   }

img      {
   max-width: 100%;
   margin-left: 10px;
   height: auto;
   }

   body     {
	font-family: "Comfortaa", sans-serif;
	font-weight: 700;
	font-size: 22px;
	background: #000000;
	
	}


header   {
   max-width: 100%;      
   background-color: black;
   width: 100%;
   }



			
		
				 
   .contenedor {
	width: 100%;
	height: 85px;
	margin: 0px auto;
	  max-width: 392px;
	  float: left;
	  background-color: black;
	  padding: 15px 0px 0px 100px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	   }                 

   
	 
  

nav      { 
width: 100%;
max-width: 600px;
padding: 40px 0px 0px 100px;
float: right;
background-color: black;
 -webkit-font-smoothing: antialiased;
}


nav ul li  {
 background: #000000;	
 display:inline;  	  
 }


nav ul li a  {
	margin-bottom: 1px;
	font-size: 15px !important;
	line-height: 2em;
	letter-spacing: .1em;
	color: #ffffff !important;
	padding: 0px 10px 0px 50px;
	 }





nav ul li a:hover  {
	   color: #818181 !important;

	   transition:background 2s;
	   -webkit-transition:background 2s;
	   -moz-transition:background 2s;
		 }  
			 

		 .contenedor1 {
		  width: 100%;
		  height: 90px;
		  background-color: black;	
		  margin: 0px auto;	
		  padding: 0px 0px 0px 0px;
		  box-sizing: border-box;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  
			 }                 






.contenedor2 {
	width: 100%;
	height: 90px;	
	margin: 0px auto;
	text-align: center;
    padding: 20px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }    
 
 
 .contenedor-texto {
	width: 700px;
	height: 100%;	
	background-color: black;
   	margin: 0px auto;
	line-height: 1.3;
    padding: 0px 0px 30px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  
 
  .contenedor-texto h1  {
	color: white;
	font-size: medium;
	text-align: left;
	padding: 20px 0px 10px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  
  
 .contenedor-texto p  {
	color: rgb(194, 194, 194);
	text-align: left;
	padding: 10px 0px 0px 0px;
	font-size: 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  
 
 
 







	 


 
 
 /*media queries */

@media screen and (max-width:2500px)

{ 
     
                  
.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 392px;
    float: left;
    background-color: black;
    padding: 15px 0px 0px 100px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 
 


 nav      { 
          width: 100%;
          max-width: 400px;
          padding: 40px 0px 0px 0px;
          float: right;
          background-color: black;
           -webkit-font-smoothing: antialiased;

         }
    

		 nav ul li  {
			background: #000000;	
			display:inline;  
			text-decoration-color: #ffffff;    
				 
			}
 
 nav ul li a  {
			   margin-bottom: 1px;
			   font-size: 14px;
			   line-height: 2em;
			   letter-spacing: .1em;
			   color: #ffffff !important;
			   padding: 0px 10px 0px 30px;


			}

nav ul li a:hover  {
	               color: #818181 !important;

	               transition:background 2s;
	               -webkit-transition:background 2s;
	               -moz-transition:background 2s;
                   }  






.contenedor2 {
	width: 100%;
	height: 90px;	
	margin: 0px auto;
	text-align: center;
    padding: 20px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }     




.contenedor-fotos1 {
	width: 100%;
	margin: 0px auto;
    padding: 10px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 } 



.contenedor-fotos1 img {
	width: 100%;
	margin: 0px auto;  
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 } 



	 .contenedor-fotos2 {
		width: 100%;
		margin: 0px auto;  
		text-align: center;
		padding: 10px 0px 0px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 } 
	
	
	
	.contenedor-fotos1 img {
		width: 100%;
		margin: 0px auto;  
		text-align: center;
		padding: 0px 0px 0px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 } 
	



::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18-*/
color:#fff;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#fff;
}
::-ms-input-placeholder {        /*Para IE10+*/
color: #fff;  
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#fff;
}


}



















 /*media queries */

 @media screen and (max-width:2000px)

 {
 
 .contenedor {
   width: 100%;
   margin: 0px auto;
     max-width: 292px;
     padding: 10px 0px 10px 40px;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
      }   
  
  
 

	  nav      { 
		width: 100%;
		max-width: 700px;
		padding: 40px 0px 0px 0px;
		float: right;
		background-color: black;
		 -webkit-font-smoothing: antialiased;

	   }
  

nav ul li  {
		 background: #000000;	
		 display:inline;  
		 -webkit-text-fill-color: #ffffff;      
			  
		 }

nav ul li a  {
			margin-bottom: 1px;
			font-size: 12px;
			line-height: 2em;
			letter-spacing: .1em;
			color: #ffffff !important;
			padding: 0px 10px 0px 30px;
		   }

nav ul li a:hover  {
				 color: #818181 !important;

				 transition:background 2s;
				 -webkit-transition:background 2s;
				 -moz-transition:background 2s;
				 }  
}
































 /*media queries */

@media screen and (max-width:1680px)


{

	.contenedor {
		width: 100%;
		margin: 0px auto;
		max-width: 292px;
		padding: 10px 0px 10px 40px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }   
	 
	 
	
	
	 nav      { 
			  width: 100%;
			  max-width: 700px;
			  padding: 40px 0px 0px 0px;
			  float: right;
			  background-color: black;
			   -webkit-font-smoothing: antialiased;
	
			 }
		
	
	nav ul li  {
			   background: #000000;	
			   display:inline;  
			   color: #ffffff;    
					
			   }
	
	nav ul li a  {
				  margin-bottom: 1px;
				  font-size: 12px;
				  line-height: 2em;
				  letter-spacing: .1em;
				  color: #ffffff !important;
				  padding: 0px 10px 0px 30px;
				 }
	
	nav ul li a:hover  {
					   color: #818181 !important;
					   transition:background 2s;
					   -webkit-transition:background 2s;
					   -moz-transition:background 2s;
					   }  
	
	


					   .contenedor2 {
						width: 100%;
						height: 90px;	
						margin: 0px auto;
						text-align: center;
						padding: 20px 0px 0px 0px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }    
					 
					 
					 .contenedor-texto {
						width: 700px;
						height: 100%;	
						background-color: black;
						margin: 0px auto;
						line-height: 1.3;
						padding: 0px 0px 30px 0px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }  
					 
					  .contenedor-texto h1  {
						color: white;
						font-size: medium;
						text-align: left;
						padding: 20px 0px 10px 0px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }  
					  
					 .contenedor-texto p  {
						color: rgb(194, 194, 194);
						text-align: left;
						padding: 10px 0px 0px 0px;
						font-size: 15px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }  			

 
}






















/*media queries */

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


{

	.contenedor {
		width: 100%;
		margin: 0px auto;
		max-width: 292px;
		padding: 10px 0px 10px 40px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }   
	 
	 
	
	
	 nav      { 
			  width: 100%;
			  max-width: 700px;
			  padding: 40px 0px 0px 0px;
			  float: right;
			  background-color: black;
			   -webkit-font-smoothing: antialiased;
	
			 }
		
	
	nav ul li  {
			   background: #000000;	
			   display:inline;  
			   color: #ffffff;    
					
			   }
	
	nav ul li a  {
				  margin-bottom: 1px;
				  font-size: 12px;
				  line-height: 2em;
				  letter-spacing: .1em;
				  color: #ffffff !important;
				  padding: 0px 10px 0px 30px;
				 }
	
	nav ul li a:hover  {
					   color: #818181 !important;
					   transition:background 2s;
					   -webkit-transition:background 2s;
					   -moz-transition:background 2s;
					   }  
	
	
	
	



	 .contenedor2 {
		width: 100%;
		height: 90px;	
		margin: 0px auto;
		text-align: center;
		padding: 20px 0px 0px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }    
	 
	 
	 .contenedor-texto {
		width: 700px;
		height: 100%;	
		background-color: black;
		margin: 0px auto;
		line-height: 1.3;
		padding: 0px 0px 30px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
	 
	  .contenedor-texto h1  {
		color: white;
		font-size: medium;
		text-align: left;
		padding: 20px 0px 10px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
	  
	 .contenedor-texto p  {
		color: rgb(194, 194, 194);
		text-align: left;
		padding: 10px 0px 0px 0px;
		font-size: 15px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  			

	}












 /*media queries */

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

{


	.contenedor {
		width: 100%;
		margin: 0px auto;
		max-width: 292px;
		padding: 10px 0px 10px 40px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }   
	 
	 
	
	
	 nav      { 
			  width: 100%;
			  max-width: 700px;
			  padding: 40px 0px 0px 0px;
			  float: right;
			  background-color: black;
			   -webkit-font-smoothing: antialiased;
	
			 }
		
	
	nav ul li  {
			   background: #000000;	
			   display:inline;  
			   color: #ffffff;    
					
			   }
	
	nav ul li a  {
				  margin-bottom: 1px;
				  font-size: 12px;
				  line-height: 2em;
				  letter-spacing: .1em;
				  color: #ffffff !important;
				  padding: 0px 10px 0px 30px;
				 }
	
	
	nav ul li a:hover  {
					   color: #818181 !important;
					   transition:background 2s;
					   -webkit-transition:background 2s;
					   -moz-transition:background 2s;
					   }  
	

					   



					   .contenedor-texto {
						width: 700px;
						height: 100%;	
						background-color: black;
						margin: 0px auto;
						line-height: 1.3;
						padding: 0px 0px 30px 0px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }  			



					   .contenedor-texto h1  {

						color: white;
						font-size: medium;
						text-align: left;
						padding: 20px 0px 10px 50px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }  
					  
					 .contenedor-texto p  {
					
						color: rgb(194, 194, 194);
						text-align: left;
						padding: 10px 0px 0px 50px;
						font-size: 15px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }  


	
}











 /*media queries */

@media screen and (max-width:1280px)

{  
	img      {
		max-width: 100%;
		margin-bottom: 12px;
		height: auto;
		}

	.contenedor {
		width: 100%;
		margin: 0px auto;
		max-width: 292px;
		padding: 10px 0px 10px 40px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }   
	 
	 
	
	
	 nav      { 
			  width: 100%;
			  max-width: 700px;
			  padding: 40px 0px 0px 0px;
			  float: right;
			  background-color: black;
			   -webkit-font-smoothing: antialiased;
	
			 }
		
	
	nav ul li  {
			   background: #000000;	
			   display:inline;  
			   color: #ffffff;    
					
			   }
	
	nav ul li a  {
				  margin-bottom: 1px;
				  font-size: 12px;
				  line-height: 2em;
				  letter-spacing: .1em;
				  color: #ffffff !important;
				  padding: 0px 10px 0px 30px;
				 }
	
	nav ul li a:hover  {
					   color: #818181 !important;
					   transition:background 2s;
					   -webkit-transition:background 2s;
					   -moz-transition:background 2s;
					   }  

					   



					   

					   .contenedor-texto {
						width: 700px;
						height: 100%;	
						background-color: black;
						margin: 0px auto;
						line-height: 1.3;
						padding: 0px 0px 30px 0px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }  			



					   .contenedor-texto h1  {

						color: white;
						font-size: medium;
						text-align: left;
						padding: 20px 0px 10px 50px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }  
					  
					 .contenedor-texto p  {
					
						color: rgb(194, 194, 194);
						text-align: left;
						padding: 10px 0px 0px 50px;
						font-size: 15px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }  



	
}











/*media queries */

@media screen and (max-width:1024px)

{


	.contenedor {
		width: 100%;
		margin: 0px auto;
		max-width: 292px;
		padding: 10px 0px 10px 40px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }   
	 
	 
	
	
	 nav      { 
			  width: 100%;
			  max-width: 700px;
			  padding: 40px 0px 0px 0px;
			  float: right;
			  background-color: black;
			   -webkit-font-smoothing: antialiased;
	
			 }
		
	
	nav ul li  {
			   background: #000000;	
			   display:inline;  
			   color: #ffffff;    
					
			   }
	
	nav ul li a  {
				  margin-bottom: 1px;
				  font-size: 12px;
				  line-height: 2em;
				  letter-spacing: .1em;
				  color: #ffffff !important;
				  padding: 0px 10px 0px 30px;
				 }
	
	nav ul li a:hover  {
					   color: #818181 !important;
					   transition:background 2s;
					   -webkit-transition:background 2s;
					   -moz-transition:background 2s;
					   }  
	
	









.contenedor1 {
	width: 100%;
	height: 90px;
	background: #000000;	
	margin: 0px auto;
    padding: 90px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 



.contenedor2 {
	width: 100%;
	height: 90px;
	text-align: center;	
	margin: 0px auto;
    padding: 20px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 

 

	 .contenedor-texto {
		width: 700px;
		height: 100%;	
		background-color: black;
		margin: 0px auto;
		line-height: 1.3;
		padding: 0px 0px 30px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  			



	   .contenedor-texto h1  {

		color: white;
		font-size: medium;
		text-align: left;
		padding: 20px 0px 10px 50px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
	  
	 .contenedor-texto p  {
	
		color: rgb(194, 194, 194);
		text-align: left;
		padding: 10px 0px 0px 50px;
		font-size: 15px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
	 
	 


}

   



/*media queries */

@media screen and (max-width:800px)

{


	img      {
		max-width: 100%;
		margin-left: 0px;
		height: auto;
		}


	.contenedor {
		width: 100%;
		margin: 0px auto;
		max-width: 170px;
		padding: 10px 0px 0px 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }   
	 
	 
	
	
	 nav      { 
			  width: 100%;
			  max-width: 600px;
			  padding: 40px 0px 0px 0px;
			  float: right;
			  background-color: black;
			   -webkit-font-smoothing: antialiased;
	
			 }
		
	
	nav ul li  {
			   background: #000000;	
			   display:inline;  
			   color: #ffffff;    
					
			   }
	
	nav ul li a  {
				  margin-bottom: 1px;
				  font-size: 12px;
				  line-height: 2em;
				  letter-spacing: .1em;
				  color: #ffffff !important;
				  padding: 0px 10px 0px 30px;
				 }
	
	nav ul li a:hover  {
					   color: #818181 !important;
					   transition:background 2s;
					   -webkit-transition:background 2s;
					   -moz-transition:background 2s;
					   }  
	

					

					   .contenedor-texto {
						width: 700px;
						height: 100%;	
						background-color: black;
						margin: 0px auto;
						line-height: 1.3;
						padding: 0px 0px 30px 0px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }  			



					   .contenedor-texto h1  {

						color: white;
						font-size: medium;
						text-align: left;
						padding: 20px 0px 10px 50px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }  
					  
					 .contenedor-texto p  {
					
						color: rgb(194, 194, 194);
						text-align: left;
						padding: 10px 0px 0px 50px;
						font-size: 15px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						 }     
	
}
















/*media queries */

@media screen and (max-width:768px)




{
	img      {
		max-width: 100%;
		margin-bottom: 12px;
		height: auto;
		}
	



	.contenedor {
		width: 100%;
		margin: 0px auto;
		max-width: 150px;
		padding: 10px 0px 0px 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }   
	 
	 
	
	
	 nav      { 
			  width: 100%;
			  max-width: 600px;
			  padding: 40px 0px 0px 0px;
			  float: right;
			  background-color: black;
			   -webkit-font-smoothing: antialiased;
	
			 }
		
	
	nav ul li  {
			   background: #000000;	
			   display:inline;  
			   color: #ffffff;    
					
			   }
	
	nav ul li a  {
				  margin-bottom: 1px;
				  font-size: 12px;
				  line-height: 2em;
				  letter-spacing: .1em;
				  color: #ffffff !important;
				  padding: 0px 10px 0px 30px;
				 }
	
	nav ul li a:hover  {
					   color: #818181 !important;
					   transition:background 2s;
					   -webkit-transition:background 2s;
					   -moz-transition:background 2s;
					   }  
	




                   
.contenedor1 {
	width: 100%;
	margin: 0px auto;
    background-color: black;
    padding: 60px 0px 10px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }    
     
                      
                   
.contenedor2 {
	width: 100%;
	margin: 0px auto;
  text-align: center;
   padding: 20px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  
                  

     
.contenedor-botones {
	width: 100%;
	margin: 0px auto;
    max-width: 768px;
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
       
}    


 

section li {
          display: inline-block;
          margin: 0px auto;
          width: 49.5%;
      
 }
   


.contenedor-botones ul{
	
     margin: 0px auto;    
     padding: 0px 0px 0px 0px;
	
} 
 
 
.contenedor-botones a{
	
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
	
} 


 

.contenedor-texto {
	width: 600px;
	height: 100%;	
	background-color: black;
	margin: 0px auto;
	line-height: 1.3;
	padding: 0px 0px 30px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 }  			



   .contenedor-texto h1  {

	color: white;
	font-size: medium;
	text-align: left;
	padding: 20px 0px 10px 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 }  
  
 .contenedor-texto p  {

	color: rgb(194, 194, 194);
	text-align: left;
	padding: 10px 0px 0px 50px;
	font-size: 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 }  
	 
	 


}















/*media queries */

@media screen and (max-width:667px)

{

.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 667px;
    text-align: center;
    padding: 10px 0px 10px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 
     
.contenedor-botones {
	width: 100%;
	margin: 0px auto;
    max-width: 667px;
    
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
       
}    

 nav      { 
          width: 100%;
          max-width: 667px;
          padding: 0px 20px 0px 0px;      
          background-color: black;
           -webkit-font-smoothing: antialiased;

         }  


 .contenedor1 {
	width: 100%;
	margin: 0px auto;
    padding: 110px 0px 10px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  

         
.contenedor2 {
	width: 100%;
	margin: 0px auto;
	text-align: center;
   padding: 20px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 
     





	 .contenedor-texto {
		width: 550px;
		height: 100%;	
		background-color: black;
		margin: 0px auto;
		line-height: 1.5;
		padding: 0px 0px 30px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  			
	
	
	
	   .contenedor-texto h1  {
	
		color: white;
		font-size: medium;
		text-align: left;
		padding: 20px 0px 10px 30px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
	  
	 .contenedor-texto p  {
	
		color: rgb(194, 194, 194);
		text-align: left;
		padding: 10px 0px 0px 30px;
		font-size: 15px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
	 


}














/*media queries */

@media screen and (max-width:640px)

{

.contenedor {
	width: 100%;
	margin: 10px 0px 10px 0px;
    max-width: 640px;
    text-align: center;
    padding: 10px 0px 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 
     
.contenedor-botones {
	width: 100%;
	margin: 0px auto;
    max-width: 640px;   
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
       
}    

 nav      { 
          width: 100%;
          max-width: 640px;
          padding: 0px 20px 0px 0px;       
          background-color: black;
           -webkit-font-smoothing: antialiased;

         }  
 

section li {
          display: inline-block;
          margin: 0px auto;
          width: 49.4%;
      
 }
   


.contenedor-botones ul {
	
     margin: 0px auto;    
     padding: 0px 0px 0px 0px;
	
} 
 
 
 .contenedor-botones a {
	
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
	
} 
      

  
	 

.contenedor1 {
	width: 100%;
	margin: 0px auto;
    padding: 120px 0px 10px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  



	 
	.contenedor2 {
	width: 100%;
	margin: 0px auto;
	text-align: center;
   padding: 20px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  






	 .contenedor-texto {
		width: 550px;
		height: 100%;	
		background-color: black;
		margin: 0px auto;
		line-height: 1.5;
		padding: 0px 0px 30px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  			
	
	
	
	   .contenedor-texto h1  {
	
		color: white;
		font-size: medium;
		text-align: left;
		padding: 20px 0px 10px 30px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
	  
	 .contenedor-texto p  {
	
		color: rgb(194, 194, 194);
		text-align: left;
		padding: 10px 0px 0px 30px;
		font-size: 15px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  



}

















/*media queries */

@media screen and (max-width:568px)

{

.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 568px;
    text-align: center;
    padding: 10px 0px 10px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 
     

     
.contenedor-botones {
	width: 100%;
	margin: 0px auto;
    max-width: 568px;
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
       
}    


 

section li {
          display: inline-block;
          margin: 0px auto;
          width: 49.4%;
      
 }
   


.contenedor-botones ul {
	
     margin: 0px auto;    
     padding: 0px 0px 0px 0px;
    	
} 
 
 
 .contenedor-botones a {
	
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
     	
} 


      
 nav      { 
          width: 100%;
          max-width: 568px;
          padding: 10px 20px 0px 0px;         
          background-color: black;
           -webkit-font-smoothing: antialiased;

         }  
         
  
	 

.contenedor1 {
	width: 100%;
	margin: 0px auto;
    padding: 130px 0px 10px 0px !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  



	 
	 
.contenedor2 {
	width: 100%;
	margin: 0px auto;
	text-align: center;
   padding: 20px 0px 0px 0px;	
   box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  






	 .contenedor-texto {
		width: 480px;
		height: 100%;	
		background-color: black;
		margin: 0px auto;
		line-height: 1.5;
		padding: 0px 0px 30px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  			
	
	
	
	   .contenedor-texto h1  {
	
		color: white;
		font-size: medium;
		text-align: left;
		padding: 20px 0px 10px 30px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
	  
	 .contenedor-texto p  {
	
		color: rgb(194, 194, 194);
		text-align: left;
		padding: 10px 0px 0px 30px;
		font-size: 15px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  




}

















/*media queries */

@media screen and (max-width:480px)

{

.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 480px;
    text-align: center;
    padding: 10px 0px 10px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 
     
     
     

nav      { 
          width: 100%;
          max-width: 500px;
          padding: 00px 0px 0px 0px;
          float: right;
          background-color: black;
          -webkit-font-smoothing: antialiased;

         }

     
.contenedor-botones {
	width: 100%;
	margin: 0px auto;	
    max-width: 480px;
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
       
}    


 

section li {
          display: inline-block;
          margin: 0px auto;
          width: 49.3%;
      
 }
   


.contenedor-botones ul {
	
     margin: 0px auto;    
     padding: 0px 0px 0px 0px;
	
} 
 
 
.contenedor-botones a {
	
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
	
} 
      
 
     


.contenedor1 {
	width: 100%;
	margin: 0px auto;
    padding: 0px 0px 10px 0px !important;
    background-color: black;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  



.contenedor2 {
	width: 100%;
	margin: 0px auto;
	text-align: center;
    padding: 20px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  





	 .contenedor-texto {
		width: 400px;
		height: 100%;	
		background-color: black;
		margin: 0px auto;
		line-height: 1.5;
		padding: 50px 0px 30px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  			
	
	
	
	   .contenedor-texto h1  {
	
		color: white;
		font-size: medium;
		text-align: left;
		padding: 20px 0px 10px 30px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
	  
	 .contenedor-texto p  {
	
		color: rgb(194, 194, 194);
		text-align: left;
		padding: 10px 0px 0px 30px;
		font-size: 15px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  


     
}


















/*media queries */

@media screen and (max-width:425px)

{

.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 425px;
    text-align: center;
    padding: 10px 0px 10px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 
     
.contenedor-botones {
	width: 100%;
	margin: 0px auto;
    max-width: 425px;
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
       
}    


section li {
          display: block;
          padding: 0px 0px 0px 0px;
          width: 100%;

         
 }
 

.contenedor-botones li {
	
    padding: 0px 0px 0px 0px;
	
}    


.contenedor-botones ul li {
	
    padding: 0px 0px 0px 0px;
	
} 
   






.contenedor2 {
	width: 100%;
	margin: 0px auto;
    text-align: center;
   padding: 20px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  




	 


	 .contenedor-texto {
		width: 350px;
		height: 100%;	
		background-color: black;
		margin: 0px auto;
		line-height: 1.5;
		padding: 50px 0px 30px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  			
	
	
	
	   .contenedor-texto h1  {
	
		color: white;
		font-size: medium;
		text-align: left;
		padding: 20px 0px 10px 30px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
	  
	 .contenedor-texto p  {
	
		color: rgb(194, 194, 194);
		text-align: left;
		padding: 10px 0px 0px 30px;
		font-size: 15px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
     
}
















/*media queries */

@media screen and (max-width:375px)

{

.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 375px;
    text-align: center;
    padding: 10px 0px 10px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 
     
.contenedor-botones {
	width: 100%;
	margin: 0px auto;
    max-width: 375px;
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
       
}    


section li {
          display: block;
          padding: 0px 0px 0px 0px;
          width: 100%;

         
 }
 

.contenedor-botones li {
	
    padding: 0px 0px 0px 0px;
	
}    


.contenedor-botones ul li {
	
    padding: 0px 0px 0px 0px;
	
} 

   


.contenedor1 {
	width: 100%;
	margin: 0px auto;
    padding: 0px 0px 10px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  


.contenedor2 {
	width: 100%;
	margin: 0px auto;
	text-align: center;
    padding: 20px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  



	 

	 .contenedor-texto {
		width: 300px;
		height: 100%;	
		background-color: black;
		margin: 0px auto;
		line-height: 1.5;
		padding: 50px 0px 30px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  			
	
	
	
	   .contenedor-texto h1  {
	
		color: white;
		font-size: medium;
		text-align: left;
		padding: 20px 0px 10px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
	  
	 .contenedor-texto p  {
	
		color: rgb(194, 194, 194);
		text-align: left;
		padding: 10px 0px 0px 0px;
		font-size: 15px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
     
}















/*media queries */

@media screen and (max-width:320px)

{

	img      {
		max-width: 100%;
		margin-left: 0px;
		height: auto;
		}

.contenedor {
	width: 100%;
	margin: 0px auto;
    max-width: 320px;
    padding: 10px 0px 10px 0px;
    text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 
     
.contenedor-botones {
	width: 100%;
	margin: 0px auto;
    max-width: 320px;
    padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
       
}    


section li {
          display: block;
          padding: 0px 0px 0px 0px;
          width: 100%;

         
 }
 

.contenedor-botones li {
	
    padding: 0px 0px 0px 0px;
	
}    


.contenedor-botones ul li {
	
    padding: 0px 0px 0px 0px;
	
} 
     
    


.contenedor1 {
	width: 100%;
	margin: 0px auto;
    padding: 0px 0px 10px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     } 



.contenedor2 {
	width: 100%;
	margin: 0px auto;
	text-align: center;
    padding: 20px 0px 0px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
     }  
     
     
     
	 .contenedor-texto {
		width: 260px;
		height: 100%;	
		background-color: black;
		margin: 0px auto;
		line-height: 1.5;
		padding: 50px 0px 30px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  			
	
	
	
	   .contenedor-texto h1  {
	
		color: white;
		font-size: medium;
		text-align: left;
		padding: 20px 0px 10px 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
	  
	 .contenedor-texto p  {
	
		color: rgb(194, 194, 194);
		text-align: left;
		padding: 10px 0px 0px 0px;
		font-size: 15px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		 }  
 
 
    
     
}