/*	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_2.css);
@import url(sidebar.css);
@import url(toolbar.css);
@import url(content2.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(../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:0px; /*944px; rvs 30 sep 2011 */
	height:0px;/*17px; rvs 28 sep 2011 */
	background-image: url(../imx/bg/mosaico_verde2.gif);  
	/*background-image: url(../imx/header/pmi_header.jpg)    rvs 29 sep 2011*/; 
	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; rvs  29 sep 2011*/
	padding: 0px;
	height: 118px;
	width: 944px;  /*Para recorrer el menú*/
    position:relative;
/*	    position:relative;   rvs 29 sep 2011*/
}
#eNacional {
	/*background-image: url(../imx/header/sener.jpg);  rvs 30 sep 2011 */
	background-repeat: no-repeat;
	/*height: 84px;  rvs */
	height: 84px;
	/*width: 150px;  rvs 29 sep 2011*/
	width: 150px;
	/*position:absolute; rvs 30 sep 2011*/
	position:absolute; /*rvs 30 sep 2011*/
	/*	top:0px; 
right:0px;   rvs 29 sep 2011*/
	top:0px;
	right:5px;
}
#eBicentenario {
	background-image: url(../imx/header/bicentenario.jpg);
	background-repeat: no-repeat;
	height: 84px;
	width: 153px;
	position:absolute;
/*	top:0px; 
right:0px;   rvs 29 sep 2011*/
	top:17px;
	right:5px;
}

#cambio{
	position:absolute;
	top:0px;
	right:80px;
	font-size:0.3em;
}
#header #PEMEX{
	/*background-image: url(../imx/header/logo_pemex.gif);rvs 28 sep 2011*/
	background-image: url(../imx/header/pmi_header.jpg); /* rvs 29 sep 2011*/
	background-repeat: no-repeat;
	/*height: 20px;*/
	height: 105px;
	width: 944px; /*314px*/
	/*position:absolute;  rvs 30 sep 2011*/
	top:33px;
	left:0px;
}
#eNacional a, #PEMEX a, #eBicentenario a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}
#PEMEX a{
	/*height:25px;  rvs 28 sep 2011*/
	height:20px;/*20*/
}
#eNacional a {
	height:84px;
}

#eBicentenario a{
    height:180px;
}
#header #gobmx-searchbox-container-PMI{
	right:135px; 
	top:74px;
	width:250px;
	height:84px;
	padding:0;
    position:absolute;  
	background-repeat: no-repeat;
}

#header #search{
	right:138px; 
	/* top:0px AQUI ES!    rvs 29 sep 2011	;*/
	top:20px;
	width: 145px;
	height:84px;
	padding:0;
    position:absolute;  
	background-image: url(../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(../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;
}
/*FOOTER*/
#footer{
	/*padding: 0px;rvs 28 sep 2011*/
	padding:0px;
	margin:0px;
	/*width: 944px;*/
/*	width:1018px;
	height:1500;*/
	/*background-image: url(../imx/bg/footer.gif);rvs 28 sep 2011*/
	background-image: url(../imx/bg/pmi_footer.jpg);
	background-repeat: no-repeat;
	clear:both;
	background-position:center;
}
.footerRight{
	
	float:right;   
	width:530px;
	text-align:center;
	/*text-align:right; rvs 28 sep 2011    */
	vertical-align:top;
	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: #5668AF;
}
.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;}

/*SOCIAL MEDIA*/
#social{
      padding: 0 0 0 3px;
      margin: 0;
      list-style: none;
      }
#social li{
      padding:0px;
      float: left;
      font-size:.7em;
      margin:5px 3px 0 2px;
}
#social a
{
      display: block;
      color:#000000;
      width:32px;
      height:32px;
      text-decoration:none;
      text-indent:-99999px;
}
#maincontent, #sideBar, #social, #twitter {
background:transparent url(http://www.pemex.com/imagenes/socialmedia/twitter.png) no-repeat;
}
#maincontent, #sideBar, #social, #facebook {
background:transparent url(http://www.pemex.com/imagenes/socialmedia/facebook.png) no-repeat;
}
#maincontent, #sideBar, #social, #flickr {
background:transparent url(http://www.pemex.com/imagenes/socialmedia/flickr.png) no-repeat;
}
#maincontent, #sideBar, #social, #youtube{
background:transparent url(http://www.pemex.com/imagenes/socialmedia/youtube.png) no-repeat;
}
#maincontent, #sideBar, #social, a{
padding:0;
}