/******************************************************************
***			Ing. Juan Pablo Ballesteros Quintero				***
***			Ingeniero de Sistemas								***
***			Universidad Industrial de Santander					***
******************************************************************/

/* RESET*/
/* Resetea los estilos que vienen por defecto */

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* recordar definir los estilos del focus! */
:focus {
	outline: 0;
}

/* recordar insertar relieves de alguna manera! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tablas todavia necesitan 'cellspacing="0"' en el marcado */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 { font-size: 26px; }

h2 { font-size: 20px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 10px; }

li { list-style: none; }

a { text-decoration: none; }

a:hover { text-decoration: underline; }

/*---------------------------------------------------------------------------------------------------------------------------*/
/* ESTILOS GENERALES */

div#cabecera {
	background-image: url(../../images/cabecera_fondo.jpg);
	background-repeat: repeat-x;
	height: 284px;
}

div#contenido {
	background-image: url(../../images/contenido_fondo.jpg);
	background-repeat: repeat;
}

div#pie_pagina {
	background-image: url(../../images/cabecera_fondo.jpg);
	background-repeat: repeat-x;
	text-align: right;
	height: 60px;
}

a.enlaces:link, a.enlaces:visited, a.enlaces:hover, a.enlaces:active {
	color: #0d147e; text-decoration: none; font-weight: bold; 
}

/*---------------------------------------------------------------------------------------------------------------------------*/
/* CLASES GENERALES */

.interior {
	width: 972px;
	margin: 0 auto;
}

.clearfix {
	width: 1px;
	height: 1px;
	display: block;
	clear: both;
	content: '.';
}

/*---------------------------------------------------------------------------------------------------------------------------*/
/* CABECERA */

div#cabecera_panel_ingreso {
	position: relative;
	padding-top: 27px;
}

div#logo {
	position: relative;
	height: 198px;	
}

div#logo h1 span {
	position: absolute;
	font-size: 30px;
	color: #000;	
	left: 156px;
	top: 110px;
	z-index: 5;
}

div#fotos {
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#calendario_fondo {
	position: relative;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#calendario_fondo2 {
	position: absolute;	
	margin-top: 0px;
	top: -90px;
	right: 0px;
	z-index: 1;
}

div#clip {
	position: absolute;	
	margin-top: 0px;
	top: -72px;
	right: 50px;
	z-index: 3;
}

div#calendario_codigo {
	position: absolute;
	left: 33px;
	top: -35px;
	width: 300px;
	height: 270px;
	z-index: 2;
}

div#titulo_calendario {
	position: absolute;
	font:;
	left: 33px;
	top: -45px;
	z-index: 4;
}

/*---------------------------------------------------------------------------------------------------------------------------*/
/* CONTENIDO */

/* Panel Ingreso */

div#panel_ingreso {
	position: relative;
	float: left;
	background-color: #0d147e;
	margin-top: 25px;	
}

.texto_panel_cabecera {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;	
}

.texto_panel_contenido {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;	
}

input.campos_panel {
	background-color: #FFF;
	color:  #0d147e;
	
}

div#panel_contenido {
	position: relative;
	float: left;
	padding: 20px 0px 0px 100px;
}

/**********************************************************************************/
/* Menu Principal */

div#menu {
	position: relative;
	float: left;
	margin-top: 20px;
	width: 934px;
}

div#menu ul {
	padding: 10px 0px 10px 130px;	
}

div#menu ul li {
	float: left;	
	padding-right: 50px;
}

/* Menu Opciones */

div#menu_opciones {
	position: relative;
	margin-top: 10px;
	border: 3px solid #0d147e;
	width: 934px;
	height: 40px;
}

div#menu_opciones ul {
	padding: 10px 0px 10px 10px;	
}

div#menu_opciones ul li {
	float: left;	
	padding-right: 50px;
}

/**********************************************************************************/
/* Procesos */

div#contenedor_procesos {
	width: 1200px;
}

/**********************************************************************************/
/* Menu Proceso*/

div#menu_proceso {
	height: 48px;
}

div#menu_proceso div#ejecutivo_boton {
	position: absolute;
	left: 540px;
	top: 2px;
}

div#menu_proceso div#abreviado_boton {
	position: absolute;
	left: 540px;
	visibility: hidden;
}	

div#contenedor_procesos div#guardar_proceso_boton {
	position: relative;
	float: left;	
}

/**********************************************************************************/
/* Proceso Juridico */

div#contenedor_procesos div#proceso_juridico {
	position: relative;
	margin: 0 auto;
	float: left;
}

div#contenedor_procesos div#proceso_juridico table#juridico {
	border: 1px solid #000;
	background-color: #fcea7c;
	border: 3px solid #0d147e;
}

div#contenedor_procesos div#proceso_juridico table#juridico td {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	color: #000;
	height: 20px;
	border: 1px solid #000;
	vertical-align: middle;
	padding: 2px 10px 2px 10px;
}

div#contenedor_procesos div#proceso_juridico table#juridico td#cabecera_tabla_jud {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-weight: bold;	
	text-align: center;
	padding: 10px 0px 10px 0px;
}

div#contenedor_procesos div#proceso_juridico table#juridico select, input, textarea {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	background-color: #245eb3;
	color: #FFF;
}

/**********************************************************************************/
/* Proceso Abreviado */

div#contenedor_procesos div#proceso_abreviado {
	position: absolute;
	margin: 0 auto;
	visibility: hidden;
}

div#contenedor_procesos div#proceso_abreviado table#abreviado {
	border: 1px solid #000;
	background-color: #fcea7c;
	border: 3px solid #0d147e;
}

div#contenedor_procesos div#proceso_abreviado table#abreviado td {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	color: #000;
	height: 20px;
	border: 1px solid #000;
	vertical-align: middle;
	padding: 2px 10px 2px 10px;
}

div#contenedor_procesos div#proceso_abreviado table#abreviado td#cabecera_tabla_abr {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-weight: bold;	
	text-align: center;
	padding: 10px 0px 10px 0px;
}

div#contenedor_procesos div#proceso_abreviado table#abreviado select, input, textarea {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	background-color: #245eb3;
	color: #FFF;
}

/**********************************************************************************/
/* Clases Proceso */

.tr_juridico {
	border: 1px solid #000;
}

.tr_abreviado {
	border: 1px solid #000;
}

.textos_largos {
	width: 400px;
}

/**********************************************************************************/
/* Abogado Externo Principal */

div#abogado_externo_principal {
	position: relative;
	width: 480px;
	margin-left: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
}

div#abogado_externo_principal table {
	border: 1px solid #000;
	background-color: #FFF;
	border: 3px solid #0d147e;
}

div#abogado_externo_principal table td {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	color: #000;
	height: 20px;
	border: 0px solid #000;
	vertical-align: middle;
	padding: 2px 10px 2px 10px;
}

div#abogado_externo_principal table td#cabecera_tabla_abogado_ext {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-weight: bold;	
	text-align: center;
	padding: 10px 0px 10px 0px;
}

div#abogado_externo_principal table select, input, textarea {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	background-color: #245eb3;
	color: #FFF;
}

/* Abogado Externo */

div#abogado_externo {
	width: 480px;
	margin-left: 20px;
	margin-top: 20px;
}

div#abogado_externo table {
	border: 1px solid #000;
	background-color: #FFF;
	border: 3px solid #0d147e;
}

div#abogado_externo table td {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	color: #000;
	height: 20px;
	border: 0px solid #000;
	vertical-align: middle;
	padding: 2px 10px 2px 10px;
}

div#abogado_externo table td#cabecera_tabla_abogado_ext {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-weight: bold;	
	text-align: center;
	padding: 10px 0px 10px 0px;
}

div#abogado_externo table select, input, textarea {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	background-color: #245eb3;
	color: #FFF;
}

input.foto {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 10px;
	background-color: #245eb3;
	color: #FFF;
}

span.advertencia {
	color: #F00;
}

/**********************************************************************************/
/* Inmobiliaria Principal */

div#inmobiliaria_principal {
	position: relative;
	width: 480px;
	margin-left: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
}

div#inmobiliaria_principal table {
	border: 1px solid #000;
	background-color: #FFF;
	border: 3px solid #0d147e;
}

div#inmobiliaria_principal table td {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	color: #000;
	height: 20px;
	border: 0px solid #000;
	vertical-align: middle;
	padding: 2px 10px 2px 10px;
}

div#inmobiliaria_principal table td#cabecera_tabla_inmobiliaria {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-weight: bold;	
	text-align: center;
	padding: 10px 0px 10px 0px;
}

div#inmobiliaria_principal table select, input, textarea {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	background-color: #245eb3;
	color: #FFF;
}

/* Inmobiliaria */

div#inmobiliaria {
	width: 480px;
	margin-left: 20px;
	margin-top: 20px;
}

div#inmobiliaria table {
	border: 1px solid #000;
	background-color: #FFF;
	border: 3px solid #0d147e;
}

div#inmobiliaria table td {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	color: #000;
	height: 20px;
	border: 0px solid #000;
	vertical-align: middle;
	padding: 2px 10px 2px 10px;
}

div#inmobiliaria table td#cabecera_tabla_inmobiliaria {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-weight: bold;	
	text-align: center;
	padding: 10px 0px 10px 0px;
}

div#inmobiliaria table select, input, textarea {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	background-color: #245eb3;
	color: #FFF;
}

/**********************************************************************************/
/* Proceso Principal */

div#proceso_principal {	
	position: relative;
	width: 480px;
	margin-left: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
}

div#proceso_principal table {
	border: 1px solid #000;
	background-color: #FFF;
	border: 3px solid #0d147e;
}

div#proceso_principal table td {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	color: #000;
	height: 20px;
	border: 0px solid #000;
	vertical-align: middle;
	padding: 2px 10px 2px 10px;
}

div#proceso_principal table td#cabecera_tabla_proceso {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-weight: bold;	
	text-align: center;
	padding: 10px 0px 10px 0px;
}

div#proceso_principal table select, input, textarea {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	background-color: #245eb3;
	color: #FFF;
}

/* Proceso */

div#proceso {
	width: 480px;
	margin-left: 20px;
	margin-top: 20px;
}

div#proceso table {
	border: 1px solid #000;
	background-color: #FFF;
	border: 3px solid #0d147e;
}

div#proceso table td {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	color: #000;
	height: 20px;
	border: 0px solid #000;
	vertical-align: middle;
	padding: 2px 10px 2px 10px;
}

div#proceso table td#cabecera_tabla_proceso {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-weight: bold;	
	text-align: center;
	padding: 10px 0px 10px 0px;
}

div#proceso table select, input, textarea {
	font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
	font-size: 12px;
	background-color: #245eb3;
	color: #FFF;
}

div#etapas {
	width: 1040px;
	height: 200px;
	overflow-y: scroll;
	overflow-x:hidden;
}

/*---------------------------------------------------------------------------------------------------------------------------*/
/* PIE PAGINA */

div#firma {
	padding: 10px 0px 10px 0px;
}

/* CSS para los tooltips */
#toolTipBox 
{
	display: none;
    padding: 5;
    font-size: 15px;
	font-weight: bold;
    border: black solid 3px;
    font-family: verdana;
    position: absolute;
    background-color: #336699;
    color: #00CCFF;
}
a.info
{
    position:relative;
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;
}
a.info:hover
{
    z-index:25; background-color:#ff0;
}
a.info span
{  
	/* Esta es la que hace que el texto en el span no se despliegue en el estado normal de la URL*/
    display: none;
}
a.info:hover span
{
	/* Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL*/
    display:block;
    position:absolute;
	top:0em;
    left:20px;
    width:300px;
    border:black solid 3px;
	border-color: #0d147e;
    background-color: #8388d3;
    color: #000099;
    text-align: left;
    font-family: "Myriad Pro", "Century Gothic", Verdana, Arial;
    font-size: 13px;
    padding: 5px;
}