body{
	margin: 0px auto;
	background: #FFF;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	width: 100%;
	overflow-x:hidden;
	text-align: center;
}
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-family: 'Open Sans', sans-serif;
	margin: 0px auto;
}
html, body {
	height: 100%;
	padding:0;
}
iframe{
	position: absolute;
	z-index: -1;
}
.inline{
	display: inline;
	vertical-align: middle;
}
.inline-block{
	display: inline-block;
	vertical-align: middle;
}
.inline-flex{
	display: inline-flex;
	vertical-align: top;
}
.flex{
	display: flex;
	vertical-align: middle;
}
header{
	background: #FFFFFF;
	width: 100%;
	padding: 5px;
}
#menu{
	max-width: 1366px;
	width: 100%;
	margin: 0 auto;
	height: 5%;
}
#logo{
max-width: 45%;
width: 100%;
margin: 0 10px;
color: #00196b;
font-weight: 600;
font-size: 21px;
}
#claim{
max-width: 45%;
width: 100%;
margin: 2px 10px;
}
#container960{
	max-width: 960px;
	width: 100%;
	padding: 0 5px;
	margin: 0 auto;
	background: #eef3f7;
}
#titulo{
	max-width: 65%;
	width: 100%;
}
#oferta{
	max-width: 30%;
	width: 100%;
	margin-left: 10px;
	position: relative;
    top: 15px;
    z-index: 1;
}
.block{
	display: block;
}
#first{
	display: block;
	margin: 0 auto;
}
h1{
	font-size: 55px;
	color: #00196b;
	font-weight: 400;
	letter-spacing: -2px;
}
h2{
	font-size: 75px;
	color: #2886FF;
	font-weight: 900;
	line-height: 65px;
    letter-spacing: 2px;
}
h3{
	font-size: 18px;
	color: #00196b;
	font-weight: 600;
	margin-top: 15px;
}
h4{
	color: #FFFFFF;
	font-size: 18px;
	font-style: italic;
}
#second{
	display: block;
	margin: 0 auto;
	width: 100%;
	margin-top: 8px;
}
#col1{
	max-width: 555px;
	width: 100%;
	margin-left: 0px;
}
#col2{
	max-width: 373px;
	width: 100%;
	margin: 0px auto;
}
#image{
	width: 100%;
	margin: 0px;
	max-width: 55%;
}
#caracteristicas{
	max-width: 45%;
	width: 100%;
}
#form{
	background-image: url('../img/background-form.png');
	bottom: 80px;
	position: relative;
	height: 488px;
	width: 100%;
}
ul{
	list-style-image: url('../img/check.png');
	vertical-align: middle;
    text-align: left;
    margin-top: 50px;
	margin-left: 25px;
}
li{
	color: #00196b;
	margin-left: 0px;
	text-align: left;
	font-size: 14px;
	font-family: 'Open sans', sans-serif;
	font-weight: 600;
	font-style: italic;
	margin-top: 20px;
}
#claim2{
	margin-top: 40px;
    margin-left: 10px;
    padding: 5px;
}
#box-form{
	position: relative;
	top: 80px;
}
form{
	padding: 10px
}
input, select{
	border:none;
	width: 225px;
	background-color: #FFFFFF;
	height: 35px;
	margin: 10px auto;
	font-weight:700;
	padding-left: 30px;
	font-size: 14px;
	border-radius: 0px;
	display: block;
	color: #2886FF;

}
input#nombre{
	background-image: url('../img/nome.png');
	background-position: left;
	background-repeat: no-repeat;
	
}
input#apellidos{
	background-image: url('../img/apellidos.png');
	background-position: left;
	background-repeat: no-repeat;
	
}
input#telefono{
	background-image: url('../img/telefono.png');
	background-position: left;
	background-repeat: no-repeat;
	
}
input#email{
	background-image: url('../img/email.png');
	background-position: left;
	background-repeat: no-repeat;
	
}
select#id_provincia{
	background-image: url('../img/provincia.png');
	background-position: left;
	background-repeat: no-repeat;
}
input:valid {
background-color: #f4ffa9;
}

select:valid {
background-color: #f4ffa9;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #2886FF!important;
font-weight: !important;
opacity: 1 !important;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #2886FF!important;
font-weight: !important;
opacity: 1 !important;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #2886FF !important;
font-weight: !important;
opacity: 1 !important;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #2886FF !important;
font-weight: !important;
opacity: 1 !important;

}
input#termin, input#otros {
    margin: 10px 5px 0px 0px;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    display: inline;
}

p.termin{
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
    max-width: 280px;
}
a{
	text-decoration: none;
	color: #FFF;
	font-weight: 600;
}
.submit{
	height: 80px;
	width: 98%;
	max-width: 275px;
	margin: 15px auto;
	display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: none;
z-index: auto;
position: relative;
cursor: pointer;
opacity: 1;
top: 0;
left: 0;
padding: 10px;
overflow: visible;
border: 0 none #c3c3c3;
border-bottom: 4px solid #6c6c6c;
-webkit-border-radius: 24px 24px 26px 26px;
border-radius: 24px 24px 26px 26px;
color: #FFFFFF;
text-align: center;
-o-text-overflow: clip;
text-overflow: clip;
white-space: nowrap;
background: -webkit-linear-gradient(-90deg, rgb(214, 39, 60) 0, rgb(198, 37, 55) 100%), rgb(214, 39, 60);
background: -moz-linear-gradient(180deg, rgb(214, 39, 60) 0, rgb(198, 37, 55) 100%), rgb(214, 39, 60);
background: linear-gradient(180deg, rgb(214, 39, 60) 0, rgb(198, 37, 55) 100%), rgb(214, 39, 60);
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: auto auto;
background-size: auto auto;
-webkit-box-shadow: 0 -1px 1px 0 rgba(255,255,255,0.701961) inset, 0 1px 1px 0 rgb(108, 108, 108) ;
box-shadow: 0 -1px 1px 0 rgba(255,255,255,0.701961) inset, 0 1px 1px 0 rgb(108, 108, 108) ;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
}
.submit:hover{
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: none;
z-index: auto;
position: relative;
cursor: pointer;
opacity: 1;
top: 0;
left: 0;
overflow: visible;
border: 0 none rgb(177,106,2);
border-bottom: 4px solid #6c6c6c;
-webkit-border-radius: 7px 7px 9px 9px;
border-radius: 7px 7px 9px 9px;
text-align: center;
-o-text-overflow: clip;
text-overflow: clip;
white-space: nowrap;
background: rgb(223, 53, 76);
-webkit-box-shadow: 0 -1px 1px 0 rgba(255,255,255,0.701961) inset, 0 1px 1px 0 rgb(108, 108, 108) ;
box-shadow: 0 -1px 1px 0 rgba(255,255,255,0.701961) inset, 0 1px 1px 0 rgb(108, 108, 108) ;
-webkit-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
}
.boton{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8em;
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);

}
.borde{

}
.fa{
	vertical-align: middle;
}
#checkbox{
	max-width: 220px;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.nonepc{
	display: none;
}
.justify{
	text-align: justify;
}
.strong{
	font-weight: 700;
	margin: 10px 0;
}
.padding{
	padding: 10px;
}
.select-style {
    padding: 0;
    margin: 0.5rem auto;
    width: 225px;
    border-radius: 0px;
    background-color: #FFF;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAC60lEQVR4Xu3dyU4DQRAE0faXA3+ORggJEPZsvVRVxFzMYSyRmU919aP5oBt4oNMbvgkAjkAAAoA3AI/vBRAAvAF4fC+AAOANwON7AQQAbwAe3wsgAHgD8PheAAHAG4DH9wIIAN4APL4XQADwBuDxvQACgDcAj+8FEAC8AXh8L4AA4A3A43sBBABvAB7fCyAAeAPw+F4AAcAbgMf3AggA3gA8vhdAAPAG4PG9AAKANwCP7wUQALwBeHwvgAB2G3hvrb3tvuULERv4aK1t+z19jl4AEUSc9/X/tDv+9vWjALZ3RZAHwaHxzwIQQQ4Ah8e/AkAEsRGcGv8qABHERHB6/DsARBALwaXx7wIQQQwEl8fvAUAEaxHcGr8XABGsQXB7/J4ARDAXQZfxewMQwRwE3cYfAUAEYxF0HX8UABGMQdB9/JEARNAXwZDxRwMQQR8Ew8afAUAE9xAMHX8WABFcQzB8/JkARHAOwZTxZwMQwTEE08ZfAUAErxFMHX8VABH8j2D6+CsBiOA3giXjrwYggi8Ey8aPAICOYOn4UQBQESwfPxIAGoIQ40cDQEEQZvyIAKojCDV+VABVEYQbPzKAaghCjh8dQBUEYcfPACA7gtDjZwGQFUH48TMByIYgxfjZAGRBkGb8jACiI0g1flYAURGkGz8zgGgIUo6fHUAUBGnHrwBgNYLU41cBsApB+vErAZiNoMT41QDMQlBm/IoARiMoNX5VAKMQlBu/MoDeCEqOXx1ALwRlxycAuIug9PgUAFcRlB+fBOAsAsT4NABHEWDGJwLYQ4AanwrgGQLc+GQAfxEgx6cD+Ebw83P7G/Wc+dUwVDGUsAKgLP0kpwAEAG8AHt8LIAB4A/D4XgABwBuAx/cCCADeADy+F0AA8Abg8b0AAoA3AI/vBRAAvAF4fC+AAOANwON7AQQAbwAe3wsgAHgD8PheAAHAG4DH9wIIAN4APL4XQADwBuDxvQACgDcAj+8FEAC8AXj8TyDEb4HtIf/KAAAAAElFTkSuQmCC) no-repeat 90% 50%;
    background-size: 5%;
}

.select-style select {
    padding: 5px 30px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #2886FF;
}
footer{
	width: 100%;
	background:#FFFFFF;
	height: 50px;
}


/*Tablet*/
@media screen and (min-width: 600px) and (max-width: 959px){
	#titulo{
		max-width: 100%;
	}
	.none{
		display: none;
	}
	#col1{
		max-width: 100%;
	}
	ul{
		margin-top: 0px;
		margin-left: 0;
	}
	li{
		margin-top: 5px;	
	}
	#claim2{
		margin-top: 0;
	}
	#form{
	background-image: none;
	background-color: #2886FF;
	bottom: 0;
	height: auto;
	width: 100%;
	}
	#box-form{
	position: relative;
	top: 0;
	padding: 20px;
	}
	#col2{
		max-width: 100%;
	}
	input, select{
		width: 360px;
		margin: 10px auto;
	}
	.select-style{
		width: 360px;
	}
	.submit{
		max-width: 380px;
	}
	#checkbox{
		max-width: 320px;
	}
	h3{
		font-size: 19px;
	}
	h4{
		font-size: 24px;
	}
	.nonepc{
	display: block;
	}
	#container960{
		padding: 0 20px;
	}

}
@media screen and (min-width: 480px) and (max-width: 599px){
	#titulo{
		max-width: 100%;
	}
	.none{
		display: none;
	}
	#col1{
		max-width: 100%;
	}
	ul{
		margin-top: 0px;
		margin-left: 0;
	}
	li{
		margin-top: 5px;	
	}
	#claim2{
		margin-top: 0;
	}
	#form{
	background-image: none;
	background-color: #2886FF;
	bottom: 0;
	height: auto;
	width: 100%;
	}
	#box-form{
	position: relative;
	top: 0;
	padding: 20px;
	}
	#col2{
		max-width: 100%;
	}
	input, select{
		width: 360px;
		margin: 10px auto;
	}
	.select-style{
		width: 360px;
	}
	.submit{
		max-width: 380px;
	}
	#checkbox{
		max-width: 320px;
	}
	h4{
		font-size: 24px;
	}
	.nonepc{
	display: block;
	}
	h1{
		font-size: 35px;
	}
	h2{
		font-size: 85px;
		line-height: 75px;
	}
	h3{
		font-size: 16px;
	}
	#image{
		max-width: 30%;
		position: relative;
    left: -100px;
    z-index: -1;
	}
	#container960{
		padding: 0;
	}
	#image{
		display: none;
	}
	#titulo{
		padding: 20px 20px 0 20px;
	}
	#second, #first{
		margin-top: 0;
	}
}
/*Movil*/
@media screen and (max-width: 479px){
	#titulo{
		max-width: 100%;
		padding: 10px 20px 0px 20px;
	}
	.none{
		display: none;
	}
	#col1{
		max-width: 100%;
	}
	ul{
		margin-top: 0px;
		margin-left: 0;
	}
	li{
		margin-top: 5px;	
	}
	#claim2{
		margin-top: 0;
		margin-left: 0;
	}
	#form{
	background-image: none;
	background-color: #2886FF;
	bottom: 0;
	height: auto;
	width: 100%;
	}
	#box-form{
	position: relative;
	top: 0;
	padding: 20px;
	}
	#col2{
		max-width: 100%;
	}
	input, select{
		width: 100%;
		max-width: 300px;
		margin: 10px auto;
	}
	.select-style{
		width: 100%;
		max-width: 300px;
	}
	.submit{
		max-width: 380px;
	}
	#checkbox{
		max-width: 320px;
	}
	h4{
		font-size: 24px;
	}
	.nonepc{
	display: block;
	}
	h1{
		font-size: 30px;
	}
	h2{
		font-size: 65px;
		line-height: 100%;
	}
	h3{
		font-size: 16px;
	}
	#image{
		display: none;
	}
	#container960{
		padding: 0;
	}
	#logo, #claim{
		max-width: 100%;
	}
	.boton{
		font-size: 1.5em;
	}
	.nonemovil{
		display: none;
	}
	#caracteristicas{
		max-width: 75%;
		padding: 0 10px;
	}
	#second{
		margin-top: 0;
	}
}