/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
#login_encabezado{
    padding-top: 20px;
}

#encabezado{
    background-image:url(../../imagenes/encabezado.png);
    height: 120px;
}

#sesion{
    padding-top:15px;
    font-size:0.9em;
    margin-bottom: 4px;
}

#sesion span{
    margin:auto 2pt;
}

#sesion label{
	font-weight:bold;
	color:#000099;
	font-size:1em;
}

#menus {
    height: 69px;
}
#panel_menu_principal {
	height: 25px;
	display: block;
}
#panel_flotante {
	height: 70px;
        margin-bottom: -10px;
	display: none;
}
#boton_flotante {
	height: 48px;
        margin-bottom: -10px;
	display: block;
}


#panel_menu_formulacion {
	height: 25px;
	display: none;
}
#menu_formulacion {
    background-image: url("../../imagenes/menu/menu2.png");
    height: 25px;
}
#menu_cuerpo{
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin-left: 0;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    width: 700px;
}

#menu_horizontal {
    padding: 0;
    white-space: nowrap;
}

#cuerpo_contenido {
    background: #f5f5f5;
    max-height: 1000px;
    
}

#encabezado_propuesta{
    margin:0;
    margin-bottom: 10px;
    padding: 5px;
    -moz-border-radius: .5em;
    border-radius: .5em;
    border: solid 1px #00AEE8;
     background: #77c5d1;
    background: -webkit-gradient(linear, left top, left bottom, from(#77c5d1), to(#bbdff1));
    background: -moz-linear-gradient(top,  #77c5d1,  #bbdff1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#77c5d1', endColorstr='#bbdff1');
   /*sombra*/
    -webkit-box-shadow: 2px 2px 3px #999;
  -moz-box-shadow: 2px 2px 3px #999;
   filter: shadow(color=#999999, direction=135, strength=2);
   width: 100%;


}




#cuadro_izquierdo_cursos{
    float: left;
    width: 25%;
    border: solid 1px #A9A9A9;
}

#cuadro_central_cursos{
    float:left;
    width: 55%;
    border: solid 1px #A9A9A9;
}

#cuadro_derecho_cursos{
    float: left;
    width: 15.5%;
    border-right: solid 1px #A9A9A9;
    border-bottom: solid 1px #A9A9A9;
}

#cuadro_categoria_curso{
    height:  200pt;
    width: 300pt;
    
}




#cuadro_izquierdo_cursos_aprobar_ua{
    float: left;
    border: solid 1px #A9A9A9;
}



#cuadro_derecho_cursos_aprobar_ua{
    float: left;
    border-bottom:  solid 1px #A9A9A9;
    border-right:  solid 1px #A9A9A9;
    border-top:  solid 1px #A9A9A9;
}


#cuadro_izquierdo_cursos_vista{
    float: left;
    width: 25%;
    border: solid 1px #A9A9A9;
}

#cuadro_central_cursos_vista{
    float:left;
    width: 40%;
    border: solid 1px #A9A9A9;
}

#cuadro_derecho_cursos_vista{
    float: left;
    width: 15.5%;
}

#cuadro_derecho_cursos_juicio_vista{
    float: left;
    width: 15.5%;
}