﻿/*
color Principal
	claro: #B5D6D4 #99bdba 
	oscuro: #005750
	griscabecera: #EFEFEF
*/

/* Estructura principal 
	 Situacion y Diseño
*/
html
{
	border: 0;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%; 
	font-size: 66%;           
} 
body
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	
	width: 100%;
	color: #000000;
	font-family: Verdana, Arial, SansSerif;
	height: 100%;

	background-image: url(../imagenes/fondo.gif);
	background-repeat: repeat-y;
	/* ORIGINAL DE LA CHE background-color: #B5D6D4;*/
	background-color: #ffffff;
	background-position: 17em 0;
}

table {font-size: 100%;}

#divMenu2
{
	position: relative;
	height:14px;
	width: 100%;
	background-color: #B5D6D4; /* #cc9933; */
}

#divMenu1
{
	position: absolute;
	width: 17em;
	left: 0;
	float: left;
	overflow: hidden;	
	z-index: 1;
	background-color: #B5D6D4;
}

#cuerpo
{
	line-height: 1.5em;
	position: relative;
	margin-left: 17em;
}

#cuerpo {width: 94%; voice-family: "\"}\""; voice-family:inherit; width: auto;}

#divRuta
{
	background-color: #EFEFEF;
	height: 1.5em;
	text-align:left;
	padding: 0.5em 0 0 1em; 
}

#contenido
{
	position: relative;
	margin:  0 1em 1em 1em;
	padding: 0 1em 1em 1em;
}

#divPie
{
	position: relative;
	/*height: 4em;*/
	margin: 0 3em 1em 20em;
	padding: 1ex 0 1ex 0;	
	text-align: center;
	border-top: solid 1px gray;
}

/* Hijos de la Estructura principal
	Funcionalidad y diseño
*/
#cabeceratexto
{
	position: relative;
	padding: 2px 4px 0px 0px;
	letter-spacing: 1px;
	top: 0px;
	height: 16px;
	text-align: right;
	float: right;
}

#cabeceratexto {font-size: 0.95em;color:#005750;}
#cabeceratexto a, #cabeceratexto a:link, #cabeceratexto a:visited {font-weight:normal; text-decoration:none;color:#005750;margin:0px;padding:0px;word-spacing:0px;} 
#cabeceratexto a:hover {text-decoration:underline;} 

.cabeceratitulo{visibility: hidden;}

#divRuta {font-size: 0.95em; color: #005750;}
#divRuta a, #divRuta a:link, #divRuta a:visited {font-weight:normal; color: #005750; font-weight: bold; text-decoration: none;}
#divRuta a:hover{text-decoration: underline;}

.tituloMenu
{
	background-color: #005750;
	color: White;
	display: block;
	text-decoration: none;
	font-weight: bold;
	/*vertical-align: baseline;*/
	padding: 1ex 2% 1ex 2%;
	height: 6ex;
	font-size: 1em;
}

ul.menu
{
	list-style-type: none;
	margin: 0;
 	padding: 5px 2% 5px 2%;
 	width: 96%;
}

ul.menu li {margin: 0; padding: 5px 3px 0px 0px; font-weight: bold;}
ul.menu ul {margin: 0 0 0 10px; padding: 0; list-style-type: none;}
ul.menu ul li {padding: 0; margin: 0; font-weight: normal;}

ul.menu a, ul.menu a:link, ul.menu a:visited 
{
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 2px;
	margin: 0; 
}
ul.menu a:hover{color: #005750; text-decoration: none;}

#divPie {font-size: 0.9em; color: Gray;}
#divPie p {margin: 0px; padding: 0px;}
#divPie a, #divPie a:link, #divPie a:visited {font-weight:normal; color: Gray; text-decoration: none;}
#divPie a:hover {text-decoration: underline;}

/* Otros elementos de la web*/

input, select {font-size: 1em; font-family: Verdana, Arial;}
.input50  {width: 50px;}
.input100 {width: 100px;}
.input150 {width: 150px;}
.input200 {width: 200px;}

/*  Tabla Grid Resultados */
.tdBotones
{
	text-align: center;
}

.tablaGrid {width: 100%}
.tablaGrid th{
	text-align: left;
	background-color: #f6f6f6;
}

.tablaGrid {margin: 1em 0 0.5em 0;}

.tablaGrid tbody
{
	display:block;
	padding: 2px 0px 2px 0px;
	margin: 2px 0px 2px 0px;
}

.tablaGrid thead
{
	font-weight: bold;
	background-color: #B5D6D4;
}

.tgTitulo 
{
	color: #005750;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
}

.tgTituloAux
{
	color: #005750;
	font-style:italic;
	font-weight:normal;
	text-decoration: none;
}

.tablaGridH {font-weight: bold;	background-color: #B5D6D4;}
.tablaGrid caption {color: #005750; font-size: 1.2em; font-weight: bold;}

#tablaGridCol1{width: 30%;}
#tablaGridCol2{width: auto;}
#tablaGridCol3{width: 24px; text-align: center;}

.tablaGridCol1{width: 30%;}
.tablaGridCol2{width: auto;}
.tablaGridCol3{width: 24px; text-align: center;}

/* Fin Tabla GRID*/


.tg
{
	margin: 1em 0px 0.5em;
	width: 100%;
}
.tg tbody {display:block;	padding: 2px 0px 2px 0px;	margin: 2px 0px 2px 0px;}
.tg thead {font-weight: bold;	background-color: #B5D6D4;}
.tg th{text-align: left; background-color: #f6f6f6; width: 30%;}
.tg td{width: auto;}
/*.tg th {font-weight: bold;	background-color: #B5D6D4;}*/
.tg caption {text-align: left; color: #005750; font-size: 1.2em; font-weight: bold;}

.tgTRTitulo th {font-weight: bold;	background-color: #B5D6D4;}
.tgTDTitulo{text-align: left; font-weight: bold; background-color: #f6f6f6;}
.tgTHTitulo{width: 100%;}
.tgCol30p{}
.tgColAuto{}

/*.tgCol30p{width: 30%;}
.tgColAuto{width: auto;}*/

.tgColIcono{width: 24px; text-align: center;}

.tgTxtTitulo 
{
	color: #005750;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
}

.tgTxtTituloAux
{
	color: #005750;
	font-style:italic;
	font-weight:normal;
	text-decoration: none;
}

/*--------------------------------*/

.divNota
{
	position: relative;
	background: #EFEFEF;
	border: dashed 1px gray;
	font-style:italic;
	margin: 1em 2em 1em 2em;
	padding: 0.5em 1em 0.5em 1em;
}
#divAvisoLegalMini
{position: relative;
	background: #EFEFEF;
	border: dashed 1px gray;
	font-style:italic;
	margin: 1em 2em 1em 2em;
	padding: 0.5em 1em 0.5em 1em;
}

.Informacion
{
	border: solid 1px black;
	padding: 20px;
	margin: 20px;
	font-size: 24px;
	width: 80%;
	height: 50%;
	text-align: center;
	color: #005750;
}

.Informacion2
{
	position: relative;
	background: #EFEFEF;
	border: dashed 1px gray;
	margin: 1em 2em 1em 2em;
	padding: 0.5em 1em 0.5em 1em;
	font-size: 0.9em; 
	color: Gray;
}

div.Paginador
{
	position: relative;
	font-size: 11px;
	background: #f6f6f6;
	padding: 3px 3px 5px 3px;
	margin: 5px 0px 5px 0px;
}

div.Paginador a, div.Paginador a:link, div.Paginador a:visited {font-weight:normal; color: #000000;}
div.Paginador a:hover {color: #005750;}

.pagFResultados {font-weight:normal;}
.pagNResultados {font-weight: bold;}
.pagNuevaBusqueda {margin-left: 20px;}

h1 {font-size: 1.5em;	margin: 1em 0px 0.3em 0em;	color: #005750;	letter-spacing: 3px;}
h2 {color: #005750; font-size: 1.3em; margin: 1em 0 0.3em 0em; letter-spacing: 2px;}
h3 {color: #005750; font-size: 1.1em; margin: 0.5em 0 0.2em 0em;}

p {margin: 0.8em 0 0.8em 0;}
#cuerpo p {	text-align: justify;}

ul {margin: 0; padding: 0 2em 0 2em;	list-style-type: square;}
li {padding: 1ex 0 0 0;}

a, a:link, a:visited {color: black; text-decoration: underline;}
a:hover{color: #005750;}

li a, li a:link, li a:visited {color: black; text-decoration: none;}
li a:hover{color: #005750; text-decoration: underline;}
h2 a, h2 a:link, h2 a:visited {color: #005750; text-decoration: none;}
h2 a:hover{text-decoration: underline;}

img {border: 0}

dl {margin: 0; padding: 0 2em 0 2em;}
dt {font-weight: bold;}

.carta {margin-right: 5em; text-align: justify; text-indent: 2em;}
.firma {margin-right: 2em; text-align: right}

.nota {font-size: 0.9em; color: Gray;}

@media print 
{
	.cabeceratitulo	{visibility: visible;}
}