html {
    height: 100%;
    margin:0px;

}

body {
    height: 100%;
    margin:0px;
    font-family: "Arial","Verdana","Tahoma";
    font-size: 80%;
    color:#333333;
    background-color:#FFFFFF;

 
}


td,th,p,div,span{
    font-size: 1.0em;            
}

th{

  text-align: justify;
}

form{
    margin-bottom: 0px;
    margin-top: 5px;
    
}

.alderecha{
    text-align: right;
}                                   

.alizquierda{
    text-align: left;
}  
.alcenter{
    text-align: center;
}   
.mayusculas{
    text-transform: uppercase;
 }                                                                                                   

a, a:link, a:visited{
    text-decoration:none;
    color: #AF1616;    /* color por defecto de los enlaces de la web */                         
}
a:hover{
    text-decoration:underline;
}

.salto{
    clear:both;
}

 
      
/* -------------- para formularios ----------------*/
      

    table.tableformu input{
        font-family: Arial;
        font-size: 1.0em; 
        border-width: 1px;
        border-style: solid;
        border-color: #2A669F;
        background-color: #FFFFFF;
    }
    table.tableformu select{
        font-family: Arial;
        font-size: 1.0em; 
        border-width: 1px;
        border-style: solid;
        border-color: #2A669F;
        background-color: #FFFFFF;
    }
    table.tableformu textarea{
        font-family: Arial;
        font-size: 1.0em; 
        border-width: 1px;
        border-style: solid;
        border-color: #2A669F;
        background-color: #FFFFFF;
    }
    table.tableformu th{
        text-align: right;
        font-weight: normal;
    }
     
    table.tableformu input.checkradio{
        border: 0;
    
    }
    
    table.tableformu input.boton{
        height : 20px;
        cursor:pointer;    
    }

/* -------------- fin para formularios ----------------*/


/* contenidos */
h1.titulo_seccion{       /* estilo para los títulos de los módulos y los contenidos */ 
    
    background-color: #EBEBEE; 
    font-size: 1.1em;
    color:#DD3333;
    margin-bottom: 8px;
    padding-bottom: 4px;    
    padding-top: 4px;    
    padding-left: 4px;    
    padding-right: 4px;    
}

/* para los mensajes al usuario*/
 .mensajeusuario{
    
    font-size: 1.3em;
    color: #FF2200;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
 
 }
 
 
.text_grande{
    font-size: 1.2em;
}

.texto_verdeclaro{

    color:#A6C032;
}


/* *****************  capas ************************** */

div#general{
    width:985px;
    background-color: #ffffff;
}

div#cabeceraHome{
    width:985px;
    height: 245px;
    background-image:url("images/fondocabecera.png");
    font-family: "Tahoma";
    color: #FFFFFF;
    text-align: center;  
}
div#cabeceraHome a {
    color:#FFFFFF;
    font-weight: bold;
    font-family: Arial;
    
}
div#cabeceraHome div#menutopHome{
    float:right;
    margin-top:10px;
}

div#cabeceraContenido{
    width:985px;
    height: 150px;
    background-image:url("images/cabeceraInterior.png");
    font-family: "Tahoma";
    color: #ff0000;
    text-align: center;  
    border:1px solid red;  
}
div#cabeceraContenido a {
    color:#FFFFFF;
    font-weight: bold;
    font-family: Arial;
    
}
div#cabeceraContenido div#menutopHome{
    float:right;
    margin-top:4px;
}


div#menuiz{
    width: 202px;
    float: left;
    position: relative;
    margin-right: 2px;
    font-size: 1.1em;
    font-family: Arial; 
    background-image:url("images/fondomenu.jpg");
    background-repeat: repeat-y;
}
div#menuiz a, div#menuiz a:link, div#menuiz a:visited{
    color:#4A4949;  
} 

div#menuiz a:hover{
    color:#F86605;  
}

.menupadre{
    margin-left:10px;
    margin-bottom: 3px;
    font-weight:bold;
} 

 
#centro{
    width: 100%;     
    clear:both;
    min-height: 500px; 
} 


#contenido{ 
    float: left; 
    width: 700px;
    min-height: 460px;
    margin-left: 40px;
    margin-bottom: 10px;
    margin-top: 5px;
}
 
div#nav{
    
    font-size:0.9em;
    color:#4B5E06;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
    
    border-style: solid;
    border-color: #eaeaea;
    border-width: 1px;
    
    margin-bottom: 10px; 
    
}

div#nav a, div#nav a:link, div#nav a:visited{
    color:#4B5E06;
    font-weight: bold;
}



div#pie{
    height: 20px;
    background-color:#E2E1E1;
    color:#495C08;
    font-size:1.0em;
    width:100%;
    text-align: center;
    vertical-align: middle; 
}
div#pie a, div#pie a:link, div#pie a:visited{
    color:#495C08;
} 



/* *****************  fin: capas ************************** */


 .celda_fondo_top{
     background-image:url("images/sombraSup.png");
    background-repeat:repeat-x; 
 }
 .celda_fondo_abajo{
     background-image:url("images/sombraInf.png");
    background-repeat:repeat-x; 
 }
 .celda_fondo_der{
     background-image:url("images/sombraDcha.png");
    background-repeat:repeat-y; 
 }
 .celda_fondo_iz{
     background-image:url("images/sombraIzda.png");
    background-repeat:repeat-y; 
 }
 .unpixel{
    font-size: 1px;
}


/* ********************************* */
/* ****** FORMULARIOS AJAX ********* */
/* ********************************* */
div.filacampo{
    clear:both;
    width: 600px;
    margin-bottom: 5px;
}
div.etiqueta{

    width: 200px;
    margin-right: 5px;           
    text-align: right;
    float: left; 
           
}  
div.campo{
    width: 300px;              
    text-align: left;
    float: left;      
}

input{
    border: 1px solid #2A669F;
}        

textarea{
    border: 1px solid #2A669F;
}

.campo_error{
    border: 1px solid #FF0000;
}        

.campo_defecto{
    border: 1px solid #2A669F;
}        

/* ********************************* */
/* ***** FIN FORMULARIOS AJAX ******* */
/* ********************************* */

/*-----------OPCIONES DE BUSQUEDA ---------*/
div.opBusqueda{
    position:absolute;
    right:137px;
    top:62px;
    width:250px;
    height:150px;
    background-color:#ffffff;
    border:1px solid black;
    display:none;
}
span.titulo_avanzadas{
    color: #00000;
    padding-top:10px;
}

div.boton_cerrar{
    height:10px;
    margin:5px;
    text-align:right;
}
div.boton_cerrar a{
    color:#FF0000;
}

div.opciones{
    width:250px;
    margin-top:20px;
    float:left;
    color:#000000;
}

/*-----------------------------------------*/

/*--------- AGENDA ESTILOS ---------------*/
    table.tagenda{
        background-color: #ffffff;
        border-width: 1px;
        border-color: #CEADC1;
        border-style: solid;
        width:220px;
        height:220px;
        margin-right:20px;
    }
    
    table.tagenda th{
        text-align: center;
        background-color: #ffffff;
        border-left-width : 0;
        border-right-width: 0;
        color: #314931;
        font-size: 0.9em; 
    }
    
    table.tagenda th a{
       font-size: 0.9em;
       color:#5B875B;
    }
    
    table.tagenda td{
        text-align: center;
        background-color: #EDE8E4;
        font-size: 0.9em;
    }
    table.tagenda td.nomdia{
        text-align: center;
        background-color: #666666;
        color:#FFFFFF;
    }
    table.tagenda td.marca{
        background-color: #D20A0C;
        color: #FFFFFF;
    }
    table.tagenda td.hoy{
        background-color: #5B875B;
        color: #FFFF00;
    }
    div#titularAgenda{
        background-color: #DEDEDE;
        padding:2px;
        color: #FC0001;
        font-family: Arial;
        font-weight: bold;
    }
    table.tablaBuscador{
        color: #5A5A5A;
        font-family: Arial;
        font-weight: bold;
    }
    div#buscadorAgenda{
        width:400px;
        float:left;
        margin-top:20px;
    }
    
    div#posicionCalendario {
        float:left;
        width:250px;
        margin-left:40px;
    }
    div.linea{
        height:5px;
        width:100%;
        background-color:#E1E1E1;
        margin-bottom:20px;
    }
    
    div.eventoAgenda{
        margin-bottom:30px;
    }
    div.masInfoAgenda a{
        color:#FC0001;
        font-size: 1.1em;
        margin-left:10px;
        font-family: Arial;
        
    }
    
    div.tituloEventoAgenda{
        color:#686868;
        font-family: Arial;
        font-weight: bold;
        margin-bottom:15px;
        margin-left:10px;  
    }
    input.botonAgenda{
        height : 20px;
        cursor:pointer;
        background-color:#FF0001;
        border:none;
        color:#FFFFFF;
        font-weight: bold;
        font-size: .9em;
        float:right;    
    }