body{
	font-family: 'Lato', sans-serif;
	background: #005CB9;
}
header{
	background: #005CB9;
	padding-top: 10px;
	text-align: center;
}
.content{
	background:#D0CCCC;
	padding-top: 30px;

}
h1, h2{
	color: white;
	font-size: 36px;
	margin-bottom: -16px;
	font-weight: 300;
	text-align: center;
}
h2{
	margin-bottom: 0px;
}
.estudio{
	margin:35px auto 0px;
	-webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;
    position: relative;
top: 8px;
}
.estudio:hover{
-moz-transform: scale(1) rotate(-1deg) translate(0px, -4px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(-1deg) translate(0px, -4px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(-1deg) translate(0px, -4px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(-1deg) translate(0px, -4px) skew(0deg, 0deg);
transform: scale(1) rotate(-1deg) translate(0px, -4px) skew(0deg, 0deg);

}
.sombra{
	/*box-shadow: 0px -9px 16px 0px rgba(35, 31, 32, 0.7);*/
	position: relative;
	z-index: 9;
	height: 17px;
	
	/*border-radius: 43px;*/
	background: url('../img/sombra2.png') no-repeat;
	background-size: 100%;
	margin-bottom: 25px;
	margin-left: 3%;
	margin-right: 3%;
	top: -16px;
}


.button-next-home{
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	padding: 22px 25px 30px;
	background: #D0CCCC;
	background: -webkit-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: -moz-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: -o-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: -ms-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	display: table;
	margin: 0 auto;
	border-top-left-radius: 10px;
-moz-border-top-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-o-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-o-border-top-right-radius: 10px;
color:white;
position: relative;
z-index: 1;


}
.button-next-home:hover{
	text-decoration: none;
	color: white;
	background: #ba1720;
}
.effect3-home:before {
z-index: 0;
position: absolute;
content: "";
bottom: 15px;
left: 47%;
width: 11%;
background-color: rgba(0, 0, 0, .3);
border-radius: 10px;
height: 96%;
top: 2%;
-moz-transform: scale(1) rotate(4deg) translate(2px, 2px) skew(-5deg, 0deg);
-webkit-transform: scale(1) rotate(4deg) translate(2px, 2px) skew(-5deg, 0deg);
-o-transform: scale(1) rotate(4deg) translate(2px, 2px) skew(-5deg, 0deg);
-ms-transform: scale(1) rotate(4deg) translate(2px, 2px) skew(-5deg, 0deg);
transform: scale(1) rotate(4deg) translate(2px, 2px) skew(-5deg, 0deg);
}

label.error{
color: white;
font-style: italic;
top: -12px;
position: relative;
margin-bottom: -18px;

}
.err label.error{
top: 30px;
margin-bottom: 40px;
left: -35%;
}




.button-next{
	text-align: center;
	font-size: 26px;
	font-weight: 300;
	padding:18px 10px 30px 5px;
	background: #D0CCCC;
	background: -webkit-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: -moz-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: -o-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: -ms-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	display: table;
	margin: 0 auto;
	border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-o-border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-o-border-top-right-radius: 10px;
	color:white;
	position: relative;
	z-index: 1;
	width: 175px;
}

.button-next:hover{
	text-decoration: none;
	color: white;
	background: #D0CCCC;
}



.button-next-2{
	background: #bc5114;
	background: -webkit-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: -moz-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: -o-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: -ms-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	
}

.button-next-2:hover{
	text-decoration: none;
	color: white;
	background: #D0CCCC;
}



.effect3:before {
z-index: 0;
position: absolute;
content: "";
bottom: 15px;
left: 97%;
width: 15%;
background-color: rgba(0, 0, 0, .3);
border-radius: 10px;
height: 100%;
top: 2%;
-moz-transform: scale(1) rotate(4deg) translate(2px, 2px) skew(-5deg, 0deg);
-webkit-transform: scale(1) rotate(4deg) translate(2px, 2px) skew(-5deg, 0deg);
-o-transform: scale(1) rotate(4deg) translate(2px, 2px) skew(-5deg, 0deg);
-ms-transform: scale(1) rotate(4deg) translate(2px, 2px) skew(-5deg, 0deg);
transform: scale(1) rotate(4deg) translate(2px, 2px) skew(-5deg, 0deg);
}
.overfl{
	overflow: hidden;
}

.overfl div.submit, .overfl div.exit{
	width: 160px;
	margin-right: 40px;
	display: inline-block;
	position: relative;
	height: 70px;
}
.overfl div.exit{
	margin-right: 0px;
}



.botones_content{
	width: 377px;
	float: right;
}
footer{
	background: #005CB9;
	padding:35px 0px;
	color: white;
	font-weight: 300;
	text-align: center;
	font-size: 16px;
}

.resultados_content{
	background: white;
}
.title_resultados{
	text-align:left; margin-top:10px;
}

.form .header{
		background: #D0CCCC;
	background: -webkit-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: -moz-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: -o-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: -ms-radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	background: radial-gradient(top,#005CB9,#005CB9,#005CB9,#005CB9);
	padding: 20px 25px 25px;
	color: white;
	font-weight: 700;
	font-size: 20px;
}
.form .content_form{
	color: white;
	padding: 15px 15px 30px;
	background: #D0CCCC;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;

}

.form .cabecera{
	font-size: 16px;
	margin-bottom: 15px;
}
.form p.text{
	color:white;
	font-weight: 700;
	margin-bottom: 0px;
	font-size: 16px; 
}
.form input{
	width: 100%;
	border: none;
	border-radius: 5px;
	padding:3px;
	height: 30px;
		margin-bottom: 15px;
		color: black;
}
p.captcha_field{
	margin-top: 35px !important;
}
input.captcha{
	width: 38%; 
}
.img_captcha{
margin-top: -50px;

position: absolute;
right: 9px;
}
input.submit{
background: #005CB9;
color: white;
font-weight: 700;
width: 139px;
border-radius: 0px;
border-bottom-right-radius: 10px;
float: right;
position: absolute;

font-style: italic;
padding: 5px 50px;
bottom: -15px;
right: 0;

}
input.submit:hover{
	background: #ba1720;
}
.contenido_form{
	position: relative;
	z-index: 1;
	margin-bottom: 15px;
}

.effect2:before {
z-index: 0;
position: absolute;
content: "";
bottom: 15px;
left: 48%;
width: 50%;
background-color: rgba(0, 0, 0, .4);
border-radius: 10px;
height: 93%;
top: 2%;
-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(3deg, 0deg);
-webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(3deg, 0deg);
-o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(3deg, 0deg);
-ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(3deg, 0deg);
transform: scale(1) rotate(0deg) translate(0px, 0px) skew(3deg, 0deg);
}


@media only screen and (max-width : 1199px) {

input.captcha{
	width: 28%; 
}

}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 991px) {
input.captcha{
	width: 22%; 
}
	h1.title_resultados{
		font-size: 22px;
	}
/* Styles */
}

@media only screen and (max-width : 767px) {
input.captcha{
	width: 50%; 
}
	
/* Styles */
}



@media only screen and (max-width : 747px) {
	.sombra{
		top: -10px;
	}
	h1,h2{
		font-size: 36px;
	}
	.estudio{
		width: 82%;
	}
/* Styles */
}
@media only screen and (max-width : 600px) {
.effect2:before{
	left: 46%;
}
}

@media only screen and (max-width : 575px) {
input.captcha{
	width: 40%; 
}
	h1,h2{
		font-size: 28px;
	}

/* Styles */
}
@media only screen and (max-width : 485px) {
input.captcha{
	width: 20%; 
}
.err label.error{

left: -20%;
}

/* Styles */
}
@media only screen and (max-width : 447px) {

	.content{
		padding-top: 30px;
	}


/* Styles */
}
@media only screen and (max-width : 420px) {
	.botones_content {
		width: 296px;
	}
	.overfl div.submit, .overfl div.exit {
width: 120px;
}
.button-next{
	font-size: 22px;
	width: 133px;
}


}
@media only screen and (max-width : 390px) {
input.captcha{
	width: 100%; 
}
.err label.error{
top: -12px;
margin-bottom: 0px;
left: 0px;
}

.img_captcha{
	float: inherit;
	margin-bottom: 10px;
	margin-top: 5px;
	position: relative;
	right: 0px;
}
p.captcha_field{
	margin-top: 0px !important;
}


/* Styles */
}
@media only screen and (max-width : 373px) {
		h1.title_resultados{
		font-size: 18px;
	}
}
@media only screen and (max-width : 320px) {
	.sombra{
		top: -4px;
	}


/* Styles */
}