/*	Nombre:			styles.css
	Tipo:			Hoja de estilos 
	Autor:			Sergio Valladares.
	Descripcion:	Estilos comunes del sitio.
	Creado:			18/05/07
	Modificado:		18/05/07 11:52 am
*/
/*Carga de estilos adicionales*/
@import url(menu.css);
@import url(sidebar.css);
@import url(toolbar.css);
@import url(content.css);
@import url(forms.css);
@import url(contenido.css);
/* Lay Out del Sitio */
.body{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	background-image: url(../imagenes/imx/bg/page_verde.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-position: left 0px;
	margin: 0px 0px 0px 0px;
	font-size:16px;
}
#extra{
	/*position:absolute;
	left: 50%;
	margin-left: -472px;*/
	margin:0px auto;
	padding: 0px;
	width:944px;
	height:17px;
	background-image: url(../imagenes/imx/bg/mosaico_verde.gif);
	background-repeat: no-repeat;
	font-size:.1em;
	}
#page{
	/*position:absolute;
	left: 50%;
	margin-left: -472px;
	top:17px;*/
	
	margin:0px auto;
	padding: 0px;
	width:944px;

}
#header{
	padding: 0px;
	height: 118px;
	width: 944px;
	position:relative;
}
#eNacional {
	background-image: url(../imagenes/imx/header/firma_sener.gif);
	background-repeat: no-repeat;
	height: 84px;
	width: 53px;
	position:absolute;
	top:0px;
	right:0px;
}
#header #PEMEX{
	background-image: url(../imagenes/imx/header/logo_pemex_energia.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 270px;
	position:absolute;
	top:17px;
	left:0px;
}
#eNacional a, #PEMEX a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}
#PEMEX a{
	height:50px;
}
#eNacional a{
	height:84px;
}
#header #search{
	right:0px;
	top:0px;
	width: 145px;
	height:84px;
	padding:0;
	position:absolute;
	background-image: url(../imagenes/imx/bg/pemexcom.gif);
	background-repeat: no-repeat;
}
#header #search div.searchForm{
	padding:0;
	margin-left:13px;
	margin-top:30px;
}
#header #search div.searchType{
	font-size:0.6em;
	padding:0;
	margin-top:7px;
}
#header #search div.searchType table td{
background-image:none;
background-color:#B2B2B2;
border:none;
padding:0px;
}
#header #search div.searchType table{
border:none;
}
#search #searchBx{
	width:106px;
	border:0;
	margin:0;
	padding:0;
	height:20px;
	background-color: transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color: #666666;
	float:left;
}
#search #searchBtn{
	border:0;
	padding:0;
	margin:0;
	width:19px;
	height:20px;
	float:left;
	background-color: transparent;
}
#maincontent{
	padding: 0px;
	width: 944px;
}

.homebg{
	background-image: url(../imagenes/imx/bg/homecontent.gif);
	background-repeat: repeat-y;
}
#flash, #flashcontent{
	padding: 0px;
	top: 117px;
	width: 944px;
	border-top:7px solid #FFFFFF;
	color:#000000;
}
#headInt{
	padding: 0px;
	width: 944px;
	height: 39px;
	border-top:7px solid #FFFFFF;
	color:#FFFFFF;
}
#flash, #flashcontentBasico{
	/* padding: 0px; */
	/* top: 117px; */
	/* width: 944px; */
	/* border-top:7px solid #FFFFFF; */
	color:#000000;
}
/*FOOTER*/
#footer{
	padding: 0px;
	margin:0px;
	width: 944px;
	background-image: url(../imagenes/imx/bg/footer.gif);
	background-repeat: no-repeat;
	clear:both;
}
.footerRight{
	float:right;
	width:530px;
	text-align:right;
	font-size:0.7em;
	padding:6px;
	color: #999999;
}
.footerRight a{
	color: #999999;
	text-decoration: none;
	padding: 0px 2px;
}
.footerRight a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #4C4C4C;
}
.footerLeft{
	width:380px;
	font-size:0.6em;
	color: #999999;
	padding:20px 0px 0px 17px;
}
/*UTILS*/
.clear{
	clear:both;
	font-size:.01em;
	height:1px;
}
.spacer{
	font-size:.01em;
	height:7px;
	background-color:#FFFFFF;
}
.bold{
	font-weight:bold;
}
.left{float:left;}
.right{float:right;}

#grafica{
width:auto;
margin:auto;
border:none;
background-image:url(../framework/imagenes/fr_grafica_fondo.jpg);
}