@charset "utf-8";
/* CSS Document */

* {
	color:inherit;
	text-decoration:none;
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
}

.Index {
    
   background:url(../img/fondoIndwx.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	background-size: cover;
	width:100%;
	height:100vh;    
    
}

.ContentCentrar {
    
	width:100%;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	
}


.Titulo-farmaenlinea { display: block; }

.beneficios {
    
    width: 550px;
    height: 300px;
    display: inline-block;
    margin-top: 210px;
    margin-right: 30px;
    
    }

.Texto-Beneficios {
    
    font-size: 14px;
    text-align: left;
    color:#fff;
    line-height: 22px;
    padding: 20px;
     
}



.Login {
    
    width: 300px;
    height: 400px;
    display: inline-block;
    margin-top: 210px;
    background-color: rgba(255,255,255,0.2);
}


.Texto-Beneficios2 {
    
    font-size: 14px;
    text-align: center;
    color:#fff;
    line-height: 22px;
    padding: 20px;
     
}

.Input-Contacto {
    background-color: transparent;
    height: 25px;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 5px;
    margin-bottom: 5px;
}




.Texto-boton {
    
    font-size: 14px;
    text-align: center;
    color:#fff;
    line-height: 22px;
    padding: 10px;
    background-color: transparent;
     border: 1px #fff solid;  
}


@media (max-width:414px) {  

.Index {
    
   background:url(../img/fondoIndwx.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	background-size: cover;
	width:100%;
	height:auto;    
    
}

.ContentCentrar {
    
	width:100%;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	
}


.Titulo-farmaenlinea { display: block; }

.beneficios { margin-top: 10px;  }
    
 .beneficios img { width: 250px;  }   

.Texto-Beneficios {
    
    font-size: 11px;
    line-height: 18px;
    padding: 10px;
     
}



.Login {
    
    width: 100%;
    height: 310px;
    display: inline-block;
    margin-top: 10px;
}


.Texto-Beneficios2 {
    
    line-height: 12px;
    padding: 20px;
    font-size: 12px;
     
}

.Input-Contacto {
    background-color: transparent;
    height: 25px;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 5px;
    margin-bottom: 5px;
}



.Texto-boton {
    
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    padding: 10px;
    background-color: transparent;
    color:#fff;
        
}



}


@media (max-width:320px) {  

.Index {
    
   background:url(../img/fondoIndwx.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	background-size: cover;
	width:100%;
	height:700px;    
    
}

.ContentCentrar {
    
	width:100%;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	
}


.Titulo-farmaenlinea { 
    display: block;
    width: 120px;
    }

.beneficios { margin-top: 10px;  }
    
 .beneficios img { width: 250px;  }   

.Texto-Beneficios {
    
    font-size: 11px;
    line-height: 18px;
    padding: 10px;
     
}



.Login {
    
    width: 100%;
    height: 300px;
    display: inline-block;
    margin-top: 30px;
}


.Texto-Beneficios2 {
    
    line-height: 12px;
    padding: 20px;
    font-size: 12px;
     
}

.Input-Contacto {
    background-color: transparent;
    height: 25px;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 5px;
    margin-bottom: 5px;
}



.Texto-boton {
    
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    padding: 10px;
    background-color: transparent;
    color:#fff;
        
}



}