@charset "utf-8";
/* INICIO Estilos Etiquetas */
html {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	font-weight:normal;
	color:#000000;
	background-color:#cccccc;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;
	padding:0;
}
a {
	color:inherit;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
	max-width:100%;
	height:auto;
}
img.no-redimensionar {
	width:auto;
	height:auto;
	max-width:none;
	max-height:none;
}
img.imagen-izquierda {
	float:left;
	margin-right:1.6666em;
	margin-bottom:1.6666em;
}
img.imagen-derecha {
	float:right;
	margin-left:1.6666em;
	margin-bottom:1.6666em;
}
h1 ,
h2 ,
h3 ,
h4 ,
p ,
ul ,
ol ,
td ,
th {
	margin:0;
	padding:0;
	font-size:1.8em;
	line-height:1.6666;
	margin-top:1.6666em;
	margin-bottom:1.6666em;
}
form {
	margin-top:1.6666em;
	margin-bottom:1.6666em;
}
form label ,
form input {
	font-size:1.8em;
	line-height:1.6666;
}
td p ,
td td ,
td th ,
th p ,
th td ,
ul ul ,
ul ol ,
ol ol ,
ol ul {
	font-size:inherit;
}
ul li ,
ol li {
	line-height:1.6666em;
	margin-left:1.3333em;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	page-break-inside:never;
}
h2 {
	font-size:2.6em;
	font-weight:bold;
	line-height:1.25;
	color:#17375e;
	margin-top:1.25em;
	margin-bottom:1.25em;
}
h3 {
	font-size:2em;
	font-weight:bold;
	line-height:1.5;
	color:#17375e;
	margin-top:1.5em;
	margin-bottom:1.5em;
}
.alineado-izquierda {
	text-align:left;
}
.alineado-derecha {
	text-align:right;
}
.alineado-centro {
	text-align:center;
}
.alineado-justificado {
	text-align:justify;
}
.letra-pequena {
	font-size:1.4em;
}
p.letra-pequena {
	line-height:1.4285;
	margin-top:2.1428em;
	margin-bottom:2.1428em;
}
.letra-mediana {
	font-size:2.2em;
}
p.letra-mediana {
	line-height:1.3636;
	margin-top:1.3636em;
	margin-bottom:1.3636em;
}
.letra-grande {
	font-size:2.8em;
}
p.letra-grande {
	line-height:1.0714;
	margin-top:1.0714em;
	margin-bottom:1.0714em;
}
.letra-muy-grande {
	font-size:3.6em;
}
p.letra-muy-grande {
	line-height:1;
	margin-top:0.8333em;
	margin-bottom:0.8333em;
}
.error {
	color:#FF0000;
}

.sm-superior {
	margin-top:0 !important;
}
.sm-inferior {
	margin-bottom:0 !important;
}

.hide-text {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.color-destacado {
	color:#17375e;
}

img.logo {
    margin: 10px 30px 0px 0px;
}
p.margen0 {
	margin-top: 0px
}

/* FIN Estilos Etiquetas */

/* INICIO Estilos Maquetacion */

#contenedor {
	width:100%;
}
#cabecera ,
#cuerpo ,
#pie {
	clear:both;
	width:100%;
}
#cabecera .contenido ,
#cuerpo .contenido ,
#pie .contenido {
	max-width:1170px;
	margin:0 auto;
	padding:0 15px;
	display: flex;
}
#cabecera ,
#cuerpo {
	background-color:#17375e;
	color:#cccccc;
}

/* INICIO Estilos Cabecera */
#cabecera {
	padding:50px 0;
}
#cabecera h1#logotipo {
	text-align:center;
	font-size:3.2em;
	line-height:1.25;
	font-weight:bold;
	margin:0;
	padding:0;
	color: #fff;
}
#cabecera h1#logotipo a:hover {
	text-decoration:none;
}
/* FIN Estilos Cabecera */

/* INICIO Estilos Cuerpo */
#cuerpo {
	padding:0 0 100px 0;
}
#cuerpo #cuerpo-izquierda ,
#cuerpo #cuerpo-derecha {
	float:left;
}
#cuerpo #cuerpo-izquierda {
	width:320px;
	margin-right:30px;
}
#cuerpo #cuerpo-derecha {
	width:800px;
}
#cuerpo .recuadro-contenido {
	padding:10px 40px;
	border:3px solid #000000;
	background-color:#ffffff;
	color:#000000;
}
/* FIN Estilos Cuerpo */

/* INICIO Estilos Pie */
#pie {
	padding:20px 0;
}
#pie .copyright {
	font-size:14px;
	line-height:20px;
	margin:20px auto;
	text-align:center;
	color:#666666;
}
/* FIN Estilos Pie */

.terminador {
	clear:both;
	line-height:0;
	height:0;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.oculta-de-bots {
	display:none;
}
.blanco{
	color: #ffffff;
}

/* FIN Estilos Maquetacion */

/* INICIO Estilos Menu */
#menu {
	margin:0px 0 0 0;
}
#menu .menu-boton-menu {
	display:none;
}
#menu ul ,
#menu ul li ,
#menu ul li a ,
#menu ul li span.enlace {
	display:block;
	margin:0;
	padding:0;
}
#menu ul {
	list-style:none;
	font-size:2.2em;
	line-height:1;
	font-weight:bold;
}
#menu ul li {
	margin: 0px 0px 20px 0px;
}
#menu ul li a {
	padding:0 0.5em;
	border:3px solid #385d8a;
	background-color:#4f81bd;
	color:#ffffff;
}
#menu ul li.seleccionada a ,
#menu ul li a:hover {
	text-decoration:none;
	background-color:transparent;
	color:#ffffff;
}
/* FIN Estilos Menu */