@charset "utf-8";
*, html, body, div, table, h1, h2, h3, h4, h5, h6, p, form, img, a{margin:0;padding:0;border:0;font-size:100.01%}
body {font-size:0.7em; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000}

/* GENERALES */
/* Clearfix */
#cuerpo, #pie , #cabecera , #migas, .modulogris, .piecontenido, .envuelve, .fila {height:100%; overflow:hidden}

/* ENLACES */
/*(1) Color azul de los enlaces */
#migas a, #colcentral a , p.subir  a , #colcentral ol.paginacion li.activo a {color:#0096DB} 

/*(2) Quitar Subrayado del enlace */
#textopie a,  #migas  a, h2.h2gris a,   h2.h2azul a, .masinfo a, #colcentral a,
#colcentral table.tabla00  th a:hover, #colcentral ol.paginacion li.activo a  {text-decoration:none}

/*(3) Poner Subrayado al pulsar enlace */
#textopie a:hover , #migas  a:hover, h2.h2gris a:hover, h2.h2azul a:hover, .masinfo a:hover,
#colcentral a:hover, #colcentral ol.paginacion li.activo a:hover {text-decoration:underline}

/* TITULOS */
 h2.h2gris {margin-bottom:12px; background:url(../img/fnd_h2_gris.gif) 0 0 no-repeat; padding: 5px 0 16px 8px; 
 font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:1.5em; color:#0096db; text-transform:uppercase}
.anchototal #colcentral  .h2gris {background:url(../img/fnd_h2_gris_940.gif) 0 0 no-repeat}


/* ESTRUCTURA*******************************************************************************************************************************/
#pagina { background:#FFF url(../img/fnd_body.gif) 0 0 repeat-x }
#colcentral {width:600px; float:left}
#collateral {width:220px; float: right}
.anchototal #colcentral { margin: 0 auto 36px; width:790px}

/* MODULO SERVICIOS DE COLCENTRAL.******************************************************************************************************************************/
.accesoservicios  ul.cuadrogris { margin-top:10px}
#colcentral .accesoservicios  ul li { margin-bottom:3px}
#colcentral .accesoservicios  ul.cuadrogris a {color: #000; background:url(../img/punteado_negro_horizontal.gif) 0 1.1em repeat-x; text-decoration:none}
#colcentral .accesoservicios  ul.cuadrogris a:hover {background-image:none; text-decoration:none}


/*PIE***************************************************************************************************************************************************************************/
#pie {background:#e2e1dd url(../img/fnd_pie.gif) 0 0 no-repeat;color:#4d4e53; height:102px;width: 790px; margin:36px auto}
#logopie { float:left; width:140px; background:url(../img/punteado_gris_vertical.gif) 100%  0 repeat-y; text-align:center; margin-top:14px}
#textopie {float:right; width:619px; padding-top:29px}
#textopie  p a {color:#4d4e53; font-weight:bold}
#textopie a {color:#4d4e53}
#textopie  address {font-family: "Microsoft Sans Serif", Arial, Verdana, Helvetica, sans-serif; font-size:.8em; font-style:normal; margin-bottom:14px}


/*CABECERA**********************************************************************************************************************************/
#cabecera { height:71px;background-color: #003050 ; padding-top:21px;width:800px; margin:0 auto  10px; position:relative}
#cabecera  h1 { width:486px; margin:-21px 0  0 0px}
#secundaria {float:right; padding-right:10px}
#secundaria a {  text-decoration:none;; color:#FFF; border-bottom:1px solid #003050 }
#secundaria a:hover {color:#0096db; border-bottom:1px solid #003050}
#secundaria {list-style:none}
#secundaria li{ display:inline;color:#0096db;border-bottom:1px  dotted #0096db; margin-right:18px}
form#buscador_cabecera  {font-size:1.2em; position:absolute; right:28px; bottom:10px}
form#buscador_cabecera  #txt_buscar {border:1px solid #8c8d8e; width:200px; font-size:1em}
form#buscador_cabecera  #btn_buscar{color:#FFF; padding:2px 0; font-size:.93em; line-height:1em; width:61px; height:21px; text-align:center; margin-bottom:-7px}


/*HOME***************************************************************************************************************************************************************************/
#cuerpo {width:790px/*995px*/; margin:0 auto;padding:0 28px }


/*COLUMNA LATERAL: MIGAS *******************************************************************************************************************************************************************/
#migas { background:url(../img/punteado_gris_horizontal.gif)  left bottom repeat-x; padding-bottom:6px; color:#000; margin:15px 0 24px; clear:both}
#migas p {display:inline; width:auto; background-color:#FFF; position:relative}
#migas ol { display:inline; margin-left:-8px}
#migas li a {list-style:none; font-size:1.4em; font-weight:bold; display:inline; margin-right:2px}
#migas li {list-style:none; font-size:1.4em; font-weight:bold; color:#42413b; display:inline; background:url(../img/flecha_doble.gif) 0 .4em no-repeat; padding-left:10px; margin-right:2px}
.informativas {list-style:none; font-size:0.7em; font-weight:bold; display:compact; margin-right:2px;}

/* PARRAFO, TAMAO DE LETRA Y ALINEACION*/
p { font-size:1.1em; }
p.exclamacion { background:url(../img/ico_exclamacion.gif) 0 0 no-repeat; padding-left:18px}
.size9 { font-size:.9em }
.size10 { font-size:1em }
.size11 { font-size:1.1em }
.size12 { font-size:1.2em }
.negrita { font-weight:bold }
.cursiva { font-style:italic }
.textoAzul{	color: #0096DB;}
.txtcentrado {text-align:center}
.txtleft {text-align:left}
.txtright {text-align:right}
.txtjustify {text-align: justify}

/* COLORES */
.grisclaro {color:#737373}
.grisoscuro {color:#42413b}
.oculto {display:none; visibility:hidden}
	
/*----------------------------------------------------------------------------------------------------*/
/*Propiedades comunes de estos elementos, aun cuando estan dentro de moduloblanco o modulogris */
/*----------------------------------------------------------------------------------------------------*/
/* Propiedades Generales a todos los label e input */
label {text-align:left; font-size:1em; }
input {text-align:left; font-size:1.1em; border: 1px solid #A9A9A9;color:#42413b;}
input.sinborde { border:0px }  /* se utiliza para quitar el border de los checkbox */
textarea.bordeGris {border: 1px solid #999999;}


/* Propiedades dentro de una fila */
.fila 					  { border: 0px solid Green; width:95%;}
.fila label 			  { width:140px; float:left;color:#42413b; padding: 4px 2px 1px 0px;}
.fila label.label_peq  { width:40px }
.fila label.label_med  { width:100px } /*colegiacion*/
.fila label.label_gra  { width:300px } /*colegiacion*/
.fila label.posicion_derecha  { margin-left:20px; border:1px solid red } /*colegiacion*/

/*.fila input 			  { width:350px; padding: 1px 2px 1px 2px; padding-left:5px;}*//*10.02.11. CRSA.Se añade el top pq quedan muy arriba.*/
.fila input 			  { width:350px; padding: 1px 2px 1px 2px; padding-left:5px;margin-top:2px}
.fila input.ancho_peq  { width:60px }
.fila input.ancho_med  { width:100px }
.fila input.ancho_gra  { width:450px }
.fila input.radio_peq  { width:20px;border:0px; float:left;padding: 0px 0px 0px 0px}
.fila input[readonly]  { border-width: 0px; border-style:none}
.fila input:focus 	  { border: 1px solid #6495ED;background: #F6FBFF;}
.fila select           { width:400px;padding: 1px 2px 1px 1px;border:1px solid #8c8d8e;font-family:Arial, Helvetica, sans-serif}
.fila select.ancho_peq  { width:110px }
.fila textarea         { padding-left:5px; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif; }


/*MODULOS BLANCO ************************************************************************************************************************************************************/
.moduloblanco { 
		background: url(../img/fnd_moduloblanco_sup.gif) top left no-repeat; 
		width:100%;
		padding-top:2px;
		margin-bottom:10px;  
		margin-top: 10px
}
.moduloblanco .envuelve {
	background: url(../img/fnd_moduloblanco_inf.gif) bottom left no-repeat;
	width:auto; 
	padding: 2px 13px 16px; 
	margin-bottom:13px
}
/*SE A�ADE por la colegiacion, el titumoduloConBorde */
.moduloblanco h3.titumodulo , h3.titumoduloConBorde { 
	font-size:1.4em; 
	color:#42413b;
	padding-right:0px;
	padding-top:5px;
	padding-bottom: 5px;
	padding-left:0px;	
}
/*SE A�ADE por la colegiacion, el titumoduloConBorde */
.moduloblanco h3.titumoduloConBorde { 
  BORDER-BOTTOM: 2px solid #E9E9E9;
}
.moduloblanco h3.titulomoduloazul { 
	font-size:1.4em; 
	color:#42413b; 
	padding-right:0px;
	padding-top:5px;
	padding-bottom: 5px;
	padding-left:0px;	
	color: #0096DB;
}

/**** Crsa ****/
.moduloblanco h3.barraTitulo, h2.barraTitulo {
	background:url(../img/punteado_gris_horizontal.gif)  left bottom repeat-x;
	padding-bottom:2px; color:#000; margin:2px 0px 5px; clear:both;
	width:94%;
}


.moduloblanco h2.titulodetalle, h2.titulodetalleNegro{ 
	font-size:1.2em; 
	color:#0096db;  
	padding-right:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;	
}

.moduloblanco h2.titulodetalleNegro{
	color: #000000;
}

.cuadroblanco{
   BORDER: 1px solid #E2E1DD;
	margin: 2px 2px 2px 2px;
}
.moduloblanco h2.titulodetalleConFondo { 
	font-size:1.2em; 
	color: #0085C1;  
	background-color: #e8e9eb;	
	margin: 8px 2px 2px 2px;
	padding-right:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;	
	
} 

.moduloblanco .txt { 
	padding-top:6px;
	padding-right:4px;
	padding-bottom:6px;
	padding-left:5px;	
	width:95%; 	
}

.moduloblanco .txt p { 
	padding-top:1px;
	padding-right:14px;
	padding-bottom:6px;
	/*Cambiado por la colegiacion de:  width:90% por 95% */
	width:90%; 
} 

.moduloblanco .txt ul	 { 
	clear:both
}
.moduloblanco .txt ul  li   { 
	list-style:none; 
	margin-left:15px; 
	padding-left:10px; 
	padding-bottom:3px;
	background: url(../img/cuadrogris.gif) no-repeat; 
	background-position: 0 .5em;
}
.moduloblanco .fila { 
	padding:2px 8px 2px 15px
}
 

/*MODULOS GRIS ****************************************************************************************************************************************************************/
.modulogris { background:url(../img/fnd_modulogris_sup.gif) 0 0 no-repeat; 
				padding-top:8px; margin-bottom:20px; position:relative; color:#000;width:100%;}
.modulogris .envuelve {padding: 2px 10px 10px;background: #E6E6E6 url(../img/fnd_modulogris_inf.gif) bottom left  no-repeat}
.modulogris .masinfo { position:absolute; right:13px; bottom:13px}
.modulogris h3.titumodulo 	{ 
	font-size:1.1em;
	margin-bottom:10px; 
}
/*Cambiado por la colegiacion de:  width:80% por 95% */
.modulogris .txt				{ padding:6px 4px 6px 5px; width:95%; border: 1px none #8FBC8F}
.modulogris .txt p 			{ padding:1px 14px 4px 14px;}
.modulogris .txt ul 			{ clear:both}
.modulogris .txt ul  li 	{ list-style:none; margin-left:15px; padding-left:10px; 
								 	background: url(../img/cuadrogris.gif) no-repeat; background-position: 0 .5em;}
.modulogris .img { position:relative; width:100px; float:left}
.modulogris .img img {height:90px; width:90px}
.modulogris .img span { position:absolute; display:block; height:90px; width:90px; background:url(../img/marco_90x90_sobregris.gif) 0 0 no-repeat}

.modulogris .fila 			{ padding:2px 8px 2px 19px;}
.modulogris .fila label 	{ font-size:1em}
.modulogris .fila textarea { border:0px;float:left;width:700px;height:90px}


/*******************************************************************************/
/* MODIFICACIONES PARA LOS ELEMENTOS DE LOS FORMULARIOS DE ALTA DE COLEGIACION */
/* INPUT PARA EL FORMULARIO DE ALTA DE COLEGIACION */
#formSolicitudColegiacion input.colegiacion, #formEstadoColegiacion input.colegiacion{
	text-align:left; 
	font-size:1em;
	border-bottom: 1px dotted #A9A9A9;	border-right: 0;  border-left: 0;   border-top: 0;
	margin-bottom: 3px;
	color:#42413b;
	font-weight: bolder;
	text-transform: uppercase;
	background: #F6FBFF;
}
#formSolicitudColegiacion select.colegiacion {
	width:150px;
	border: 1px dotted #A9A9A9;
	background: #F6FBFF;
}

#formSolicitudColegiacion .moduloblanco .txt p { 
	padding-top:1px;
	padding-right:5px;
	padding-left:0px;
	padding-bottom:2px;		
	width:99%; 
} 
#formSolicitudColegiacion .resultado  {
	height:100%; overflow:hidden
}

#formSolicitudColegiacion .resultado label {
   width:160px; 
	text-align:left; 
	font-size:0.94em; font-family: Arial;
	float:left;
	border-bottom: 1px solid #CBCBCB;	border-right: 0;  border-left: 0;   border-top: 0;
	margin-left:12px;
	margin-top:1px;
	padding: 2px 0px 0px 0px;	
 }

#formSolicitudColegiacion .resultado input {
	width:480px; 
	text-align:left; 
	font-size::0.94em ; font-family: Arial;
	text-transform: uppercase;
	font-weight: bolder;	
	border-bottom: 1px solid #CBCBCB;	border-right: 0;  border-left: 0;   border-top: 0;
	padding: 2px 0px 0px 0px;	
}
/*******************************************************************************/



/* MODULO PARA DATOS DEL COLEGIADO EN LA PARTE SUPERIOR*/
.datoscolegiado {	width:80%}
.datoscolegiado label { width:125px; float:left; padding: 1px 6px 2px; font-size:1.1em; text-align:left; font-weight:bold }
.datoscolegiado input { width:60%; padding: 1px 2px 2px; font-size:1.1em; text-align:left; font-family:Arial, Helvetica, sans-serif; border:0px}


/*Boton MasInfo o signo mas: **********************************************************************************************************************************************************/
.masinfo a {background:url(../img/signo_mas.gif) 0 .2em no-repeat; padding-left:15px; color:#0096db}
 .masinfo.volver { text-align:right}
 .masinfo.volver a {background:url(../img/flecha_doble_azul.gif) 0 .46em no-repeat; padding-left:10px }


/* Tabla de Datos */ /*Para alinear datos se pueden usar las clases: .txtcentrado .txtright, etc.*/
/*.backgrisclaro { background-color:#f2f2f2 }*//*ACTUAL*/
.backgrisclaro { background-color:#EFEFEF }/*nuevo copiado de IECI*/
.backgrisoscuro { background-color:#cccccc }

.backazulclaro { background-color:#c5d6e1 }
.backazuloscuro { background-color:#84b5eb }

.backblanco { background-color:#FFFFFF }

table.tabladatos {
	border-collapse:collapse; 
	width: 98%; 
	margin: 16px 10px
}

table.tabladatos tr.anchocompletocentrado {
	width: 1300%;
}
table.tabladatos td, table.tabladatos th{
	border-top: #cccccc 0.05em solid;  /*border de las filas gris muy fino*/
	border-bottom: #cccccc 0.05em solid; 
	border-left: #cccccc 0.05em solid; 
	border-right: #cccccc 0.05em solid; 	
	color:#42413b
}
table.tabladatos .par {
	background-color:#f2f2f2
}
table.tabladatos th {
	padding-top:5px;
	padding-right: 4px;
	padding-bottom:4px;
	padding-left: 4px;
	text-align:center; 
	font-weight:bold; 
	background-color:#ddd
}
table.tabladatos td {
	padding-top:4px;
	padding-right:4px;
	padding-bottom:5px;
	padding-left:4px;
	font-size: 0.94em; 
}
table.tabladatos td.altopequenio {
	padding:1px 12px 1px 8px
}
table.tabladatos th a:hover {
	background-image:none;
}
table.tabladatos tbody tr:hover {
background: #c3e3ff;
}

/*COLEGIACION*/
#formSolicitudColegiacion table.tabladatos {
	border-collapse:collapse; 
	width: 40%; 
	margin: 16px 10px
}
/************************************ TIPO DE TABLA SIN BORDES LEFT-RIGHT *******************************************/
table.tabladatosfila  {
	width: 98%;
	clear: both; 
	color:black; 
	margin-top:0.5em; 
	margin-left:5px;
	border-top-width: 0em; 
	border-left-width: 0em; 
	border-bottom-width: 0em;  
	border-right-width: 0em
}

/* Cabeceras de la tabla */
table.tabladatosfila th {
	padding-right: 0.5em; 
	padding-left: 0.5em; 
	border-top: #cccccc 0.06em solid; 
	border-left: #cccccc 0.06em solid; 
	border-bottom: #cccccc 0.06em solid; 
	font-size: 0.94em; 
	height: 1.8em; 
	background-color: #DDDDDD; color:Black;
	text-align: left; 
}

/* Filas de la tabla */
table.tabladatosfila td {
	font-size:0.94em;  
	height:1.4em;
	vertical-align:top; 
	padding-right: 0.5em; 
	padding-left: 0.7em; 
	padding-top:0.4em;
	padding-bottom:0.4em;
	border-bottom: 0.1em solid #CBCBCB; 
}

/*colegiacion*/
#formSolicitudColegiacion table.tabladatosfila td {
	padding-top:0em;
	padding-bottom:0em;
	background:#FFFFFF;
}

/* Input type radio de las filas de las tablas  */
table.tabladatosfila td input { /*type radio*/
	 width:14px;border:0px; 
	 float:left;
	 padding: 0px 0px 0px 0px
}
table.tabladatosfila th a:hover {
	background-image:none;
}
/*table.tabladatosfila tr:hover. Luis solo quiere activa la celda, no la fila {*/
table.tabladatosfila td:hover {
	background: #E3F2FF;
}

/* BOTONES ***************************************************************************************************************************/

/* Boton Claro */
span.botonclaro		 { background:url(../img/fnd_btn_izda.gif) top left no-repeat; padding:0 0 10px 6px; 
							 white-space:nowrap;vertical-align:top}
							 
span.botonclaro input {background: url(../img/fnd_btn_dcha.gif) top right no-repeat;
								color:#004D9F;width:auto; padding:4px 14px 4px 8px; vertical-align:top;overflow:visible;
							 font: normal 1em  Arial, Helvetica, sans-serif; height:1.98em; border:none !important}
span.botonclaro input.centrado { margin-left: 20px }
html > body span.botonclaro input  { padding:3px 14px 5px 8px}


/* Boton Oscuro */
span.botonoscuro           { background:url(../img/fnd_btn_2_izda.gif) top left no-repeat;
									 padding: 0 0 9px 7px; white-space:nowrap;vertical-align:top;margin-left:20px}
span.botonoscuro.centrado  { margin-left: 240px }

span.botonoscuro input { background: url(../img/fnd_btn_2_dcha.gif) top right no-repeat;
								 color: #FFF; padding: 1px 16px 5px 6px; vertical-align:top;overflow:visible;
								 font: normal 1em Verdana, Arial, Helvetica, sans-serif; height:2em; border:none !important }

html > body span.botonoscuro input  { padding:3px 16px 6px 8px}

span.boton_buscar1 { background:url(../img/fnd_btn_izda.gif) top left no-repeat; padding:0 0 10px 6px; 
white-space:nowrap;vertical-align:top}

input.boton_buscar {background: url(../img/fnd_btn_dcha.gif) top right no-repeat;
color:#004D9F;width:auto; padding:4px 14px 4px 8px; vertical-align:top;overflow:visible;
 font: normal 1em  Arial, Helvetica, sans-serif; height:1.98em; border:none !important}
						
							
/* FORMULARIOS OBSERVATORIO DE LA JUSTICIA */
/* FORMULARIO DE INFORME MENSUAL DE INCIDENCIAS */
#obs_tres_columnas {
    width:750px;
/*    overflow:hidden;*/
    height:auto;
}
#obs_tres_columnas h3.titulocabecera { 
	font-size:1.4em; 
	color:#42413b; 

}
#obs_tres_columnas a.seleccionado { 
	text-decoration:none;
	font-weight:bold;
	cursor: default;
}
#obs_tres_columnas a.noseleccionado { 
	text-decoration:underline;
	font-weight:normal;	
}
.obs_columna_izda  {
    width:150px; 
    float:left;
}
.obs_columna_central {
	margin:3px;
   margin-left:150px;
   margin-right:125px; 
}
.obs_columna_dcha {
    width:105px; 
    float:right; 	 	 
}

/* TRES COLUMNAS IGUALES --> 10/09/2010 */
#tres_columnas {
    width:750px;
    height:auto;
	height:200px;
	margin-top:5px;
}
#tres_columnas h3.titulocabecera { 
	font-size:1.1em;
	background: #E6E6E6;
	color:#42413b; 
	text-align:center;
}
.columna_izda  {
    width:240px; 
    float:left;
}
.columna_central {
   width:240px; 
   margin-left:255px;
   margin-right:125px; 
   
}
.columna_dcha {
    width:240px; 
    float:right; 	 
}
/* FIN TRES COLUMNAS IGUALES */


/*************************************************************************************************/
/* Colegiacion */
table.tabladatoscolegiacion  {
	width: 98%;
	clear: both; 
	color:black; 
	margin-top:0.5em; 
	margin-left:5px;
	border-bottom: #cccccc 0.06em solid; 
}

/* Cabeceras de la tabla */
table.tabladatoscolegiacion th {
	padding-right: 0.5em; 
	padding-left: 0.5em; 
	border-top: #cccccc 0.06em solid; 
	border-left: #cccccc 0.06em solid; 
	border-bottom: #cccccc 0.06em solid; 
	font-size: 0.94em; 
	height: 1.8em; 
	background-color: #DDDDDD; color:Black;
	text-align: left; 
}
	
/* Filas de la tabla */
table.tabladatoscolegiacion td {
	font-size:0.94em;  
	height:1.4em;
	vertical-align:top; 
	padding-right: 0.5em; 
	padding-left: 0.7em; 
	padding-top:0.4em;
	padding-bottom:0.4em;
}
table.tabladatoscolegiacion td input .botonExaminar{ 
	 width:14px;
	 border:0px; 
	 float:left;
	 padding: 0px 0px 0px 0px
}

/*** BOTONES CON APARARIENCIA DE ENLACES **/
.botonEnlace { 
   padding: 4px; 
   background-color: #DDDDDD;
   border:#DDDDDD; 
   color: #0096DB; 
   text-decoration: none; 
} 
.botonEnlace:hover { 
   text-decoration: underline;
} 


/*** *Cortinilla CRSA ***/
#blanket {
	background-color:rgb(74,110,133);
	opacity: 0.7;
	filter:alpha(opacity=40);opacity: .4;
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
}
div.popUpDiv {
	position:absolute;
	z-index: 9002;
	width:850px;
}