@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);
@import url(cabecera.css);
@import url(pie.css);
@import url(navegacion.css);
@charset "utf-8";
/* CSS Document */

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend, article, section, header, footer {margin:0;padding:0;border:none;outline:0;font-weight:normal;font-style:inherit;font-family:inherit; }ol,ul{list-style:none}

a:active, a:focus, input[type="image"] {outline: 0;}
a, a:visited {text-decoration: none;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline:none;}

html, body {height:100%; width:100%;}
html {overflow-y: scroll; overflow-x: hidden;}
body{ font-family: 'Roboto', sans-serif; color: #444; font-size: 12pt;}

textarea {resize:none;}
p {text-align:justify; -webkit-margin-before: 0; -webkit-margin-after: 0; font-size: 11pt;}
figure {padding:0; margin:0; position:relative; overflow:hidden;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, div { display: block; }

.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

/* GENERAL */
#imagen_principal {
  height: 400px;
	background-position: center center;
	background-size: cover;
}
.txtdch {
	text-align: right;
}
#btnVolver {
	cursor: pointer;
	font-size: 14pt;
	background-color: #004681;
	padding: 5px 10px;
	color: white;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	border: solid 2px transparent;
	-webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#btnVolver:hover {
  border: solid 2px #004681;
	background-color: transparent;
	color:#004681;
}

#console {
	color: white;
	position: fixed;
	background-color: black;
	z-index: 200;
	padding: 10px;
	top: 200px;
	left: 100px;
	opacity: 0.5;
}

.center {
	display: inline-block;
	margin: auto;
}

.inline-block {
	display: inline-block;
	max-width: 100%;
}
.overlay {
	background-color: rgba(0,157,224,0.5);
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.contenedor_boton {
	padding-top: 40px;
	padding-bottom: 40px;
}
.boton {
	padding: 4px 10px;
	background-color: #009de0;
	color: white;
	border: solid 2px transparent;
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
	-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.boton:hover {
	background-color: transparent;
	color: #009de9;
	border-color: #009de9;
}

.titulo-caja {
  text-align: center;
}
.titulo-caja * {
	border: solid 1px white;
	font-size: 21pt;
	font-weight: bold;
	letter-spacing: 2px;
	display: inline-block;
	padding: 20px 40px;
	text-transform: uppercase;
	background-color: #073568;
	color: white;
}
.txtcenter {
	text-align: center;
}
.blockCenter {
	margin: auto;
	display: block;
}
.margin-auto {
	display: block;
	margin: auto;
}
.no_bullets li{
	list-style-type: none !important;
}

span {
	display: block;
}
.ancho980 {
  width: 980px;
  max-width: 100%;
  margin: auto;
  position: relative;
}
hr {
	color: #0085bd;
	border-bottom: none;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #0085bd;
}
h1 {
	font-size: 32pt;
}
h2 {
	font-size: 28pt;
}
h3 {
	font-size: 15pt;
}
p{
	font-weight: 300;
	font-size: 12pt;
	color: #646464;
}
.titulo_seccion {
	color: #0085BD;
	font-size: 38pt;
	margin-bottom: 20px;
}

/* Separadores */

.separador20 {height: 20px;display: block;}
.separador40 {height: 40px;display: block;}
.separador80 {height: 80px;display: block;}

/* Formulario de contacto */

.contenedor_formulario {
  padding: 0 0 40px;
}
.formulario {
  margin-top: 10px;
  border: solid 1px #646464;
  padding: 20px;
}
.formulario .col {
  padding: 20px;
}
.formulario label {
  display: block;
  margin-bottom:2px;
  font-weight: 200;
}
.formulario textarea {
  width: 100%;
  height: 200px;
  border: none;
  background-color: #f6f6f6;
  padding: 5px;
  font-family: Roboto, sans-serif;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow:         inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.formulario input:not(#submit_button) {
  font-family: Roboto, sans-serif;
  padding: 5px;
  margin-bottom:10px;
  border: none;
  background-color: #f6f6f6;
  width: 100%;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow:         inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.formulario .contenedor-submit {
  padding: 20px 0;
  text-align: right;
}
.formulario #submit_button {
  cursor: pointer;
  background-color: transparent;
  font-family: Roboto, sans-serif;
  font-size: 14pt;
  font-weight: 400 !important;
  display: inline-block;
  border: solid 2px #0085bd;
  color: #0085bd;
  font-weight: bold;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.formulario #submit_button:hover {
  background-color: #0085bd;
  color: white;
}
.contenedor_recaptcha .g-recaptcha {
  float: right;
	margin: 20px 0 0;
	max-width: 100%;
}

/* TRANSICIONES */
.transicion300{
	-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
/* COLUMNAS */

.col {
	float: left;
}
.col_1_1 {
	width: 100%;
}
.col_1_2 {
	width: 50%;
}
.col_1_3 {
	width: 33.3%;
}
.col_2_3 {
	width: 66.6%;
}
.col_1_4 {
	width: 25%;
}
.col_3_4 {
	width: 75%;
}
.col_1_7 {
	width: 14.28%;
}
.col_1_6 {
	width: 16.66%;
}
.col_1_5 {
	width: 20%;
}

/* Standard */

/* BLOQUE TEXTO */

.bloque_texto {
	padding: 40px 0;
}
.bloque_texto h1,
.bloque_texto h2,
.bloque_texto h3,
.bloque_texto h4,
.bloque_texto h5,
.bloque_texto h6,
.bloque_texto p{
	margin-bottom: 20px;
}
.bloque_texto p a {
	color: #0085bd;
}
.bloque_texto ul li {
	color: #646464;
	font-weight: 300;
	list-style-type: initial;
	margin: 0 0 20px 15px;
}
.bloque_texto .alfa{
	list-style-type: lower-latin !important;
	font-weight: 200;
	margin-left: 19px;
	margin-bottom: 10px;
}
.bloque_texto hr {
	color: #0085bd;
	margin-bottom: 20px;
}

/* BLOQUE IMAGEN */

.bloque_imagen img {
	max-width: 100%;
	display: block;
}

/* Mapa web */

#mapa_web {
	padding: 80px 0;
}
#mapa_web h1 {
	margin-bottom: 40px;
}
#mapa_web a {
	color: #0085bd;
	font-size: 12pt;
}
#mapa_web a:hover {
	opacity: 0.6;
}
#mapa_web li {
	padding: 5px 0;
}
#mapa_web .sitemap_2 {
	margin-left: 20px;
}
#mapa_web .sitemap_2 li:before {
	content: " ";
	height: 15px;
	width: 15px;
	margin-right: 10px;
	border-left: 1px dotted #888;
	border-bottom: 1px dotted #888;
	display: inline-block;
}



@media only screen and (max-width: 980px) {
	
	#mapa_web {
		padding: 80px 20px;
	}
	
	/* Standard */
	.contenedor_formulario {
		padding: 20px;
	}
	.bloque_texto {
		padding: 40px 20px;
	}
	.bloque_imagen {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 767px) {
	.formulario .col {
		width: 100%;
	}
	.formulario {
		padding: 0 0 20px;
	}
	.bloque_texto h1, h1{
		font-size: 24pt !important;
	}
	.bloque_texto h2, h2{
		font-size: 18pt !important;
	}
	#imagen_principal{
	 height: 200px;
	}
}
@media only screen and (max-width: 480px) {
	.bloque_texto h1, h1 {
		font-size: 18pt !important;
	}
	.bloque_texto h2, h2{
		font-size: 16pt !important;
	}
}