/* 
  Fichero: estilo.css                        Fecha: 26-11-2007   

  Proyecto: Predecan

  Copyright (c) 2007 IVER T.I.
  C/ Lérida 20, 46009 Valencia, Espa�a
  Todos los derechos reservados
 
  Módulo:  

  Descripci�n: Fichero de estilo css de la web.

  Autor: Manuel de Frutos Vila

  Version 1.0	26-11-2007  Luis Ruiz
          		Creación del fichero para el css de la web
          2.0	04-12-2007	Manuel de Frutos Vila
          		Modificación del estilo general de la web y compatibilidad con IE.
          2.1	17-01-2007	Manuel de Frutos Vila
          		A�adidos cambios para que los resultados tengan cuerpo y pie 
          		Modificados tama�os de la busqueda tematica y asistida
          2.2	28-01-2007	Manuel de Frutos Vila
          		Modificados estilos de los contenedores principal y pie para adaptar los logos en el pie de p�gina
          		Arreglado bug q no mostraba en ie los resultados cuando pasaba de un cierto n�mero de resultados
          2.3   15-02-2008	Manuel de Frutos Vila
          		Añadido estilo para el div cargando
          3.0	27-03-2008	Manuel de Frutos Vila
          		Nuevo dise�o
          3.1	02-04-2008	Manuel de Frutos Vila
          		Adaptada los men�s de la cabecera y las banderas al nuevo estilo.
          4.0	20-06-2008	Manuel de Frutos Vila
          		Diseñoo Fase 2
          
 */
 
BODY{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif; 
	background-color: #e2f0f1;
}

html{
	overflow-x: hidden;
}

IMG {
	BEHAVIOR: url("pngbehavior.htc")
}

P, INPUT, TABLE, TBODY, TR, TD{
	padding: 0px;
	margin: 0px;
}

#principal{
	position: relative;
	width: 770px;
	/*overflow: hidden;*/
	margin-left: auto;    
    margin-right: auto;
}

/* **************************************************** 
 * *                  Cabecera                        *
 * ****************************************************/
#cabecera{
	position: relative;
	width: 770px;
	height: 113px; /*140;82*/
	z-index: 10;
}

#cabeceraMenu{
	position: absolute; 
	left: 9px; 
	bottom: 0px; 
	width: 752px;
	height: 16px; /*18*/
}


/* **************************************************** 
 * *                  Contenido                       *
 * ****************************************************/
#cuerpo{
	position: relative;
	width: 770px;
	margin-top: 10px;
	/*overflow: hidden;*/
	color: black;
	z-index: 10;
}

/* Combo Paises */
#comboPais{
	position: absolute; 
	top: 0px; 
	right: 0px; 
	z-index: 20;
}

/* Tabs */
#tabs{
	position: relative; 
	width: 770px; 
	height: 32px; 
	clear: both;
}

#tabsCabeceraImg{
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#tabsCabecera{/*para las paginas que no tengan tab*/
	position: relative; 
	width: 770px; 
	height: 8px; 
	clear: both;
}

#tabsContenido{
	position: relative; 
	width: 425px; 
	height: 32px;
}

#contenido{
	position: relative;
	width: 748px; /*770 - 2(borders) - 10(paddings)*/
	clear: both;
	padding: 10px;
	border-left: 1px solid #406f9e;
	border-right: 1px solid #406f9e;
	background-color: white;
}

#cuerpoPie{
	position: relative; 
	width: 770px; 
	height: 8px; 
	clear: both;
}

div.contCabecera{
	/*margin-top: 5px;*/
	margin-bottom: 10px;
	text-align: center;
}

/* B�squeda */
#busqueda{
	position: relative;
	width: 748px;
	clear: both;
}

#tabsBusqueda{
	position: relative; 
	width: 748px; 
	height: 34px; /*43*/
	clear: both;
}

#tabsBusquedaContenido{
	position: relative; 
	width: 398px; /*443*/
	height: 30px; /*39*/
}

#metodoContenido{
	position: relative;
	width: 744px; /*748 - 4(borders) */
	clear: both;
	background-color: #f2f9f9;
	border-left: 2px solid #c6e4f2;
	border-right: 2px solid #c6e4f2;
	border-bottom: 2px solid #c6e4f2;
	text-indent: 9px;
}

.btnBuscar{
	text-align: right; 
	padding: 10px;
	clear: both;
}

#mostrarOcultarCriterios{
	position: relative;
	width: 748px;
	height: 16px;
	margin-top: 14px;
	text-align: right;
	clear: both;
}

/* B�squeda: Criterios */
#criterios{
	display: none;	
}

#zona{
	position: relative;
	width: 438px;
	float: left;
}

#fenomeno, #periodo, #catalogos{
	position: relative;
	width: 301px;
	float: right;
}

.busquedaCabecera{
	position: relative;
	width: 301px;
	height: 19px;
	clear: both;
	margin-top: 14px;
	overflow: hidden;
}

.busquedaContenido{
	position: relative;
	width: 272px; /*301 - 4(borders) - 25(paddings) */
	clear: both;
	background-color: #f2f9f9;
	border-left: 2px solid #c6e4f2;
	border-right: 2px solid #c6e4f2;
	border-bottom: 2px solid #c6e4f2;
	margin-top: 2px;
	padding-top: 5px;/*18*/
	padding-bottom: 7px; /*18*/
	padding-left: 15px; /*30*/
	padding-right: 10px;
}

#busquedaZonaCabecera{
	position: relative;
	width: 438px;
	height: 19px;
	clear: both;
	margin-top: 14px;
	overflow: hidden;
}

#busquedaZonaContenido{
	position: relative;
	width: 409px; /*438 - 4(borders) - 25(paddings)*/
	height: 284px; /*277*/
	clear: both;
	background-color: #f2f9f9;
	border-left: 2px solid #c6e4f2;
	border-right: 2px solid #c6e4f2;
	border-bottom: 2px solid #c6e4f2;
	margin-top: 2px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 15px; 
	padding-right: 10px;
}


#divInforme, #divResultAsist{
	/*
	height: 160px;
	overflow: auto;	
	*/
	margin-top: 15px;
	margin-left: 40px;
	padding: 4px;
	width: 84%;
	background-color: white;
	border: 1px solid #92b2d3;
	display: none;
	/*clear: both; /**/
	/*float: left;*/
}

#divInforme{
	margin-bottom: 9px;
}

#divInformeTitulo, #divResultAsistTitulo{
	/*display: none;*/
	margin-top: 15px;
	width: 90%; /**/
	clear: both; /**/
}

div.layerListDiv{
	position: relative;
	/*width: 500px;
	overflow: auto;
	left: 20px;*/
}

td.itemLayerToLoad{
	/*font-size: 10px;*/
	font-family: verdana, arial, helvetica, sans-serif; 	
	/*color: #5788BB;
	background-color: #CBE0F8;*/
}

td.itemObj{
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif; 	
	font-weight: bold;
	padding-top: 7px;
}

td.itemBuscador{
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif; 	
	cursor: pointer;
}

td.itemBuscadorOver{
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif; 
	color: #FFFFFF;
	background-color: #5788BB;
	cursor: pointer;
}

td.itemBuscadorAsistida{
	padding-left: 20px;	
}

/* Resultados */
#resultados{
	position: relative;
	width: 748px;
	clear: both;
	/*visibility: hidden;*/
	display: none;
}

#tabsResultados{
	position: relative;
	width: 748px;
	height: 26px;
	clear: both;
	margin-top: 14px;
}

#tabsResultadosCont{
	position: relative;
	width: 724px; /*748 - 4(borders) - 20(paddings) */
	clear: both;
	background-color: #f2f9f9;
	border-left: 2px solid #c6e4f2;
	border-right: 2px solid #c6e4f2;
	border-bottom: 2px solid #c6e4f2;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 10px;
	padding-right: 10px;
}

#resultadosContCabecera{
	margin-left: 12px; 
	margin-bottom: 10px
}

#resultadosMapas, #resultadosDocumentos{
	position: relative;
	width: 702px; /*724 - 2(borders) - 20(paddings) */
	clear: both;
	border: 1px solid #92b2d3;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	
	color: black;
	display: none;
	/*overflow: hidden;*/
}

/*#resultadosMapasPie{
	text-align: center;
	margin-top: 10px;
}

#resultadosMapasCuerpo{
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 767px;
	height: 386px;
	overflow: auto;
}

#resultadosMapasPie{
	position: absolute; 
	bottom: 0px;
	left: 0px;
	width: 747px;
	height: 36px;
	overflow: hidden;
	margin-right: 20px;
	text-align: right;
}*/


h2.resultados{
	font-weight:bold;
	/*display: inline;
	margin: 0;*/
}

div.resultadosTexto{
	margin-top: 4px;
}

img.resultadosMapas{
	border: 1px solid #5788BB;
	position: absolute;
	top: 2px;
	left: 20px;
}

img.resultadosMapasCargando{
	position: absolute;
	top: 43px;
	left: 43px;
}

img.resultadosDocumentos{
	border: 1px solid #5788BB;
}

div.resultadosImg{
	position: absolute; 
	top: 2px; 
	left: 20px;
	width: 102px; 
	height: 102px; 
	background-color: white; 
	z-index: 2000;
}

div.resultadosImgCont{
	position: relative; 
	width: 100%; 
	height: 105px; 
}

img.verMetadatos{
	margin-top: 6px;
	margin-bottom: 14px;
}


/* Visor */
#visor{
	position: relative;
	width: 748px;
	clear: both;
	/*visibility: hidden;*/
	display: none;
	overflow: hidden; /*revisar*/
}

/* Cargando */
.cargando{
	background: #E5E5E5 !important;
	border: 1px solid #5788BB !important;
}

.cargando div{
 	border: none !important;
 	background: #A7C2DF url(../images/Loading.gif) no-repeat scroll 0px 81% !important;
 	padding: 5px 63px 27px 66px !important;
 	color: #003B78 !important;
 	line-height: 16px !important; 	
 	font-weight: bold !important;
}


/* **************************************************** 
 * *                    Portal GeoRiesgo              *
 * ****************************************************/
#portalGeoRiesgo{
	position: relative;
	/*width: 748px;*/ /*770 - 2 bordes - 20 paddings */
	width: 770px;
	margin: 10px 0px;
	/*padding: 10px;*/
	clear: both;
	border-top: 1px solid #406F9E;
	border-bottom: 1px solid #406F9E;
	background-color: white;
	/*float: right;*/
}

#portalGeoRiesgoArriba{
	position: relative;
	width: 100%;
	clear: both;
	/*float: left;*/
	/*margin-bottom: 10px;*/
}

#portalGeoRiesgoIzda{
	position: relative;
	width: 474px; /*width: 47%;*/
	float: left;
}

#portalGeoRiesgoDcha{
	position: relative;
	width: 296px; /*width: 53%;*/
	float: right;
}

#portalGeoRiesgoAbajo{
	position: relative;
	clear: both;
	/*margin-top: 10px;*/
}


/* **************************************************** 
 * *                    Pie                           *
 * ****************************************************/
#pie{
	position: relative;
	width: 770px;
	height: 91px;
	z-index: 10;
	margin: 10px 0px;
}



/* **************************************************** 
 * *                  General                         *
 * ****************************************************/

table{
	font-size:11px;
}

INPUT, SELECT {
	border: 1px solid #92b2d3;
	background-color: #ffffff; /*d5e8fc*/
	color: #666; /*748595*/
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif; 	
}

INPUT.checkbox{
	background-color: transparent;
	border: 0px;
	vertical-align: middle;
}


.oculto{
	display: none;
}

.click{
	cursor: pointer;
}

.imgAbsTop0Left0{
	position: absolute; 
	top: 0px; 
	left: 0px;
}

div.titulo{
	padding-top: 5px;
	padding-bottom: 10px;
}

a:link {text-decoration: none; color:#003B78; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12; font-weight:bold}
a:visited {text-decoration: none; color:#003B78;  font-size:12; font-weight:bold}
a:active {text-decoration: none; color:#98B9DE; font-size:12; font-weight:bold}
a:hover {text-decoration: none; color:#5788BB; font-size:12; font-weight:bold}

a.documentos:link, a.documentos:visited, a.documentos:active, a.documentos:hover {text-decoration: underline}

a.paginacionLista:link, a.paginacionLista:visited, a.paginacionLista:active, a.paginacionLista:hover {text-decoration: underline; margin-left: 2px; margin-right: 2px;}

a.cabecera:link {text-decoration: none; color:#55492F; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12; font-weight:bold}
a.cabecera:visited {text-decoration: none; color:#55492F;  font-size:12; font-weight:bold}
a.cabecera:active {text-decoration: none; color:#B11015; font-size:12; font-weight:bold}
a.cabecera:hover {text-decoration: none; color:#CDA665; font-size:12; font-weight:bold}

a.seleccionado:link, 
a.seleccionado:visited, 
a.seleccionado:active, 
a.seleccionado:hover{ color: #B11015; }