@charset "UTF-8";
@font-face {
	font-family: 'oswaldregular';
	src: url('../fonts/oswald-regular-webfont.eot');
	src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/oswald-regular-webfont.woff') format('woff'),
		url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
		url('../fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'oswaldbold';
	src: url('../fonts/oswald-bold-webfont.eot');
	src: url('../fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/oswald-bold-webfont.woff') format('woff'),
		url('../fonts/oswald-bold-webfont.ttf') format('truetype'),
		url('../fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'oswaldlight';
	src: url('../fonts/Oswald-Light.eot');
	src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Oswald-Light.woff') format('woff'),
		url('../fonts/Oswald-Light.ttf') format('truetype'),
		url('../fonts/Oswald-Light.svg#oswaldbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
	font-weight: 500;
	font-family: 'Oswaldregular';
	background-color: #dddddd;
}
.container{
	width: 100%;
	max-width: 1024px;
	background-color: #000000;
	color: #000000;
}
#container{
	padding-left: 0px;
	padding-right: 0px;
}
.movil{
	display: none;
}
.banner{
	padding-left: 0px;
	padding-right: 0px;
}
header{
	overflow: hidden;
	width: 100%;
	max-width: 1024px;
	margin: 0px auto;
}
header .logo{
	left: 5%;
	z-index: 100000;
}
header .cont-sociales{
	right: 5%;
	z-index: 1000000;
}
header, footer{
	background:transparent ;
	font-family: 'Oswald', sans-serif;
	position: relative;
	height: 90px; 
}
header .column, footer .column{
	height: 80px;  
	background-color: #ffffff;
}
footer{
	width: 100%;
	max-width: 1024px!important; 
	margin: 0px auto;
	background-color: #ffffff;
}
footer .logo{
	right: 8%;
}
footer .cont-sociales{
	left: 5%;
}
.logo{
	position: absolute;
	top: 70%;
	margin-top: -35px;
	max-height: 58px;
	max-width: 180px;
	width: 100%;
	height: 100%
}
.cont-sociales{
	position: absolute;
	top: 58%;
	margin-top: -23px;
	overflow: hidden;
}
.fono {
	padding-right: 17px;
	color: #000;
	line-height: 18px;
	font-size: 20px;
	float: left;
	border-right: 1px solid #000;
}
.fono span {
	font-size: 10px;
	display: block;
	font-weight: normal;
}
.fono a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.sociales{
	height: 44px;
	line-height: 40px;
	margin-left: 13px;
	display: block;
	float: left;
}
.sociales a{
	width: 27px;
	height: 26px;
	background:url('../img/sociales.jpg') no-repeat;
	display: inline-block;
	text-indent: -9999px;
	text-decoration: none;
	vertical-align: middle;
}
.sociales span{
	font-size: 11px;
	text-transform: uppercase;
	display: inline-block;
}
.sociales a.instagram{
	background-position: 0px 0;
}
.sociales a.facebook{
	background-position: -26px 0;
}
.sociales a.linkedin{
	background-position: -54px 0;
}
.sociales a.youtube{
	background-position: -80px 0;
}
.boton{
	margin: 0 auto;
	margin-top: 8%
}
.fondo {
	background: url(../img/fondo1.jpg) no-repeat;
	background-size: 100% 100%;
	height: 228px;
	text-align: left;
	margin-top: 11%;
}
.fondo1 {
	background: url(../img/fondo2.png) no-repeat;
	background-size: 100% 100%;
	height: 178px;
	position: absolute;
	top: 290px;
	text-align: center;
	z-index: 100;
}
.buscas{
	color: #ffffff;
	padding-top: 1.4%;
}
.buscas>p{
	font-size: 2.2rem;
	line-height: 1.1;
	margin-bottom: 0px;

	font-family: 'oswaldregular';
	letter-spacing: 2px;
}
p{
	font-size: 0.9rem;
}
a{
	color: #000000;
	text-decoration: none;
}
@media only screen and (max-width: 1021px){
	.fondo1 {
		background: url(../img/fondo2.png) no-repeat;
		background-size: 100% 100%;
		height: 178px;
		position: absolute;
		top: 283px;
		text-align: center;
		z-index: 100;
	}
}
@media only screen and (max-width: 985px){
	.fondo1 {
		background: url(../img/fondo2.png) no-repeat;
		background-size: 100% 100%;
		height: 178px;
		position: absolute;
		top: 274px;
		text-align: center;
		z-index: 100;
	}
}
@media only screen and (max-width: 963px){
	.boton {
		margin: 0 auto;
		margin-top: 11%;
	}
}
@media only screen and (max-width: 916px){
	.fondo1 {
		background: url(../img/fondo2.png) no-repeat;
		background-size: 100% 100%;
		height: 178px;
		position: absolute;
		top: 253px;
		text-align: center;
		z-index: 100;
	}
}
}
@media only screen and (max-width: 877px){
	.fondo {
		background: url(../img/fondo1.jpg) no-repeat;
		background-size: 100% 100%;
		height: 273px;
		text-align: left;
		margin-top: 15%;
	}
	.boton {
		margin: 0 auto;
		margin-top: 13%;
	}
}
@media only screen and (max-width: 866px){
	.boton {
		margin: 0 auto;
		margin-top: 14%;
	}
}
@media only screen and (max-width: 813px){
	.boton {
		margin: 0 auto;
		max-width: 180px;
		margin-top: 16%;
	}
	.fondo1 {
		background: url(../img/fondo2.png) no-repeat;
		background-size: 100% 100%;
		height: 178px;
		position: absolute;
		top: 208px;
		text-align: center;
		z-index: 100;
	}
}
@media only screen and (max-width: 767px){
	.fondo1 {
		background: url(../img/fondo2.png) no-repeat;
		background-size: 100% 100%;
		height: 178px;
		position: absolute;
		top: 208px;
		text-align: center;
		z-index: 100;
		float: left;
		width: 100%;
	}
	.boton {
		margin: 0 auto;
		max-width: 180px;
		margin-top: 15%;
	}
	.fondo {
		background: url(../img/fondo1.jpg) no-repeat;
		background-size: 100% 100%;
		height: 234px;
		text-align: left;
		margin-top: 15%;
		float: left;
		width: 100%;
	}
	header{
		overflow: hidden;
		width: 100%;
		left: 0%;
	}
	header .logo{
		left: 5%;
	}
	header .cont-sociales{
		right: 5%;
	}
	header, footer{
		background: #fff ;
		font-family: 'Oswald', sans-serif;
		position: relative;
		height: 90px;  
	}
	header .column, footer .column{
		height:80px;   
	}
	footer {
		width: 100%;
		left: 0%;
		padding-top: 0px;
		float: left;
		background-color: transparent!important;
	}
	footer .logo{
		right: 5%;
	}
	footer .cont-sociales{
		left: 5%;
	}
	.desktop{
		display: none;
	}
	.movil{
		display: block;
	}
	.logo{
		position: absolute;
		top: 70%;
		margin-top: -35px;
		max-height: 40px;
		max-width: 150px;
		width: 100%;
		height: 100%
	}
	.cont-sociales{
		position: absolute;
		top: 58%;
		margin-top: -23px;
		overflow: hidden;
	}
	.fono a {
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}
	.sociales a{
		width: 26px;
		height: 26px;
		background:url('../img/sociales.jpg') no-repeat;
		display: inline-block;
		text-indent: -9999px;
		text-decoration: none;
		vertical-align: middle;
	}
	.fono {
		padding: 0;
		float: left;
		border-right: 0;
	}
	.fono span, .sociales span{
		display: none;
	}
	.sociales{
		margin-left: 8px;
	}
	.fono-movil{
		display: block;
		width: 30px;
		height: 24px;
		text-indent: -9999px;
		margin-top: 8px;
		background:url('../img/sociales.jpg') no-repeat top right;
	}
	.sociales a.instagram{
		background-position: 0px 0;
	}
	.sociales a.facebook{
		background-position: -27px 0;
	}
	.sociales a.linkedin{
		background-position: -54px 0;
	}
	.sociales a.youtube{
		background-position: -81px 0;
	}
}
@media only screen and (max-width: 680px){
	.fondo {
		background: url(../img/fondo1.jpg) no-repeat;
		background-size: 100% 100%;
		height: 234px;
		text-align: left;
		margin-top: 20%;
		float: left;
		width: 100%;
	}
	.boton {
		margin: 0 auto;
		max-width: 180px;
		margin-top: 18%;
	}
}
@media only screen and (max-width: 585px){
	.fondo {
		background: url(../img/fondo1.jpg) no-repeat;
		background-size: 100% 100%;
		height: 220px;
		text-align: left;
		margin-top: 27%;
		float: left;
		width: 100%;
	}
}
@media only screen and (max-width: 559px){
	.boton {
		margin: 0 auto;
		max-width: 180px;
		margin-top: 20%;
	}
	.fondo1 {
		background: url(../img/fondo2.png) no-repeat;
		background-size: 100% 100%;
		height: 178px;
		position: absolute;
		top: 171px;
		text-align: center;
		z-index: 100;
		float: left;
		width: 100%;
	}
}
@media only screen and (max-width: 552px){
	footer .cont-sociales{
		left: 0%;
	}
	header .cont-sociales{
		right: 0%;
	}
	.fono-movil {
		display: block;
		width: 30px;
		height: 24px;
		text-indent: -9999px;
		margin-top: 0px;
		background: url(../img/sociales.jpg) no-repeat top right;
	}
	.sociales{
		height: 44px;
		line-height: 5px;
		margin-left: 1px;
		display: block;
		float: left;
	}
	.sociales a{
		width: 27px;
		height: 26px;
		background:url('../img/sociales.jpg') no-repeat;
		display: inline-block;
		text-indent: -9999px;
		text-decoration: none;
		vertical-align: middle;
	}
	.sociales span{
		font-size: 11px;
		text-transform: uppercase;
		display: inline-block;
	}
	.sociales a.instagram{
		background-position: 0px 0;
	}
	.sociales a.facebook{
		background-position: -26px 0;
	}
	.sociales a.linkedin{
		background-position: -54px 0;
	}
	.sociales a.youtube{
		background-position: -80px 0;
	}
}
@media only screen and (max-width: 479px){
	.fondo1 {
		background: url(../img/fondo2.png) no-repeat;
		background-size: 100% 100%;
		height: 178px;
		position: absolute;
		top: 148px;
		text-align: center;
		z-index: 100;
		float: left;
		width: 100%;
	}
}
@media only screen and (max-width: 436px){
	.buscas>p {
		font-size: 1.8rem;
		line-height: 1.1;
		margin-bottom: 0px;
		font-family: 'oswaldregular';
		letter-spacing: 2px;
	}
	.fondo1 {
		background: url(../img/fondo2.png) no-repeat;
		background-size: 100% 100%;
		height: 178px;
		position: absolute;
		top: 132px;
		text-align: center;
		z-index: 100;
		float: left;
		width: 100%;
	}
	.fondo {
		background: url(../img/fondo1.jpg) no-repeat;
		background-size: 100% 100%;
		height: 220px;
		text-align: left;
		margin-top: 29%;
		float: left;
		width: 100%;
	}
}
@media only screen and (max-width: 406px){
	.fondo1 {
		background: url(../img/fondo2-2.png) no-repeat;
		background-size: 100% 100%;
		height: 116px;
		position: absolute;
		top: 117px;
		text-align: center;
		z-index: 100;
		float: left;
		width: 100%;
	}
	.fondo {
		background: url(../img/fondo1.jpg) no-repeat;
		background-size: 100% 100%;
		height: 220px;
		text-align: left;
		margin-top: 30%;
		float: left;
		width: 100%;
	}
	.boton {
		margin: 0 auto;
		max-width: 180px;
		margin-top: 23%;
	}
	.buscas {
		color: #ffffff;
		padding-top: 4.4%;
	}
}
@media only screen and (max-width: 364px){
	.fondo1 {
		background: url(../img/fondo2-2.png) no-repeat;
		background-size: 100% 100%;
		height: 116px;
		position: absolute;
		top: 110px;
		text-align: center;
		z-index: 100;
		float: left;
		width: 100%;
	}
	.boton {
		margin: 0 auto;
		max-width: 180px;
		margin-top: 25%;
	}
	.buscas>p {
		font-size: 1.469rem;
		line-height: 1.1;
		margin-bottom: 0px;
		font-family: 'oswaldregular';
		letter-spacing: 2px;
	}
}
@media only screen and (max-width: 344px){
	footer .cont-sociales{
		left: 0%;
	}
	header .cont-sociales{
		right: 0%;
	}
	.sociales{
		height: 44px;
		line-height: 5px;
		margin-left: 1px;
		display: block;
		float: left;
	}
	.sociales a{
		width: 23px;
		height: 26px;
		background:url('../img/sociales.jpg') no-repeat;
		display: inline-block;
		text-indent: -9999px;
		background-size: 120px;
		text-decoration: none;
		vertical-align: middle;
	}
	.sociales span{
		font-size: 11px;
		text-transform: uppercase;
		display: inline-block;
	}
	.sociales a.instagram{
		background-position: 0px 0;
	}
	.sociales a.facebook{
		background-position: -23px 0;
	}
	.sociales a.linkedin{
		background-position: -48px 0;
	}
	.sociales a.youtube{
		background-position: -71px 0;
	}
	.fono-movil {
		display: block;
		width: 26px;
		height: 24px;
		text-indent: -9999px;
		margin-top: 0px;
		background: url(../img/sociales.jpg) no-repeat top right;
		background-size: 120px;
	}
}
@media only screen and (max-width: 330px){
	.sociales a {
		width: 19px;
		height: 19px;
		background: url(../img/sociales.jpg) no-repeat;
		display: inline-block;
		text-indent: -9999px;
		text-decoration: none;
		vertical-align: middle;
		background-size: 100px;
	}
	.sociales a.instagram {
		background-position: 0px 0;
	}
	.sociales a.facebook {
		background-position: -19px 0;
	}
	.sociales a.linkedin {
		background-position: -40px 0;
	}
	.sociales a.youtube {
		background-position: -59px 0;
	}
	.fono-movil {
		display: block;
		width: 21.8px;
		height: 20px;
		text-indent: -9999px;
		margin-top: 0px;
		background: url(../img/sociales.jpg) no-repeat top right;
		background-size: 100px;
	}
	.logo {
		position: absolute;
		top: 58%!important;
		margin-top: -25px;
		max-height: 40px;
		max-width: 110px!important;
		width: 100%;
		height: 100%;
	}
	.logo>img {
		max-width: 95px;
	}
}
@media only screen and (max-width: 313px){
	.boton {
		margin: 0 auto;
		max-width: 180px;
		margin-top: 34%;
	}
}
@media only screen and (max-width: 309px){
	.buscas>p {
		font-size: 1.269rem;
		line-height: 1.1;
		margin-bottom: 0px;
		font-family: 'oswaldregular';
		letter-spacing: 2px;
	}
}
@media only screen and (max-width: 279px){
	.buscas>p {
		font-size: 1.069rem;
		line-height: 1.1;
		margin-bottom: 0px;
		font-family: 'oswaldregular';
		letter-spacing: 2px;
	}
	.fondo1 {
		background: url(../img/fondo2-2.png) no-repeat;
		background-size: 100% 100%;
		height: 116px;
		position: absolute;
		top: 78px;
		text-align: center;
		z-index: 100;
		float: left;
		width: 100%;
	}
	.buscas {
		color: #ffffff;
		padding-top: 11.4%;
	}
}