@import url("/css/browser.css");

html {
    margin: 0;
    padding: 0;
    }

body {
    font-family: Arial,Helvetica,Verdana,Sans-Serif;
    color: #010101;
    background-color: #CCCCCC;
    margin: 0;
    padding: 0;
    }

div.centrado {
    text-align: center;
    }

div.centrado p {
    padding-top: 5px;
    padding-bottom: 5px;
    }

#fondo_inferior {
    height: 12px;
    border: 0px solid green;
    background-image: url('/art/fondo-inferior.png');
    background-color: #CCCCCC;
    background-repeat:no-repeat;
    background-position: top center;
    margin-left: auto;
    margin-right: auto;
    width: 967px;
}

i.fecha_iniciativa {
    color: #AAAAAA;
    font-size: 90%;
    }

#todo {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    padding: 0;
    border-bottom: 0px solid red;
    margin-bottom: 0px;
    margin-top: 0px;
    }

#sombra_izquierda {
    width: auto;
    background-image: url("/art/grey/shadow-right-bg.png");
    background-color: #CCCCCC;
    background-repeat: repeat-y;
    background-position: right;
    border: 0px solid red;
}

p.testcss { background: url("chess.png") gray 50% repeat fixed }

#pagina {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0px solid black;
    width: 955px;
    height: 100%;
    }

#sombra_derecha {
    width: auto;
    border: 0px solid red;
    background: url("/art/grey/shadow-left-bg.png") #CCCCCC left repeat-y;

}

#cabecera {
    text-align: left;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-left:auto;
    margin-right:auto;
    height: 75px;
    border: 0px solid green;
    width: 955px;
    background: url("/art/grey/arco.jpg") white no-repeat right top;
    }

#cabecera * {
    vertical-align: middle
}



#logo {
    border: 0;
    margin-left: 0px;
    margin-top: 0px;
    }

#parlamento {
    position: relative;
    left: 400px;
    top: -2px;
    text-align: right;
    font-size: 140%;
    font-family: arial,helvetica,sans-serif;
    font-weight: lighter;
}

#menu {
    background: #110000;
    color: #FFFFFF;
    text-align: right;
    background: url("/art/grey/menu-bg.png") #083054 top repeat-x;
    font-size: 90%;
    font-weight: bolder;
    font-family: arial,helvetica,verdana,sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
/*    width: 955px;; */
    height: 20px;
    margin-left:auto;
    margin-right:auto;
    }

#menu * {
    vertical-align: middle;
}

#menu span.inicio {
    height: 20px;
    width: 152px;
    border: 0px solid red;
    background: url("/art/grey/inicio-bg.png") #083054 top repeat-x;
    float: left;
    }

#menu span.inicio a {
    color: #FFFFFF;
    background: transparent;
    }

#menu span.secciones {
    height: 20px;
    width: auto;
    border: 0px solid Navy;
    color: #13283B;
    float: left;
    }

#menu span.buscar {
    width: 138px;
    border: 0px solid red;
    float: right;
    height: 50%;
    }


#menu span.buscar form {
    overflow: hidden;
    height: 22px;
    }

#menu span.buscar Input[type=text] {
    border: 0px solid green;
    height: 14px;
    font-size: 75%;
    background: white;
    }

#menu span.buscar Input[type=submit] {
    border: 1px solid #A0A0A0;
    height: 15px;
    font-size: 80%;
    background: white;
    }

a.HORIZONTAL {
    color: #13283B;
    background: transparent;
    vertical-align: baseline;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px;
    border: 0px;
    text-decoration: None;
    }

a.HORIZONTAL:HOVER {
    color: #FFFFFF;
    background: transparent;
    }

a.INTRANET {
    color: #AA3322;
    vertical-align: baseline;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px;
    border: 0px;
    text-decoration: None;
    }

a.INTRANET:HOVER {
    color: #FFFFFF;
    background: transparent;
    }

#preambulo {
    font-size: 80%;
    text-align: right;
    border: 1px solid blue;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 0;
    margin-right: 0;
    }


#cuerpo {
    color: #000000;
    background: white;
    margin-left:auto;
    margin-right:auto;
    min-height: 580px;
    width: 955px;
    margin-top: 0;
    }


#menu_lateral {
    float: left;
    width: 150px;
    color: #FFFFFF;
    background-color: #00347D;
    min-height: 580px;
    font-size: 80%;
    font-family: sans-serif;
    }

#menu_lateral DL {
    width: 150px;
    border : 0px solid red;
    background: transparent;
    }

#menu_lateral DT {
    width: 150px;
    height: 35px;
    border : 0px solid green;
    padding-top:0;
    padding-bottom:12px;
    background: transparent;
    }

#menu_lateral dd {
    width: 130px;
    padding-top: 4px;
    padding-bottom: 2px;
    border : 0px solid green;
    padding-left: 10px;
    margin-left: 10px;
    color: #FFFFFF;
    background: url("/art/grey/bullet.png") #00347d no-repeat 0px 8px;
    }

#menu_lateral A {
    color: #B0B0B0;
    background: transparent;
    }

#menu_lateral A:hover {
    color: #FFFFFF;
    background: transparent;
    }




#cuerpo {
    background: #FFFFFF;
    }

table.principal {
    border: 0px solid green;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    }

td.menu {
    background: #00347D;
    width: 150px;
    }

table.principal td.contenidos {
    background: white;
    width: 640px;
    border: 0px solid black;
    padding-top: 12px;
    padding-bottom: 6px;
    }

table.principal td.notas {
    background: #EEF1F6;
    border-left: 1px solid silver;
    font-family: sans-serif;
    width: 170px;
    vertical-align: top;
    }

table.principal td.notas DL {
    width: 170px;
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0px dotted black;
    }


table.principal td.notas dt {
    width: 170px;
    font-size:90%;
    color:white;
    background: #A8B7CF;
    border: 0;
    text-align: center;
    border-top: 1px solid #B5BFCF;
    margin-left: 0px;
    margin-bottom: 4px;
    margin-top: 2px;
    }

table.principal td.notas dd {
    width: 166px;
    font-size:95%;
    padding-bottom: 0.5em;
    margin-left: 3px;
    }

table.principal td.notas dd a.enlace {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 1px solid white;
    border-bottom: 1px solid #a5b3ca;
    width: 164px;
    background: url("/art/grey/shadow-top-bg.gif") repeat-x #B6C2D5;
    }

table.principal td.notas  P {
    margin: 0;
    width: 150px;
    font-size: 80%;
    border: 0px solid blue;
}

table.principal td.notas img.anuncios {
    border-bottom: 0px solid #A8B7CF;
    border-right: 0px solid #A8B7CF;
    border-top: 0px solid #EFF5FF;
    border-left: 0px solid #EFF5FF;
    margin-left: 10px;
    margin-right: auto;
    margin-bottom: 3px;
}

table.principal td.notas a img.anuncios:hover {
    outline: 1px solid white;
}

table.principal td.notas img {
    margin: auto;
    text-align: center;
    border: 0px solid silver;
    padding: 0px;
}


#center {
  width: 100%;
  border: 0px solid red;
  }


#left {
  width: 164px;          /* LC width */
  right: 164px;          /* LC width */
  margin-left: -100%;
  margin-top: 0.5em;
  /*background: green;*/
  border: 0px solid red;
}

#right {
  width: 185px;          /* RC width */
  margin-right: -185px;  /* RC width */
  margin-top: 0.5em;
}

#etiquetas {
    clear:both;
    text-align: center;
    width: auto;
    background: #FFFFFF;
    color: #000000;
    padding-top: 12px;
    border-top: 0px dashed #A0A0A0;
}

#pie {
    clear: both;
    text-align: center;
    font-size: 80%;
    line-height: 20px;
    font-family: arial, verdana, helvetica, sans-serif;
    width: 955px;
    height: 20px;
    color: #FFFFFF;
    background-color: #B2B2B2;
    border-top: 1px solid white;
    border-left: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
    border-bottom: 1px solid white;
    }

#pie a {
    color: #FFFFFF;
    border-bottom: 1px dotted transparent;
    }

#pie a:hover {
    border-bottom: 1px solid white;
    }

H1.TITULO {
    border: 0px solid red;
    width: 15em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 135%;
}

h1 {
    font-size: 125%;
    font-family: Arial,Helvetica,sans-serif;
    font-variant: small-caps;
    color: #00335e;
    margin-left: 12px;
}

H2 {
    font-size: 110%;
    font-family: Arial,Helvetica,sans-serif;
    font-variant: small-caps;
    font-weight: bolder;
    text-decoration: none;
    text-align: left;
    margin-left: 15px;
    width: 370px;
    margin-right: 15px;
    margin-top: 1em;
    margin-bottom: 0.25em;
    padding-bottom: 0em;
    border-bottom: 1px solid #EEEEEE;
    color: #00335e;
    background: white;
}

H2.SUBTITULO {
    font-size: 115%;
    Font-Family: arial,helvetica,sans-serif;
    font-variant: small-caps;
    font-weight: bolder;
    text-decoration: none;
    text-align: left;
    margin-left: 5px;
    width: auto;
    margin-right: 15px;
    margin-top: 1em;
    margin-bottom: 1.25em;
    padding-bottom: 0em;
    border-bottom: 1px solid #555555;
    color: #555555;
    background: white;
}

H3 {
    font-size: 110%;
    Font-Family: sans-serif;
    font-variant: small-caps;
    font-weight: lighter;
    text-decoration: none;
    text-align: left;
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-top: 1.25em;
    margin-bottom: 0.25em;
    padding-bottom: 0em;
    color: #000000;
    background: white;
}

H4 {

    font-size: 90%;
    font-family: sans-serif;
    font-weight: lighter;
    text-align: left;
    margin-left: 2em;
    margin-top: 1.25em;
    margin-bottom: 0.25em;
    color: #000000;
    background: white;
}

.big {
    font-size: 140%;
    font-weight: lighter;
    font-variant: small-caps;

}

li {
    font-family: arial,helvetica,sans-serif;
    font-weight: lighter;
}




TABLE.BLUE {
    border: 1px solid blue;
    }

TD.MAINHEADER {
    margin-left: 35px;
    margin-right: 35px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    }

a {
    text-decoration: none;
    color: #003366;
    background: transparent;
}

a:hover {
    text-decoration: none;
    color: #003366;
    background: transparent;
}


.FECHA {
    color: #666666;
    font-family: arial, verdana, helvetica, sans-serif;
    text-decoration: none;
    }

p {
    font-family: arial, verdana, helvetica, sans-serif;
    text-decoration: none;
    padding-right: 1em;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    color: black;
    line-height: 110%;
    }

.BIENVENIDA {
    font-size: 130%;
    font-family: arial, verdana, helvetica, sans-serif;
    text-decoration: none;
    margin-left: 25px;
    margin-top: 0.8em;
    margin-right: 25px;
    }

P.ENCABEZADO {
    width: 267px;
    height: 31px;
    font-size: 120%;
    text-align: left;
    padding-left: 4px;
    padding-top: 4px;
    color: #F0F0F0;
    background: url("/art/grey/seccion-bg.png") #FFFFFF no-repeat top left;
    }

P.ENCABEZADO A {
    color: #F0F0F0;
    background: transparent;
    }


P.EXPLICACION {
    font-size: 95%;
    font-family: arial, verdana, helvetica, sans-serif;
    margin-left: 2em;
    color: #333333;
    font-weight: lighter;
    text-decoration: none;
    margin-top: 12px;
    border: 0px solid navy;
    }

.AVISO {
    font-size: 125%;
    font-family: arial, verdana, helvetica, sans-serif;
    text-decoration: none;
    margin-left: 45px;
    margin-right: 25px;
    color: #7F1F1F;
    }

.ERROR {
    font-size: 125%;
    background: url("/art/stop.gif") no-repeat;
    height: 120px;
    padding: 40px;
    margin: 40px;
    border: 0px dotted red;
    color: #773333;
    font-family: arial, verdana, helvetica, sans-serif;
    text-decoration: none;
    }

ul.error {
    color: #773333;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 105%;
    }

.SALUDO {
    font-size: 90%;
    font-family: arial, verdana, helvetica, sans-serif;
    text-decoration: none;
    margin-left: 25px;
    margin-right: 25px;
    }

.TITULO {
    display : none;
    }

DIV.SECCIONL {
    width: 150px;
    padding-bottom: 8px;
    margin-bottom: 1em;
    border-bottom: 1px solid #999999;
    }

P.SECCIONL {
    margin-left: 0;
    width:150px;
    padding-top:12px;
    padding-bottom:12px;
    text-align: LEFT;
    font-weight: bolder;
    font-size: 80%;
    border: 1px solid red;
    background: #3477AE;
    color: #000000;
    }

DIV.SECCION {
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #00335d;
    min-width: 180px;
    }

P.SECCION {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 10px;
    padding-top: 0px;
    padding-right: 3px;
    padding-left: 23px;
    font-size: 80%;
    background: url("/art/green/bullet.png") no-repeat #00335d;
    width: 200px;
    min-height:20px;
    color: #FFFFFF;
    }


.SUBSECCION {
    font-size: 75%;
    font-family: arial, verdana, helvetica, sans-serif;
    font-variant: small-caps;
    font-weight: bolder;
    text-decoration: none;
    text-align: left;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 1.25em;
    margin-bottom: 0.25em;
    padding-bottom: 0em;
    clear: both;
    }


.SUBPUNTO {
    font-size: 85%;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: lighter;
    text-decoration: none;
    margin-left: 2em;
    padding-top: 1ex;
    padding-bottom: 0.8ex; 
    border: 0px solid red;
    }

.video_streaming {
    padding-top: 0;
    padding-bottom: 1.2ex;
    margin-left: 4em;
    text-decoration: none;
    border: 0px solid green;
    font-size: 85%;
}

.EXPLICACION {
    font-size: 75%;
    font-family: arial, verdana, helvetica, sans-serif;
    margin-left: 2px;
    color: #333333;
    font-weight: lighter;
    text-decoration: none;
    }


LI.LISTITEM {
    font-size: 80%;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: lighter;
    text-decoration: none;
    margin-left: 40px;
    margin-right: 10px;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    }

LI.MASINFO {
    font-size: 75%;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: lighter;
    text-decoration: none;
    margin-left: 40px;
    margin-right: 10px;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    list-style-type: none;
    list-style-image: url(/art/mas.gif)
    }


.REUNION {
    font-size: 75%;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: lighter;
    text-decoration: none;
    margin-left: 2em;
    margin-right: 1em;
    margin-top: 0.5em;
    line-height: 1.5;
    margin-bottom: 0.5em;
    }


IMG.FOTO {
    padding: 2px;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 6px;
    margin-bottom: 8px;
    border: 1px solid #DDD;
}

img.foto {
    padding: 2px;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 6px;
    margin-bottom: 8px;
    border: 1px solid #EEE;
}


IMG.IZQUIERDA {
    float: left;
    }

IMG.izquierda {
    float: left;
    }

IMG.DERECHA {
    float: right;
    }

IMG.derecha {
    float: right;
    }


IMG.ENLACE_DIRECTO {
    margin: 10px;
    padding: 1px;
    }

A.PENDIENTE {
    border: 1px dashed #AAAAAA;
    }

A.ENLACE_DIRECTO {
    font-size: 85%;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: lighter;
    text-decoration: none;
    }

.HORA {
    background: #E0E0E0;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #990000;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size:95%;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    }

.en_vivo {
    color: #FFFFFF;
    background: #8E3933;
    padding: 4px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.en_vivo a {
    color: #FFFFFF;
}

.en_vivo span.glyphicon {
    color: white;
}

P.COMENTARIO {
    margin-right: 35px;
    border-top: 1px solid #AAAAAA;
    color: #666666;
    font-style: italic;
    }

P.INTERVENCION {
    margin-left: 20px;
    margin-right: 25px;
    border-top: 1px solid #666666;
    font-style: normal;
    font-weight: bold;
    }

P.discurso {
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: 100%;
    }



TD.MASINFO {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size:75%;
    color:#000000;
    background-color:#F4F5E7;
    border-left: 1px solid #CED395;
    border-right: 1px solid #CED395;
    border-bottom: 1px solid #CED395;
    border-top: 1px solid #FFFFFF;
    }

/**********************************************
**                    O R G A N I G R A M A  **
**********************************************/
TABLE.ORGANIGRAMA {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    border: 0;
}

TABLE.ORGANIGRAMA TD {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size:85%;
    color: #000009;
    background-color:#FFFFFE;
    vertical-align: middle;
}


table.ORGANIGRAMA tr.par td {
    background-color: #E8E8E8;
}

table.ORGANIGRAMA tr.impar td {
    background-color: #F8F8F8;
}

TH.SUBTABLA {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size:85%;
    color: #FFFFFF;
    background-color:#B1A298;
    }

TD.SUBTABLA {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size:85%;
    color: #000000;
    background-color:#D0C7B3;
    }


TR.TABLA {
    font-family:Arial,Verdana,Helvetica,Sans-Serif;
    color: #000000;
    background-color:#E5D3C5;
    }

/*********************************************/
/*   A G E N D A                             */
/*********************************************/


A.AGENDA {
    text-decoration: None;
    font-size: 90%;
    }

TD.AGENDA {
    width: 21px;
    height: 21px;
    text-align:center;
    vertical-align: middle;
    border: 0px solid white;
}

TD.AGENDA_HOY {
    width: 21px;
    height: 21px;
    text-align:center;
    background: #FFF4C1;
    border: 1px solid black;
    }

TD.AGENDA_AVISO {
    width: 21px;
    height: 21px;
    text-align:center;
    background: url("/art/agenda/aviso.gif") no-repeat;
    border: 1px solid #088C00;
    }

TD.AGENDA_URGENTE {
    width: 21px;
    height: 21px;
    text-align: center;
    background: url("/art/agenda/urgente.gif") no-repeat;
    border: 1px solid #F72100;
    }

/*
/* calendario
*/

/* table.calendario {
//     margin-top: 0.5em;
//     margin-left:0;
//     margin-right: 0;
//     padding-left: 0;
//     padding-right: 0;
//     text-align: center;
//     border-left: 0;
//     width: 160px;
//     font-size: 80%;
//     border-collapse: collapse;
//     border: 0px solid red;
*/     }

table.calendario .festivo {
    background: transparent;
    color: #590000;
    }

table.calendario td {
    text-align:center;
    font-family: arial, helvetica,sans-serif;
    vertical-align: middle;
    font-weight: lighter;
    line-height: 20px;
    border: 0px dotted red;
    height: 20px;
    }

table.calendario thead th.laboral {
    color: #333;
    border-bottom: 0;
    background: transparent;
    text-align: center;
    }

table.calendario td.toptoolbar {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    background: transparent;
}

table.calendario td.bottomtoolbar {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top: 0;
    background: transparent;
}




table.calendario td a {
    color: #444444;
    }

table.calendario td a:hover {
    color: #000044;
    }


table.calendario td.outofmonth {
    background: transparent;
    color: #b0b0b0;
    width: 18px;
    }

table.calendario td.enlace {
    border: 1px solid #dddddd;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
    width: 18px;
}

table.calendario td.hoy {
    background: url("/art/grey/hoy-bg.png") #d8dde4;
    font-size: 115%;
    width: 18px;
}

.NAVEGACION {
    background: #FFFFFF;
    color: #000000;
    }

blockquote {
    color: #333333;
    background: white;
    }

blockquote:before {
    color: #BEBEBE;
    background: white;
    content: url("/art/blockquote.gif") " ";
    }

blockquote:after {
    content: url("/art/blockquotefin.gif") ;
    color: #BEBEBE;
    }

div#nifty{
    float: left;
    margin: 4px;
    background: #698a97;
    color: #FFFFFF;
    width: 170px;
    text-align: center;
}

/*
** F O R M U L A R I O S
*/

TABLE.FORM {
    margin-top: 0px;
    margin-left: 1em;
    border-top: 1px solid #A0A0D0;
    border-bottom: 1px solid #A0A0D0;
    width: 550px;
    }

TABLE.FORM caption {
    padding-top: 0;
    margin-bottom: 0;
    margin-top: 0px;
    margin-left: 0em;
    background: url(/art/default-bg.gif);
    color: #DEFAF9;
    outline: 0px solid red;
    text-align: right;
    padding-right: 0.6em;
    /* text-indent: 15px; */
    }

TABLE.FORM TD {
    vertical-align: top;
    }

TD.FORMSEP {
    font-family: arial, helvetica, sans-serif;
    font-size: 90%;
    text-align: right;
    background: #EFF7FF;
    color: #888899;
    border-bottom: 1px solid #bddbff;
    font-weight: bold;
    }

TABLE.FORM TH {
    font-size: 90%;
    vertical-align: top;
    text-align: right;
    padding-right: 2px;
    font-weight: normal;
    color: #00335D;
    background: #EFF7FF;
    }



TABLE.FORM TD SPAN.COMENTARIO {
    font-size: 90%;
    color: #606060;
}

INPUT[type="button"] {
    color: #3f0718;
    font-family: sans-serif;
    background: #FAFAFA;
}

INPUT:hover {
    outline: 1px solid #AADDFF;
    }

SELECT:hover {
    outline: 1px solid #AADDFF;
    }

TEXTAREA {
    color: #3f0718;
    font-family: sans-serif;
    background: #FAFAFA;
}

TEXTAREA:hover {
    outline: 1px solid #AADDFF;
    }




/***************************************************************
**  MENÚ DERECHO
***************************************************************/

ul.MENU {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px; /* Width of Menu Items */
    border-bottom: 1px solid #ccc;
    }

ul.MENU li {
    margin: 0;
    padding: 0;
    width: 150px;
    position: relative;
    }

ul.MENU ul.MENU {
    position: absolute;
    left: 149px; /* Set 1px less than menu width */
    top: 0;
    display: none;
    }

/* Styles for Menu Items */
ul.MENU li a {
    display: block;
    text-decoration: none;
    color: #777;
    background: #fff; /* IE6 Bug */
    padding: 5px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    }

/* Fix IE. Hide from IE Mac \*/
* html ul.MENU li { float: left; height: 1%; }
* html ul.MENU li a { height: 1%; }
/* End */

ul.MENU li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */

ul.MENU li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul.MENU li:hover ul, ul.MENU li.over ul { display: block; } /* The magic */

/*
** NOTICIAS
*/

div.noticias {
    padding-top: 6px;
    border: 0px solid navy;
    }

div.noticia {
    border: 0px dotted blue;
    }


div.noticia p.noticia_titulo {
    font-size: 105%;
    font-family: helvetica, arial-bold, verdana, sans-serif;
    text-decoration: none;
    margin-left: 1em;
    font-weight: bold;
    margin-right: 1em;
    margin-top: 0.5em;
    line-height: 1.2em;
    margin-bottom: 0;
    width: 340px;
    border: 0px solid green;
    }


div.noticia p.noticia_titulo a {
    color: #00347C;
    text-decoration: none;
    }

div.noticia p.noticia_titulo a:hover {
    color: #335D97;
    text-decoration: underline;
    }

div.noticia p.noticia_fecha {
    font-size:80%;
    padding-top: 0;
    margin-top: 0.5em;
    margin-left: 1em;
    color:#A0A0A0;
    text-align:left;
    width: 340px;
    margin-bottom: 0.5em;
    }

div.noticia p.noticia_resumen {
    font-size: 90%;
    color: #333333;
    margin-left: 1em;
    margin-right: 1em;
    border: 0px solid gray;
}

div.noticia p.noticia_pie {
    font-size: 80%;
    color: #333333;
    margin-left: 1em;
    margin-right: 1em;
    border: 0 solid gray;
    padding-bottom: 24px;
}

ul.enlaces {
    margin-left: 2em;
    font-size: 105%;
    font-family: arial, verdana, helvetica, sans-serif;
}

ul.social_media {
    margin-left: 1em;
    list-style-type: none;
    font-family: arial, verdana, helvetica, sans-serif;
}

ul.social_media li {
    position:relative;
    padding-left: 22px;
    display: block;
    vertical-align:middle;
    height: 22px;
    line-height: 22px;
    border: 0px solid #AAA;
    }

ul.social_media li img {
    margin: 1px;
    position:absolute;
    top: 50%;
    margin-top:-8px;
    margin-left: -20px;
    border: 0px solid #AAA;
    }




/*
** FAQ - PREGUNTAS Y RESPUESTAS HABITUALES
*/

dl.FAQ {
    margin-left: 2em;
}

dl.FAQ dt {
    font-size: 100%;
    margin-right: 2em;
    color: #807080;
}

dl.FAQ dd {
    margin-right: 2.2em;
    margin-top: 0.5em;
    margin-bottom: 1em;
    color: black;
}

dl.FAQ dd span.DATA {
    font-size: 90%;
    color: #A0A0A0;
    background: transparent;
}


/*
 V I D E O S
*/

div.VIDEO {
    width: 550px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #A0A0A0;
    }

div.VIDEO img {
    float: left;
    border: 1px solid #EAEAEA;
    padding: 2px;
    margin-right: 2em;
    }

/*
 ERROR
*/

div.html_error {
    margin-top: 2em;
    margin-left: 150px;
    margin-right: 150px;
    padding-left: 4em;
    border: 2px solid #A0A0A0;
    background: url("/art/warning.png") no-repeat 10px 10px #FFFEFE;
    }

div.html_error h2 {
    width: 180px;
    margin-left: 240px;
    color: navy;
    font-size: 145%;
    font-family: sans-serif;
    border: 0px solid red;
    background-color: #121212;
    }

div.html_error h4 {
    color: red;
    font-size: 110%;
    }

/*
 Mini formulario
*/
FORM.miniform {
    border: 0px solid #A0A0A0;
    padding: 2px;
    width: 158px;
}

FORM.miniform table {
    font-size: 85%;
}

FORM.miniform table th {
    text-align: right;
    font-weight: lighter;
    width: 80px;
}

FORM.miniform table td input {
    background: white;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}


/*
 ACUERDOS
*/

div.texto_acuerdo {
    text-align: left;
    border:0px solid red;
    width:310px;
    margin-left:2em;
    font-weight: lighter;
}

div.texto_acuerdo p {
    margin-bottom: 0.5em;
    border: 0px solid black;
    text-indent: 2em;
    font-size:90%;
}

div.texto_acuerdo p.titulo {
    font-size:90%;
    margin-bottom: 0.5em;
    border-bottom: 0px solid #A0A0A0;
    text-indent: -1em;
}


/*
** Estilo para iniciativas
*/

p.extracto {
    border: 0px solid red;
    font-size: 105%;
    text-indent: 1.5em;
    }


/*
** Estilo para las fotos de los diputados
*/

div.foto_diputado {
    text-align:center;
    width: 220px;
    font-size: 80%;
    float: right;
    overflow: auto;
    border: 0px solid Navy;
    height: 280px;
    }

div.foto_diputado p {
    overflow: hidden;
    text-align:center;
    outline: 0px solid red;
    padding-left: 10px;
    padding-right: 10px;

}

div.foto_diputado img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: auto;
    text-align: center;
    left: auto;
    right: auto;
    clear: both;
    display: block;
    outline: 0px solid red;

}

p.pie_tramite {
    text-align: right;
    border: 0px solid black;
}

/*
** Microformatos
*/

span.geo {
    visibility: hidden;
}

/*
  Publicaiones: Diario de sesiones
*/

p.pub_parrafo {
    color: black;
    font-style: normal;
}

p.pub_comentario {
    margin-left: 4em;
    color: #A0A0A0;
    font-style: italic;
    border: 1px solid black;
}

ul.lista_oradores {
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 72px;
    font-size: 95%;
    margin-left: 0;
    border: 1px solid green;
    }

/* Tu Parlamento */

div.publicidad {
    padding-top: 1em;
    width: 460px;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid gray;
    overflow: auto;
}

div.publicidad img {
    border: 1px solid #F0F0F0;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    }

a.ver_diario_sesiones {
    font-size: 85%;
    border: 0px solid black;
    }

a.ver_diario_sesiones img {
    border: 0px solid green;
    vertical-align: bottom;
    }

ul.lista_iniciativas li {
    width: 95%;
    padding-bottom: 0.5em;
    }


ul.busquedas > li {
    margin-top: 12px;
    margin-bottom: 4px;
    font-variant: small-caps;
    font-weight:bold;
}

ul.busquedas > li > ul > li {
    font-variant: normal;
}

ul {
    font-size: 95%;
    margin-right: 5em;
}

ul li {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.cita {
    margin-top: 10px;
    margin-left: 50px;
    font-size: 90%;
    margin-bottom: 30px;
    }

form p.error {
    font-family: helvetica,arial,sans-serif;
    font-weight: bolder;
    color: red;
    margin-top: 0;
    padding-top: 2px;

    margin-bottom: 0;
    padding-bottom: 6px;
    }

.width130 {
    width: 130px;
    }

p.warning {
    font-size: 100%;
    font-family: helvetica,arial,sans-serif;
    color: #2C1212;
    margin-top: 22px;
    margin-bottom: 12px;
    }

p.warning:first-letter {
    font-weight: bolder;
    font-size: 110%;
    }

p.warning > tt {
    color: black;
    font-weight: bolder;
    border: 1px solid #D7D49D;
    background: #FFFDC9;
    margin-left: 2px;
    margin-right: 2px;
    padding: 1px;
    }

p.warning > a {
    color: #437D95;
    font-weight: bolder;
    text-decoration: none;
    }

p.warning > a:hover {
    color: #7C97A2;
    font-weight: bolder;
    text-decoration: underline;
    }

.atenuado {
    color: #777777;
    }

ul.arbol {
    border: 0px solid green;
    padding-right: 0;
    margin-right: 0;
    }

ul.subarbol {
    border: 0px solid green;
    padding-right: 0;
    margin-right: 0;
    }


ul.arbol > li {
    font-weight: bolder;
    font-size: 14pt;
    line-height: 20pt;
    font-family: "Trebuchet MS", helvetica, arial, sans-serif;
    }

ul.arbol > ul.subarbol > li {
    font-weight: normal;
    font-size: 14pt;
    line-height: 18pt;
    font-family: "Trebuchet MS", helvetica, arial, sans-serif;
    }

li.operations {
    list-style: none; 
    padding: 0; 
    margin: 0;
    }


/* Graficas */

DIV.GRAFICA {
    border: 1px solid silver;
    margin-left:auto;
    margin-right: auto;
    width: 480px;
    padding: 5px;
    width:auto;
    text-align:left;
}

DIV.PIECHART {
    width: 270px;
}

DIV.HISTOGRAM {
    width: 490px;
}

DIV.GRAFICA IMG.PIECHART {
    border: 1px solid grey;
    padding: 4px;
    width: 260px;
}

DIV.GRAFICA IMG.HISTOGRAM {
    border: 1px solid grey;
    padding: 4px;
    width: 480px;
}

DIV.GRAFICA DIV.TITULO {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 80%;
    color: grey;
    text-align: center;
}
TABLE.LEYENDA {
    width: 180px;
    min-width: 180px;
}

TABLE.LEYENDA TH {
    border: 2px solid black;
    width: 18px;
    height: 18px;
}

TABLE.LEYENDA TD {
    font-size: 90%;
    border-bottom: 1px solid silver;
}

TABLE.LEYENDA TD.VACIO {
    font-size: 90%;
    border-bottom: 0;
}

.derecha {
    text-align: right;
}

div.grabacion > div.sala {
  width:150px;
  height:100px;
  text-decoration:none;
  position:relative;
  display:block;
  background: white;
  border: 0px solid #666;
  padding: 2px;
  padding-left: 32px;
  float:left;
}

div.grabacion div.nombre {
    margin-left: 10px;
    font-size: 115%;
    border: 0px solid red;
    }

a.gallerypic {
    text-decoration:none;
    display:block;
    background: white;
    border: 0px solid #666;
    padding:2px;
    float:right;
}

a.gallerypic span.zoom-icon{
  position:absolute;
  left:30px;
  top:0;
  filter:alpha(opacity=1.0);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}

table-centered {
    width: 80;
    margin-left: auto;
    margin-right: auto;
    }