body.principal {
    font-size:0.85em;
    font-family:sans-serif;
    background-color: #F0F0F0;
    background-image: url("../graficos/fondo_gradiente.png");
    background-repeat: repeat-x;
    color: #000000;
}
p {
    line-height: 1.5em;
    text-align:justify;
}
a {
    text-decoration: none;
    color: #0000AA;
    border-bottom:1px dotted #0000AA;
}
a:hover{
    color: #002066;
    border-bottom:1px solid #0000AA;
}
a img{
    border: none;
}
h1{
    background: transparent url('../graficos/logo.png') no-repeat scroll 0% 0%;
    cursor:pointer;
    text-indent: -9999px;
    display:block;
    position: absolute; top:0px; left:0px;
    z-index:1000;
    display:none;
}
h2{
    color: #120E5E;
    text-align:center;
}
h3{
    color: #120E5E;
}
dl dt{
    font-weight:bold;
}
dl dd{
    line-height:1.5em;
}
ul li{
    margin:0.7em 0px 1px 0px;
}
#contenedor_principal{
	margin-left:auto; margin-right:auto;width:1000px;
/*         border-top:1px solid white; */
        position: relative;
}
#logo{
    display:block;
    position: absolute;
    top:0px; left:0px;
    cursor:pointer;
    z-index:1000;
}
#ilusion_innovar{
    display:block;
    position: absolute;
    left:170px; top: 10px;
}
/* M E N U */
dl#nav_principalText dt a{
    display:block;
    background-color:#9FB3F4;
    font-weight:bold;
    padding:2px 0 2px 1em;
    border-top:1px dotted #0000AA; border-bottom:1px dotted #0000AA;
}
dl#nav_principalText dd{
    margin:0 0 0 1em;
}
dl#nav_principalText dt a:hover{
    background-color:#8D9FD9;
}
dl#nav_principalText ul{
    list-style:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
dl#nav_principalText li{
    margin:0px;
    padding:0px;
}
dl#nav_principalText li.seleccionado, dl#nav_principalText dt.seleccionado{
    font-style:italic;
}
dl#nav_principalText ul a{
    display:block;
    line-height:1.5em;
    border-bottom:1px solid #FFFFFF; border-left:1px dotted #0000AA; border-right:1px dotted #0000AA;
    background-color: #FAFAFE;
    padding-left:0.5em;
    font-size:0.78em;
}
dl#nav_principalText ul a:hover{
    background-color: #EAEAFE;
}
dl#nav_principalText img.control_menu{
    float:right;
    margin-top:5px;margin-right:5px;
    cursor: pointer;
}

#idioma{
    float:left;
    position:absolute;
    left:500px; top:0px;
/*     border:1px solid red; */
}
#idioma img{
    vertical-align:bottom;
}
#buscador{
    float:left;
    position:absolute;
    left: 740px; top:0px;
}
#palabras_buscador{
    width:120px;
}
input[type="image"]{
    vertical-align:bottom;
}
#menu_rapido{
    float:left;
    position:absolute;
    left:505px; top:45px;
/*     border:1px solid blue; */
}

#menu_rapido ul{
    margin: 0;
    padding:0;
    list-style:none;
}

#menu_rapido ul li{
    float:left;
    background-image:url("../graficos/menu_rapido_fondo.png");
    width:80px; height:20px;
    padding-left:10px; padding-right:10px; padding-top:8px;
    margin:0;
    text-align:center;
    font-size:1.1em;
}
.menu_rapido_over{
    background-position:0px 28px;
}
#menu_rapido #mapa_web,#menu_rapido #sindicar, #menu_rapido #accesibilidad{
    margin-left: 20px;
}
#cuerpo{
    margin-top:100px;
/*     width:1019px; */
}

#contenedor_menu{
    float:left;
    width:180px;
    margin-left:4px; margin-top:2em;
}
#contenedor_contenido{
    float:left;
    width:770px;
    margin-left:1em;
}
.clearfix {
    display:block;
}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/* Camino de migas */
ul.migas {
    margin:1em 0;
    display:block;
    border-bottom:1px dotted #0000AA;
    padding: 0 0 0.7em 1em;
}
ul.migas li {
    float:none;
    display:inline;
}
/* Mensajes */
ul.messages{
    display:block;
    background-color:#FFAAAA;
    border:1px dotted #FF0000;
    list-style:none;
    margin:0;
}
ul.messages li{
    padding:0 0 0 1em;
    margin:0;
    font-weight:bold;
    font-size:0.7em;
}


#pie_de_pagina{
/*     float:left; */
/*     width:985px; */
    width:1019px;
    margin-top:1em; margin-bottom:2em;
}
#pie_de_pagina p{
/*     margin-top:0px; margin-bottom:0px; */
    text-align:center;
}
#pie_de_pagina ul.validate{
    list-style:none;
    float:left;
    width:100%;
    margin:0px;
    padding:0px;
}
#pie_de_pagina ul.validate li{
/*     display:block; */
    float:left;
    margin:0 2em 0 0;
    padding:0;
}
#pie_de_pagina ul.validate li.primero{
    margin-left:265px;
}
#pie_de_pagina ul.validate li a{
    border: 0 none;
}
ul#legal{
    font-size:0.75em;
    list-style:none;
}
ul#legal li{
    float:left;
}
ul#legal li.aviso-legal{
    margin-right:2em; margin-left:350px;
}

#logo_ascentic{
    vertical-align:bottom;
}
p.centrado{
    text-align:center;
}

.salto_linea{
    clear:both;
}
.invisible{
    display:none;
}
img.flotante_derecha{
    float:right;
    margin: 1em;
}
.cuadro_info{
    text-align:center;
    border-top:1px dotted black;border-bottom:1px dotted black;
    margin-top:2em; margin-bottom:1em;
    padding:1em;
    background-color:#EFEFF4;
}
.par{
    background-color:#f0f1fb;
}
.impar{
    background-color:#f7f8fe;
}
.contenedor_cuadro_redondo{
    float:left;
/*     border:1px solid green; */
}
.cuadro_redondo{
    background-image:url("../graficos/cuadro_redondo_fondo.png");background-repeat:repeat-x;
    height:26px;
    float:left;
    padding-top:4px;
}
.cuadro_redondo_izda{
    float:left;
}
.cuadro_redondo_drcha{
    float:left;
}
img + .leyenda{
    margin-top:5px;
    padding:5px;
    color: white;
    background-color:#3F50BB;
    text-align:center;
    border:1px solid #000000;
}
div.imagen_derecha{
    float:right;
    margin: 10px;
/*     border:1px solid red; */
}
div.imagen_izquierda{
    float:left;
    margin: 10px;
/*     border:1px solid red; */
}
.listado{
    list-style-image: url("../graficos/flecha_lista.png");
    list-style-position:inside;
    padding-left:0px;
/*     text-align:left; */

}
.listado li{
    padding: 5px 5px 5px 5px;
    margin-bottom:1px;
    width:100%;
}
.barra_navegacion, .paginador{
    background-color:#EFEFF4;
    text-align:center;
    padding-left:5px; padding-top:5px;padding-bottom:5px; padding-right:5px;
    border-top:1px dotted #1E4377;border-bottom:1px dotted #1E4377;
    margin-bottom:10px;margin-top:10px;
}
.paginador{
    text-align:right;
}
.paginador_total_resultados{
    float:left;
}
/* Definiciones formularios */
dl.formulario{
    background-color:#F1F4FA;
    border:1px dotted #000000;
    margin:1em;
    padding:1em;
}
dl.formulario dt{
}
dl.formulario dd{
    margin:0 0 1em 0;
}
dl.formulario dd ul li{
    float:left;
    margin:0 1em 0 0;
}
dl.formulario .help_text{
    font-size:0.9em;
    font-style:italic;
}
/* Errores de los formularios */
ul.errorlist{
        list-style: none;
        padding-left:0px;
        color: red;
}

ul.errorlist li{
        font-size: 0.8em;
}
/* TABLAS */
table.formateada {
        width:100%;
        background-color: #D7D7FF;
}
table.formateada caption{
    font-weight:bold;
    padding-bottom:5px;padding-top:5px;
    margin-bottom:10px;
    background-color: #EFEFF4;
    border-top:1px dotted #1E4377;border-bottom:1px dotted #1E4377;
}
table.formateada th{
        background-color: #FFFFFF;
}
table.formateada td{
        background-color: #F7F8FE;
        padding:5px;
}
#ce{
    vertical-align:bottom;
}

/*
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:985px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:15px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
/*  border:1px solid blue; */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url('../graficos/cuerpo-fondo/fondo.png') no-repeat top right;
}

.dialog .content {
 position:relative;
 padding:0px 10px 0px 0px;
 margin:0px;
/*  border:1px solid green; */
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px; top:0px;
 width:15px; /* top slice width */
 margin-left:-10px;
 height:100%;
 background-position:top left;
/* border:1px solid red; */
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:15px; /* bottom corner width */
 margin-left:-10px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
/*  max-height:1000px; */
 overflow:hidden;
/*  overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

.hidden{
	display:none;
}