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;
 }
 
 .margentop10{
    margin-top:10px;
 }            
 .margentop15{
    margin-top:15px;
 }                                                                                                   

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;    
    }
    
    input.boton{
    
        font-family: Arial;
        font-size: 1.0em; 
        border-width: 1px;
        border-style: solid;
        border-color: #89BEF8;
        background-color: #FFFFFF;
        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;
}

img {
border: 0px;
}

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

div#general{
    width:970px;
    margin-left:auto;
    margin-right:auto;     
    background-color: #fff;
}

div#cabecera{
    position:absolute;
    top:8px;
    width:970px;
    height: 161px; 
    font-family: "Tahoma";  
    background-color:#FFF; 
    z-index: 5;
}
div#cabecera img{
    position:relative;
    left:-10px;
    top:-17px;
   /* z-index:10;*/
}


div#menutop{          
    line-height:27px;
    width: 936px;
    float: right;
    height:27px;
   /* background-color: #FFFFFF;   */
    font-size:1.1em;
    color:#898787; 
}

div#menutop a{
    color:#898787;
}
div#menutop a:hover{
    color:#20D9DC;   
    text-decoration:none;
}
div#menutop a.menutopactive, div#menucursos a.menutopactive{
    color:#20D9DC;   
    text-decoration:none;
}



div#menucursos{   
    float:right;
    height: 28px;
}

div#menucursos ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float:left;
}

div#menucursos ul li{
   display:inline;
   float:left;
   border-right:2px solid #FFF;
}

div#menucursos ul li a{
    display: block;
    color: #FFFFFF;
    font-weight:bold;
    margin: 8px 14px;
    text-decoration: none;
}
div#menucursos ul.menucategorias li{
    background-color: #8903DF;
    text-transform: uppercase;
}
div#menucursos ul.menutemas li{
    background-color: #CF88FB;
    text-transform: uppercase;
}
div#menucursos ul li a:hover{
    color: #22FCFF;
}

div#buscador{
    width:279px;
    float:right;
    line-height:30px;
    background-color:#005596;
    color:#FFFFFF;
    padding:0px;
    margin:0px;
    height:30px;
    font-weight:bold;
}

div#buscador input#inputtext{
    background-image: url('images/fondobuscador.jpg');
    background-repeat:no-repeat;
    border:0px;
    width:185px;
    height:23px;
    padding: 0px 4px 0px 8px;
    line-height:23px;
    margin-left:5px;
    margin-right:10px;
}

.btnbuscadorcursos{
    border:none;
    background-image:url('images/flechabuscador.png');
    background-repeat:no-repeat;
    background-position:0px 4px;
    background-color:#005596;
    color:#FFFFFF;
    width:62px;
    font-weight:bold;
    font-family:Arial;
    font-size:1em;
    cursor:pointer;
}


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

div#menuiz a:hover{
    color:#3366CC;  
} 

 
#centro{
    position: absolute;
    top:220px;
    width: 936px;           
    margin-left: 15px;           
    margin-right: 15px;     
                             
}

#menus{
    position: absolute;
    top:145px;
    width: 936px;
    height: 60px;    
    margin-left: 15px;           
    margin-right: 15px;
    z-index: 10;
} 


#contenido{ 
    float: left; 
    padding-bottom: 10px;
    width: 690px; 
    margin-top:10px;         
}
 
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;    
    text-decoration: underline;
}



div#pie{
    background-color:#FFFFFF;
    color:#BDB8B8;
    font-size:0.9em;  
    text-align: left;
    padding-left:17px;
    padding-right:17px;
    padding-bottom:5px;
    margin-top: 5px;
}
div#pie a, div#pie a:link, div#pie a:visited{
    color:#085AC3;
}

div#pie .textomini{
    font-size:0.8em;
} 

div#pietandem{
    width:972px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    font-size:0.85em;
    color:#333333;
    text-align:right;
}
div#pietandem a{
    color:#333333;
}


/* *****************  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;                             
}    



table.tablecursos td{
        font-family: Arial;  
        color: #444444;
        font-size: 0.9em;
    }
                           
    div.opciones a, div.opciones a:link, div.opciones a:visited{
        font-family: "Arial";
        font-weight :bold; 
        color: #2066AF;
        font-size: 1.2em;
        padding-top:14px; 
        padding-right: 10px;
        padding-bottom: 15pX; 
        padding-left: 15px;
        background-color: #D7E5F4;
                            
    }
                             

    
    div.divgenerales{
        padding-left: 95px;            
    }
    
    .titulogenerales{    
        font-weight: bold;  
    }   
    
    h1.titulogenerales{
        color: #444444;    
        padding-left: 75px; 
        font-size: 1.0em; 
    }
                        
    
    div.titulocurso h1, div.titulo h1:link, div.titulo h1:visited{
        font-family: "Arial";
        font-weight : bold;
        font-size: 1.3em; 
        color: #4C79D2;
        text-decoration: underline;
        padding-left: 20px; 
    }   
     
    div.version a, div.version a:link, div.version a:visited{
        font-family: Arial;
        font-weight: bold;
        font-size: 0.9em; 
        color: #3366CC;
    }
      
    div.buscador a, div.buscador a:link, div.buscador a:visited{
        font-family: Arial;
        font-weight: bold;
        font-size: 1.1em; 
        color: #444444;
        padding-left: 25px;   
    }    

    
    
    div.divcursos{
    
        background-color: #E5E5E5;
                                
        margin-left: 30px;
        margin-top: 25px;
        margin-bottom : 5px;
        
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
                           
        font-weight : bold; 
        color: #3366CC;
        font-size: 1.2em;   
        text-transform: uppercase;
    }
    
   
                    
    div.divdetalles{
        padding-left: 70px;
    }
      
    div.divdetallescurso{
        margin-top: 7px;
       /* background-image: url("images/flechaMenu.png");*/
        background-image: url("images/mapaweb_icono_p.png");
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 10px;
    }
     
    div.divdetallescurso a,div.divdetallescurso a:link, div.divdetallescurso a:visited{
            color: #444444;  
            font-weight: normal;
            font-size: 1.0em;
    }  
                           
    .azul{
        color: #3366CC;  
    }

div.etiq{
    margin-top: 10px;
    padding-left: 20px;
    font-weight: bold;
}

div.camp{
    padding-left: 20px;

}

div#menuiz input.checksolicitud{
    border:0px;
    padding:0px;
    margin:4px;
}

div#menuiz a.verboletines{
    color:#336699;
    font-weight:bold;
    font-size:0.8em;
    text-decoration: underline;
}

img.escribenos{
    margin-top:8px;
}
img.llamanos{
    margin-top:8px;
}
img.matricula-online{
    margin-top:8px;
}
div.caja-solicitud-bol{
    margin-top:8px;
}