@import url(three_row_layout.css);
@import url(breadcrumb.css);

/**************************** ELEMENTOS GENERALES *****************************/
HTML {
	height:100%; min-height: 100%;
}

BODY { 
	/*background : #C0D9D9 url(images/fondo.gif) repeat; */
	/*background-color: #C0D9D9;*/
	background-color: #dbebf6;
	/*font : 10pt Arial, Verdana, Geneva, Helvetica, sans-serif;*/
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size: 9pt;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	color : #666666; 
	margin : 10px 0px 10px 0px;
	text-align: center;
	height:100%; min-height: 100%;
}

H1{
	font: 13pt "Century Gothic", Arial, sans-serif;
	font-weight: bold;
	border-bottom: 3px #72fd01 solid;
	margin-top: 3px;
	text-align: right;
}

IMG {
	border: 0px;
}

IMG.bullet {
	width: 8px;
	padding-right: 5px;
}

/************************** FIN ELEMENTOS GENERALES ****************************/

/*
	Capa contenedora del cuerpo de la web
*/
#contenedor{
	width: 696px !important;
	width: 698px;
	text-align: left;
	margin: auto;
	background-color: #ffffff;
	/*border-top: 8px solid #5b7284;*/
	border-right : 1px solid #444444;
	border-left : 1px solid #444444;
	clear: both;
	overflow: hidden;
	height: auto;
}

/*
	Capa de imagen de cabecera
*/
#cabecera{
	height : 180px;
	width : 699px !important;
	width : 700px;
}

/* Estilos para el banner de cabecera */
.imagencabecera {
	margin-top: 35px;
	border-bottom: 4px solid #5b7284;
	float: left;
}

/*
	Capa de pie de pagina
*/
#pie{
	height : 40px;  /* 106 */
	width: 600px !important;
	width: 400px;
}

/*********************** ESTILOS CAPA CONTENEDORA ******************************/
/*
	Define los estilos de la capa contenedora
*/
.titulo_h1{
	font: 13pt "Century Gothic", Arial, sans-serif;
	font-weight: bold;
	border-bottom: 3px #72fd01 solid;
	margin-top: 3px;
	text-align: left;
}

.titulo_h2{
	font: 10pt "Century Gothic", Arial, sans-serif;
	font-weight: bold;
	border-bottom: 3px #72fd01 solid;
	margin-top: 3px;
	text-align: left;
}

#cuerpo{ 
	width: 700px;
	margin-left: 0px; 
	background-color: #ffffff;
	padding: 12px 10px 10px 8px; 	
	float:left; 
	border: 0px #C0C0C0 solid;
	text-align: justify;
	color: #666666;
}

#contenedor_con_menuv {
	width: 680px;
	margin-left: 0px;
	background-color: #ffffff;
	padding: 12px 10px 10px 8px;
	margin-top: 9px !important;
	margin-top: 13px;
	float:left;
	border: 0px #c0c0c0 solid;
	text-align: justify;
	color: #666666;
	height: auto;
}

#cuerpo_sin_menuv {
	margin-left: 0px;
	background-color: #ffffff;
	/*padding: 0px 10px 10px 8px;*/
	/*margin-top: 9px !important;*/
	margin-top: 13px;
	float:left;
	border: 0px #c0c0c0 solid;
	text-align: justify;
	color: #666666;
	width: 100%;
}

#cuerpo_con_menuv {	
	width: 550px !important;
	margin-left: 0px;
	background-color: #ffffff;	
	padding-right: 10px;
	/*padding: 0px 10px 10px 0px;*/
	/*margin-top: 0px !important;*/
	margin-top: 13px;
	float:left;
	border: 0px #c0c0c0 solid;
	text-align: justify;
	color: #666666;
	border-right: 1px solid #72FD01;
}

/*
#cuerpo_sin_menuv LI {
	list-style: none;
}
*/

/* Estilo para las imágenes incrustadas en el texto principal, alineadas a la izquierda */
.bannertexto {
	padding: 2px 2px 2px 2px;
	margin: 0px 10px 10px 0px;
	float: left;
}

.bannertextoderecha {
	padding: 2px;
	margin-left: 14px;
	float: right;
}

.bannerflag {
	float: right;
	margin-top: 4px;
}

.bloque_izquierda {
	width: 32%;
	border: 1px solid #cccccc;
	float: left;
	height: auto;
}

.bloque_derecha {
	width: 32%;
	border: 1px solid #cccccc;
	float: right;
	height: auto;
}

.bloque_centro {
	width: 32% !important;
	width: 100%;
	border: 1px solid #cccccc;
	margin-left: 34% !important;
	margin-left: 32%;
	height: auto;
}

/* Estilo para el texto a pie de tabla */
.pie_tabla {
	font-size: 7pt;
	color: #000000;
	float: right;
	border: 0px solid #cccccc;
	margin-top: 2px;
}

/* Estilos para los enlaces del cuerpo de la página */
#cuerpo_sin_menuv A, A:VISITED, A:ACTIVE, A:FOCUS, A:LINK{
	color: #666666;
	text-decoration: underline;
}

#cuerpo_sin_menuv A:HOVER{
	color: #222222;
	text-decoration: none;
}

A DIV{
	text-decoration: none;
}

/*********************** FIN ESTILOS CAPA CONTENEDORA ***************************/

/* Contenedor del menu incrustado en el banner superior */
#lateral{
	width: 135px;
	background-color: #FFFFFF;
	border: 0px solid #cccccc;
	border-right: 1px solid #cccccc;
	float: left;
	padding: 0px 5px 0px 5px;
	/*padding-top: 35px !important;*/
}

/* Estilos del menu principal (incrustado en el banner) */
#menuv {
	/*margin-top: 10px !important;*/
	margin-top: 0px;
	padding-bottom: 6px !important;
	padding-bottom: 0px;
	font: 9pt "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	height: auto;
	width: 132px;
	border: 0px #cccccc solid;
}
#menuv ul {
	list-style-type: none;
}

#menuv ul {
	margin: 0;
	padding: 0;
}

#menuv li {
	list-style-type: none;
	height: auto !important;
	height: 1px;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #FFFFFF;
	text-align: left;
	background-color: #FFFFFF;
 	border-left: 3px #DBEBF6 solid;
}

#menuv li.selected {	
	background-color: #DBEBF6;
}

#menuv a {
	padding-top: 7px;
	padding-left: 3px;
	padding-bottom: 2px !important;
	padding-bottom: 0px;
	text-transform: lowercase;
	text-decoration: none;
	display: block;
	color : #666666;
	border: 0px #cccccc solid;
	clear: both;
}

#menuv a:hover {
	background: #ffffff;
	color: #aaaaaa;
	border-right: 3px #DBEBF6 solid;
}
/* FIN ESTILOS MENU PRINCIPAL */

/* Contenedor del submenu lateral (submenu de contenidos) */
#lateral_submenu {
	/*background : #5b7284 url("../images/fondotitlat.gif") repeat;*/
	background-color:#FFFFFF;
	border:0px solid #CCCCCC;
	float:left;
	height:auto;
	margin-top:13px;
	/*overflow:auto;*/
	padding:0px 0px 10px;
	width: 118px;
}

/* Contenedor de los elementos del submenu lateral */
#lateral_submenu_texto {
	overflow: auto;
	height: auto;
	background-color: #FFFFFF;
	/*border: 0px solid #cccccc;*/	
	float: left;
	padding: 2px 10px 2px 10px;
	margin-top: 0px;
	text-align: justify;
}

/* Formato de los elementos del menu */
#lateral_submenu_texto DIV {
	/*font: 8pt Verdana, Arial, Helvetica, sans-serif;*/
	padding: 6px 0px 6px 0px;
	margin: 2px 0px 2px 0px;
}

/* Estilos para los enlaces del submenu lateral */
#lateral_submenu_texto A, A:VISITED, A:ACTIVE, A:FOCUS, A:LINK{
	color: #666666;
	text-decoration: none;
}

#lateral_submenu_texto A:HOVER{
	color: #aaaaaa;
	text-decoration: none;
}

/* Estilo para el contenedor del menú de cabecera */
#navarriba{
	font : 8pt Tahoma, Arial, Helvetica, sans-serif;
	color : #ffffff;
	background-color: #5b7284;
	font-weight : normal;
	text-align: right;
	float: left;
	width: 100%;
	/*
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #5b7284;
 */
}

/* Estilos para los enlaces del menú de cabecera */
#navarriba a, a:VISITED, a:ACTIVE, a:FOCUS, a:LINK {
	color: #ffffff;
	text-decoration: none;
}

#navarriba a:HOVER {
	color: #aaaaaa;
}

/* Estilo del contenedor de pie de página */
#navabajo{
	font : 8pt Tahoma, Arial, Helvetica, sans-serif;
	color : #ffffff;
	background-color: #5b7284;
	font-weight : normal;
	text-align: right;
	padding: 0px 4px 0px 4px;
	float: left;
	clear: both;
	width: 99% !important;
	width: 100%;
	/*
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #5b7284;
	*/
}

/* Estilos de los enlaces para el pie de página */
#navabajo a, a:VISITED, a:ACTIVE, a:FOCUS, a:LINK {
	color: #ffffff;
	text-decoration: none;
}

#navabajo a:HOVER {
	color: #aaaaaa;
}

/* Estilos para el contenido del pie de página */
.pie_izquierda {
	padding: 5px 0px 5px 0px;
	width: 20%;
	border: 0px #cccccc solid;
	float: left;
	text-align: left;
	line-height: 100%;
	vertical-align: 50%;
}

.pie_capa_izquierda {
	padding: 3px 10px 3px 10px;
}

.pie_derecha {
	padding: 5px 0px 5px 0px;
	/*width: 50% !important;*/
	width: 60%;
	border: 0px #cccccc solid;
	float: right;
	line-height: 100%;
	vertical-align: 50%;
}

.pie_capa_derecha {
	padding: 3px 10px 3px 10px;
}

#print a, a:VISITED, a:ACTIVE, a:FOCUS, a:LINK {
	color: #666666;
	text-decoration: underline;
}

#print a:HOVER {
	text-decoration: none;
}

/*
	TOOLTIPS
	- Uso: <sp:info title="">Texto</sp:info> (XHTML)
*/
.info {
  text-decoration: none;
  border-bottom: 1px dashed #5b7284;
  cursor: help;
  text-align: left;    
}

TD.info > DIV {	
  font-size: 70%;
  padding: 4px 0px 4px 0px;
  /*font-style: italic;*/
}

DIV.info_adj_cell {
	padding: 4px;
	border-left: 1px solid #72fd01;
	margin: 4px;
}

DIV.info_adj_cell DIV {
	padding: 4px;
}

DIV.button_placeholder {
	width: 100%; 
	margin-top: 20px; 
	padding: 10px;
}

FORM TABLE TR TD{
	padding-bottom: 4px;
}

/* FORMULARIOS */
INPUT[type="text"], INPUT[type="submit"], INPUT[type="reset"], SELECT, TEXTAREA {
	border:1px solid #757D9F;
	color:#454D7F;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:100%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

INPUT[type~="submit"] , INPUT[type="reset"]{
	background-color: #72FD01;
	font-weight: bold;
	width: 150px;
}

/* Imagen de fondo para inputs y combos */
input.rInput  {
	background:#C5CDFF url(../images/cr_bkform.gif) repeat-x scroll 0%;
	width: 40%;
}

textarea:focus, input:focus {
	border: 1px solid #900;
}

TEXTAREA {
	overflow: auto;
}

LEGEND {
	font-weight: bold;
}

.msgmail {
	border: 1px solid #c0c0c0;
	background-color: #B5EDBC;
	padding: 4px 6px 4px 6px;
	margin-bottom: 6px;
}

ul.parrafo li {
	padding: 2px 0px 2px 0px;
}

.bold {
	font-weight:bold;
}

.bold_u {
	font-weight:bold;	
	padding-bottom: 4px;
	font-size: 110%;	
	background: url(../images/external.png) center left no-repeat;	
}

.bold_u SPAN {
	margin-left: 14px;
}

#wizard LI {
	padding: 8px;
}

.img_warning {
	background: url(../images/icons/warning.png) center left no-repeat;
	padding-left: 20px;	
}

.img_fail {
	background: url(../images/icons/fail.png) center left no-repeat;	
	padding-left: 20px;	
}

.img_ok {
	background: url(../images/icons/ok.png) center left no-repeat;
	padding-left: 20px;
}

.mapa_icon {
	display: inline;
	background: url(../images/icono_mapa.gif) 0px -2px no-repeat;
	padding-left: 30px;
}

.mail {
	vertical-align: top;	
	width: 175px;
}