@charset "UTF-8";

/*
CSS Document
Descripcion: estilos para elementos del sitio
*/

/*-------------------------------
        Estilos globales
--------------------------------*/
/*--------------- Comunes ---------------*/
html { -webkit-text-size-adjust:none; }
body {background:#fdfdfd; font-family: 'Lato', sans-serif; font-weight:300; }
* {font-family: 'Lato', sans-serif; font-weight:300;  box-sizing:border-box;}
*::after, *::before {box-sizing: border-box;}

.main {width:100%; margin:0 auto; clear:both; overflow:hidden;}
.main .auxi {width:100%; max-width:1000px; padding:200px 30px; margin:0 auto; text-align: center; display: flex; flex-direction: row; align-items:center;}
.logo {width:60%; margin-bottom: 10px;}
.box-foto {width:100%; height: auto; }
.box-foto img {width: 100%; height:auto; border-radius: 10px;}
h1 {color:#3C3C3C; font-size:40px; font-weight:600; margin-bottom: 5px; line-height: 130%; text-align: left;}
p {color:#656565; font-size:29px; font-weight:200; margin-bottom: 20px; line-height: 130%; text-align: left}
p strong {font-weight:600;}
p span {color: #333333;}
.text {text-align: left;}
.boto {
	padding: 12px 22px;
	background: #333333;
	border-radius: 5px;
	margin: 10px;
	color: #fff;
	display: -webkit-inline-box;
        transition: all .3s;
        cursor: pointer
}
.boto a {text-decoration: none; color: #fff;}
.boto:hover {background: #000;}

/*XS--- Movil*/
@media (max-width: 1200px){
        .text {text-align: center;}
        .main .auxi {padding:100px 20px; flex-direction: column;}
        .logo {max-width:450px; margin-bottom: 30px;}
        h1 {font-size:35px; text-align: center;}
        p {font-size:25px; text-align: center;}

/* FIN */