@charset "utf-8";
/* CSS Document */



/*Generales*/
body
{
background-color:#515151; 
font-family:Verdana,Arial, Helvetica, sans-serif, "Tw Cen MT" ;
font-size:14px;
}
ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0px 0px; /*le quitamos el margen a la lista*/
	padding:0px; /*y el relleno*/

}
li {
    text-align:center;
	/*margin:0; /*le quito el margen al elemento de la lista*/ 
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/
	background-color:#495677;
}
li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/
	color:#FFFFFF;
	width:107px;
	padding:14px 7px 11px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/
	text-decoration:none;
	font-weight:700; 
	/*border: thin solid  #666666;	*/
	
}
li a:hover {
/*background-image:url(file:///C|/Documents%20and%20Settings/Mr.Bobby/My%20Documents/Manguera/Trabajos/translation2/background.png);*/
background-color:#B1D0DD;
}


h3
{
margin-top:15px;
margin-left:10px

}
p{
margin:0px 15px;
text-indent:0px;
text-align:justify;
width:460px;
display:block;
}
h2
{
color:#FFFFFF;
margin:0px 15px;
text-align:center;
}

img
{
border:0px;}

/*Estructura*/

#contentMain
{
width:750px;
background:#CFE2EB;
height:auto;
margin-left: auto;
margin-right: auto;
}
#cabecera
{
/*position:relative;*/
width:750px;
height:100px;
background-color: #FFFFFF;
margin:0px 0px 0px;
color:#000000;
text-align:center;
/*text-align:center;

/*position: absolute;
left: 10%;*/
}
.bannerTop
{
z-index: -999;
}

#menu
{
width:750px;
height:42px;
background-color:#495677;
margin:0px 0px 0px; 
/**position: absolute;
left: 10%;
top: 18%;**/ 
}

#pieDePagina
{
width:750px;
height:20px;
background-color:#999999;
float:left;
font-size:12px;
text-align:center;
color:#FFFFFF;
}
#banner
{
clear:both;
margin-left:45px;
padding-top:5px;
padding-bottom:5px;
}
#spanBanner
{
margin-left:0px;
}

#logo
{margin:5px 200px;
}
#idioma
{
font-size:12px;
text-indent:650px;
width:750px;
background-color:#FFFFFF;
padding-bottom:2px;
padding-top:2px;

/*margin:0px 50px;*/
}

.fondoAzulDegrade
{
background-image:url(image/fondoAzulDegrade.png);
width:750px;
height:130px;
}


.iten
{
width:495px;
height:340px;
background:#CFE2EB;
float:left;


}
.itenDerecha
{
width:255px;
height:340px;
background:#8CA5B9;
float:left;


}
.iten2
{
width:255px;
height:250px;
background:#8CA5B9;
float:left;

}
.itenDerecha2
{
width:495px;
height:250px;
background:#CFE2EB;
float:left;
}

.itenInferior
{
width:750px;
height: 100%;
background:#CFE2EB;
float:left;
}
.itenSep
{
width:750px;
background:#CFE2EB;
float:left;
height:auto;
}

.sangriaTitulo
{
text-indent:20px;
}
.imgMargen 
{
margin: 40px 22px;
}

.imgMargenMas
{
margin: 48px 12px;
}

.caja
{
width:750px;
}

.caja.Blanca{
background-color:#FFFFFF;
height:10px;
}
.caja.Celeste{
background-color:#CFE2EB;
height:15px;
}
.caja.Gris{
background-color:#515151;
height:15px;
float:left;
}
/*BackBox*/
#lightbox{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #f7f6f1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border: 1px #CCC solid;
border-bottom:0px;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 0px;
	width: 0px;
	z-index: 0;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink2, #nextLink2 {
	font-family: "Trebuchet MS",  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#060;
	font-weight:bold;
         cursor:pointer;
         }

#imageDataContainer{
	font: 10px Arial, Helvetica, sans-serif;
	background-color: #f7f6f1;
	height: 35px;
	border:1px #ccc solid;
border-top:0px;
margin:auto;
	}

#imageData{
	padding:0px 10px 10px 10px;
	}
#imageData #imageDetails{ width: 50%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; font-size:14px; color:#666; max-height:20px; }
#imageData #numberDisplay{ display: block; clear: left; font-weight: normal; font-size:10px; color:#333; padding-bottom: 5px; }
#imageData #slideshowLink{ width: 55px; float: right; padding:5px 0px 0 0px;}
#imageData #bottomNavClose{ width: 55px; float: right; padding:5px 0px 0 0px; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}			
/*End BackBox*/