@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'LatinaEssentialMedium';
    src: url('fonts/LatinaEssentialMedium.eot');
    src: url('fonts/LatinaEssentialMedium.eot') format('embedded-opentype'),
         url('fonts/LatinaEssentialMedium.woff2') format('woff2'),
         url('fonts/LatinaEssentialMedium.woff') format('woff'),
         url('fonts/LatinaEssentialMedium.ttf') format('truetype'),
         url('fonts/LatinaEssentialMedium.svg#LatinaEssentialMedium') format('svg');
}

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




body{
	margin:0px;
}

.contenedor{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

header{
	text-align: center;	
}
.main{
	width: 100%;
	float: right;
	box-sizing: border-box;
}

footer{
	clear: both;
	float: left;
	margin-top: 5px;
	box-sizing: border-box;
	width: 100%;
	pad
	ding: 20px;
	color: #fff;
	text-align: center;
}

.foto{
	width:100%;
	max-width: 480px;
	height:auto;
}
.pbrujula{
	width: 100%;
	text-align: center;
}
.brujula{
	width: 100%;
	max-width: 60px;
	height: auto;
	text-align: center;
}
.logo{
	width:100%;
	max-width: 370px;
	height:auto;
}
.texto{
    font-family: 'LatinaEssentialLight';
	font-size: 17px;
}
.texto2{
    font-family: 'LatinaEssentialMedium';
	font-size: 20px;
}



#formulario{
	float: right;
	width: 50%;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}
#conta{
	clear: both;
	text-align: center;
	padding: 10px;
}
input{
	background-color: #fff;
	padding: 5px;
}

@media screen and (max-width:800px){
	.main{
	width:100%;
	}
	#telefono{
	width: 100%;
	clear: both;
	text-align: center;
	}
	#formulario{
	width: 100%;
	clear: both;
	}
	.logo{
	max-width: 250px;
}
}

@media screen and (max-width:400px){
	.contenedor{
		width:100%;
	}
	
}