html, body, #all {
    background: #e0e0e0;
    }
h3 {
    padding-left: 1em;
    }

#all {
    background: #FFF url(/elecciones/fondo.png) repeat-y 0px;
    }

#header {
    background-color: white;
    background-image: url(/elecciones/banner.png);
    background-repeat:no-repeat;
    background-position:right top;
    height: 99px;
    }

#header img {
    margin-left: 0;
    margin-top: 3px;
    border: 0;
    }

#toolbar {
    height: 35px;
    line-height: 35px;
    background: black;
    color: white;
    font-size: 18px;
    font-family: helvetica,arial,sans-serif;
    }

#toolbar b {
    margin-top: 2px;
    display: block;
    float: left;
    font-size: 18px;
    font-family: helvetica,arial,sans-serif;
    background: #FFF;
    color: #000;
    height: 33px;
    border-radius: 4px 4px 0 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0.8em;
    padding-right: 0.8em;
    }

#toolbar a {
    border-radius: 4px;
    display: block;
    float: left;
    height: 30px;
    margin-top: 2px;
    text-align: center;
    background: #333;
    color: white;
    border:. 1px solid gray;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0.8em;
    padding-right: 0.8em;
    }

#toolbar a:hover {
    font-size: 18px;
    font-family: helvetica,arial,sans-serif;
    background: #CCC;
    color: #333;
    height: 33px;
    border-radius: 4px 4px 0 0;
    }



#titulo {
    padding-top: 10px;
    font-size: 22px;
    text-align: center;
    }

#content {
    background-color: #FFF;
    overflow: hidden;
    outline: 0px dashed green;
    }

#top_panel {
    outline: 0px solid green;
    }

#top_panel h3 {
    color: #3E2929;
    }

#bottom_panel {
    outline: 0px solid red;
    }

#bottom_panel h3 {
    color: #3E2929;
    }



h2 {
    font-family: sans-serif;
    font-size: 125%;
    border-bottom: 1px solid #DEDEDE;
}

#principal {
    margin-left: 22px;
    margin-right: 22px;
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
    width:auto;
    background: #FFFFFF;
}

td.menu_horizontal {
    background: #000000;
    color: #FFFFFF;
    height: 20px;
    text-align: right;
    font-family: helvetica;
    font-size: 90%;
    padding-left: 20px;
    padding-right: 20px;
    }



#menu_lateral p.MENU {
    text-align: center;
    border-bottom: 0px dotted grey;
}


td.menu_horizontal a {
    color: #C0C0FF;
    }

td.menu_horizontal a:hover {
    color: #E0E0FF;
    }

td.contenidos {
    padding-bottom: 32px;
}


td.pie_pagina {
    background: #A0A0A0;
    color: #303030;
    text-align: right;
    font-family: helvetica;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 80%;
}

table {
        border: 0px solid #A0A0A0;
    }

table th {
        border: 1px solid #A0A0A0;
        background: black;
        color: white;
        font-family: helvetica;
        font-size: 90%;
    }

table td {
    font-family: helvetica;
    font-size: 100%;
    border-top: 1px solid #D0D0D0;
    }

table td.desabilitado {
    color: #666666;
}

table td.separador {
    font-size: 135%;
    border-bottom: 1px solid #A0A0A0;
    text-align: left;
    background-color: #EEE;
    padding-top: 5px;
    }

table td.numero {
    text-align: right;
    font-family: monospaced;
    }

table td.texto {
    text-align: left;
    font-family: sans-serif;
    }


table td.pie {
    border-top: 2px solid #909090;
    }

div.bocadillo {
    text-align: left;
    font-size: 90%;
    font-weight: lighter;
    font-family: arial,helvetica, sans-serif;
    color: black;
    width: 380px;
    height: auto;
    padding: 5px;
    overflow: auto;
}

div.bocadillo img {
    float: right;
    height: 32px;
    width: 32px;
    margin-right: 12px;
}

div.bocadillo table {
    border: 0px solid #A0A0A0;
    width: 360px;
    font-size: 12pt;
    color: Navy;
}

div.bocadillo table th {
    background: #DDD;
    color: black;
    font-size: 12pt;
    text-align: center;
    }

div.bocadillo table td {
    font-weight: bolder;
    }



div.porcentaje {
    border: 0px solid red;
    text-align: right;
}

/* Dhont */

table td.con_escano {
    color: #000000;
    text-align: right;
    border: 1px solid #333333;
}

table td.sin_escano {
    color: #A0A0A0;
    text-align: right;
    border: 0px solid white;
}

/* Charts */

div.chart {
    margin-top: 12px;
    margin-bottom: 12px;

}

div.menu_islas {
    font-size: 120%;
    font-family: helvetica;
    font-weight:lighter;
    width: 650px;
    background: #99B3CC;
    border: 1px solid black;
}

div.menu_islas a {
    color: white;
    padding-left: 0.5em;
    text-decoration: none;
    font-weight: bolder;
}

div.menu_islas a:hover {
    color: cyan;
}

div.menu_municipios {
    font-size: 110%;
    font-family: helvetica;
    width: 650px;
    border-bottom: 1px solid white;
    background: #D1E1EF;
}

div#gzoom-control {
    font-size: 80%;
}

/*
 * Menús
*/

ul.SUBMENU li.SUBMENU {
    border-bottom: 1px solid #CCC;
    list-style-type: none;
    margin-left: 0;
    font-size: 120%;
    font-weight: bolder;
    }

ul.SUBMENU li.SUBMENU a {
    text-decoration: none;
    }

ul.SUBMENU li.SUBMENU a:hover {
    text-decoration: underline;
    }

ul.SUBMENUEXTRA {
    border-bottom: 2px solid #EEE;
    list-style: none;
    }