@CHARSET "utf-8";

/* Propiedad para el cuerpo de la página */
body {
	font-family: "Trebuchet MS", Arial, Times;
	height: 100%;
	margin: 0;
	padding: 0;
}
img{
	border:0
} 

.boton {
	color: #fff;
	text-decoration: none;
	background-color: #717a96;
	-moz-border-radius: 5px;
	padding: 0.2em 0.3em;
	margin: 0 0.1em;
}

.boton_auto_safe {
	color: #fff;
	text-decoration: none;
	background-color: #717a96;
	-moz-border-radius: 5px;
	padding: 0.2em 0.3em;
	margin: 0 0.1em;
}

label {
	color: #444;
	font-size: 90%;
}

rojo {
    color: red;
}

/* Contenedor central de la página, alinea la página en el centro y la limita a una pantalla de 800x600 */
div#contenedor {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	min-width: 770px;
	width: 100%;
	height: 100%;
}

div#principal {
	margin: 0;
	padding: 0;
	min-width: 590px;
	clear: right;
	margin-top: -7px;
	width: 100%;
	height: 90%;	
}

div#login {
	width: 400px;
	height: 250px;
	position: relative;
	margin: 1em auto;
	padding: 1em;
	text-align: center;
	-moz-border-radius: 15px;
	background: #f7f7f0;
	border: solid 1px #717a96;
}

#titulo,#datos_usuario h2,#menu h2,#principal h2 {
	display: none;
}

ul#submenu,ul#submenu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#submenu {
	float: left;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 90%;
	width: 95%;
	margin: 1em 2.5% 0 2.5%;
}

ul#submenu li {
	float: left;
	margin-right: 2px;
	text-align: center;
}

ul#submenu a {
	float: left;
	padding: 5px;
	text-decoration: none;
	background: #717a96;
	border: 1px solid #717a96;
	color: #fff;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#submenu ul a {
	width:150px;
	-moz-border-radius: 5px;
}

ul#submenu a:hover {
	color: #fff;
	background: #EE6600;
	border: solid 1px #cbcbbd;

}

ul#submenu a:hover , ul#submenu ul a:hover {
	background:#EE6600
}

ul#submenu li.submenuselec a,ul#submenu li.submenuselec a:hover {
	color: #cfcede;
	position: relative;
	background: #f7f7f0;
	border: solid 1px #717a96;
	border-bottom: none;
	
}

#lista,#submenu {
	list-style-image: none;
	list-style-type: none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#submenu li {float:left;position:relative;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#submenu ul{
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:-40px;
	width:150px;
    z-index:-1;
	-moz-border-radius-bottomleft: 15px;
}
/* another hack for IE5.5 */
* html #submenu ul {
	top:30px;
	t\op:31px;}

#submenu li:hover ul,
#submenu a:hover ul{visibility:visible;z-index:999; }


div#contenido {
	width: 90%;
	float: left;
	margin: -1px 2.5% 1em 2.5%;
	padding: 0.5em 2.5%;
	margin-top: -1px;
	background: #f7f7f0;
	border: solid 1px #717a96;
	z-index: -10;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	min-height: 371px;
	height:100%; 
	overflow:auto;
}

#nuevo_pop_up {
	width: 90%;
	float: left;
	margin: 2.5% 2.5% 2.5% 2.5%;
	padding: 0.5em 2.5%;
	background: #f7f7f0;
	border: solid 1px #717a96;
	z-index: -10;
	-moz-border-radius: 15px;
	height:90%; 
	overflow:auto;
}

div#contenido h3 {
	text-indent: 1em;
	font-weight: normal;
	font-size: 110%;
	color: gray;
}

div#contenido h3 strong {
	font-style: italic;
	font-weight: bolder;
}


/****************************
**    		tabla tipo	      **
*****************************/
table.tabla, th.tabla, td.tabla {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;
	font-size: 0.8em
}

caption.tabla {
				font-size: 150%;
				font-weight: bold;
				margin: 5px;
}

td.tabla, th.tabla {
				padding: 4px;
}

thead.tabla th {
				background: #718ABE;
				text-align: center;
				font-size: 80% !important;
}

tbody.tabla th {
				font-weight: bold;
				height: 200px;
				overflow: auto
}

tbody.tabla tr { background: #FCFDFE; }

tbody.tabla tr.odd { background: #F7F9FC; }

tbody.tabla tr.rojo { background: #ffac83; }

tbody.tabla tr.rojo_suave { background: #ffd6c2; }

tbody.tabla tr.azul { background: #a6b4fc; }

tbody.tabla tr.verde { background: #96fd76; }

tbody.tabla tr.verde_suave { background: #bdfbaa; }

tbody.tabla tr.amarillo { background: #f8fb1d; }

tbody.tabla tr.amarillo_suave { background: #f9fb72; }

tbody.tabla tr.naranja { background: #fea82e; }

tbody.tabla tr.naranja_suave { background: #fccb85; }

table.tabla a:link {
				color: #718ABE;
				text-decoration: none;
}

table.tabla a:visited {
				color: #718ABE;
				text-decoration: none;
}

table.tabla a:hover {
				color: #718ABE;
				text-decoration: underline !important;
}

tfoot.tabla th, tfoot.tabla td {
				font-size: 85%;
}	

/*Div de las consultas gine y obste y los antecedentes*/
div#consulta_datos {
	margin-top: 20px;
	float:left;
	width: 70%;
}

div#consulta_anotaciones {
	text-align: left;
	float:left;
	width: 60%;
	height: 100%;	
}

div#consulta_actos {
	margin-top: 20px;
	text-align: right;
	float:left;
	width: 40%;
	height: 100%;

}

.anotaciones_consulta{
	width: 90%;
	min-height: 150px;
}


div#consulta_antecendentes {
	float:left;
	width: 30%;

}

.anotaciones_antecedentes{
	width: 90%;
	height: 70px;
}

.busqueda
{
	background: #fdf0a7;
}

.obligatorio
{
	background: #f8a5ad;
}

.boton_pdf{
	background-image:url(/imagenes/pdf.png);
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	background-position:center;
}

.boton_elimina{
	background:url(./imagenes/elimina.png);
	background-repeat:no-repeat;	
	height:16px;
	width:16px;
	border:none;
}

.boton_inserta{
	background:url(./imagenes/inserta.png);
	background-repeat:no-repeat;	
	height:16px;
	width:16px;
	border:none;
}

.boton_edita{
	background:url(./imagenes/edita.png);
	background-repeat:no-repeat;	
	height:16px;
	width:16px;
	border:none;
}

.boton_pago{
	background:url(./imagenes/pago.png);
	background-repeat:no-repeat;	
	height:16px;
	width:16px;
	border:none;
}

.boton_izquierda{
	background:url(./imagenes/recupera.png);
	background-repeat:no-repeat;	
	height:16px;
	width:16px;
	border:none;
}

.boton_derecha{
	background:url(./imagenes/inserta.png);
	background-repeat:no-repeat;	
	height:16px;
	width:16px;
	border:none;
}

.boton_si{
	background:url(./imagenes/si.png);
	background-repeat:no-repeat;	
	height:16px;
	width:16px;
	border:none;
}

.boton_buscar{
	background:url(./imagenes/buscar.png);
	background-repeat:no-repeat;	
	height:16px;
	width:16px;
	border:none;
}

.boton_no_acude{
	background:url(./imagenes/prohibido.png);
	background-repeat:no-repeat;	
	height:16px;
	width:16px;
	border:none;
}

.boton_tarjeta{
	background:url(./imagenes/tarjeta_mini.jpg);
	background-repeat:no-repeat;	
	height:37px;
	width:58px;
	border:none;
	-moz-border-radius: 3px;
}

.boton_pdf{
	background:url(./imagenes/boton_pdf.png);
	background-repeat:no-repeat;	
	height:37px;
	width:37px;
	border:none;
}

.boton_pdf_mini{
	background:url(./imagenes/pdf.png);
	background-repeat:no-repeat;	
	height:16px;
	width:16px;
	border:none;
}

.boton_historias{
	background:url(./imagenes/historias_pdf.png);
	background-repeat:no-repeat;	
	height:37px;
	width:146px;
	border:none;
}

.boton_digitalizar{
	background:url(./imagenes/digitalizar.png);
	background-repeat:no-repeat;	
	height:37px;
	width:90px;
	border:none;
}