.cnt_img img
{
	margin:0 auto;
	display:block;
}
.clear
{
	clear:both;
}


	
	
	html{
background:url(img/fondo-general.png);

width:100%;
height:100%;
margin:0 auto;
}

body{
	width: 100%;
	height: 100%;
}



	


@font-face {
	font-family: 'AccordAlt-Light';
	src: url('fonts/AccordAlt-Light.eot?') format('eot'), 
	     url('fonts/AccordAlt-Light.otf')  format('opentype'),
	     url('fonts/AccordAlt-Light.woff') format('woff'), 
	     url('fonts/AccordAlt-Light.ttf')  format('truetype'),
	     url('fonts/AccordAlt-Light.svg#AccordAlt-Light') format('svg');
}



@font-face {
	font-family: 'AccordAlt-Regular';
	src: url('fonts/AccordAlt-Regular.eot?') format('eot'), 
	     url('fonts/AccordAlt-Regular.otf')  format('opentype'),
	     url('fonts/AccordAlt-Regular.woff') format('woff'), 
	     url('fonts/AccordAlt-Regular.ttf')  format('truetype'),
	     url('fonts/AccordAlt-Regular.svg#AccordAlt-Regular') format('svg');
}


@font-face {
	font-family: 'AccordAlt-Bold';
	src: url('fonts/AccordAlt-Bold.eot?') format('eot'), 
	     url('fonts/AccordAlt-Bold.otf')  format('opentype'),
	     url('fonts/AccordAlt-Bold.woff') format('woff'), 
	     url('fonts/AccordAlt-Bold.ttf')  format('truetype'),
	     url('fonts/AccordAlt-Bold.svg#AccordAlt-Bold') format('svg');
}



@font-face {
	font-family: 'OstrichSansRounded-Medium';
	src: url('fonts/OstrichSansRounded-Medium.eot?') format('eot'), 
	     url('fonts/OstrichSansRounded-Medium.otf')  format('opentype'),
	     url('fonts/OstrichSansRounded-Medium.woff') format('woff'), 
	     url('fonts/OstrichSansRounded-Medium.ttf')  format('truetype'),
	     url('fonts/OstrichSansRounded-Medium.svg#OstrichSansRounded-Medium') format('svg');
}




@font-face {
	font-family: 'stagsans-book';
	src: url('fonts/stagsans-book.eot?') format('eot'), 
	     url('fonts/stagsans-book.otf')  format('opentype'),
	     url('fonts/stagsans-book.woff') format('woff'), 
	     url('fonts/stagsans-book.ttf')  format('truetype'),
	     url('fonts/stagsans-book.svg#stagsans-book') format('svg');
}

@font-face {
	font-family: 'stagsans-light';
	src: url('fonts/stagsans-light.eot?') format('eot'), 
	     url('fonts/stagsans-light.otf')  format('opentype'),
	     url('fonts/stagsans-light.woff') format('woff'), 
	     url('fonts/stagsans-light.ttf')  format('truetype'),
	     url('fonts/stagsans-light.svg#stagsans-light') format('svg');
}


@font-face {
	font-family: 'stagsans-medium';
	src: url('fonts/stagsans-medium.eot?') format('eot'), 
	     url('fonts/stagsans-medium.otf')  format('opentype'),
	     url('fonts/stagsans-medium.woff') format('woff'), 
	     url('fonts/stagsans-medium.ttf')  format('truetype'),
	     url('fonts/stagsans-medium.svg#stagsans-medium') format('svg');
}


p{
	
	font-family: 'stagsans-book';
	font-size:1em;
	text-align:left;
}



		









#titular1{
	display: table;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 100%;
	padding-left: 25%;
	padding-right: 25%;

}


#titulo-evento{
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100%;

}





#contenedor-form{
	display: block;
	width: 50%;
	min-height: 130px;
	margin: 0 auto;
	background:#FFFFFF; 
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #595e62;
box-shadow: 0 0 35px 0 #595e62;
	box-sizing: border-box;
	padding: 3%;
}




#cabecera-form{
}




#logo-up{
	display: block;
	float: right;
	width: 140px;

}




#formulario{
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}


#titular-campana{
	margin: 0 auto;
	width: 70%;
	margin-top: 2%;
	margin-bottom: 2%;
	
}


.subtitular{
	font-family: 'AccordAlt-Light';
	font-size: 1.2em;
	color: #0033A0;
	text-align:center;
	display: block;
}

.campo-texto{
	display: block;
	width: 100%;
	-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
	border: 1px solid #b9cdde;
	height: 30px;
	box-sizing: border-box;
	padding-left: 10px;
	margin-bottom:5px;
	font-family: 'AccordAlt-Bold';
font-style: italic;
	color: #304b61;
	font-size: 0.8em;
	background: #e6eef6;

}


#campo-interes{
	display: block;
	width: 100%;
	-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
	border: 1px solid #b9cdde;
	box-sizing: border-box;
	padding-left: 10px;
	margin-bottom:5px;
	font-family: 'AccordAlt-Light';
	color: #304b61;
	font-size: 0.8em;
	background: #e6eef6;
text-align: left;
}


.titular-campos-interes{
	font-family: 'AccordAlt-Regular';
	color: #304b61;
	font-size: 1.2em;
	text-align: left;
	width: 100%;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}


.interes{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	box-sizing: border-box;
	margin-bottom: 5px;

}


.detalle-interes{
	font-size: 1em;
	padding-left: 5px;
	padding-top: -5px;
	display: inline-block;
	box-sizing: border-box;
	float: left;
}


.radio-btn{
	display: block;
	float: left;
 }


#indicacion{
	font-family: 'AccordAlt-Light';
	color: #304b61;
	font-size: 0.7em;
	text-align: left
}


.enviar{
	background: #0662b2;
	-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
	width: 70%;
	color: #FFFFFF;
	border: none;
	margin-top: 20px;
	height: 30px;
	text-transform: uppercase;
-webkit-box-shadow: 0 0 5px 0 #424057;
box-shadow: 0 0 5px 0 #424057;


}




#texto-gracias{
	font-family: 'AccordAlt-Regular';
	color: #064882;
	font-size: 1em;
	text-align: left;
	width: 100%;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}



#autorizaciones{
	display: block;
	width: 100%;
	margin-top: 20px;
	color: #838a8c;
}



.campo-autorizacion{
	display: table;
	width:100%;
	font-size: 0.7em;
	border-bottom: 1px solid #b4b7b8;
	padding-bottom: 5px;
	padding-top: 5px;
}


.detalle-autorizacion{
	display: table-cell;
	width: 80%;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}


.campo-aceptar{
	display: table-cell;
	width: 7%;
	text-align: left;
	vertical-align: middle;

}


#btn-terminos{
	display: block;
	font-size: 0.7em;
	max-width: 40%;
	border: 1px solid #b4b7b8;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 1%;
	-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}




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

	
	
#contenedor-form{
	display: block;
	width: 70%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}

	
}


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

	
	
#contenedor-form{
	display: block;
	width: 70%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}

	
}




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

	
	
#contenedor-form{
	display: block;
	width: 70%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}

	
}



















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

	
	
#contenedor-form{
	display: block;
	width: 80%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}

	
}	




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

	
	
#contenedor-form{
	display: block;
	width: 80%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}

	
}	









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

#contenedor-form{
	display: block;
	width: 70%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
	
}	









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

	#contenedor-form{
	display: block;
	width: 70%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
	
}	


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

	#contenedor-form{
	display: block;
	width: 90%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
	
}	




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

	#contenedor-form{
	display: block;
	width: 80%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
}	




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

	#contenedor-form{
	display: block;
	width: 98%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
	
}




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

	#contenedor-form{
	display: block;
	width:100%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
	
}	



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

	#contenedor-form{
	display: block;
	width: 95%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
	
}


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

	
	#titular1{
	display: table;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 100%;
	padding-left: 15%;
	padding-right: 15%;

}
	
	
	
	#contenedor-form{
	display: block;
	width: 100%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
	
}


@media screen and (max-width:800px){	
	
	#titular1{
	display: table;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 100%;
	padding-left: 10%;
	padding-right: 10%;

}
	
	
	
	#contenedor-form{
	display: block;
	width: 85%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
	
}	


@media screen and (max-width:768px){	
	
		#titular1{
	display: table;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 100%;
	padding-left: 15%;
	padding-right: 15%;

}
	
	
	
	#contenedor-form{
	display: block;
	width: 85%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
	
}	



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

	
	#titular1{
	display: table;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 100%;
	padding-left: 15%;
	padding-right: 15%;

}
	
	
	
	#contenedor-form{
	display: block;
	width: 100%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
	
}




@media screen and (max-width:640px){	
	
	
		#titular1{
	display: table;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 100%;
	padding-left: 10%;
	padding-right: 10%;

}
	
	
	
	#contenedor-form{
	display: block;
	width: 85%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
	
	
}	



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

	
	#titular1{
	display: table;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 100%;
	padding-left: 15%;
	padding-right: 15%;

}
	
	
	
	#contenedor-form{
	display: block;
	width: 100%;
	min-height: 130px;
	margin: 0 auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.94+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 0 35px 0 #00315e;
box-shadow: 0 0 35px 0 #00315e;
	box-sizing: border-box;
	padding: 3%;

}
	
}







@media screen and (max-width:620px){	
	
		#titular1{
	display: table;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 100%;
	padding-left: 5%;
	padding-right: 5%;

}
	
	


}	



@media screen and (max-width:580px){
	
	
			#titular1{
	display: table;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 100%;
	padding-left: 5%;
	padding-right: 5%;

}
	
	
	#logo-fondo{
	display: block;
	float: left;
	width: 80px;
}


#logo-up{
	display: block;
	float: right;
	width: 100px;

}
	
	
}	

	
	
	
.interes{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 5px;

}	
	
	
	
}	




@media screen and (max-width:400px){
	
	
			#titular1{
	display: table;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	min-height: 100%;
	padding-left: 5%;
	padding-right: 5%;

}
	
	
	#logo-fondo{
	display: block;
	float: left;
	width: 80px;
}


#logo-up{
	display: block;
	float: right;
	width: 100px;

}

	
	

	
.interes{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 5px;

}	
	
	
	
}	





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

}