/* ==========================================================================
   Author's custom styles
   ========================================================================== */




@font-face {
    font-family: 'roboto-medium';
    src: url('../fonts/roboto-medium.eot');
    src: url('../fonts/roboto-medium.eot') format('embedded-opentype'),
         url('../fonts/roboto-medium.woff') format('woff'),
         url('../fonts/roboto-medium.ttf') format('truetype'),
         url('../fonts/roboto-medium.svg#roboto-medium') format('svg');
}


@font-face {
    font-family: 'roboto-light';
    src: url('../fonts/roboto-light.eot');
    src: url('../fonts/roboto-light.eot') format('embedded-opentype'),
         url('../fonts/roboto-light.woff') format('woff'),
         url('../fonts/roboto-light.ttf') format('truetype'),
         url('../fonts/roboto-light.svg#roboto-light') format('svg');
}


html,body { background:#FFF; max-width:640px; margin:0 auto;}



.logo { margin:auto 0; width:40%; text-align:center;}

.img-logo { margin:auto 0; width:100%; text-align:center; margin:20% 0 10% 0;}


.txt-uno{font-family:roboto-light, Verdana, Geneva, sans-serif;font-size: 50px;text-align:center;}
.txt-dos{font-family:roboto-medium, Verdana, Geneva, sans-serif;font-size: 52px;text-align:center;letter-spacing: 0;}
.txt-tres{font-family:roboto-light, Verdana, Geneva, sans-serif;font-size: 24px;text-align:center;}

.hr-uno {
    width: 50%;
    height: 5px;
    background: #000;
    border: none;
    margin-top: 20px;
}



.titulo-principal{ 
	color: #FFF;
    font-size: 24px;
    text-align:left;
    max-width: 413px;
    margin: 0 auto;
    display: block;
}


.pie{ 
	background:#D9262C;
    position:absolute;
	bottom:0px;
	width:100%;
	height:30px;
    display: block;
	max-width:640px;
}


p {
    margin: 0px 0 -22px;
}