/*
	COLORES BASE
----------------

» Gama 1: color principal

c1.1: 00294a; (oscuro)
c1.2: 000000; (vivo)
c1.3: 557086; (apagado)
c1.4: afc5da; (claro)
c1.5: e5eaf0; (clarísimo)

» Gama 2: color secundario

c2.1: ce953b; (oscuro)
c2.2: ee9301; (vivo)
c2.3: 90764c; (apagado)
c2.4: f6cd8d; (claro)
c2.5: fee6c8; (clarísimo)

» Gama 4: básicos

c4.1: 152713; (texto)

NOTA: Revisar también el estilos-tiny.css
NOTA: Revisar también los css que están dentro de cada tema en la carpeta temas

*/

html{
	overflow-y: scroll;
}

body {
	background-color: #ffffff;
	color: #969696;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	line-height: 18px;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 15px;
}

h1 {
	color: #ffffff;
	font-weight: bold;
}

h2 {
	color: #000000;
	display: block;
	font-size: 120%;
	font-weight: bold;
	xpadding-bottom: 20px;
}

h3 {
	color: #000000;
	font-size: 120%;
	font-weight: bold;
	margin: 7px 0 0 0;
}

h4 {
	color: #ce953b;
	font-size: 120%;
	font-weight: bold;
}

h5 {
	color: #ce953b;
	font-size: 110%;
	font-weight: bold;
}

p {
	margin: 0px 0px 10px 0px;
}

strong {
	color: #ce953b;
}

a {
	color: #316ac5;
	text-decoration: underline;
}

a:hover {
	color: #ce953b;
	text-decoration: none;
}

hr {
	border: 0px;
	border-bottom: 1px solid #aab8c3;
}

ul, ol {
    margin-bottom: 15px;
}

ul li {
	background: url(../img/estructura/estilo-lista.png) no-repeat 1px 6px;
	list-style: none;
	margin-bottom: 8px;
	padding: 0 0 0 14px;
}
ul li ul{
	padding: 10px 0 0 0;
}
ol li {
	list-style-position:inside;
	margin-bottom: 8px;
	padding: 0 0 0 14px;
}

/*/ Estructura
------------------------------------ */

p#version {
	text-align: center;
	margin-top: 10px;
	color: #990125;
}
p#version strong {
	color: #990125;
	font-size: 120%;
}

#actualizar_navegador {
	background: url(../img/actualizar-navegador/fondo.jpg) no-repeat left top;
	width: 840px;
	height: 120px;
	margin: 5px auto;
}
#actualizar_navegador p {
	padding: 6px 0 0 85px;
	margin: 0;
}
#actualizar_navegador p strong {
	color: #000000;
}
#actualizar_navegador div {
	margin: 16px 0 0 28px;
}
#actualizar_navegador a {
	text-decoration: none;
}

/*/ PARA LAS SOMBRAS /*/

#aura {
	margin: 0 auto 0 auto;
	width: 950px;
}

/*/ CONTENEDOR /*/

#contenedor {
	margin: 0 auto 0 auto;
	padding-bottom: 20px;
	width: 950px;
}

.ie7 #contenedor { padding-bottom: 13px; }

/*/ CABECERA /*/

#cabecera {
	height: 220px;
	margin: 0 auto 0 auto;
	width: 950px;
}

#imagen_cabecera {
	background: url(../img/estructura/cabecera/cabecera.jpg) no-repeat center top;
	height: 220px;
}

/*/ LOGOTIPO /*/

#logotipo {
	float: left;
	margin: 68px 0 0 0;
}

/*/ RUTA /*/

#ruta {
	background-color: #f0f7ff;
	margin-bottom: 15px;
}
#ruta span {
	margin: 0;
	padding: 2px 8px 2px 0;
	background-color: #ffffff;
	font-size: 12px;
}


/*/ IDIOMAS /*/

#menu_idiomas {
	float: right;
	font-size: 12px;
	height: 37px;
	margin-top: 25px;
}

#list-idioma {
	margin: 3px 0 0 18px;
}

#list-idioma li {
	color: #ffffff;
	display: inline;
	background: url(../img/estructura/idiomas/separador.gif) no-repeat left center;
	padding: 0px 6px 3px 10px;
}

#list-idioma li.primero {
	background: none;
	padding: 0px 6px 3px 15px;
}

#list-idioma li a {
	color: #004aa9;
	text-decoration: underline;
}
#list-idioma li a:hover {
	/*color: #bad8ff;*/
	text-decoration: none;
}



/*/ NAVEGACION PRINCIPAL /*/

ul#menu {
	margin: 0;
}
ul#menu li {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#menu li a {
	color: #000000;
}

ul#menu li.seleccionado-menu a, ul#menu li.seleccionado-menu a:hover {
	color: #000000;
}

/*/ NAVEGACION SECUNDARIA /*/

#navegacion-secundaria {
	xbackground: #000000;
	display: block;
	float: left;
	width: 200px;
}

ul#submenu {
	margin: 0;
}

ul#submenu li {
	background: none;
	float: left;
	border-bottom: 1px solid #ffffff;
	list-style: none;
	width: 200px;
	margin: 0;
	padding: 0;
}

ul#submenu li a {
	background: url(../img/estructura/navegacion/estilo-lista.png) no-repeat 6px 7px #e5eaf0;
	color: #00294a;
	display: block;
	padding: 3px 0px 4px 19px;
	text-decoration: none;
}

ul#submenu li a:hover {
	background: url(../img/estructura/navegacion/estilo-lista.png) no-repeat 6px 7px #fee6c8;
	color: #ee9301;
}

ul#submenu li.selec-submenu a {
	background: url(../img/estructura/navegacion/estilo-lista.png) no-repeat 6px 7px #afc5da;
	color: #557086;
	padding: 3px 0px 4px 19px;
}

ul#submenu li.selec-submenu-sub a {
	background: url(../img/estructura/navegacion/desplegable.png) no-repeat 185px 7px #afc5da;
	color: #557086;
	padding: 3px 0px 4px 7px;
}

/*/ Nivel 3 /*/

ul#submenu li ul.nivel3 {
}

ul#submenu li ul.nivel3 li {
}

ul#submenu li ul.nivel3 li a {
	xbackground: url(../img/estructura/navegacion/nivel3-alink.gif) 0px 10px no-repeat #ffffff;
	background: url(../img/estructura/navegacion/nivel3-alink.gif) 0px 10px no-repeat;
	display: block;
	padding-left: 19px;
}

ul#submenu li ul.nivel3 li a:hover {
	background: url(../img/estructura/navegacion/nivel3-ahover.gif) 0px -2px no-repeat  #fee6c8;
	color: #ce953b;
	display: block;
}

ul#submenu li ul.nivel3 li.selec-nivel3 a {
	background: url(../img/estructura/navegacion/nivel3-ahover.gif) 0px -2px no-repeat  #fee6c8;
	color: #ce953b;
	display: block;
	font-weight: bold;
}

/*/ ARTICULO /*/

p.titulo span {
	font-size: 120%;
	color: #000000;
}

p.subtitulo {
	margin: 15px 0px 15px 0px;
	font-style: italic;
	color: #777777;
}

.mitad-derecha {
	float: right;
	width: 435px;
}

.bloque-derecha {
	float: right;
	width: 240px;
	margin-left: 10px;
}
.bloque-derecha-articulos {
	float: right;
	width: 330px;
	margin: 0 0 10px 15px;
}
.contenido-columna-centro {
	float: left;
	width: 450px;
	padding-top: 15px;
}
.contenido-columna-centro li{
	margin-left: 15px;
}
.contenido-columna-derecha {
	float: right;
	width: 200px;
}
.mitad-izquierda p, .bloque-izquierda p {
	text-align: left;
}

.trescolumnas-izquierda {
	float: left;
	width: 170px;
	margin-right: 20px;
}
.trescolumnas-centro {
	float: left;
	width: 435px;
	margin-right: 20px;
}
.trescolumnas-derecha {
	float: left;
	width: 240px;
}

.link-dashed-up {
	border-top: 1px dashed #c8c8c8;
	text-align: right;
	margin-top: 10px;
	padding-top: 10px;
}

#articulo img {
	xborder: 1px solid #c5cfd8;
}
div.imagen-principal {
	text-align: center;
	margin: 0;
	padding: 0;
}
div.imagen-principal a {
	display: block;
}

div.cuadro-puntos-amarillos {
	border: 1px dotted #CE953B;
	padding: 10px;
}

div.puntos-amarillos {
	border-top: 1px dotted #CE953B;
	margin: 10px 0 10px 0;
}
div.puntos-azules-sup {
	border-top: 1px dotted #316AC5;
	margin: 0 0 10px 0;
}
div.puntos-azules-inf {
	border-top: 1px dotted #316AC5;
	margin: 10px 0 10px 0;
}


ol.lista-numerada-comun { margin-bottom: 15px; }
ol.lista-numerada-comun li {
	margin: 0px 0px 15px 19px;
}

.fecha {
	font-style: italic;
	margin-top: 5px;
}

/*/ PIE DE PÁGINA /*/

#pie-de-pagina {
	background: url(../img/estructura/pie.jpg) no-repeat center top;
	margin: 0 auto 0 auto;
	text-align: center;
	height: 110px;
	width: 950px;
	font-size: 12px;
}
#pie-de-pagina p {
	color: #ffffff;
	margin: 87px 20px 0 0;
	text-align: right;
	padding: 0 0 0 0;
	float: right;
}
#pie-de-pagina a {
	color: #ffffff;
}
#pie-de-pagina a:hover {
	color: #95b3e1;
}

/* Firma
------------------------------------ */

#firma {
	float: left;
	color: #95b3e1;
	margin: 87px 0 0 20px;
}

#firma a {
	color: #ffffff;
	text-decoration: none;
	margin-right: 20px;
}
#firma a:hover {
	text-decoration: underline;
}

/*/ SECCION // noticias
------------------------------------ */

.listado-noticias li {
	padding-bottom: 5px;
	margin: 10px 0 20px 0;
	list-style: none;
	border-bottom: 1px solid #c1cbd5;
}
.listado-noticias li p {
	margin-bottom: 10px;
}

.listado-noticias li a {
	font-size: 120%;
}

/*/ SECCION // aviso-legal
------------------------------------ */
.aviso-legal h3{
	margin-bottom:10px;
}

/*/ SECCION // contacto
------------------------------------ */
.vcard{
	margin-bottom: 30px;
}

#map_canvas { /* Mapa de google maps */
	height: 275px;
}

#direccion-contacto {
	/*background:  #99CC99;
	border: 1px solid red;*/
	float: right;
	width: 419px;
}

#caja-formulario-contacto {
	float: left;
	margin-right: 30px;
	width: 437px;
}

#formulario-contacto legend { display: none; }

#formulario-contacto label {
	float: left;
	margin-top: 2px;
	font-size: 12px;
}

#formulario-contacto label.con-error {
	color: #ff0000;
}

#formulario-contacto .input-txt, #formulario-contacto textarea {
	float: right;
	border: 1px solid #888888;
	color: #969696;
	padding: 1px 3px;
	margin-bottom: -2px;
	width: 336px;
}
.ie7 #formulario-contacto .input-txt, .ie7 #formulario-contacto textarea {
	padding: 2px 3px;
}

#formulario-contacto select {
	float: right;
	border: 1px solid #888888;
	color: #969696;
	width: 344px;
	margin-bottom: -2px;
}
#formulario-contacto .label-textarea {
	padding-top: 2px;
}
#formulario-contacto textarea {
	height: 100px;
}

#formulario-contacto input.con-error, #formulario-contacto textarea.con-error, #formulario-contacto select.con-error {
	border: 1px solid #ff0000;
	background: #ffdddd;
}

#formulario-contacto input:focus, #formulario-contacto textarea:focus {
	border: 1px solid #000000;
}

#formulario-contacto fieldset li {
	list-style: none;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#formulario-contacto fieldset.checkbox {
	border: none;
	margin: 10px 0 0 0px;
}
.ie7 #formulario-contacto fieldset.checkbox {
	margin-left: 67px;
}
#formulario-contacto fieldset.checkbox label {
	float: left;
	width: 360px;
	margin: 0 0 0 5px;
}
.ie7 #formulario-contacto fieldset.checkbox label {
	margin-top: 3px;
}
#formulario-contacto fieldset.checkbox input {
	float: left;
}

#formulario-contacto input.enviar {
	border: 0;
	background: url(../temas/clasico-menu-lateral-izquierda/img/menu/lvl1.png) repeat-x left bottom #e8eef8;
	color: #242021;	
	cursor: pointer;
	float: right;
	padding: 3px 0;
	width: 116px;
}

#formulario-contacto input.enviar:hover {
	background: url(../temas/clasico-menu-lateral-izquierda/img/menu/lvl1-over.png) repeat-x left bottom #e8eef8;
	color: #242021;	
}

#politica_proteccion {
	text-align: justify;
	padding: 20px;
}
#politica_proteccion h1 {
	color: #000000;
	margin-bottom: 10px;
}

/*/ MENSAJES ESPECIALES /*/

ul#mensaje {
	margin: 0;
	list-style-type: square;
}

ul#mensaje li {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 18px;
	padding-bottom: 5px;
}

ul#mensaje strong {
	color: #000000;
}
ul#mensaje span.cursiva {
	font-style: italic;
}

div.msg_basic {
	line-height: 20px;
	margin: 10px 0;
	padding: 15px 0 15px 50px;
}
div.msg_basic p {
	margin: 3px 0;
}

div.msg_basic_js {
	padding: 25px 0 25px 50px;
}

div.msg_ok {
	background: #b8e5ad url(../img/alertas/notificacion.jpg) no-repeat 10px center;
	border: 1px solid #143b0b;
	color: #143b0b;
	/* temporal */ padding: 10px 0px 10px 70px;
}

div.msg_error {
	background: #febcaf url(../img/alertas/error.jpg) no-repeat 10px center;
	border: 1px solid #5d0f0f;
	color: #5d0f0f;
	/* temporal */ padding: 10px 0px 10px 70px;
}

div.msg_caution {
	background: #f8e895 url(../img/alertas/advertencia.jpg) no-repeat 10px center;
	border: 1px solid #514816;
	color: #514816;
	/* temporal */ padding: 10px 0px 10px 70px;
}

div.jquery_msg {
	padding: 20px 0;
}

div.jquery_msg ul {
	display: inline;
	margin: 0;
}

div.jquery_msg ul li {
	display: inline;
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.jquery_msg ul li a {
	background: #7f7f7f url(../privado/img/accion/normal.gif) no-repeat;
	color: #ffffff;
	display: inline-block;
	text-decoration: none;
}

div.jquery_msg ul li a:hover {
	background: #7f7f7f url(../privado/img/accion/normal_hover.gif) no-repeat;
}

div.jquery_msg ul li a span {
	background: url(../privado/img/accion/fin-boton.gif) no-repeat right top;
	display: block;
	margin-left: 2px;
	padding:  4px 11px 3px 11px;
}

div.jquery_msg ul li a:hover span {
	background: url(../privado/img/accion/fin-boton_hover.gif) no-repeat right top;
	color: #111111;
}

/* Imágenes y archivos dinámicos (img/file)
------------------------------------ */

div.archivos-img {
	float: left;
	overflow: hidden;
	margin: 0 10px 10px 0;
}
div.archivos-img-fix-size {
	width: 212px;
	height: 188px;
}
div.archivos-img-fix-size a {
	display: block;
}

div.archivos-file p {
	margin-bottom: 10px;
}

/* Baja boletines
------------------------------------ */
.baja .suscripciones{
	margin-bottom: 20px;
	list-style: none;
	padding-left: 20px;
}
.baja .suscripciones li{
	line-height: 1.5em;
	height: 1.5em;
}
.baja .suscripciones li input{
	height: 1.5em;
	display: inline;
	vertical-align: middle;
}
.baja input.boton{
	border: 0;
	background: #000000;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	padding: 3px 10px;
}

.baja input.boton:hover {
	background: #557086;
}