html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, tt, var,
    b, u, i, center,         
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
    }

    
/*    Algunos elementos que tendrán las mismas características en toda la página    */
#pagina {
    width: 1080px;
    margin: 0 auto;
    BACKGROUND-COLOR: #eee;
    }
    
body {
    /*BACKGROUND-COLOR: #eee;*/
    /*BACKGROUND-COLOR: #d3d3d3;*/
    /*background: url(img/fondo_estrellas1.jpg);*/
    /*BACKGROUND-COLOR: #eee;*/
    BACKGROUND: url(img/fondo_gris1.png) #d3d3d3 repeat-x 0px 0px;
    margin: 0;
    padding: 0;
    font: arial, helvetica, sans-serif;
}


#pie {
    width: 98%;
    height: auto;
    margin-top: 1px;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 1%;
    /*BACKGROUND-COLOR: #999999;*/
    background: url(img/barra_pie2.jpg);
    float: left;
    /* Marco  Color*/    
    /*BORDER-BOTTOM: #FFFFFF 1px solid; */
    BORDER-LEFT: #FFFFFF 4px solid; 
    BORDER-TOP: #FFFFFF 1px solid; 
    BORDER-RIGHT: #FFFFFF 4px solid; 
    PADDING-TOP: 1px;
    }
    #pie a {
   	    color: #eee;
		    /*color: #d3d3d3;
        color: #FF6600;*/
        text-decoration: none;
        padding: 0;
        margin: 5px 0 0 0;
        font-size: 100%; }
 
        #pie a:hover { color: red; }

    
#imagencabecera {
    width: 100%;
    height: 145px;
    /*background: url(img/top_barra2.jpg); */
    /*background: url(img/top_barra2.jpg);*/
    background: url(img/top_barra6.jpg);
    /*background: url(img/logotipo2.png); */
    /* Marco  Color*/    
    /*BORDER-BOTTOM: #FFFFFF 1px solid; */
    BORDER-LEFT: #FFFFFF 4px solid; 
    /*BORDER-TOP: #FFFFFF 1px solid; */
    BORDER-RIGHT: #FFFFFF 4px solid; 
}
 


/* Color Marco de los listados*/
#listadosessiones {
    width: auto;
    BORDER-BOTTOM: #aac3d2 1px solid; 
    BORDER-LEFT: #aac3d2 1px solid; 
    PADDING-BOTTOM: 8px; 
    BACKGROUND-COLOR: #f5f5f5; 
    MARGIN: 5px 10px 10px 0px; 
    PADDING-LEFT: 8px; 
    PADDING-RIGHT: 8px; 
    BORDER-TOP: #aac3d2 1px solid; 
    BORDER-RIGHT: #aac3d2 1px solid; 
    PADDING-TOP: 8px;
}    

 
/* Color Marco de los formularios*/
FORM#f-formregistrar {
    BORDER-BOTTOM: #aac3d2 1px solid; 
    BORDER-LEFT: #aac3d2 1px solid; 
    PADDING-BOTTOM: 8px; 
    BACKGROUND-COLOR: #f5f5f5; 
    MARGIN: 5px 10px 10px 0px; 
    PADDING-LEFT: 8px; 
    PADDING-RIGHT: 8px; 
    BORDER-TOP: #aac3d2 1px solid; 
    BORDER-RIGHT: #aac3d2 1px solid; 
    PADDING-TOP: 8px;
    width: auto;
}    
 .textoformregistrar {
    COLOR: #334466; 
    font: bold 100% verdana, arial, helvetica, sans-serif;
    FONT-FAMILY: arial, tahoma, sans-serif; 
    text-decoration: none;
    text-align: left;
    margin-top: 10px;     
}



#marco_general {
    BORDER-BOTTOM: #aac3d2 1px solid; 
    BORDER-LEFT: #aac3d2 1px solid; 
    /*BACKGROUND-COLOR: #f5f5f5; */
    /*MARGIN: 5px 10px 10px 0px; */
    BORDER-TOP: #aac3d2 1px solid; 
    BORDER-RIGHT: #aac3d2 1px solid; 
    /*width: auto;*/
}    

/* Propiedades del cuerpo central de la página, donde aparecen los contenidos principales    */
#contenedor {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: white;
    BORDER-BOTTOM: #FFFFFF 1px solid; 
    BORDER-LEFT: #FFFFFF 4px solid; 
    BORDER-TOP: #FFFFFF 1px solid; 
    BORDER-RIGHT: #FFFFFF 4px solid; 
}
 
 
/*=======================================================================

    Menus
    
 ========================================================================*/

#botonera {     /*Boton fondo*/
    width: 100%;
    height: 30px;
    margin: 0 auto;
    background: url(img/boton-menu_fondo2.jpg) repeat-x; 
    /*BORDER-BOTTOM: #FFFFFF 1px solid; */
    BORDER-LEFT: #FFFFFF 4px solid; 
    BORDER-TOP: #C0C0C0 1px solid;
    BORDER-RIGHT: #FFFFFF 4px solid; 
}
 
.boton {     /*Imagen boton de los menus desplegables*/
    width: 19.88%;
    height: 30px;
    float: left;
    text-align: center;
    margin-left: 1px;
    background: url(img/boton-menu6.jpg) repeat-x;
    font-weight: bold;
    font-size: 87%;
    font-family: Verdana;
    line-height: 30px; }
            /*Imagen encima boton*/
    .boton:hover { background: url(img/boton-menu4.jpg) repeat-x; }
 
    .boton a {
        color: white;
        text-decoration: none;
        display: block; }
 
        .boton a:hover { color: white; }
 
    /*    Desarrollo de los menus desplegables    */
.boton div.uno {   /*Fondo desplega boton*/
        position: relative;
        width: 282%;
        background: url(img/desplegable5.png);
        font-size: 100%;
        visibility: hidden;
        text-align:left;
        padding: 10px 2px 10px 40px;
        font: bold 100% arial; 
        }
.boton div.dos {   /*Fondo desplega boton*/
        position: relative;
        width: 282%;
        background: url(img/desplegable5.png);
        font-size: 100%;
        visibility: hidden;
        text-align:left;
        padding: 10px 2px 10px 40px;
        font: bold 100% arial; 
        }
.boton div.tres {   /*Fondo desplega boton*/
        position: relative;
        width: 280%;
        background: url(img/desplegable5.png);
        font-size: 100%;
        visibility: hidden;
        text-align:left;
        padding: 10px 2px 10px 40px;
        font: bold 100% arial; 
        }
.boton div.cuatro {   /*Fondo desplega boton*/
        position: relative;
        width: 282%;
        background: url(img/desplegable5.png);
        font-size: 100%;
        visibility: hidden;
        text-align:left;
        padding: 10px 2px 10px 40px;
        font: bold 100% arial; 
        LEFT: -216px;
        }
.boton div.cinco {   /*Fondo desplega boton*/
        position: relative;
        width: 180%;
        background: url(img/desplegable5.png);
        font-size: 100%;
        visibility: hidden;
        text-align:left;
        padding: 10px 2px 10px 40px;
        font: bold 100% arial;
        LEFT: -216px; 
        }


 
    .boton:hover div { visibility: visible; }
 
    .boton ul {    /*Guion desplegado*/
        margin: 0 10px;
        padding: 0px 0px 0px 0px;
    }

    .boton li.cero {
        list-style-image: url(img/menu0.png);          
        color: white;
        text-decoration: none;
        margin: 0px 10px;
        padding: 3px 3px 0px 0px;
    }
    .boton li.uno {
        list-style-image: url(img/menu1.png);          
        color: white;
        text-decoration: none;
        margin: 0px 10px;
        padding: 3px 3px 0px 0px;
    }
    
    .boton li.dos {
        list-style-image: url(img/menu2.png);
        color: white;
        text-decoration: none;
        margin: 0px 10px;
        padding: 3px 3px 0px 0px;
        position:relative;
        right: -4em;
    }
    
    .boton li a {
        color: white;
        text-decoration: none;
    }

    .boton li a:hover { color: #fa6; }
        .boton li b {
            color:red;
            text-decoration: none;
        }

        
.col {
    width: 100%;
    background: url(img/medcolred.png) repeat-y; }
 
.topcol {
    width: 100%;
    height: 20px;
    background: url(img/colred.png) top left no-repeat; }
 
.botcol {
    width: 100%;
    height: 20px;
    background: url(img/colred.png) bottom left no-repeat;
    margin-bottom: 5px; }
 
.topcolr {
    width: 100%;
    height: 20px;
    background: url(img/colrred.png) top right no-repeat; }
 
.botcolr {
    width: 100%;
    height: 20px;
    background: url(img/colrred.png) bottom right no-repeat; }
 
.colr {
    width: 100%;
    background: url(img/medcolrred.png) right repeat-y; }