/*-----------------------------
		LAYOUT Enagas
-----------------------------*/

/************************** ESTILOS GENERALES **************************/
body, p, h1, h2, h3, h4, h5, h6, form, fieldset,
legend,dd, dt, dl, ul, li, ol, img, td, th { padding: 0; margin: 0; }

body {
	margin-bottom:10px;
	background-color:#fff;
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
}

a { text-decoration:none }
a:hover { text-decoration:underline }
img { border:0 }
sub, sup {font-size:.9em;}
caption, legend, hr, .oculto { display:none }
fieldset { border: none }
ul li { list-style-type: none }	

h5 {
	margin-top: .8em;
	color: #5a7d8c;
	font-size: 1.05em;
	font-weight: bold;
}

select, input, label {
	padding:0;
	color:#444;
	font: .85em Verdana, Arial, Helvetica, sans-serif
}

/************************** CLASSes **************************/
.azul { font-weight: bold; text-decoration: none }
.enlacePop { text-decoration: underline }
.borderBottom { border-bottom: 1px solid #c9d7de }
.esconder { position: absolute; top: 0; left: -1500em; width: 1px; height: 1px; overflow: hidden }
.PmarginBottom p { margin-bottom: .8em }
.select select { width: 30em; margin: .5em 0 1.5em 0; font-size: 1.05em }
.select .boton { margin: .5em 0 1.5em 0; vertical-align: -4px }
.floatR { float: right }
#imgNoflas { display:none;}

hr.clr {
	display: block !important;
	clear: both;
	width: 100%;
	height: .2em;
	border: 0;
	background: #fff;
	color: #fff;
}
.both { clear:both;}
/************************** CONTENEDORA **************************/
#contenedora {
	width:61.8em;
	margin: 0 auto;
	background: transparent url(../img/backPageLeft.gif) left top repeat-y;
	text-align:left;
	}

	#contenedora .contInner {
		margin-left: 5px;
		background: transparent url(../img/backPageRight.gif) right top repeat-y;
		display:inline-block;
	}

	#contenedora.popuplongdesc {
	width:auto;
	margin:0;
	background: none;
	text-align:left;
	}
	
	#contenedora.popuplongdesc .contInner {
		margin-left:0;
		background:none;
	}
	
	#contenedora.popuplongdesc .contInner #cabecera{
		padding-top:0;
		margin:0;
	}
	
	#contenedora.popuplongdesc .contInner h2.titularPie{
		padding-top:.5em;
		padding-bottom:.5em;
		height:auto;
	}
	
	#contenedora.popuplongdesc .contInner #contenedorCentralPie{margin:0;}

	/************************** CABECERA **************************/
#cabecera {
	position: relative;
	margin-right: 5px;
	padding-top: 34px;
}

	/* Logotipo y Formulario acceso */
	#cabecera #logoAcceso {
		height: 4.65em;
		background:#bdd0d7 url(../img/bg_logoAcceso.gif) repeat-y top left;
		color: #fff;
		width:100%
	}
	
		#cabecera #logoAcceso h1 {
			float: left;
			width: 80px;
			padding: 10px 0 0 64px;
		}
			#cabecera #logoAcceso img.boton {
				float:right;
				border: 0;
				padding: 1.7em .7em 0 0;
				vertical-align /**/: -10px;
			}
			
	/* Herramientas y buscador */
	#cabecera .herramientas {
		position: absolute;
		top: 0;
		left: 0;
		width: 60.57em;
		height: 1.8em;
		padding: .4em .6em 0 0;
		background: url(../img/backToolBar.gif) left top repeat-x;
		text-align: right;
	}
	
		#cabecera .herramientas ul { display: inline} 
	
			#cabecera .herramientas ul li {
				display: inline;
				border-left: 1px solid #fff;
				padding: 0 .4em 0 .8em;
				font-size: .8em;
			}
			
				#cabecera .herramientas ul li img { vertical-align: middle }
				
		#cabecera .herramientas form {
			display: inline;
			border-left: 1px solid #fff;
			padding-left:.7em;
			}
		
		#form_desconexion {display:inline; padding-top:0; margin-bottom:0;}
		#form_desconexion input{margin-bottom:-.35em;}
		
		
	
		#cabecera .herramientas form img { vertical-align: middle }
		#cabecera .herramientas form input.button { vertical-align: -8px; vertical-align /**/: -9px; }
		#cabecera .herramientas form input {font-size:.735em;}
		

/************************** MENU HORIZONTAL **************************/
#navegacionPestanas li.primerNivel {
	background:url(../img/backPest.gif) repeat-x 0 0;
	height: 2.05em;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	position:relative;
	z-index:100;
}

#navegacionPestanas li.primerNivelSeleccionado {
	background:url(../img/backPest2.gif) repeat-x 0 0;
	height:2.05em;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center; position:relative;}

	#navegacionPestanas li#pestana1 p, 
	#navegacionPestanas li#pestana2 p, #navegacionPestanas li#pestana3 p,
	#navegacionPestanas li#pestana4 p, #navegacionPestanas li#pestana5 p,
	#navegacionPestanas li#pestana6 p, #navegacionPestanas li#pestana7 p
	{
		background:url(../img/separadorDesac.gif) no-repeat 100% 0;
		height: 1.8em;
		padding:4px 12px 0 12px;
	}

	#navegacionPestanas li#pestana1 p, #navegacionPestanas li#pestana7 p, #navegacionPestanas li#pestana8 p { height:1.45em; padding:10px 0px 0 0px; background:url(../img/separadorDesac.gif) no-repeat 100% 0;}
	
	#navegacionPestanas li#pestana1{ width:5.3em }		/*QUIENES SOMOS*/
	#navegacionPestanas li#pestana2{ width:8.8em }		/*RESPONSABILIDAD SOCIAL CORPORATIVA*/
	#navegacionPestanas li#pestana3{ width:7.9em }		/*TRANSPORTE DE GAS*/
	#navegacionPestanas li#pestana4{ width:10.3em }			/*MARCO REGULATORIO*/
	#navegacionPestanas li#pestana5{ width:7.35em }			/*ACCESO DE TERCEROS A LA RED*/
	#navegacionPestanas li#pestana6{ width:7.3em }			/*ACCIONISTAS E INVERSORES*/
	#navegacionPestanas li#pestana7{ width:7.1em }		/*COMUNICACION*/
	#navegacionPestanas li#pestana8{ width:7.1em }		/*PROVEEDORES*/
		
	#navegacionPestanas a { text-decoration:none }
	#navegacionPestanas li a.enlacePrimerNivel { color:#FFFFFF; font:0.625em Arial,Verdana,Tahoma,Helvetica,Sans-serif }
	#navegacionPestanas li a.enlaceSegundoNivel:hover {background-color:#FFFFFF }

		#navegacionPestanas li li a:hover { text-decoration:none; color:#1E4D67 }
		
		#navegacionPestanas li li a.enlaceSegundoNivel {
			background: url(../img/bullet.gif) no-repeat 8px 5px;
			display:block;
			color:#1E4D67;
			white-space:nowrap;
			padding:0 5px 0 19px;
			font-size:0.65em;
		}
			#navegacionPestanas li li a.enlaceSegundoNivel.slatr {
			background: url(../img/ico_flechita.png) no-repeat 8px 3px;
			font-weight:bold;
			/*font-size:.7em;*/
			font-family:verdana;
		}


		#navegacionPestanas li ul {
			padding: 4px 0 4px 0;
			display:none;
			position:absolute;
			top:96%; left:0;
			background-color:#D9E8F0;
			border-width:0 1px 1px 1px;
			border-color:#26768F;
			border-style:solid;
			z-index:100;
		}
		
			#navegacionPestanas li li {
				float:left;
				padding:0 5px 0 5px;
				display:block;
				clear:both;
			}

		#navegacionPestanas li:hover ul,
		#navegacionPestanas li.over ul { display:block }

		#navegacionPestanas li.primerNivel:hover,
		#navegacionPestanas li.primerNivelSeleccionado:hover,
		#navegacionPestanas li.over { background:url(../img/backPest3.gif) repeat-x 0 0 }
		
		#navegacionPestanas li:hover a.enlacePrimerNivel,
		#navegacionPestanas li.over a.enlacePrimerNivel{ color:#1E4D67 }
	
/************************** CONTENIDOS **************************/
#contenedorCentral.degradadoTitulo {
	float: left;
	width:61.2em;
	background: #fff url(../img/deg_rastromigas.gif) left top no-repeat;
	}
#contenedorCentralPie{margin:.3em 5px 0 0; min-height:25em;}
html>/**/body #contenedorCentralPie{margin:2em 5px 0 0;}
#contenedorCentralPie p{font-size:0.7em;}
p.cuerpoPie{padding:0 12px 22px 22px; color:#444;}
h2.titularPie{background:url(../img/backGr.gif) repeat-x 0 100%;color:#336699;padding:4px 0 0 22px;font-size:1em;height:28px;}

/************************** PIE DE PAGINA **************************/
#piePagina { clear: both; position: relative; top: 10px; left: -5px; width: 100%; height: 4em;	background: transparent url(../img/backFooter.gif) left 86% no-repeat;}
	#piePagina .outer { position: relative; right: -5px; background: transparent url(../img/backFooterRight.gif) right bottom no-repeat;}
	#piePagina .inner { height: 5em; border-top: 4px solid #68a0af; margin: 0 11px 0 7px; padding-top: .4em; color: #999; font: .6em Arial, Helvetica, sans-serif;}
	#piePagina.interior .inner { border-top: 4px solid #e3e3e3 }
	#piePagina .inner a { color:#999;}
		#piePagina .inner #wai { float: left; width: 110px; padding: .5em 0; text-align: center; margin-left:5em;}
		html>body #piePagina .inner #wai { margin-left:9.8em;}
		#piePagina .inner #copyright { float: left; width: 450px; border-color: #b9b9b9; border-style: solid; border-width: 0 1px; padding: 1em 6px; text-align: center;}
		#piePagina .inner #enlacesPie { float: left; padding: .9em 0 .9em 10px;}

ul.justificado li{text-align:justify; margin-left:20px; background: url(../img/separador.gif) no-repeat 0 7px; padding:2px 0 2px 10px;}

/************************** PIE DE PAGINA HOME	 **************************/
#piePaginaHome { clear: both; position: relative; top: 10px; left: -5px; width:100%; background: transparent url(../img/backFooter.gif) left 96% no-repeat;}
	#piePaginaHome .outer { position: relative; right: -5px; background: transparent url(../img/backFooterRight.gif) right 96% no-repeat;}
	#piePaginaHome .inner { height:15em; margin: 0 11px 0 7px; padding-top: .4em; color: #999; font: .6em Arial, Helvetica, sans-serif;}
		#piePaginaHome .inner a { color: #999;}
		#piePaginaHome .inner #wai { float: left; width: 110px; padding: .5em 0; text-align: center;}
		#piePaginaHome .inner #copyright { float: left; width: 450px; border-right: 1px solid #b9b9b9; padding: 1em 6px; text-align: center;}
		#piePaginaHome .inner #enlacesPie { float: left; padding: .9em 0 .9em 10px;}
		
	#piePaginaHome.interior .inner { border-top: 4px solid #e3e3e3;}
		
	#piePaginaHome .logos { float:left; width:100%; border-top:1px solid #B9B9B9; text-align:center;}			
    #piePaginaHome .logos ul { margin:.75em auto; width:99.4%; background:url(../img/fndLogos.gif) no-repeat right .8em;}
		#piePaginaHome .logos ul:after {display:block; content:"."; height:0; visibility:hidden; clear:both;}
		#piePaginaHome .logos ul li { float:left; padding:0 1.5em; height:5.7em; background:url(../img/fndLogos.gif) no-repeat left .8em;}
		#piePaginaHome .copy { float:left; width:100%; text-align:center; border-top:1px solid #B9B9B9; border-bottom:4px solid #68a0af; padding:.625em 0;}
		#piePaginaHome .copy .int { clear:both; margin:0 auto; width:68.5%;}

/************************** PAGINA MARCO REGULATORIO **************************/
#contenidoExterior form .iAnyo select.sel_rngFechas {margin-right:2em;width:16.5em}
#contenidoExterior form .iAnyo span.txt {font-size:1em}
#contenidoExterior form .rngFechas .selrng {float:left;font-size:1em;margin-right:1.5em;}
#contenidoExterior form .rngFechas label {margin:0;float:left;margin-right:2em}
#contenidoExterior form .rngFechas label span {width:4em}
#contenidoExterior form .rngFechas label input {float:left;width:8em;margin-right:1em}

.eng_swflash {margin:0 auto;text-align:center;}
.mapa {border: 0.4em solid #D8D9D9;overflow:hidden; margin:0 auto 0 auto;}