@charset "UTF-8";

/* Background-Styles */
@media all and (min-width: 966px) {
body
{
	overflow-x: hidden;
}
}
body
{
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url(../body2.png);
	

}

#main {
	top:18px;
	width:966px;
	height:100%;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	/*background: url(../img/fondo.gif) repeat-y 0 313px;*/
    left: 192px;
}
#logo {
	position: relative;
	float: left;
	top: 21px;
	left: 41px;
	width: 243px;
	height: 69px;
}
#logo a{
	border-right-style: none;
}
/* Registro */
#registro {
	top: 14px;
	height: 69px;
	width: 91px;
	float: right;
	position: relative;
	right: 128px;
}
#idioma {
	top: 11px;
	width: 73px;
	height: 24px;
	float: right;
	position: absolute;
	right: 35px;
}
#campo1 {
	color: #990033;
	height: 20px;
	font: bold 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 236px;
	float: right;
	position: relative;
	border-style: none;
}
#campo2 {
	color: #990033;
	height: 20px;
	font: bold 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 236px;
	float: right;
	position: relative;
	border-style: none;
}
.usuario {
	top: 0px;
	height: 20px;
	width: 165px;
	float: right;
	position: relative;
	background: url(../img/textfield.jpg) no-repeat;
	border-style: none;
	padding-left: 6px;
}
.password {
	top: 0px;
	height: 20px;
	width: 165px;
	float: right;
	position: relative;
	background: url(../img/textfield2.jpg) no-repeat;
	border-style: none;
	padding-left: 6px;
}
#entrar {
	height: 18px;
	width: 74px;
	float: right;
	position: relative;
	border-style: none;
	top: 5px;
	right: 10px;
}
/* Links intranet y correo */
#intranet {
	height: 20px;
	position: relative;
	float: right;
	width: 200px;
	top: 16px;
	font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333333;
	right: 156px;
}
#intranet a {
	font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333333;
	text-decoration: none;
}
#intranet a:hover {
	font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #990033;
	text-decoration: underline;
}
/* Header */
#menu {
	top:0px;
	width:966px;
	/*height: 116px;*/
	height:100%;
	background: url(../img/header.jpg) no-repeat;
	position: relative;
	margin-right: 32px;
}
/* Barra de Navegacion */
#botones {
	width: 791px;
	position: relative;
	float: right;
	height: 34px;
	padding-right: 0px;
	top: 13px;
	left: 2px;
	z-index: 2000 !important;
}
/* Boton Inicio */
#inicio {
	top: 0px;
	width: 109px;
	position: relative;
	float: right;
	height: 34px;
}
/* Boton Corporativo */
#corporativo {
	top: 0px;
	width: 108px;
	position: relative;
	float: right;
	height: 34px;
}
/* Boton Empresa */
#empresas {
	top: 0px;
	width: 109px;
	position: relative;
	float: right;
	height: 34px;
}
#productos {
	top: 0px;
	width: 109px;
	position: relative;
	float: right;
	height: 34px;
}
#servicios {
	top: 0px;
	width: 109px;
	position: relative;
	float: right;
	height: 34px;
}
#contacto {
	top: 0px;
	width: 109px;
	position: relative;
	float: right;
	height: 34px;
}
/* Contenido1 */
#contenidos {
	top: 13px;
	width: 966px;
	min-height: 518px;
	position: relative;
	float: left;
	background: url(../img/fondo.gif) repeat-y;
	background-position: 0 313px;
}

@media all and (min-width: 966px) {

#contenidos {
	top: 13px;
	width: 966px;
	/*min-height: 518px;*/
	height:105%;
	position: relative;
	float: left;
	background: url(../img/fondo.gif) repeat-y;
	background-position: 0 313px;
}
}
#contenido1 {
	top: 0px;
	width: 719px;
	height: 197px;
	position: relative;
	float: left;
	background: url(../img/contenido1_bkg.gif) repeat-x;
	background-position: 33px;

}
#columnaizq {
	width: 33px;
	float: left;
	height: 197px;
	position: relative;
	background-image: url(../img/col_izq.jpg);
}

#bannerprincipal {
	width: 686px;
	height: 197px;
	position: relative;
	float: left;
	z-index: 1 !important;
	left: -3px;
}
#ruta {
	width: 686px;
	float: left;
	height: 17px;
	position: relative;
	background-image: url(../img/ruta.jpg);
	color: #fff;
	font: 9px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	text-indent: 10px;
}
#bannertitulo {
	width: 686px;
	float: left;
	height: 180px;
	position: relative;
		left: 0px;
}
/* Mapa de Sitio */
#txtmapa {
	width: 630px;
	height: 600px;
	top: 0px;
	left: 37px;
	float: left;
	position: relative;
	color: #333;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.header {
	color: #900;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-indent: 0px;
}
.header a {
	color: #900;
	font: bold underline 11.5px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-indent: 0px;
}
.indent {
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-indent: 25px;
}
.indent a {
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-indent: 25px;
	text-decoration: none;
}
.indent a:hover {
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-indent: 25px;
	text-decoration: underline;
}
.indent2 {
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-indent: 35px;
	text-decoration: none;
}
.indent2 a {
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-indent: 35px;
	text-decoration: none;
}
.indent2 a:hover {
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-indent: 35px;
	text-decoration: underline;
}
/* Privacidad */
#txtprivacidad {
	width: 630px;
	height: auto;	
	top: 0px;
	left: 37px;
	float: left;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align:justify;
}



#txtconstruccion {
	width: 630px;
	height: auto;
	top: 0px;
	left: 37px;
	float: left;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
/* Terminos */
#txtterminos {
	width: 630px;
	height: 1260px;
	top: 0px;
	left: 37px;
	float: left;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
/* Contenido Principal */
#contenidoprincipal {
	width: 686px;
	min-height: 446px;
	top: 0px;
	left: 30px;
	float: left;
	position: relative;
}
#contenidoprincipalhome {
	width: 686px;
	height: auto;
	top: 0px;
	left: 33px;
	float: left;
	position: relative;
}
#bannertitulo2 {
	width: 686px;
	height: 101px;
	float: left;
	position: relative;
		left: 0px;
}
#principalizq {
	width: 362px;
	height: 496px;
	top: 0px;
	float: left;
	position: relative;
	background: url(../img/pycfondo.jpg) no-repeat 0 bottom;
}
#principalizq1 {
	width: 362px;
	height: auto;
	top: 0px;
	float: left;
	position: relative;
}

#pycfoto1 {
	width: 151px;
	height: 135px;
	left: 36px;
	top: 67px;
	float: left;
	position: relative;
}
#pycfoto2 {
	width: 151px;
	height: 135px;
	left: 36px;
	top: 67px;
	float: left;
	position: relative;
}
#principalder {
	width: 324px;
	height: 509px;
	top: 0px;
	float: right;
	position: relative;
}
#titulo1 {
	width: 216px;
	height: 44px;
	top: 0px;
	float: left;
	position: relative;
}
#texto1 {
	width: 275px;
	top: 0px;
	float: left;
	left: 25px;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.bold {
	color: #900;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.bold1 {
	color: #900;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#titulo2 {
	width: 216px;
	height: 77px;
	top: 0px;
	float: left;
	position: relative;
}
#texto2 {
	width: 275px;
	top: 0px;
	float: left;
	left: 25px;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
/* Biodiesel */
#textobiodiesel1 {
	width: 304px;
	top: 0px;
	height: 133px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	left: 10px;
}
#btnbiocombustibles {
	top: 5px;
	left: 5px;
	position: relative;
	margin-top: 5px;
	float: left;
}
#principalderbiodiesel {
	width: 304px;
	height: 700px;
	top: 0px;
	float: left;
	left: 36px;
	position: relative;
}
#principalizqbiodiesel {
	width: 304px;
	height: 700px;
	top: 0px;
	float: left;
	left: 36px;
	position: relative;
}
#biodieselfoto {
	width: 328px;
	height: 116px;
	left: 0px;
	top: 0px;
	position: relative;
	float: left;
}
#biodieseltabla1 {
	width: 328px;
	height: 554px;
	top: 17px;
	float: right;
	position: relative;
}
#biodieseltabla2 {
	width: 305px;
	height: 554px;
	top: 0px;
	left: 0px;
	float: left;
	position: relative;
}
/* Diesel */
#dieselfoto {
	width: 300px;
	height: 165px;
	left: 26px;
	top: 0px;
	position: relative;
}
#principalderdiesel {
	width: 304px;
	height: 530px;
	top: 0px;
	float: left;
	left: 36px;
	position: relative;
}
#textodiesel1 {
	width: 304px;
	top: 0px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
	left: 10px;
}
#textodiesel2 {
	width: 304px;
	top: 0px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
	left: 10px;
}
#btneninternacionales {
	top: 5px;
	left: 5px;
	position: relative;
	margin-top: 5px;
	float: left;
}
#dieseltabla1 {
	width: 300px;
	top: 67px;
	float: right;
	position: relative;
}
#dieseltabla2 {
	width: 279px;
	top: 2px;
	float: left;
	position: relative;
}
/* Combustóleo Ligero */
#principaldercligero {
	width: 305px;
	height: 500px;
	top: 0px;
	float: left;
	left: 36px;
	position: relative;
}
/* ED30 */
#principaldered30 {
	width: 304px;
	height: 450px;
	top: 0px;
	float: left;
	left: 36px;
	position: relative;
}
#ed30tabla1 {
	width: 328px;
	top: 20px;
	float: right;
	position: relative;
}
#ed30tabla2 {
	width: 304px;
	top: 20px;
	float: left;
	position: relative;
}
#textoed30 {
	width: 304px;
	height: 116px;
	top: 0px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
/* Especiales Alternos */
#principalderespeciales {
	width: 304px;
	height: auto;
	top: 0px;
	float: left;
	left: 36px;
	position: relative;
}
#btnced30especiales {
	width: 153px;
	height: 59px;
	position: relative;
	margin-top: 0px;
	float: left;
}
#btncligero{
	top: 10px;
	left: 0px;
	position: relative;
	float: left;
}
#especialestextos3 {
	width: 304px;
	height: auto;
	top: 20px;
	float: right;
	position: relative;
	color: #333;
	font: 12px  "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
}
#especialestitulo3 {
	width:255px;
	height: auto;
	float: left;
	position: relative;
	top: 20px;
}
#especialestextos2 {
	width: 304px;
	height: auto;
	top: 30px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
}
#textoespeciales {
	width: 304px;
	height: auto;
	top: 0px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
}
#txtespeciales2 {
	top: 15px;
	width: 304px;
	height: auto;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
}
#especialestitulo2 {
	width:257px;
	height: 31px;
	top: 0px;
	float: left;
	position: relative;
	top: 20px;
}
#principalizqespeciales {
	width: 328px;
	height: 700px;
	top: 0px;
	float: left;
	position: relative;
	left: 36px;
}
#especialesfoto2 {
	width: 327px;
	height: 204px;
	top: 0px;
	float: left;
	position: relative;
	margin-bottom: 20px;
}
#especialesfoto3 {
	width: 327px;
	height: 204px;
	top: 35px;
	float: left;
	position: relative;
	margin-bottom: 20px;
}
/* Equipo Adicional */
#equipotitulo2 {
	width:190px;
	height: 54px;
	float: left;
	position: relative;
	top: 0px;
}
#equipotextos3 {
	width: 304px;
	height: 300px;
	top: 0px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#textoequipo {
	width: 304px;
	height: 200px;
	top: 0px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
}
#principalderequipo {
	width: 304px;
	height: 600px;
	top: 0px;
	float: left;
	left: 36px;
	position: relative;
}
#principalizqequipo {
	width: 328px;
	height: 520px;
	top: 0px;
	float: left;
	position: relative;
	left: 36px;
}
/* Entrega */
#textoentrega {
	width: 304px;
	height: 260px;
	top: 0px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
}
/* Asistencia Tecnica */
#textoasistencia {
	width: 304px;
	height: 240px;
	top: 0px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
}
/* Proveedor Unico */
#textoproveedor {
	width: 304px;
	height: auto;
	top: 0px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
}
#textoalamedida {
	width: 304px;
	height: 420px;
	top: 0px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
}
#txtproveedorlargo {
	width: 600px;
	height: 100px;
	top: 0px;
	float: left;
	left: 40px;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
}
/* Biocombustibles Internacionales */
#btnbiodiesel {
	width: 91px;
	height: 30px;
	top: 10px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 20px;
}
/* Asfaltos Energex */
#btncpesado {
	width: 151px;
	height: 28px;
	position: relative;
	margin-top: 5px;
	float: left;
}
#asfaltosbotones {
	width: 304px;
	height: 90px;
	top: 10px;
	position: relative;
	float: left;
	margin-bottom: 15px;
}
#btncligero {
	width: 151px;
	height: 31px;
	position: relative;
	float: left;
}
#btnced30 {
	width: 153px;
	height: 59px;
	position: relative;
	margin-top: 5px;
	float: right;
}
/* Energeticos Internacionales */
#btndiesel {
	width: 109px;
	height: 20px;
	top: 10px;
	position: relative;
	margin-top: 5px;
}/* Tour */
#principalizqtour {
	width: 320px;
	height: 320px;
	top: 0px;
	float: left;
	position: relative;
	left: 36px;
}
#principaldertour {
	width: 300px;
	height: 320px;
	top: 0px;
	float: left;
	left: 56px;
	position: relative;
}
#tourvideo1 {
	width: 320px;
	height: 240px;
	top: 0px;
	float: left;
	position: relative;
	left: 0px;
}
#txttour {
	width: 300px;
	top: 0px;
	float: left;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
}
#btncorto {
	width: 300px;
	height: auto;
	top: 10px;
	float: left;
	position: relative;
	color: #333;
	font: 12px/9px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#btnlargo {
	width: 300px;
	height: auto;
	top: 40px;
	float: left;
	position: relative;
	color: #333;
	font: 12px/9px "Lucida Grande", Lucida, Verdana, sans-serif;
}
/* Transenergeticos */
#principalizqtrans {
	width: 328px;
	height: 135px;
	top: 0px;
	float: left;
	position: relative;
	left: 36px;
}
#principaldertrans {
	width: 304px;
	top: 0px;
	float: left;
	left: 36px;
	position: relative;
}
#textotrans {
	width: 304px;
	top: 0px;
	float: right;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 20px;
}

/* Plantas */
#plantasmapa1 {
	width: 328px;
	height: 435px;
	top: 0px;
	float: left;
	left: 36px;
	margin-bottom: 30px;
	position: relative;
}
#plantasmapa2 {
	width: 305px;
	height: 435px;
	top: 0px;
	float: left;
	left: 0px;
	position: relative;
	margin-bottom: 30px;
}
#plantastexto {
	top: 0px;
	height: 145px;
	float: left;
	left: 25px;
	position: relative;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#principalder {
	width: 324px;
	top: 0px;
	float: right;
	position: relative;
}

/* Home */
#imgtractores {
	position: relative;
	width: 234px;
	height: 290px;
	top: 0;
	float: left;
}
#bannertour {
	width: 213px;
	height: 162px;
	top: 29px;
	float: left;
	position: relative;
}
#bannerlinks {
	width: 212px;
	height: 162px;
	top: 29px;
	float: left;
	position: relative;
	left: 8px;
}
#banneriso9000 {
	border-color: inherit;
    border-width: medium;
    width: 430px;
	height: 81px;
	top: 47px;
	float: left;
	position: relative;
	left: 0px;
	border: none;
	border-style: none;
}
/* Clientes */
#principalizqclientes {
	width: 328px;
	height: 104px;
	top: 0px;
	float: left;
	position: relative;
	left: 36px;
}
#formaclientes {
	width: 304px;
	height: 134px;
	top: 0px;
	float: right;
	position: relative;
    background: url('../img/contra.png') no-repeat;
}
#clientenombre {
	width: 94px;
	height: 20px;
	top: 17px;
	left: 15px;
	float: left;
	position: relative;
	color: #ccc;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#inputnombre {
	width: 187px;
	height: 28px;
	top: 10px;
	left: 15px;
	float: left;
	position: relative;
	border-style : none; 
}
#clientepass {
	width: 94px;
	height: 20px;
	top: 25px;
	left: 15px;
	float: left;
	position: relative;
	color: #ccc;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#inputpass {
	width: 187px;
	height: 28px;
	top: 18px;
	left: 15px;
	float: left;
	position: relative;
	border-style : none; 
}
#btnclientesentrar {
	width: 108px;
	height: 23px;
	top: 35px;
	left: 110px;
	float: left;
	position: relative;
	border-style : none; 
}
.input  {
	width : 187px;
	height : 28px;
	color : white;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-style : none;
	padding-left : 10px;
	padding-top : 7px;
	background : url(../img/clientes_campo.png) no-repeat;
} 
.input2  {
	width : 185px;
	height : 106px;
	color : white;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-style : none;
	padding-left : 10px;
	padding-top : 7px;
	background : url(../img/clientes_fmulticampo.png) no-repeat;	
}
#txtclientes {
	width: 327px;
	height: 500px;
	float: left;
	background: url(../img/contacto_pleca1.jpg) no-repeat 272px 0;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
/* Contacto */
#principalizqcontacto {
	width: 328px;
	height: 220px;
	top: 0px;
	float: left;
	position: relative;
	left: 36px;
}
#txtcontacto {
	width: 327px;
	height: 500px;
	float: left;
	background: url(../img/contacto_pleca1.jpg) no-repeat 272px 0;
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#txtcontacto a {
	color: #333;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}
#txtcontacto a:hover {
	color: #900;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

#formacontacto {
	width: 304px;
	height: 470px;
	top: 0px;
	float: right;
	position: relative;
    background: url('../img/contacto.png');
    background-repeat: no-repeat;
}
.camposobligatorios {
	width: 270px;
	height: 20px;
	top: 20px;
	left: 15px;
	float: left;
	position: relative;
	color: #ccc;
	font: bold 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.clientenombre {
	width: 94px;
	height: 20px;
	top: 17px;
	left: 15px;
	float: left;
	position: relative;
	color: #ccc;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	bottom: 5px;
}
.inputs {
	width: 187px;
	height: 28px;
	top: 10px;
	left: 15px;
	float: left;
	position: relative;
	border-style : none;
	bottom: 10px;
	min-height: 37px;
}
.inputs2 {
	width: 185px;
	height: 106px;
	top: 10px;
	left: 15px;
	float: left;
	position: relative;
	border-style : none;
	bottom: 10px;
	min-height: 112px;
}
#btnenviar {
	width: 108px;
	height: 23px;
	top: 15px;
	left: 50px;
	float: left;
	position: relative;
	border-style : none; 
}
#btnborrar {
	width: 108px;
	height: 23px;
	top: 15px;
	left: 50px;
	float: left;
	position: relative;
	border-style : none; 
}
/* Banners Permanentes */
#banners {
	width: 247px;
	height: 495px;
	position: relative;
	float: right;
	background: /*transparent*/ url(../img/banner_bkg.gif) repeat-y;
		left: -3px;
	top: -1px;
}
#columnader {
	width: 32px;
	float: right;
	height:197px;
	position: relative;
	background: url(../img/col_der.jpg) no-repeat;
}
#precios {
	top: 0px;
	width: 215px;
	float: left;
	position: relative;
	padding-left: 0px;
    background-color: #333333;
}
#preciostitulo {
	top: 0px;
	width: 185px;
	float: left;
	height:39px;
	position: relative;
	font: bold 11px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #990000;
	text-decoration: none;
	text-align: left;
	background-color: #ccc;
	padding-left: 30px;
}
#fecha {
	top: 0px;
	width: auto;
	float: right;
	right: 38px;
	height:39px;
	position: absolute;
	font: bold 11px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333333;
	text-decoration: none;
	text-align: right;
	padding-left: 0px;
	z-index: 200;
}
.preciostitulos {
	top: 0px;
	width: 185px;
	float: left;
	height:20px;
	position: relative;
	font: bold 11px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #990000;
	text-decoration: none;
	text-align: left;
	background-color: #ccc;
	padding-left: 30px;
}
#serviciotitulo {
	top: 0px;
	width: 185px;
	float: left;
	height:39px;
	position: relative;
	font: bold 11px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #990000;
	text-decoration: none;
	text-align: left;
	background-color: #ccc;
	padding-left: 30px;
}
#telefono {
    border-width: thin;
    border-color: #000000;
	top: 10px;
	width: 155px;
	float: left;
	height: 115px;
	position: relative;
	font: bold 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ccc;
	text-decoration: none;
	text-align: left;
	padding-left: 30px;
}
.tel {
	font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	text-decoration: none;
}

#gasnatural {
	top: 0px;
	width: 92px;
	float: left;
	height:39px;
	position: relative;
	font: bold 10px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ccc;
	text-decoration: none;
	text-align: left;
	padding-left: 30px;
}
#gasprecio {
	top: 0px;	
	float: right;
	height:39px;
	position: right;
	font: bold 10px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: right;
	padding-right: 10px;
}
#div {
	top: 0px;
	width: 214px;
	height: 2px;
	position: relative;
	float: left;
	background-image: url(../img/banner_divider.jpg);
}
#petroleo {
	top: 0px;
	width: 92px;
	float: left;
	height:39px;
	position: relative;
	font: bold 10px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ccc;
	text-decoration: none;
	text-align: left;
	padding-left: 30px;
}
#pesado {
	top: 0px;
	padding-top: 10px;
	width: 92px;
	float: left;
	height:39px;
	position: relative;
	font: bold 10px/9px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ccc;
	text-decoration: none;
	text-align: left;
	padding-left: 30px;
}
#petroleoprecio {
	top: 0px;
	float: right;
	height:39px;
	position: relative;
	font: bold 10px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: right;
	padding-right: 10px;
}
#crudo {
	top: 0px;
	width: 92px;
	float: left;
	height:39px;
	position: relative;
	font: bold 10px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ccc;
	text-decoration: none;
	text-align: left;
	padding-left: 30px;
}
#crudoprecio {
	top: 0px;
	float: right;
	height:39px;
	position: relative;
	font: bold 10px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: right;
	padding-right: 10px;
}
#crudomexicano {
	top: 0px;
	width: 92px;
	float: left;
	height:39px;
	position: relative;
	font: bold 10px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ccc;
	text-decoration: none;
	text-align: left;
	padding-left: 30px;
}
#crudomexicanoprecio {
	top: 0px;
	width: 60px;
	float: left;
	height:39px;
	position: relative;
	font: bold 10px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: left;
	padding-left: 30px;
}
#iso9000 {
	top: 0px;
	width: 214px;
	height: 124px;
	float: left;
	position: relative;
	padding-left: 0px;
	bottom: 2px;
}

/* Footer */
#footer {

	width:966px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/footer.jpg);
	height: 70px;
	position: relative;
	color: #99CCCC;
	font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
	clear: both;
    background-image: url('../pie2.png');
    background-repeat: no-repeat;
	left: -14px;
}

@media all and (min-width: 966px) {
#footer {

	width:966px;
	/*margin-top: 0px;
	margin-left: auto;
	margin-right: auto;*/
	background-image: url(../img/footer.jpg);
	height: 70px;
	/*position: relative;*/
	color: #99CCCC;
	font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
	clear: both;
    background-image: url('../pie2.png');
    background-repeat: no-repeat;
	/*left: -14px;*/
	position:fixed;
	left:177px;
	bottom:-20px;
	box-shadow: 12px -36px 6px -33px #7E342B;
	-moz-box-shadow: 12px -36px 6px -33px #7E342B;
	-webkit-box-shadow:12px -36px 6px -33px #7E342B;
}
}
#divider {
	position: relative;
	top: 6px;
	width: 784px;
	height: 2px;
	float: left;
	left: 42px;
	background: url(../img/footer_divider.jpg) no-repeat;
}
#contactos {
	position: relative;
	width: 651px;
	height: 19px;
	left: 68px;
	float: left;
	top: 11px;
}
#contactofooter {
	position: relative;
	width: 76px;
	height: 10px;
	float: left;
	border-right: 1px solid #9cc;
}
#mapa {
	position: relative;
	width: 76px;
	height: 10px;
	float: left;
	border-right: 1px solid #9cc;
	left: 20px;
}
#privacidad {
	position: relative;
	width: 120px;
	height: 10px;
	float: left;
	border-right: 1px solid #9cc;
	left: 40px;
}
#terminos {
	position: relative;
	width: 100px;
	height: 10px;
	float: left;
	left: 60px;
	border-right: 1px solid #9cc;
}

#aviso {
	position: relative;
	width: 100px;
	height: 10px;
	float: left;
	left: 80px;
}
#derechos {
	position: relative;
	width: 327px;
	height: 10px;
	float: left;
	left: 0px;
	top: 4px;
}
#css {
	position: relative;
	float: right;
	width: 94px;
	height: 35px;
	top: 2px;
	right: 50px;
}
#css a {
	color: #333;
}
#footer a {
	font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #9cc;
	text-decoration: none;
}
#footer a:hover {
	font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ccc;
	text-decoration: none;
}