* { padding:0px; margin:0px; }

#menu { background-image:url(nav_bg.png); background-repeat:repeat-x; height:30px; width:1335px; margin:auto; padding-left:70px; }
#nav { list-style:none; }
#nav li { float:left; background-image:url(nav_li_bg.png); background-repeat:no-repeat; background-position:right; }
#nav li a { display:block; padding:7px 10px; text-decoration:none;  color:#CCCCCC; font-weight:bold; }
#nav li a:hover { color:#FFFFFF; background-color:#554E48;}
/* Submenu */
#nav ul.submenu { border:1px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#554E48;}
#nav ul.submenu li { float:none; background-image:none; border-bottom:1px solid #999999; width:200px; background-color:#000000;}
/* Subsubmenu */
#nav ul.subsubmenu { border:1px solid #000000; padding:5px;  position:absolute; list-style:none; background-color:#00000; margin-left:150px; margin-top:-30px; background-color:#554E48;}
#nav ul.subsubmenu li { float:none; background-image:none; background-color:#000000; border-bottom:1px solid #999999; min-width:200px;}

#oportunidadess {
	width:550px;
	height:355px;
	overflow:auto;
	position: absolute;
	top: 425px;
	left: 70px;
}

#ocurre {
	width:550px;
	height:315px;
	overflow:auto;
	position: absolute;
	top: 800px;
	left: 70px;
}


#citass {
	width:550px;
	height:315px;
	overflow:auto;
	position: absolute;
	top: 1180px;
	left: 70px;
}

#clientess {
	width:650px;
	height:815px;
	overflow:auto;
	position: absolute;
	top: 760px;
	left: 680px;
}



body {
	font-size: 13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	HEIGHT: 100%;
	PADDING-TOP: 0px;
	margin: 0px;
}


.btn{
	border: 1px solid #406999;
	border-radius: 4px;
	color: #fff;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 5px 10px;
	margin: 0;
	cursor: pointer;
	display: inline-block;
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top, #7db9e8 1%, #406999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#7db9e8), color-stop(100%,#406999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7db9e8 1%,#406999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7db9e8 1%,#406999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7db9e8 1%,#406999 100%); /* IE10+ */
	background: linear-gradient(top, #7db9e8 1%,#406999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#406999',GradientType=0 ); /* IE6-9 */
}


.box_150 {
	width: 150px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}



.twoColFixLt #container {
	width: 80%;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	height: 100%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#header {
	color: #FFF;
}

a:hover{
	color: red;
}

a{
	text-decoration:underline;
	color: #63982E;
}
.titulo_1 {
	height: 20px;
	width: 100%;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	letter-spacing: 4px;
	font-size: 13px;
	color: #F00;
	font-weight: bold;
	padding-left: 4px;
}
.titulo_2 {
	font-size: 13px;
	color: #369;
	font-weight: bold;
}

.titulo_centro {
	height: 20px;
	width: 100%;
	letter-spacing: 4px;
	font-size: 13px;
	color: #FF6600;
	font-weight: bold;
	text-align: center;
}


#subtitulo_1 {
	font-size: 13px;
	color: #F60;
	padding-left: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
}

.caso_bloque {
	height: 100%;
	background-color: #FFF;
	padding-right: 0px;
	padding-left: 3px;
	padding-top: 5px;
	width: 950px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F4F4F4;
}

.bloque_coincidencias {
	height: 380px;
	width: 875px;
	overflow: scroll;
}

.bloque_gris {
	height: 100%;
	background-color: #F4F4F4;
	width: 950px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #666666;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-right: 10px;
	padding-left: 10px;
}

.bloque_blanco {
	height: 100%;
	background-color: #FFFFFF;
	width: 950px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #666666;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-right: 10px;
	padding-left: 10px;
}

.bloque_medio {
	height: 100%;
	background-color: #FFFFFF;
	width: 830px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #666666;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-right: 10px;
	padding-left: 10px;
	overflow: scroll;
}



.columna_1 {
	height: 15px;
	width: 100%;
	font-size: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #CCC;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: outset;
	border-bottom-style: outset;
	border-right-color: #B9B9B9;
	border-bottom-color: #B9B9B9;
	font-weight: bold;
}
.grid_1 {
	height: 300px;
	width: 100%;
	overflow: scroll;
	border: 1px solid #CCC;
}
.ficha_victima {
	padding-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #39C;
	border-right-color: #39C;
	border-bottom-color: #39C;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #39C;
}


.titulo_4 {
	border-top-width: 1px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #F0F0F0;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-left: 20px;
	border-radius: 5px;
	width:1200px;
	background-color:#E4E4E4;
}
#titulo_cat {
	font-size: 14px;
	color: #333;
	height: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-weight: bold;
	letter-spacing: 3px;
	word-spacing: 4px;
	border-right-color: #CCC;
}

#buscador {
	width:800px;
	color: #000000;
	height: 40px;
	margin: 0;
	background-color: #E0F0F8;
	border: 1px solid #666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#columnas {
	height: 20px;
	width: 800px;
	color: #FFF;
	font-size: 14px;
	left: auto;
	right: auto;
	padding-top: 5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

#grid {
	width: 800px;
	left: auto;
	right: auto;
}
.texto_resaltado {
	font-size: 13px;
	font-weight: bold;
	color: #006;
}

/*
.msg_exclamacion {
	font-size: 13px;
	font-weight: bold;
	color: #069;
	background-image: url(../imagenes/exclamacion.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: right;
	width: 220px;
	height: 18px;
}
*/
.msg_info1 {
	font-size: 13px;
	color: #710000;
}
#msg_opcion {
	background-color: #006699;
	color: #FFF;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}
#msg_accion {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #369;
	text-align: center;
	height: 20px;
	width: 100%;
	padding-top: 5px;
}
.msg_error {
	background-color: #FFF0F0;
	height: auto;
	width: auto;
	border: 1px solid #FF0000;
	padding: 5px;
	font-size: 13px;
}
/*
.boton_busca {
	background-image: url(../imagenes/lens.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	height: 25px;
	font-size: 13px;
	color: #333;
}

.boton_nuevo {
	background-image: url(../imagenes/new.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	height: 25px;
	vertical-align: top;
	right: 20px;
	font-size: 13px;
	color: #333;
}
	.back{
		background:url(../imagenes/back.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
*/
.box_100 {
	width: 100px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.box_180 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 180px;
}
.box_250 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 250px;
}

.box_50 {
	width: 50px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.box_200 {
	width: 200px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.box_0 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.box_30 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 30px;
}

.box_70 {
	width: 70px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.box_grupo {
	height: 150px;
	width: 100%;
	overflow: scroll;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 13px;
}


#div_ingreso {
	width: 300px;
	padding: 0;
	border: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 140px;
}


#titulo {
	width:600px;
	background-color: #006699;
	color: #FFFFFF;
	margin:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 1px solid #000066;
}



.colum_titulos {
	color: #FFF;
	background-color: #069;
}
.requerido {
	border: 1px solid #06C;
}
/*#capa_login {
	height: 276px;
	width: 459px;
	background-image:url(../imagenes/1.png);
	color: #039;
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
	font-style: normal;
}*/
#msg_aviso {
	color: #000;
	background-color: #FFFFCA;
	text-align: center;
	width: 100%;
	border: 1px solid #FF0;
	padding-top: 10px;
	padding-bottom: 10px;
}



#navegacion {
	font-weight: bold;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
}
#capa_titulo {
	width:600px;
	color: #006699;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
	font-weight: normal;
	font-size: 16px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	height: 25px;
}
#titulo_azul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	height: 20px;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	background-color: #000;
}


#info {
	color: #000066;
	background-color: #BFEBFF;
	border: 1px solid #000066;
	width: 100%;
	height: 20px;
}
#formulario {
	width: 800px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}
#cat_rel {
	width: 100%;
	clip: rect(auto,auto,auto,auto);
	height: 500px;
	border: 1px solid #333;
	overflow: scroll;
}
#header {
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
	font-weight: bold;
}



.twoColFixLt #container {
	width: 960px;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	height: 100%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
}
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.box_requerido {
	color:#000000;
	padding-left: 5px;
}
.box_campo {
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.box_negrilla {
	padding-left: 5px;
	/*border: 1px solid #999;*/
	border-radius: 5px;
}


/* -------------------- */
/* CLASSES	BOTONES		*/
/* -------------------- */
	a.button{
		/*background:url(../imagenes/button.gif);*/
		display:block;
		color:#555555;
		font-weight:bold;
		height:30px;
		line-height:29px;
		margin-bottom:5px;
		text-decoration:none;
		width:191px;
	}
	a:hover.button{
		color:#0066CC;
	}
	
	
	
	/*
	.add{
		background:url(../imagenes/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.delete{
		background:url(../imagenes/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url(../imagenes/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(../imagenes/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(../imagenes/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(../imagenes/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.lens{
	background:url(../imagenes/lens.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
	width: 80px;
	}
	.info{
		background:url(../imagenes/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	*/
#msg_cabecera {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}

/*
	.ficha{
		background:url(../imagenes/ficha.jpg) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	
	.seguimiento{
		background:url(../imagenes/seguimiento.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
*/
#info_derechos {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	height: 20px;
	width: 100%;
	padding-top: 5px;
	text-align: center;
}

.input_requerido{
    border:#F00 1px solid;	
}

/* --------------- BOTONES --------------- */

.button, .button:visited { /* botones genéricos */
display: inline-block;
padding: 5px 10px 6px;
color: #FFF;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor:pointer;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}

.button:hover { /* el efecto hover */
background-color: #111
color: #FFF;
}

.button:active{ /* el efecto click */
top: 1px;
}

/* botones pequeños */
.small.button, .small.button:visited {
font-size: 11px ;
padding: 3px 10px 3px;
}



/* botones medianos */
.button, .button:visited,.medium.button, .medium.button:visited {
font-size: 13px;
font-weight: bold;
line-height: 1;
border-radius: 3px; 
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

/* botones grandes */
.large.button, .large.button:visited {
font-size:14px;
padding: 8px 14px 9px;
}

/* botones extra grandes */
.super.button, .super.button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}

.pink.button { background-color: #E22092; }
.pink.button:hover{ background-color: #C81E82; }

.green.button, .green.button:visited { background-color: #91BD09; }
.green.button:hover{ background-color: #749A02; }

.red.button, .red.button:visited { background-color: #B51515; }
.red.button:hover{ background-color: #CF2525; }

.orange.button, .orange.button:visited { background-color: #FF5C00; }
.orange.button:hover{ background-color: #D45500; }

.blue.button, .blue.button:visited { background-color: #14559C; }
.blue.button:hover{ background-color: #2575CF; }

.yellow.button, .yellow.button:visited { background-color: #FFB515; }
.yellow.button:hover{ background-color: #FC9200; }