body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#contenedor {
	clear: both;
	float: none;
	height: auto;
	width: 830px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#logotipo {
	background-image: url(../img/LogoGNL.gif);
	background-repeat: no-repeat;
	height: 81px;
	width: 117px;
	float: left;
}
#logotipo h1, h2, h3 {
	display: none;
}
#Navega {
	float: right;
	margin: 0px 0px 10px;
	width: 700px;
}
#correo {
	font-size: 9px;
	text-decoration: none;
	text-align: right;
	padding: 0px;
	margin-top: 18px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#correo a, #correo a:active, #correo a:visited, #correo a:link {
color:#999999;
text-decoration: none;
}
#correo a:hover {
color:#003366;
text-decoration:underline;
}


/* Menu con Submenus */
ul#navmenu {
	margin: 0;
	padding: 0;
	list-style: url(none) none;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
	height: 50px;
	float: right;
}
ul#navmenu  li.top  {
	display: inline;
	list-style: none;
	position: relative;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
	padding: 0px;
	line-height: 50px;
	margin: 0;
}
ul#navmenu li {
	float: left;
	display: inline;
	list-style: none;
	position: relative;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
	padding: 0px;
	line-height: 22px;
	margin: 0;
	height: 50px;
}
ul#navmenu ul {
	margin: 0;
	padding: 30px 0px 0px;
	width: 160px;
	list-style: none;
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
	height: 22px;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
ul#navmenu ul li {
	width: 100px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	height: 22px;
	padding: 0px;
}
/* Root Menu */
ul#navmenu a {
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	width: 97px;
	height: 50px;
	text-decoration: none;
	font-size: 11px;
	color: #333333;
	text-align: center;
	padding: 0px 1px;
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color: #333333;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	background: #FFFFFF;
	color: #333333;
	height: 22px;
	text-align: left;
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding-left: 5px;
	width: 160px;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #F4F4F4;
  color: #333333;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #FFFFFF;
	color: #333333;
	height: 22px;
	width: 180px;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	color: #333333;
	background-color: #f4f4f4;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #E8E8EA;
	color: #333333;
	height: 22px;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #E8E8EA;
  color: #333333;
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: -20px;
	left: 166px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/*BOTONES*/
#BtnInicio {
	background-image: url(../img/boton/BtnInicio.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 97px;
	display: block;
}
#BtnNosotros {
	background-image: url(../img/boton/BtnNosotros.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 97px;
	display: block;
}
#BtnGNL {
	background-image: url(../img/boton/BtnGnl.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 97px;
	display: block;
}
#BtnTerminal {
	background-image: url(../img/boton/BtnTerminal.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 97px;
	display: block;
}
#BtnAmbiente {
	background-image: url(../img/boton/BtnMedioAmbiente.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 97px;
	display: block;
}
#BtnComunidad {
	background-image: url(../img/boton/BtnComunidad.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 97px;
	display: block;
}
#BtnImagenes {
	background-image: url(../img/boton/BtnImagenes.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 97px;
	display: block;
}


/*INTERIOR*/
#Interior {
	font-size: 11px;
	float: none;
	width: 830px;
	clear: both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#Interior p {
	text-align: justify;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#Interior #FotoPrincipal {
	clear: both;
	width: 830px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
}
#Interior #Izquierda {
	clear: none;
	float: left;
	width: 570px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#Izquierda .recuadroFotos {
	float: right;
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 9px;
	text-decoration: none;
	color: #999999;
	clear: both;
}
#Izquierda .recuadroFotos a {
	text-decoration: none;
	color: #999999;
}
#Interior #Derecha {
	float: right;
	width: 240px;
	clear: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#Interior .Galeria {
	padding: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}
#Izquierda .Fecha2009 {
	background-image: url(../img/Titulos/TitNoticias2009.gif);
	clear: both;
	float: left;
	height: 15px;
	width: 570px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}
#Izquierda .Fecha2008 {
	background-image: url(../img/Titulos/TitNoticias2008.gif);
	clear: both;
	float: left;
	height: 15px;
	width: 570px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}
#Izquierda .Fecha2007 {
	background-image: url(../img/Titulos/TitNoticias2007.gif);
	clear: both;
	float: left;
	height: 15px;
	width: 570px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}



/************************
		NOTICIAS
************************/
#Izquierda #NoticiasComunidad {
	width: 565px;
	clear: both;
	float: none;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #F4F4F4;
}
#NoticiasComunidad .NoticiaIzq {
	float: left;
	width: 270px;
	clear: none;
	margin: 5px;
}
#NoticiasComunidad .NoticiaTop {
	margin: 5px;
	clear: both;
	float: left;
	width: 550px;
}
.NoticiaTop p.Destacado {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
}
.NoticiaTop p.Bajada {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}
#NoticiasComunidad .NoticiaDer {
	float: right;
	width: 265px;
	_width: 260px;
	margin: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 7px;
}
#NoticiasComunidad p.Titulo, #Izquierda p.Titulo {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 5px;
}



/*******************
	  TITULOS
********************/
#pathnavega {
	font-size: 9px;
	color: #BBBBBB;
	text-decoration: none;
	margin-top: 2px;
	width: 570px;
	margin-bottom: 5px;
}
.TituloBienvenidos {
	background-image: url(../img/Titulos/TitBienvenidos.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 205px;
	margin-bottom: 10px;
}
.TituloCarta {
	background-image: url(../img/Titulos/TitCartaGerente.gif);
	height: 15px;
	width: 102px;
	margin-bottom: 10px;
}
.TituloDeclaracion {
	background-image: url(../img/Titulos/TitDeclaracion.gif);
	height: 18px;
	width: 357px;
	margin-bottom: 10px;
}
.TituloAccionistas {
	background-image: url(../img/Titulos/TitAccionistas.gif);
	width: 93px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloHacemos {
	background-image: url(../img/Titulos/TituloHacemos.gif);
	width: 116px;
	height: 17px;
	margin-bottom: 10px;
}
.TituloHistoria {
	background-image: url(../img/Titulos/TitHistoria.gif);
	width: 175px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloGasoductos {
	background-image: url(../img/Titulos/TitGaseoductos.gif);
	width: 99px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloInversion {
	background-image: url(../img/Titulos/TitInversion.gif);
	width: 76px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloIlustraciones {
	background-image: url(../img/Titulos/TitIlustraciones.gif);
	width: 175px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloGente {
	background-image: url(../img/Titulos/TitGente.gif);
	width: 121px;
	height: 14px;
	margin-bottom: 10px;
}
.TituloQueEs {
	background-image: url(../img/Titulos/TitQueEs.gif);
	width: 117px;
	height: 17px;
	margin-bottom: 10px;
}
.TituloHistoriaGNL {
	background-image: url(../img/Titulos/TitHistoriaGNL.gif);
	width: 136px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloAbastecimiento {
	background-image: url(../img/Titulos/TitAbastecimiento.gif);
	width: 373px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloProcesamiento {
	background-image: url(../img/Titulos/TitProcesamiento.gif);
	width: 195px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloBarcos {
	background-image: url(../img/Titulos/TitBarcos.gif);
	width: 353px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloMuelle {
	background-image: url(../img/Titulos/TitMuelle.gif);
	width: 275px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloEstanque {
	background-image: url(../img/Titulos/TitEstanques.gif);
	width: 325px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloVaporizadores {
	background-image: url(../img/Titulos/TitVaporizadores.gif);
	width: 376px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloFAQ {
	background-image: url(../img/Titulos/TitFAQ.gif);
	width: 181px;
	height: 17px;
	margin-bottom: 10px;
}
.TituloAmbiente {
	background-image: url(../img/Titulos/TitAmbiente.gif);
	width: 211px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloEmplazamiento {
	background-image: url(../img/Titulos/TitEmplazamiento.gif);
	width: 129px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloNormas {
	background-image: url(../img/Titulos/TitNormas.gif);
	width: 174px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloExigencias {
	background-image: url(../img/Titulos/TitExigencias.gif);
	width: 195px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloActividades {
	background-image: url(../img/Titulos/TitActividades.gif);
	width: 97px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloComunidad {
	background-image: url(../img/Titulos/TitComunidad.gif);
	width: 95px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloBuenVecino {
	background-image: url(../img/Titulos/TitBuenVecino.gif);
	width: 444px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloQuintero {
	background-image: url(../img/Titulos/TitQuintero.gif);
	width: 176px;
	height: 17px;
	margin-bottom: 10px;
}
.TituloPuchuncavi {
	background-image: url(../img/Titulos/TitPuchuncavi.gif);
	width: 197px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloNoticias {
	background-image: url(../img/Titulos/TitNoticias.gif);
	width: 66px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloComunicados {
	background-image: url(../img/Titulos/TitComunicados.gif);
	width: 112px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloCobertura {
	background-image: url(../img/Titulos/TitCobertura.gif);
	width: 170px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloGaleria {
	background-image: url(../img/Titulos/TitGaleria.gif);
	width: 158px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloEvolucion {
	background-image: url(../img/Titulos/TitEvolucion.gif);
	width: 191px;
	height: 18px;
	margin-bottom: 10px;
}
.TituloContacto {
	background-image: url(../img/Titulos/TitContacto.gif);
	width: 104px;
	height: 15px;
	margin-bottom: 10px;
}
.TituloPaseoCostero {
	background-image: url(../img/Titulos/TitPaseoCostero.gif);
	width: 119px;
	height: 15px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
.TituloFondosConcursables {
	background-image: url(../img/Titulos/TitFondosConcursables.gif);
	width: 177px;
	height: 15px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
.TituloCentroCivico {
	background-image: url(../img/Titulos/TitCentroCivico.gif);
	width: 270px;
	height: 18px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
.TituloInauguracion {
	background-image: url(../img/Titulos/TitInauguracion.gif);
	width: 166px;
	height: 18px;
	margin-bottom: 10px;
}



/*SUBTITULOS*/
.TitEvolucionMuelle {
	background-image: url(../img/Titulos/TitEvolucionMuelle.gif);
	width: 166px;
	height: 18px;
	margin-bottom: 10px;
	background-color: #99ADC2;
	background-repeat: no-repeat;
	background-position: 5px;
}
.TitEvolucion101 {
	background-image: url(../img/Titulos/TitEvolucion101.gif);
	width: 166px;
	height: 18px;
	margin-bottom: 10px;
	background-color: #99ADC2;
	background-repeat: no-repeat;
	background-position: 5px;
}
.TitEvolucion201 {
	background-image: url(../img/Titulos/TitEvolucion201.gif);
	width: 166px;
	height: 18px;
	margin-bottom: 10px;
	background-color: #99ADC2;
	background-repeat: no-repeat;
	background-position: 5px;
}
.TitEvolucion301 {
	background-image: url(../img/Titulos/TitEvolucion301.gif);
	width: 166px;
	height: 18px;
	margin-bottom: 10px;
	background-color: #99ADC2;
	background-repeat: no-repeat;
	background-position: 5px;
}
.TitEvolucionProceso {
	background-image: url(../img/Titulos/TitEvolucionProceso.gif);
	width: 166px;
	height: 18px;
	margin-bottom: 10px;
	background-color: #99ADC2;
	background-repeat: no-repeat;
	background-position: 5px;
}



/* CAJAS*/
#CajaNoticias {
	width: 240px;
	border: 1px solid #003366;
	background-color: #F5F5F5;
	float: left;
	padding: 0px;
	margin: 0px;
}
#CajaNoticias p {
	font-size: 10px;
	text-align: justify;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	width: 230px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#CajaNoticias .BtnVerMas {
	background-image: url(../img/boton/BtnVerMas.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 57px;
	display: block;
	float: right;
	margin-top: 3px;
}
#CajaGris .BtnVerMasGris {
	background-image: url(../img/boton/BtnVerMasGris.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 57px;
	display: block;
	float: right;
	margin-top: 3px;
}
.TitCajaNoticias {
	background-image: url(../img/Titulos/CajaNoticias.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 240px;
	float: left;
	background-color: #003366;
	background-position: 5px center;
	clear: both;
	margin-bottom: 2px;
}
#NoticiasComunidad #CajaGris {
	background-color: #999999;
	clear: both;
	float: none;
	width: 565px;
	height: 20px;
}
.LeerMas .icoUp {
	background-image: url(../img/iconos/icoUp.gif);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 15px;
	width: 15px;
	margin: 0px;
	clear: none;
}
.LeerMas {
	font-size: 10px;
	display: block;
	clear: both;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
.LeerMas a, .LeerMas a:link, .LeerMas a:active, .LeerMas a:visited {
	color: #003366;
	text-decoration: none;
}
.LeerMas a:hover {
	color: #006600;
	text-decoration: underline;
}
.fecha {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}


.listado {
	list-style-image: url(../img/iconos/icoVerde.gif);
	list-style-position: outside;
	list-style-type: none;
	margin: 5px;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	text-align: justify;
}
ul.simple {
	padding: 0px;
	margin: 0px;
}
ol {
	text-align: justify;
	margin-top: 1px;
	margin-right: 30px;
	margin-bottom: 1px;
	#margin-left: 20px;
	margin-left: 0px;
}
.TextoSmall {
	font-size: 9px;
	color: #999999;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 1px;
}
.IlustracionDer {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}
.mailto {
	padding: 0px;
	margin: 0px 0px -3px;
}
.textbox100 {
	color: #666666;
	width: 135px;
	border: 1px solid #003366;
}
.textbox250 {
	color: #666666;
	width: 370px;
	border: 1px solid #003366;
	height: 200px;
}
.error {
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
.FotoSmall {
	float: left;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 6px;
}
#Izquierda .fotoSmallest {
	clear: none;
	float: right;
	width: 120px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	font-size: 9px;
	text-align: center;
	color: #999999;
}
#Izquierda .fotoSmallest img {
	width: 120px;
	height: auto;
}
/***********************
		TABLAS
***********************/	
.TablaLinea {
	border: 1px solid #CCCCCC;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
.TablaLineaTitulo {
	font-weight: bold;
	background-color: #f5f5f5;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.TablaLineaInterior {
	padding: 1px 0px 1px 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f5f5f5;
}
.TablaLineaInteriorAlt {
	padding: 1px 0px 1px 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f5f5f5;
	background-color: #FBFBFB;
}


/*************************
		CLEAR
*************************/		
.clear {
	clear: both;
}



/**************************
		PIE GNL
**************************/
#PieGNL {
	clear: both;
	float: none;
	width: 830px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#PieGNL p {
	margin: 0px;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	text-align: center;
}
.SeparadorPie {
	background-color: #99ADC2;
	clear: both;
	float: none;
	height: 20px;
	width: 830px;
	margin-bottom: 10px;
	margin-top: 10px;
}

/**************************
		PIE MX
**************************/
#pieMx {
	font-size: 9px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	text-align: center;
	margin-top: 5px;
}
#pieMx a, #pieMx a:link, #pieMx a:active, #pieMx a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#pieMx a:hover {
	color: #BCBCBC;
	text-decoration: underline;
}