/****************************************************************/
/**** BATIBURRILLO CSS v.2.3                                ***/
/**** Ene 2007 (IE6,IE7,FF1,FF2)                             ***/
/**** http://batiburrillo.redliberal.com                         ***/
/***************************************************************/

body, p, h1, h2, h3, h4, #nav ul
{
        margin: 0;
        padding: 0;
}

html body
{
        background: #EDEBE8 url("body_side.gif") repeat-y center top;
}

body
{
        background: #FFFFFF;
        font: normal 80% verdana, helvetica, arial, sans-serif;
}

/***************************************************************/
/**** Contenedor  (contiene todos los eltos.)                ***/
/***************************************************************/

#contenedor
{
        margin: 0px auto;
        padding: 0 0px;
        background: #FFFFFF;
        width: 760px;

}

/***************************************************************/
/**** Cabecera  (banner superior burro)                                                                        ***/
/***************************************************************/

#cabecera
{
        background: #E5EFF9 url(header.jpg) no-repeat top center;
        height: 138px;
}

/***************************************************************/
/**** Nav  (barra navegación bajo cabecera: izqda RL + derecha Search )             ***/
/***************************************************************/

#nav
{
        position: relative;
        background: #E5EFF9;
        padding-top: 2px;
}

#navleft
{
        float: left;
        color: #FFFFFF;
        padding-top: 0px;
        padding-left: 10px;
}

#navright
{
        float: right;
        width: 65%;
        color: #FFFFFF;
        padding-right: 3px;
        padding-bottom: 0px;
        text-align: right;
}

#nav img
{
        float: left;
        border: 0px;
}

#nav:after
{
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
 }

/* Hides from IE-mac \*/
* html #nav
{
        height: 1%;
}
/* End hide from IE-mac */

/***************************************************************/
/**** Búsqueda (estilo del cuadro de texto y botón)                                          ***/
/***************************************************************/

.searchbox
{
        border: 1px solid #36608A;
        font-family: helvetica;
        font-weight: normal;
        width: 132px;
}

.searchbtn{
        border: 1px solid #00478E;
        background: #00478E;
        color: white;
        font: bold 100% helvetica, arial, sans-serif;
}

/***************************************************************/
/**** Cuerpo (artículos y contenido en general + Menu superior artículo)            ***/
/***************************************************************/

#cuerpo
{
        /*margin-right: 200px;*/
        padding: 10px;
        background: #FFFFFF;
        float:left;
        width:525px;
        text-align: justify;
}


#cuerpo h2
{
        color: #00478E;
        font-size: 130%;
        font-weight: normal;
        border-bottom: 1px solid #00478E;
}

#cuerpo h3
{
        color: #999;
        font-size: 110%;
        font-weight: normal;
        padding-bottom: 5px;
}

#cuerpo p
{
        line-height: 1.8em;
        margin: 0 0 1.5em 0;
}

#cuerpo a
{
        border-bottom: 1px dashed #ccc;
        text-decoration: none;
        color: #369;
}

#cuerpo a:hover
{
        border-bottom: 1px solid #ccc;
}

.reftitulo
{
        text-decoration: none;
}

.reftitulo:hover
{
        text-decoration: none;
        cursor: pointer;
}

#cuerpo p.posted
{
        margin-bottom: 3em;
}

#cuerpo p.posted img
{
        vertical-align: middle;
}

#menu
{
        margin-bottom: 1em; text-align: center;
}

/***************************************************************/
/**** Comentario (disposición comentarios usuario)  + Disclaimer                             ***/
/***************************************************************/

.comentario
{
        padding: 5px;
        margin-top: 1em;
        background: #eee;
        color: #000000;
}

.comentario a
{
     text-decoration: none;
     color: #369;
     font-weight: bold;
 }

.comenheader
{
        color:#00478E;
}

.box{
        border: 1px solid #36608A;
        font-family: helvetica;
        font-weight: normal;
}

.disclaimer
{
        padding: 5px;
        margin-top: 1em;
        background: #E5EFF9;
        color: black;
}

.listado
{
        float:center;
        text-align: center;
        margin: 2px,
        padding: 5px;
        background: #E5EFF9;
        color: black;
        border: 1px #00478E solid;
        width:95%;
}

/***************************************************************/
/**** Derecha (menú lateral, solo capa no desplegables)                                  ***/
/***************************************************************/

#derecha
{
        background: #E5EFF9;
        padding: 3px;
        width: 200px;
        float: right;
        margin: 0;
        color: #777;
}
#derecha img
{
        border: 0px;
}

#derecha table
{
        background: #00478E;
}

#derecha table th
{
        background: #00478E;
        color: #FFFFFF;
        margin: 0.5em 0px 0.5em 0px;
        padding: 2px;
        font-size: 110%;
        font-weight: bold;
        text-align: left;
}

#derecha table td
{
        background: #9EC2E7;
}

#derecha table td a
{
        text-decoration: none;
        display:block;
        color: #C08B40;
}

#derecha form
{
        margin: 0;
}


#derecha h3, #derecha caption
{
        background: #00478E;
        color: #FFFFFF;
        margin: 0.5em 0px 0.5em 0px;
        padding: 2px;
        font-size: 110%;
        font-weight: bold;
}

#derecha caption
{
        margin: 0;
}



/***************************************************************/
/**** Pie (pie de página)                                                                                       ***/
/***************************************************************/

#pie
{
        clear: both;
        padding: .5em;
        color: #000000;
        background-color: transparent;
        margin: 0px auto;
}

#pie table
{
        background: #E5EFF9 url(footer.jpg) no-repeat center bottom;
}

#pie a
{
     text-decoration: none;
     color: black;
     font-weight: bold;
}


#pie a:hover
{
     text-decoration: none;
     color: #C0C0C0;
     font-weight: bold;
}


/***************************************************************/
/**** Desplegables Lateral                                                                             ***/
/***************************************************************/

#sidecontainer
{
        font: normal 80% verdana, helvetica, arial, sans-serif;
        width: 100%;
}

#sidecontainer ul
{
        list-style: none;
        margin: 0px;
        padding: 0px;
        border: none;
}

#sidecontainer li
{
        line-height: 2.4em;
        list-style: none outside;
        background-color: #9EC2E7;
        width: 100%;
        border-bottom: 1px solid #90bade;
}


/*** 1st Level ***/

#sidecontainer ul li a
{
        font-weight:normal;
        background-color: transparent;
          padding-left: .5em;
          border-left: .7em solid #00478E;
            display:block;
          color: #336799;
          text-decoration: none;
        font-weight:bold;
}

#sidecontainer ul li:hover
{
        border-left-color: #D94F00;
        background-color: #9EC2E7;
        color: #fff;
        font-weight: bold;
}
#sidecontainer ul li a:hover
{
        border-left-color: #D94F00;
        color: #fff;
        font-weight: bold;
}*html #sidecontainer ul li a:hover
{
        border-left-color: #D94F00;
        background-color: #00478E;
        color: #fff;
        font-weight: bold;
}


/*** 2nd Level ***/

#sidecontainer ul ul li
{
        border-bottom: 1px solid #90bade;
        background-color: #D4E5F7;
}

#sidecontainer ul ul li a
{
        display:block;
        padding:0px 0px 0px 8px;
        border-left: .7em solid #9EC2E7;
        background-color: transparent;
        color: #777;
        text-decoration: none;
        font-weight:bold;
}

#sidecontainer ul ul li:hover
{
        border-left-color: #D4E5F7;
        font-weight: bold;
        background-color: #D94F00;
}
#sidecontainer ul ul li a:hover
{
        border-left-color: #D4E5F7;
        font-weight: bold;
}*html #sidecontainer ul ul li a:hover
{
        border-left-color: #D4E5F7;
        font-weight: bold;
        background-color: #D94F00;
}


/***************************************************************/
/**** ToolTip                                                ***/
/***************************************************************/

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}