@charset "utf-8";
/* CSS Document */

.clear { clear: both; }



/* ****************************************
/* ESTILOS PARA PAGINAS SECUNDARIAS 770px *
/* ****************************************/

/* -------- CABECERA SECUNDARIO (770px) --------- */

/*body { margin:10px 0 0 0; }*/






/* *************************************************
// ESTILOS DE CABECERA:
//     LOGO CABECERA
//     MENU PRINCIOPAL
//     BOTON CONSULTA
// *************************************************/ 

    /* ------ LOGO CABECERA ------ */
    body #cabecera {
		width:770px; 
    	margin:20px auto 0px;
		padding-bottom:3px;
        position:relative;
		background-color:#FFF;

        /*margin-right:auto;
		margin-left:auto; 
        height:100px;		 
		position:relative;*/
	}
    body#secundario #cabecera { 
	    width:770px; 
     	margin:20px auto 0px;
		padding-bottom:3px;
        position:relative;
		background-color:#FFF;
        height:100px;

        /*margin-right:auto;
	    margin-left:auto; 
        position:relative;*/
	}
    #cabecera > #logoCabecera {
		width:770px;
		height:100px;
		margin:0px 0px 3px;
        background-image:url("../imagenes/membrete2016-770.jpg");
	}
    /* ------ FIN LOGO CABECERA ------ */	



    /* ------ MENU PRINCIPAL OPCIONES (770 px) ------ */
    body#secundario #menup, #menup { 
	    margin:0px;
		width:770px;
		padding: 15px 0px 0px 0px;
        background-color:#678CB5; 
    	box-sizing:border-box; 
	}
    #menup ul {
		margin:0px 10px;
        padding:0px;
        list-style:none;
	}
    #menup ul li {
		margin:0px 6px 0px 0px;  /* 0 10px 0 0;*/
        padding:0px;
        float:left;
	}
    #menup ul li a {
		border:0px;
        padding:5px 15px;
        text-decoration:none;
        font-weight:bold;
        display:block;
        color:#E9F0F7;
        cursor:pointer;
	    line-height:22px;
        background-color:#749dc9;
	}
    #menup ul li a:hover {
        background-color:#7EB1E7;
	}
    #menup ul li.seleccionado a {
        color: #FF9000; background: #FFF;
	}
    /* ------ FIN MENU PRINCIPAL OPCIONES ------ */



/* *************************************************
// FIN ESTILOS DE CABECERA:
// *************************************************/ 








/* -------- CONTENEDOR SECUNDARIO (770px) --------- */
#grancontenedor770 { width:770px;
                     margin-right:auto;
					 margin-left:auto;
                     padding-top:3px;
					 position:relative;
					 background-color:#FFFFFF;
                     overflow:hidden; } 


body#secundario #grancontenedor, #grancontenedor {
	width:770px;
    margin-right:auto;
	margin-left:auto;
    /*padding-top:3px;*/
    position:relative;
    background-color:#FFFFFF;
    overflow:hidden;
} 
/* -------- FIN CONTENEDOR SECUNDARIO (770px) --------- */






/* ------ LATERAL IZQUIERDO (770px) ------ */
body#secundario #lateralizq { width:200px;
                              float:left;
							  margin:6px 5px 0 0;
							  padding-top:6px;
							  background-color:#FFFFFF }

#lateralizq { width:200px;
              float:left;
			  margin:6px 5px 0 0;
		      padding-top:6px;
              background-color:#FFFFFF }

					 
#columnaizq { width:235px; float:left;  margin:6px 5px 0 0; padding-top:6px; background-color:#FFFFFF } /* tratar de eliminar este estilo */

/* Menu Lateral Izquierdo */
#lateralizq #menuv2 { border: 1px solid #999999;
                      border-width: 1px 1px 0 1px;
                      width:auto;
					  font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif; }

#menuv2 ul, li { list-style-type: none; } 

#menuv2 ul { margin: 0; padding: 0; }

#menuv2 li { border-bottom: 1px solid  #999999; }

#menuv2 a { text-decoration: none;
        color: #000000;
        background: #B1C8E1;
        display: block;
        padding: 3px 6px;
        width:auto; }

#menuv2 a:hover { background: #CCCCCC; }

/* ------ FIN LATERAL IZQUIERDO (770px) ------ */



/* ------ LATERAL DERECHO (770px) ------ */
body#secundario #lateralder { width:560px;
                              float:right;
							  margin:6px 0 0 5px;
							  padding-top:6px;
							  background-color:#FFFFFF }

#columnader { width:525px; float:right; margin:6px 0 0 5px; padding-top:6px; background-color:#FFFFFF } /* tratar de eliminar este estilo */


body#secundario #lateralder .tituloseccion, 
                #lateralder .tituloseccion,
				#columnader .tituloseccion, 
body#secundario #columnaunica .tituloseccion,
                #columnaunica .tituloseccion { display:table-cell; 
                                               vertical-align:middle;
                                               padding-left:20px;
                                               padding-right:10px;
                                               height:70px; width:inherit;
                                               color:#043872; 
                                               background-color:#EEEEEE;
                                               font: bold 1.1em/1em Helvetica, Verdana, Arial, sans-serif;}


/* ------ FIN LATERAL DERECHO (770px) ------ */


/* ------ COLUMNA ÚNICA (770px) ------ */
body#secundario #columnaunica,
                #columnaunica { width:770px;
                                margin: auto;
								margin-top:6px;
								padding-top:6px;
								background-color:#FFFFFF }

/* ------ FIN COLUMNA ÚNICA (770px) ------ */



/* ------ BLOQUES COLUMNAS PARA USAR CON ESTILO REPARTICIONES (770px) ------ */
.bloquelatizq { width:370px; float:left; }
.bloquelatder { width:370px; float:right; }
.bloque370 { width:370px; }


#secciones {padding-top:25px;
             padding-left:15px;
			 width:auto;
			 overflow:hidden;}


/* ESTA DEFINIDO EN estiloIndex.css
.cont_reparticiones {margin-right:15px;
                     margin-left:0px;
			         border:1px solid #CCCCCC;
				     border-top:4px solid #BFBFBF;
			         border-radius: 10px 10px 10px 10px; 
                     padding: 5px 10px 8px  10px;
                     background-color:#F1F5F9;
} */

ul.reparticiones li{}
ul.reparticiones li a{color:#663366; display:block;text-shadow:0pt 0pt 2px rgba(0, 0, 0, 0.3) !important;background-color:   #e3e1e1;margin-bottom:10px;padding: 10px 10px 10px 10px;line-height:20px;font-size:11px;font-weight:bold;text-transform:uppercase;display:block;border-radius: 10px 10px 10px 10px;}
ul.reparticiones li a:hover  {color:#fff;background-color:#663366; }
ul.reparticiones li.active a{color:#fff;background-color:#663366;}
					 
ul.reparticiones2 li{}
ul.reparticiones2 li a{color:#000000; display:block;text-shadow:0pt 0pt 2px rgba(0, 0, 0, 0.3) !important;background-color:   #996699;margin-bottom:10px;padding: 10px 10px 10px 10px;line-height:20px;font-size:11px;font-weight:bold;text-transform:uppercase;display:block;border-radius: 10px 10px 10px 10px;}
ul.reparticiones2 li a:hover  {color:#fff;background-color:#663366; }
ul.reparticiones2 li.active a{color:#fff;background-color:#663366;}
/* ESTAN DEFINIDOS EN estiloIndex.css  (h3.titureparticion y h8.titureparticion)
h3.titureparticion {font-size:16px;
                    color:#888888;
					font-weight:bold;
					padding-bottom:15px;
					margin-top:0;
					padding-top:0;
					line-height:32px;
					text-shadow:0pt 0pt 2px rgba(0, 0, 0, 0.3) !important;
}
h8.titureparticion {font-size:14px;
                    color:#888888;
					font-weight:bold;
					padding-bottom:15px;
					margin-top:0;
					padding-top:0;
					line-height:32px;
					text-shadow:0pt 0pt 2px rgba(0, 0, 0, 0.3) !important;
}
*/

div.titureparticion3 {
    font-size:16px;
    color:#888888;
	font-weight:bold;
	padding-bottom:5px;
	margin-top:0px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:30px;
	/*text-shadow:0pt 0pt 2px rgba(0, 0, 0, 0.3) !important*/;
}
div.titureparticion8 {
    font-size:14px;
	color:#888888;
	font-weight:bold;
	padding-bottom:5px;
	margin-top:0;
	padding-top:0;
	line-height:16px;
	/*text-shadow:0pt 0pt 2px rgba(0, 0, 0, 0.3) !important*/;
}

div.lineaGris {
    margin:0px 10px 5px;
	padding:0px;
	height:10px;
	width:inherit;
	border-bottom:2px  solid #cccccc;
}