/*
 * Genéricos
 */
body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    color: black;
    background-color: white;
    padding: 0;
    margin: 0;
    background: url('../imagenes/body_background.jpg') repeat-y left center;
}

/*
 * Cabecera
 */

div#cabecera {
    /*
     * #9cc
     */
    background-color: #6c9;
    color: black;
    padding-top: 1em;
    text-align: center;
    border-bottom: 2px solid #900;
    background-image: url('../imagenes/fondo.jpg');
    background-repeat: no-repeat;
    background-position: top right
}

div#cabecera h1 {
    margin: 0;
    font-size: 2.5em;
}

div#cabecera div#idioma {
    font-size: 0.8em;
    position: absolute;
    left: 1px;
    top: 1px;
    font-weight: bold;
    background-color: #060;
    padding: 0.2em;
}

div#cabecera div#idioma a {
    text-decoration: none;
    color: white;
}

div#cabecera div#idioma a#idioma_espanol {
    background: url('../imagenes/Spanish.gif') no-repeat left center;
    padding-left: 18px;
}

div#cabecera div#logotipo {
    position: absolute;
    right: 1px;
    top: 1px;
    font-weight: bold;
}

/*
 * Menu
 */

div#menu {
    width: 100%;
    text-align: center;
    background-color: #6c9;
    border-bottom: 2px solid #900;
}

div#menu ul {
    display: inline;
    padding: 0;
    margin: 0;
    border-left: 1px solid black;
}

div#menu ul li {
    display: inline;
    list-style-type: none;
    list-style-position: outside;
    border-right: 1px solid black;
    font-variant: small-caps;
    font-weight: bold;
}

div#menu ul li#menu_selected {
    background-color: #060;
}

div#menu ul li#menu_selected a {
    color: white;
}

div#menu ul li a {
    text-decoration: none;
    padding-right: 0.5em;
    padding-left: 0.5em;
    color: #336;
}

div#menu ul li a:hover {
    text-decoration: underline;
    color: white;
    background-color: #060;
}

div#menu ul li#menu_selected a:hover {
    text-decoration: underline;
}

/* 
 * Submenú
 */
div#submenu {
    text-align: left;
    border-top: 2px solid #900;
    padding-left: 3em;
    margin-top: 0.5em;
    font-size: 110%;
}


div#submenu ul {
    display: inline;
    padding: 0;
    margin: 0;
    border-left: 2px solid #900;
    border-bottom: 2px solid #900;
    background-color: #4a7;
}

div#submenu ul li {
    display: inline;
    list-style-type: none;
    list-style-position: outside;
    border-right: 2px solid #900;
    font-variant: small-caps;
    font-weight: bold;
}

div#submenu ul li#menu_selected {
    background-color: #060;
}

div#submenu ul li#menu_selected a {
    color: white;
}

div#submenu ul li a {
    text-decoration: none;
    padding-right: 0.5em;
    padding-left: 0.5em;
    color: white;
}

div#submenu ul li a:hover {
    text-decoration: underline;
    color: white;
    background-color: #060;
}

div#submenu ul li#menu_selected a:hover {
    text-decoration: underline;
}

/*
 * Contenido
 */

div#main_content {
    width: 100%;
}

div#main_content a {
    color: #900;
    text-decoration: none;
}

div#main_content a:hover {
    color: #060;
}

div#main_content a.pdf {
    background: url('../imagenes/icono_pdf.gif') no-repeat left center;
    padding-left: 18px;
}

div#main_content a.word {
    background: url('../imagenes/icono_word.gif') no-repeat left center;
    padding-left: 18px;
}

div#main_content a.ppt {
    background: url('../imagenes/icono_ppt.gif') no-repeat left center;
    padding-left: 18px;
}

div#main_content a img {
    border: none;
}

div#main_content acronym {
    cursor: help;
}

div#main_content span.date {
    font-style: italic;
}

div#main_content dl dt {
    font-weight: bold;
}

div#main_content dl dt a {
    font-weight: normal;
}

div#main_content div#contenido {
    width: 74%;
    border: none;
    text-align: justify;
    padding: 1em;
    margin: 0;
}


div#main_content div#contenido h2 {
    margin: 0;
    border-bottom: 2px #900 solid;
    font-family: Arial, sans-serif;
    font-size: 2em;
    text-align: center;
}

div#main_content div#contenido h3 {
    font-size: 1.5em;
}

div#main_content div#contenido h3 span {
    border-bottom: 1px solid #900;
}

div#main_content div#contenido img#imagen_index {
    float: left;
    margin: 0 3px 3px 0;
    border: none;
}

div#main_content div#contenido table caption {
    font-style: italic;
}

div#main_content div#contenido table th {
    text-align: center;
    font-weight: bold;
    border: 1px solid #900;
}

div#main_content div#contenido table th.empty {
    border: none;
}

div#main_content div#contenido table td {
    border: 1px solid #900;
}

div#main_content div#contenido table {
    border: none;
}

div#main_content div#contenido ul {
    list-style-type: square;
}

div#main_content div#contenido ul li {
    margin-bottom: 0.5em;
}

div#main_content div#contenido ul li.anida {
    list-style-type: none;
}


div#main_content div#contenido ul li ul {
    list-style-type: circle;
}

div#main_content div#contenido dl dd {
    margin-bottom: 1em;
}

div#main_content div#contenido ul.personal {
    padding-left: 0;
}

div#main_content div#contenido ul.personal li {
    list-style-type: none;
    border: 1px solid black;
    padding: 2px;
    margin: 0;
    margin-top: 1px;
}

div#main_content div#contenido ul.personal li img.izq {
    float: left;
    margin-right: 3px;
}

div#main_content div#contenido ul.personal li img.der {
    float: right;
    margin-left: 3px;
}

div#main_content div#columna_lateral {
    width: 22%;
    min-width: 225px;
    float: right;
    /*
    position: absolute;
    right: 0;
    */
    margin-right: 1%;
    margin-top: 1%;
    text-align: center;
}

div#main_content div#columna_lateral img#logo_hggm {
    margin-bottom: 15px;
    border: none;
}


div#main_content div#columna_lateral hr {
    width: 50%;
    border: 1px solid black;
}

div#main_content div#columna_lateral ul {
    display: inline;
    padding: 0px;
    margin: 0;
}

div#main_content div#columna_lateral ul li {
    margin-left: 1em;
    padding: 0;
}

div#main_content div#columna_lateral div#nav {
    border: 1px solid black;
    font-size: 0.9em;
    text-align: left;
}

div#main_content div#columna_lateral div#nav div#nav_header {
    margin: 0;
    padding: 2px 0;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    /*background-color: #6c9;*/
    background: url('../imagenes/nav_header.jpg') repeat-y left center;
    color: black;
    border-bottom: 1px solid black;
}

div#main_content div#columna_lateral div#nav div#nav_body {
    padding: 0.5em;
}

div#main_content div#columna_lateral div#nav div#nav_body a#english_language {
    background: url('../imagenes/English.gif') no-repeat left center;
    padding-left: 18px;
}

div#main_content div#columna_lateral div#nav div#nav_body a#spanish_language {
    background: url('../imagenes/Spanish.gif') no-repeat left center;
    padding-left: 18px;
}

div#main_content div#contenido a#english_language {
    background: url('../imagenes/English.gif') no-repeat left center;
    padding-left: 18px;
}

div#main_content div#contenido a#spanish_language {
    background: url('../imagenes/Spanish.gif') no-repeat left center;
    padding-left: 18px;
}


/* Para la carta de servicios */
div#main_content div#columna_lateral div#nav2 {
    margin-top: 1em;
    border: 1px solid black;
    font-size: 0.9em;
    text-align: left;
}

div#main_content div#columna_lateral div#nav2 div#nav2_header {
    margin: 0;
    padding: 2px 0;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    /*background-color: #6c9;*/
    background: url('../imagenes/nav_header.jpg') repeat-y left center;
    color: #900;
    border-bottom: 1px solid black;
}

div#main_content div#columna_lateral div#nav2 div#nav2_body {
    padding: 0.5em;
}

/*
 * Pie
 */

div#footer {
    text-align: center;
    clear: both;
    font-size: 0.8em;
}

div#footer hr {
    border: 1px solid #900;
    width: 50%;
}

div#footer a#webmaster {
    color: #0000ff;
    background-color: white;
    text-decoration: none;
}

div#footer span#contador {
    position: absolute;
    right: 5px;
}

div#footer span#contador span#visitas_numero {
    font-weight: bold;
}