html {
    height: 100%;  
    margin-left: 0px;
    margin-right : 0px; 

}

body {         
    font-family: "Arial","Verdana","Tahoma";
    font-size: 75%;
    color:#666666;
    background-color:#E2E1E1;

 
}


td,th,p,div,span{
    font-size: 1.0em;
   /* text-align: left;*/    
    
}

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: #334999;                             
}
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: #89BEF8;
        background-color: #FFFFFF;
    }
    table.tableformu select{
        font-family: Arial;
        font-size: 1.0em; 
        border-width: 1px;
        border-style: solid;
        border-color: #89BEF8;
        background-color: #FFFFFF;
    }
    table.tableformu textarea{
        font-family: Arial;
        font-size: 1.0em; 
        border-width: 1px;
        border-style: solid;
        border-color: #89BEF8;
        background-color: #FFFFFF;
    }
    table.tableformu th{
        text-align: right;
        font-weight: bold;
    }
     
    table.tableformu input.checkradio{
        border: 0;
    
    }
    
    table.tableformu input.boton{
        height : 20px;
        cursor:pointer;    
    }

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


/* contenidos */
h1.titulo_seccion{
    
    background-color: #DADADD;
    font-size: 1.1em;
    color:#336699;
    
    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;
 
 }
 
 
.texto_grande{
    font-size: 1.2em;
}

.texto_masgrande{
    font-size: 1.4em;
}

.texto_muygrande{
    font-size: 1.6em;
}

.texto_verdeclaro{

    color:#A6C032;
}


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

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

div#cabecera{
    width:972px;
    height: 135px; 
    /*background-image:url("images/cabecera.jpg"); */
    font-family: "Tahoma";
   /* color: #229933;
    font-size: 1.8em;
    font-weight: bold;   
    text-align: center; */   
}


div#menutop{          
    width:760px;  
    float: left;
    border: 0px; /* solid #FF0000;         */
}

div#menutop2{
    float: right;
    width: 210px;
    height: 28px;              
    
    border-top-color: #619BD4;
    border-top-style: solid;
    border-top-width: 1px;
    
    border-bottom-color: #619BD4;                               
    border-bottom-style: solid;                            
    border-bottom-width: 1px;
    
    margin-left: -5px;
    
    text-align: center;
        
    color: #333333;
    font-family: "Tahoma";
    font-size: 1.2em;
}

div#menutop2 a, div#menutop2 a:link, div#menutop2 a:visited{
    color:#333333;
    font-family: "Tahoma"; 
    font-size: 1.0em; 
} 


div#menucursos{   
    width: 100%;
    height: 28px; 
    
    padding-top: 5px;             
    
    background-image: url("images/BarraVerde.jpg");
    background-repeat: repeat-x;
        
    color: #336600;
    font-family: "Tahoma";
    font-size: 1.2em;
}

div#menucursos a, div#menucursos a:link, div#menucursos a:visited{
    color:#336600;
    font-family: "Tahoma"; 
    font-size: 1.0em; 
    
    margin-left: 40px;
    margin-right: 20px;
} 


div#menuiz{
    width: 230px;
    float: right;
    position: relative;
   
    margin-top: 30px;
    font-size: 1.1em; 
   /* border: #FF0000 1px solid; */
   
}
div#menuiz a, div#menuiz a:link, div#menuiz a:visited{
    color:#F86605;  
} 

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

 
#centro{
    width: 100%;
    padding-top: 6px;
    clear:both;             
} 


#contenido{ 
    float: left; 
    padding-bottom: 10px;
    margin-top: 20px;
    padding-left: 20px;
    width: 710px; 
    
    /*border: #FF0000 1px solid;*/ 
}
 
div#nav{
    
    font-size:1.1em;
    color:#4C79D2;
   
    padding-left: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
    
    margin-bottom: 10px; 
    
}

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



div#pie{
    margin-top: 8px;
    height: 20px;
    background-color:#619BD4;
    color:#FFFFFF;
    font-size:1.0em;
    width:100%;
    text-align: center;
    vertical-alignment: middle; 
}
div#pie a, div#pie a:link, div#pie a:visited{
    color:#FFFFFF;
} 



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


 
 .titulo{
 
    font-size: 1.3em;
    font-weight: bold;
    
    padding-bottom: 5px;
    
    border-bottom-width: 1px;
    border-bottom-color: fuchsia;
    border-bottom-style: dashed;
 }
 
 
 .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;
}

div#c_cursosrelacionados{
    background-color: #E5E5E5;
    padding-bottom: 10px;
    margin-left: 90px;
    margin-bottom: 10px;
}

div#c_cursosrelacionados a, div#c_cursosrelacionados a:link, div#c_cursosrelacionados a:visited{     
    color: #336699;                             
}