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

* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	margin: 0;
	background-image: url(images/fondo_body.jpg);
	background-repeat: repeat-x;
	background-color: #fbb516;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
}
.wrap {
	width: 1440px;
	margin-left: auto;
	margin-right: auto;
	background-repeat:no-repeat;
	background-position: left top;
}
.wrapLogo {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding:50px 0 0 0;
}
.wrapPortada {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding:10px 0;
}
.imgLogo {width: 100%; height: auto;}
.wrapBotones {
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align: center;
}
.wrapForma {
	max-width: 410px;
	margin: 50px 0;
	margin-left: auto;
	margin-right: auto;
	border-radius: 20px;
	padding: 20px;
	background-color: #ededed;
}
.redondear {border-radius: 20px;}
.footer {background-color: #000; padding: 30px 20px 100px 20px;}
.cognito {
	margin-left: auto;
	margin-right: auto;
}
h1, h2 {
	font-family: 'Signika', sans-serif;
	font-size: 40px;
	line-height: 36px;;
	color: #000000;
	padding: 20px;
}
h3 {
	font-family: 'Signika', sans-serif;
	font-size: 26px;
	line-height: 22px;;
	color: #000000;
	padding: 20px;
}
p {padding: 10px; font-size: 19px; line-height: 28px;}

a {text-decoration: none;}
a:hover {text-decoration: none;}

.colorAzul {	color: #000000;}
.colorRojo {color: #a3502b;}
.colorAmarillo {color: #fbb516;}
.colorBlanco {color: #fff;}
.centrado {text-align: center;}

.espacioInferior {padding-bottom: 50px;}

.txtFooter {font-size: 12px;}

.wrapPatrocinador {
	max-width: 410px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 20px;
	padding: 20px;
	background-color: #fff;
}

.imgParrafo {width: 100%; height: auto; border-radius: 20px;}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
	.wrap {
		width: 1280px;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
	.wrap {
		width: 960px;
	}
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	.wrap {
		width: 640px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	.wrap {
		width: 480px;
	}
	.wrapPortada {width: 460px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	body {	background-image: url(images/fondo_body_sm.jpg);}
	.wrap {		width: 320px;	}
	.wrapLogo {width: 300px;}
	.wrapPortada {width: 310px;}
	.wrapBotones {	width: 300px;}
	h2 {padding: 20px 0;}
}