.body {
    background-color: #ECFCFF;
	
}

.body600 {
	background-image:url(../img/prolicor1.png);
	width:20px;
	height:20px;
	
}
.body_contenido {
    background-color: #FFFFFF;
}

.body_contenido1 {
    background-color: #FFFFFF;
	font-size:14px;
	color:#000;
	font-weight:bold;
	background-color:#6FF;
}




.bar {
	background-size:contain;
	background-image:url(../images/diploma-en-blanco-de-la-graduaci%C3%B3n-24823277.jpg);
	
	    
}
.titulo_pantalla {
    font-family: "Verdana";
    font-size: 12px;
    font-weight: bold;
    color: #000;
    height: 35px;
    /*background-image:url(../imag/img_titulo.png);
	background-repeat:repeat-x;*/
}
.le{
 	font-size: 10px;
	
}

.tbl_background_claro {
    background-color: rgba(102, 153, 204, 0.37);
    vertical-align: middle;
    padding-top: 15px;
}

.tbl_background_oscuro {
    background-color: rgba(102, 153, 204, 0.72);
}

input {
    padding: 0, 5em;
    border-radius: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
}

select {
    padding: 0, 5em;
    border-radius: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
}

button {
    padding: 0, 5em;
    border-radius: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: #FFF;
    background: #333 none repeat scroll 0% 0%;
    border: 0px none;
    width: 90px;
    height: 20px;
}

.letter {
    color: #06F;
    font-size: 12px;
    font-weight: bold;
}

.letra {
    font-size: 0.9em;
    font-weight: bold;
}

.titulo_index {
    font-family: "Arial";
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #FFF;
    height: 20px;
    background-image: url(../imag/img_titulo.png);
    background-repeat: repeat-x;
}

.etiquetas {
    font-family: "Verdana";
    font-size: 12px;
    color: #333333;
}

.sub_titulo_tabla {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    font-family: "Verdana";
    background-image: url(../imag/img_titulo_2.png);
    background-repeat: repeat-x;
}

.sub_titulo_tabla_2 {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    font-family: "Verdana";
    background-image: url(../imag/img_titulo_2.png);
    background-repeat: repeat-x;
}

.boton_buscar_principal {
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: #333333;
    border: 0px;
    width: 90px;
    height: 20px;
    valign: middle;
}

.boton_cancelar_principal {
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: #FFFFFF;
    background: #6C6C6C;
    border: 0px;
    width: 90px;
    height: 20px;
}

container {
    width: 200%;
    max-width: 2260px;
    /* puede que sea conveniente una anchura máxima (max-width) para evitar que este diseño sea demasiado ancho en un monitor grande. Esto mantiene una longitud de línea más legible. IE6 no respeta esta declaración. */
    
    min-width: 2280px;
    /* puede que sea conveniente una anchura mínima (min-width) para evitar que este diseño sea demasiado estrecho. Esto permite que la longitud de línea sea más legible en las columnas laterales. IE6 no respeta esta declaración. */
    
    background-color: #FFF;
    margin: 0 auto;
    /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
}

bienvenida {
    font-size: 2px;
    font-familY: "Arial Rounded MT Bold";
    color: #FF0000;
}

.bienvenida2 {
    font-size: 20px;
    font-familY: "Arial Rounded MT Bold";
    color: #666;
}

.asterisco {
    font-family: "Verdana";
    font-size: 12px;
    color: #0000FF;
    font-weight: bold;
}

.titulob {
    /*font-family: "Century Gothic, georgia, sans-serif";*/
    
    font-family: "Verdana";
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}

.tabla_login {
    font-size: 12px;
    font-family: "Verdana";
    border-style: double;
    border-color: #46B3E6;
}

.titulo {
    font-family: "Verdana";
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.titulo_principal {
    font-family: "Verdana";
    font-size: 18px;
    color: #CC0000;
    font-weight: bold;
}

.titulo_rojo {
    font-family: "Verdana";
    font-size: 12px;
    color: #CC0000;
    font-weight: bold;
}

.paginacion {
    font-family: "Verdana";
    font-weight: bold;
    font-size: 12px;
    color: #006699;
}

.input {
    font-family: "Verdana";
    font-size: 12px;
    color: #333333;
}

.input {
    border-style: solid;
    font-size: 12px;
    color: black;
    letter-spacing: 3px;
}

.boton {
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: #666666;
    border: 0px;
    width: 90px;
    height: 20px;
    cursor: pointer;
}

.boton_casa {
    border: none;
    padding: 4px;
    padding-left: 25px;
    list-style: none;
    color: #b01313;
    background: url(/sis_ccsb/imag/img_vivienda.png)no-repeat;
}

.boton_nuevo {
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: #333333;
    border: 0px;
    width: 150px;
    height: 20px;
}

.boton_nueva_vivienda {
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: #333333;
    border: 0px;
    width: 190px;
    height: 20px;
}

.guardar_continuar {
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: #666666;
    border: 0px;
    width: 141px;
    height: 20px;
}

.haga_click {
    background: url(../imag/img_haga_click.png);
    border: 0px;
    width: 111px;
    height: 25px;
    cursor: pointer;
}

.caracteristicas_familiar {
    background: url(../imag/img_caracteristica_familiar.png);
    border: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.editar_familiar {
    border: none;
    padding: 4px;
    padding-left: 25px;
    list-style: none;
    color: #b01313;
    background: url('../imag/img_editar_familiar.png') no-repeat 11px 4px;
    cursor: pointer;
}

.eliminar_familiar {
    border: none;
    padding: 4px;
    padding-left: 25px;
    list-style: none;
    color: #b01313;
    background: url('../imag/img_eliminar_familiar.png') no-repeat 11px 4px;
    cursor: pointer;
}

.boton_familiares {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: url('../imag/img_grupo_familia.png') no-repeat 11px 4px;
    border: 0px;
    width: 128px;
    height: 125px;
    cursor: pointer;
}

.estilocelda {
    background-color: #6699CC;
    font-weight: bold;
    font-size: 12px;
    border: #FF0000;
}

.boton_vivienda {
    border: none;
    padding: 4px;
    padding-left: 25px;
    list-style: none;
    color: #b01313;
    background: url('../imag/img_vivienda.png') no-repeat;
}

.boton_imprimir_constancias {
    border: none;
    padding: 9px;
    padding-left: 30px;
    list-style: none;
    color: #b01313;
    background: url('../imag/img_imprimir_constancias.png') no-repeat;
}
/*---VIVIENDA---*/
/* Definici?n de la fuente del documento y de las celdas */

body,
table.tabla th,
table.tabla td {
    font-size: 12px;
    font-family: "Verdana";
}
/* Estilo principal para la tabla */

table.tabla {
    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	background: rgba(255, 255, 255, 0.47) none repeat scroll 0% 0%;
	box-shadow: 6px 6px 0px rgba(3,44,52,.22); -moz-box-shadow: 0 0 20px rgba(3,44,52,.22);
	-webkit-box-shadow: 0 0 20px rgba(3,44,52,.22);
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1em;
    width: 80%;
	margin-left: 133px;
}
/* Estilo para los encabezados de tabla */

table.tabla th {
    font-size: 12px;
    vertical-align: top;
    text-align: center;
    padding: 3px;
    font-weight: bold;
    border: 1px solid #AAA;
    font-family: "Verdana";
}
/* Estilo para las celdas con datos */

table.tabla td {
    vertical-align: top;
    padding: 5px;
    border-collapse: collapse;
    border: 1px solid #CCC;
}
/* Estilo para las filas de datos pares, hace m?s f?cil la lectura */

table.tabla .par {
    background: #FFFFFF;
}

.cont_plain {
    FONT-SIZE: 12px;
    COLOR: #666666;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: none;
}

table.tabla_formulario {
    border-style: double;
    border-spacing: 17px;
    font-size: 12px;
    font-family: "Verdana";
}

.boton_ubicacion_vivienda {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: url('../imag/img_ubicacion_vivienda.png') no-repeat 11px 4px;
    border: 0px;
    width: 100px;
    height: 100px;
    cursor: pointer;
}

.boton_ubicacion_vivienda_bloqueado {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: url('../imag/img_ubicacion_vivienda.png') no-repeat 11px 4px;
    border: 0px;
    width: 100px;
    height: 100px;
}

.boton_datos_vivienda {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: url('../imag/img_datos_vivienda.png') no-repeat 0px 4px;
    border: 0px;
    width: 100px;
    height: 100px;
    cursor: pointer;
}

.boton_checklist {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: url('../imag/img_checklist1.png') no-repeat 0px 4px;
    border: 0px;
    width: 100px;
    height: 100px;
}

.boton_bloqueado {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: url('../imag/img_datos_vivienda.png') no-repeat 0px 4px;
    border: 0px;
    width: 100px;
    height: 100px;
}

.listado_registrados td {
    padding: 0.3em;
    border-bottom: 3px solid rgba(102, 153, 204, 0.37);
}
.tabla {
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	background: rgba(255, 255, 255, 0.47) none repeat scroll 0% 0%;
	box-shadow: 6px 6px 0px rgba(3,44,52,.22); -moz-box-shadow: 0 0 20px rgba(3,44,52,.22);
	-webkit-box-shadow: 0 0 20px rgba(3,44,52,.22);
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1em;
    width: 80%;
	margin-left: 133px;
	
}

.tabla1 {
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	alignment-adjust:central;
	background: rgba(255, 255, 255, 0.47) none repeat scroll 0% 0%;
	box-shadow: 6px 6px 0px rgba(3,44,52,.22); -moz-box-shadow: 0 0 20px rgba(3,44,52,.22);
	-webkit-box-shadow: 0 0 20px rgba(3,44,52,.22);
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1em;
	width:97%;
	margin-left: 13px;
	
}


.body {
    background-color: #EAEAEA;
	border-color:#000;
	border-bottom-right-radius:10px;
	alignment-adjust:central;
}

.body_contenido {
   background-color: #FFFFFF;
}

.body_contenido1 {
    background-color: #FFFFFF;
	font-size:14px;
	color:#000;
	font-weight:bold;
	background-color:#6FF;
}




.bar {
	background-size:contain;
	background-image:url(../images/diploma-en-blanco-de-la-graduaci%C3%B3n-24823277.jpg);
	    
}
.titulo_pantalla {
    font-family: "Verdana";
    font-size: 12px;
    font-weight: bold;
    color: #000;
    height: 35px;
    /*background-image:url(../imag/img_titulo.png);
	background-repeat:repeat-x;*/
}
.le{
 	font-size: 10px;
	background-color: rgba(25, 124, 236, 0.28);
	
}

.tbl_background_claro {
    background-color: rgba(102, 153, 204, 0.37);
    vertical-align: middle;
    padding-top: 15px;
	
}

.tbl_background_oscuro {
    background-color: rgba(102, 153, 204, 0.72);
}

input {
    padding: 0, 5em;
    border-radius: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
}

select {
    padding: 0, 5em;
    border-radius: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
}

button {
    padding: 0, 5em;
    border-radius: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: #FFF;
    background: #333 none repeat scroll 0% 0%;
    border: 0px none;
    width: 90px;
    height: 20px;
}

.letter {
    color: #06F;
    font-size: 12px;
    font-weight: bold;
}

.letra {
    font-size: 0.9em;
    font-weight: bold;
}

.titulo_index {
    font-family: "Arial";
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #FFF;
    height: 20px;
    background-image: url(../imag/img_titulo.png);
    background-repeat: repeat-x;
}

.etiquetas {
    font-family: "Verdana";
    font-size: 12px;
    color: #333333;
}

.sub_titulo_tabla {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    font-family: "Verdana";
    background-image: url(../imag/img_titulo_2.png);
    background-repeat: repeat-x;
}

.sub_titulo_tabla_2 {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    font-family: "Verdana";
    background-image: url(../imag/img_titulo_2.png);
    background-repeat: repeat-x;
}

.boton_buscar_principal {
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: #333333;
    border: 0px;
    width: 90px;
    height: 20px;
    valign: middle;
}

.boton_cancelar_principal {
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: #FFFFFF;
    background: #6C6C6C;
    border: 0px;
    width: 90px;
    height: 20px;
}

container {
    width: 200%;
    max-width: 2260px;
    /* puede que sea conveniente una anchura máxima (max-width) para evitar que este diseño sea demasiado ancho en un monitor grande. Esto mantiene una longitud de línea más legible. IE6 no respeta esta declaración. */
    
    min-width: 2280px;
    /* puede que sea conveniente una anchura mínima (min-width) para evitar que este diseño sea demasiado estrecho. Esto permite que la longitud de línea sea más legible en las columnas laterales. IE6 no respeta esta declaración. */
    
    background-color: #FFF;
    margin: 0 auto;
    /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
}

bienvenida {
    font-size: 2px;
    font-familY: "Arial Rounded MT Bold";
    color: #FF0000;
}

.bienvenida2 {
    font-size: 20px;
    font-familY: "Arial Rounded MT Bold";
    color: #666;
}

.asterisco {
    font-family: "Verdana";
    font-size: 12px;
    color: #0000FF;
    font-weight: bold;
}

.titulob {
    /*font-family: "Century Gothic, georgia, sans-serif";*/
    
    font-family: "Verdana";
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}

.tabla_login {
    font-size: 12px;
    font-family: "Verdana";
    border-style: double;
    border-color: #AFAFAF;
}

.titulo {
    font-family: "Verdana";
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.titulo_principal {
    font-family: "Verdana";
    font-size: 18px;
    color: #CC0000;
    font-weight: bold;
}

.titulo_rojo {
    font-family: "Verdana";
    font-size: 12px;
    color: #CC0000;
    font-weight: bold;
}
.body1{
	
	background:#6699CC;
	}
	
.paginacion {
    font-family: "Verdana";
    font-weight: bold;
    font-size: 12px;
    color: #006699;
}

.input {
    font-family: "Verdana";
    font-size: 12px;
    color: #333333;
}

.input {
    border-style: solid;
    font-size: 12px;
    color: black;
    letter-spacing: 3px;
}

.boton {
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	color: white;
	border: 0px;
	width: 90px;
	height: 20px;
	cursor: pointer;
	background-color: #000000;
}

.boton_casa {
    border: none;
    padding: 4px;
    padding-left: 25px;
    list-style: none;
    color: #b01313;
    background: url(/sis_ccsb/imag/img_vivienda.png)no-repeat;
}

.boton_nuevo {
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: #333333;
    border: 0px;
    width: 150px;
    height: 20px;
}

.boton_nueva_vivienda {
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: #333333;
    border: 0px;
    width: 190px;
    height: 20px;
}

.guardar_continuar {
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: #666666;
    border: 0px;
    width: 141px;
    height: 20px;
}

.haga_click {
    background: url(../imag/img_haga_click.png);
    border: 0px;
    width: 111px;
    height: 25px;
    cursor: pointer;
}

.caracteristicas_familiar {
    background: url(../imag/img_caracteristica_familiar.png);
    border: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.editar_familiar {
    border: none;
    padding: 4px;
    padding-left: 25px;
    list-style: none;
    color: #b01313;
    background: url('../imag/img_editar_familiar.png') no-repeat 11px 4px;
    cursor: pointer;
}

.eliminar_familiar {
    border: none;
    padding: 4px;
    padding-left: 25px;
    list-style: none;
    color: #b01313;
    background: url('../imag/img_eliminar_familiar.png') no-repeat 11px 4px;
    cursor: pointer;
}

.boton_familiares {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: url('../imag/img_grupo_familia.png') no-repeat 11px 4px;
    border: 0px;
    width: 128px;
    height: 125px;
    cursor: pointer;
}

.estilocelda {
    background-color: #6699CC;
    font-weight: bold;
    font-size: 12px;
    border: #FF0000;
}

.boton_vivienda {
    border: none;
    padding: 4px;
    padding-left: 25px;
    list-style: none;
    color: #b01313;
    background: url('../imag/img_vivienda.png') no-repeat;
}

.boton_imprimir_constancias {
    border: none;
    padding: 9px;
    padding-left: 30px;
    list-style: none;
    color: #b01313;
    background: url('../imag/img_imprimir_constancias.png') no-repeat;
}
/*---VIVIENDA---*/
/* Definici?n de la fuente del documento y de las celdas */

body,
table.tabla th,
table.tabla td {
    font-size: 12px;
    font-family: "Verdana";
}
/* Estilo para los encabezados de tabla */

table.tabla th {
    font-size: 12px;
    vertical-align: top;
    text-align: center;
    padding: 3px;
    font-weight: bold;
    font-family: "Verdana";
}
/* Estilo para las celdas con datos */

table.tabla td {
    vertical-align: top;
    padding: 5px;
    border-collapse: collapse;
}


.cont_plain {
    FONT-SIZE: 12px;
    COLOR: #666666;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: none;
}

table.tabla_formulario {
    border-style: double;
    border-spacing: 17px;
    font-size: 12px;
    font-family: "Verdana";
}

.boton_ubicacion_vivienda {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: url('../imag/img_ubicacion_vivienda.png') no-repeat 11px 4px;
    border: 0px;
    width: 100px;
    height: 100px;
    cursor: pointer;
}

.boton_ubicacion_vivienda_bloqueado {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: url('../imag/img_ubicacion_vivienda.png') no-repeat 11px 4px;
    border: 0px;
    width: 100px;
    height: 100px;
}

.boton_datos_vivienda {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: url('../imag/img_datos_vivienda.png') no-repeat 0px 4px;
    border: 0px;
    width: 100px;
    height: 100px;
    cursor: pointer;
}

.boton_checklist {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: url('../imag/img_checklist1.png') no-repeat 0px 4px;
    border: 0px;
    width: 100px;
    height: 100px;
}

.boton_bloqueado {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: white;
    background: url('../imag/img_datos_vivienda.png') no-repeat 0px 4px;
    border: 0px;
    width: 100px;
    height: 100px;
}

.listado_registrados td {
    padding: 0.3em;
    border-bottom: 3px solid rgba(102, 153, 204, 0.37);
}