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

* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	margin: 0;
	background-image: url(images/fondo_body.png);
	background-repeat: repeat-x;
	background-color: #d0d0d0;
	font-family: 'Open Sans', sans-serif;
	color: #17243d;
}
.wrap {
	width: 1440px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/campo_futbol.png);
	background-repeat:no-repeat;
	background-position: left top;
}
.wrapLogo {
	width: 203px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px;
}
.wrapBotones {
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 5px 5px 5px;
	text-align: center;
}
.wrapForma {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px;
	margin-top: 30px;
	border-radius: 10px;
	background-color: #FFFFFF;
}
.cognito {
	margin-left: auto;
	margin-right: auto;
}
h1 {
	font-family: 'Signika', sans-serif;
	font-size: 40px;
	color: #17243d;
}
.colorAzul {
	color: #17243d;
}
.colorRojo {
	color: #e42d3f;
}

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

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

@media only screen and (min-width: 640px) and (max-width: 959px) {
	.wrap {
		width: 640px;
		background-image: url(images/campo_futbol_sm.png);
	}
	.wrapBotones {padding-top: 100px;}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	.wrap {
		width: 480px;
		background-image: url(images/campo_futbol_sm.png);
	}
	.wrapBotones {padding-top: 130px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.wrap {
		width: 320px;
		background-image: url(images/campo_futbol_sm.png);
	}
	.wrapBotones {padding-top: 130px;}
	.wrapForma {padding: 50px 5px;}
}