@charset "utf-8";
/* CSS Document */
body {
	margin: 0em auto;
	overflow-x:hidden;
    background-color:#171717;
	width:auto;
    padding: 0;
    margin: 0;

}



@font-face {
    font-family: "hevelBold";
    src: url(../fonts/hevelBold.otf) format("opentype")
}

@font-face {
    font-family: "helvelLig";
    src: url(../fonts/helvelLig.otf) format("opentype")
}

h1{font-family: "helvelLig";}

#capa1{
    position: relative;
    width: 100%;
    height: auto; 
    display: inline-table;
}

.fila1{
    position: relative;
    width: 100%;
    height: 50px;
 
}

    .logo{position: relative; width: 500px; height: auto; display: block; margin-left: auto; margin-right: auto;}
    .txt1Capa1{color: #fff;text-align: center;}


.fila2{
   position: relative;
   width: 300px;
   margin-left: auto; margin-right: auto;
   border-radius: 100px;
   border: solid;
   border-color: #fff;
   border-width: 2px;
   height: 50px;
   display:block;
   cursor: pointer;
   outline: none;
   background-color: #3f3f3f;
}

    .col1{float: left; width: 20%; height: auto;  }
    .col2{float: left; width: 80%; height: auto;  }
    .icon{width: 70%; height: auto; display: block; margin-left: auto; margin-right: auto; padding-top: 3px; padding-left: 5px;}
    .icon2{width: 50px; height: auto;}
    .txt2Capa1{color: #fff;text-align: center; font-size: 1.1em;}


/*Celular portrait*/
@media screen and (min-width: 1px) and (max-width: 360px){
	
    .logo{position: relative; width: 300px; height: auto; display: block; margin-left: auto; margin-right: auto;}
    .txt1Capa1{color: #fff;text-align: center; font-size: 1em;}
}
	
/*Celular landscape*/
@media screen and (min-width: 361px) and (max-width: 640px) {
	
    .logo{position: relative; width: 350px; height: auto; display: block; margin-left: auto; margin-right: auto;}
    .txt1Capa1{color: #fff;text-align: center; font-size: 1em;}
	
}
			
	
	
/*tablet 7.1 portrait*/
@media screen and (min-width: 641px) and (max-width: 960px) {

	
}
	
	
	
	
/*tablet 7.1 landscape se puede utilizer las medidas iniciales*/
@media screen and (min-width: 961px) and (max-width: 1400px) {
 
   
		
}