@charset "utf-8";
/* CSS Document */

body {
	/*background-image:url(../imagenes/bg_top.png);*/
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fff;
	padding:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	overflow:visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:#333;
	
	
	
} 

ul {
	margin:0;   
	padding-left: 13px;
	margin-top:10px;
}

ul.li {
	line-height: 15px;
	

}
	


h1 {
	width:820px;
	font-size: 20px;
	font-weight: normal;
	background-image:url(../imagenes/bg_titulo.gif);
	background-position: 0,0,0;
	background-repeat: no-repeat;
	padding-left: 14px;
	margin-bottom: 13px;
	margin-top: 5px;	
} 

p {
	font-size: 12px;
	font-weight: normal;
	margin-top:0;
	margin-bottom:0;
	color: #000;
	line-height: 18px;
	color:#333;
	

	
	
} 

h2 {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 6px;
	margin-top: 23px;
	list-style-type: square;
	
	
	
 
	
} 

h3 {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin-bottom: 6px;
	margin-top: 23px;
	list-style-type: square;
	line-height: 20px;
	
	
 
	
} 
h4 {
	font-size: 11px;
	font-weight: bold;
	background-image:url(../imagenes/ic_descarga.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-bottom: 9px;
	margin-top: 9px;
	height:15px;
	
} 

h5 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 6px;
	margin-top: 23px;
	list-style-type: square;
	line-height:22px;
	
	
	
 
	
} 

h4:hover {
	font-size: 11px;
	font-weight: bold;
	background-image:url(../imagenes/ic_descarga.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-bottom: 9px;
	margin-top: 9px;
	color:#2E6CB4;
	height:15px;
	
	
} 




html {
overflow-y: scroll;


}

#bg_header { 
	width:100%;
	height:96px;
	padding:0px; 
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;	
} 

#bg_menu {
	width:100%;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_menu.png);
	background-repeat:repeat-x;
	margin-right:0px;
	margin-left:0px;
	
	
} 

#bg_canvas { 
	width:100%;
	background-image:url(../imagenes/bg_canvas.png);
	background-repeat:repeat-y;
	margin-top:6px;
	background-position:center;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
} 

#bg_canvashome { 
	width:100%;
	height:490px;
	position:relative;
	background-image:url(../imagenes/bg_canvas.png);
	background-repeat:repeat-y;
	margin-top:6px;
	background-position:center;
	margin-right:auto;
	margin-left:auto;
	
} 

#bg_canvashome2 { 
	width:820PX;;
	height:490px;
	position:relative;
	background-image:url(../imagenes/bg_canvas.png);
	background-repeat:repeat-y;
	margin-top:6px;
	background-position:center;
	margin-right:auto;
	margin-left:auto;
	
} 
#flash {
	position:relative;
	width:820px;
	height: 290px;
	margin-right:auto;
	margin-left:auto;
}


#bg_canvas_e { 
	width:100%;
	height:auto;
	background-image:url(../imagenes/bg_canvas_e.png);
	background-repeat:repeat-y;
	margin-top:6px;
	background-position:center; 
	margin-bottom:0px;
} 

#tit { 
	width:315px;
	height:114px;
	background-image:url(../imagenes/img_home.png);
	background-repeat: no-repeat;
	top:0px;	
	right:0px;
	position:relative;
		z-index:100;
	display:block;
	float:right;
	top:0px;
	right:0px;
}


#bg_canvas_o { 
	width:100%;
	height:auto;
	background-image:url(../imagenes/bg_canvas_o.png);
	background-repeat: repeat-y;
	margin-top:6px;
	background-position:center; 
	margin-bottom:0px;
} 

#bg_canvas_i { 
	width:100%;
	height:auto;
	background-image:url(../imagenes/bg_canvas_i.png);
	background-repeat:repeat-y;
	margin-top:6px;
	background-position:center; 
	margin-bottom:0px;
} 




#bg_footer { 
	width:100%;
	height:200px;
	background-image:url(../imagenes/bg_footer.png);
	background-repeat:repeat-x;
	margin-top:6px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	clear:both;
	background-color:#fff;
} 

#dire {
	width:820px;
	height:33px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	line-height: 16px;
	margin-right:auto;
	margin-left:auto;
	padding-top: 8px;
	clear:both;
	top: 2px;
}

#seguinos {
	width:132px;
	height:27px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	left: 668px;
	top: 8px;
	padding-left: 24px;
	background-image:url(../imagenes/bg_seguinos.gif);
	background-repeat:no-repeat;
}
#face {
	width:19px;
	height:19px;
	position: absolute;
	background-image:url(../imagenes/ic_face.gif);
	background-repeat:no-repeat;
	left: 107px;
	top: -1px;
}

#link {
	width:19px;
	height:19px;
	position: absolute;
	background-image:url(../imagenes/ic_link.gif);
	background-repeat:no-repeat;
	left: 131px;
	top: -1px;
}

a {
outline:none;
} 

#header { 
	margin-right:auto;
	margin-left:auto;
	width:820px;
	height:96px;
	position:relative;
}

#container {
margin-right:auto;
	margin-left:auto;
	width:820px;
	position:relative;
	height:100%;
}

#container_intro {
	margin-right:auto;
	margin-left:auto;
	width:820px;
}

#anim {
	width:820px;
	position:relative;
	height:290px;
}
#anim2 {
	width:820px;
	position:absolute;
	height:290px;
}


#sep {
	margin-right:auto;
	margin-left:auto;
	width:820px;
	height:6px;
	position:relative;
	
	
}


#lineas {
	margin-right:auto;
	margin-left:auto;
	width:820px;
	height:200px;
	position:relative;
	clear:both;
	
}

#l_industria {
	width:270px;
	height:200px;
	position:relative;
	float: left;
	background-image:url(../imagenes/bg_l_industria.png); background-repeat:no-repeat;

}
#ind_titulo {
	width:174px;
	height:13px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	left: 68px;
	top: 31px;
	line-height:normal;
}

#ind_descrip {
	width:231px;
	height:102px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	left: 22px;
	top: 66px;
	line-height:15px;


}

#ind_link {
	width:219px;
	height:18px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	left: 22px;
	top: 175px;

}

#l_oilgas {
	width:270px;
	height:200px;
	position:relative;
	float: left;
	background-image:url(../imagenes/bg_l_oilgas.png); background-repeat:no-repeat;

}

#oil_titulo {
	width:174px;
	height:14px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	left: 341px;
	top: 31px;
	line-height:normal;
}

#oil_descrip {
	width:234px;
	height:102px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	left: 297px;
	top: 66px;
	line-height:15px;


}

#oil_link {
	width:219px;
	height:18px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	left: 296px;
	top: 175px;

}


#l_energia {
	width:270px;
	height:200px;
	position:relative;
	float: right;
	background-image:url(../imagenes/bg_l_energia.png);
	background-repeat:no-repeat;

}
#ene_titulo {
	width:174px;
	height:13px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	left: 618px;
	top: 31px;
	line-height:normal;
}
#ene_descrip {
	width:237px;
	height:102px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	left: 573px;
	top: 67px;
	line-height:15px;


}

#ene_link {
	width:219px;
	height:18px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	left: 573px;
	top: 176px;

}


#esp_blanco {
	width:5px;
	height:200px;
	background-color: #fff;
	position:relative;
	float: left;
	
}

#logointro {
	width:226px;
	height:36px;
	position:absolute;
	left: 2px;
	top: 47px;
}

#logo {
	width:226px;
	height:36px;
	background-image:url(../imagenes/logo_flash.png);
	background-repeat:no-repeat;
	position:absolute;
	left: 2px;
	top: 47px;
}

#idioma {
	width:211px;
	height:17px;
	position: absolute;
	left: 612px;
	top: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-align:right;
}

#ic_industria_on {
	width:35px;
	height:31px;
	position:absolute;
	background-image: url(../imagenes/bot_industria_on.png);
	background-position:top;
	background-repeat:no-repeat;
	top: 52px;
	left: 698px;
}

#ic_industria {
	width:35px;
	height:31px;
	position:absolute;
	background-image:url(../imagenes/bot_industria.png);
	background-position:top;
	background-repeat:no-repeat;
	top: 52px;
	left: 698px;
}

#ic_industria:hover {
	width:35px;
	height:31px;
	position:absolute;
	background-image:url(../imagenes/bot_industria.png); background-position:bottom; background-repeat:no-repeat;
}

#ic_oilgas {
	width:35px;
	height:31px;
	position:absolute;
	background-image:url(../imagenes/bot_oilgas.png);
	background-position:top;
	background-repeat:no-repeat;
	top: 52px;
	left: 742px;
}

#ic_oilgas_on {
	width:35px;
	height:31px;
	position:absolute;
	background-image:url(../imagenes/bot_oilgas_on.png);
	background-position:top;
	background-repeat:no-repeat;
	top: 52px;
	left: 742px;
}


#ic_oilgas:hover {
	width:35px;
	height:31px;
	position:absolute;
	background-image:url(../imagenes/bot_oilgas.png); background-position:bottom; background-repeat:no-repeat;
}

#ic_energia {
	width:35px;
	height:31px;
	position:absolute;
	background-image:url(../imagenes/bot_energia.png);
	background-position:top;
	background-repeat:no-repeat;
	top: 52px;
	left: 785px;
}

#ic_energia_on {
	width:35px;
	height:45px;
	position:absolute;
	background-image:url(../imagenes/bot_energia_on.png);
	background-position:top;
	background-repeat:no-repeat;
	top: 52px;
	left: 785px;
}


#ic_energia:hover {
	width:35px;
	height:31px;
	position:absolute;
	background-image:url(../imagenes/bot_energia.png); background-position:bottom; background-repeat:no-repeat;
}

/* menu_navegacion */

#toolbar {
	width:820px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	height: 37px;
}


#home {
	width:83px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_bothome.png); background-position:top; background-repeat:no-repeat;
	top: 0px;
	font-size:14px;

	
}


#home:hover {
	width:83px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_bothome.png); background-position:bottom; background-repeat:no-repeat;
	font-size:14px;
}

#quienes_somos {
	width:144px;
	height:37px;
	position:relative;
	font-size:14px;
	background-image:url(../imagenes/bg_botquienessomos.png); background-position:top; background-repeat:no-repeat;
}

#quienes_somos:hover { 
	width:144px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_botquienessomos.png); background-position:bottom; background-repeat:no-repeat;
	font-size:14px;
}

#lineas_negocios {
	width:165px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_botlineas.png); background-position:top; background-repeat:no-repeat;
	font-size:14px;
}

#lineas_negocios:hover { 
	width:165px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_botlineas.png); background-position:bottom; background-repeat:no-repeat;
	font-size:14px;
}

#productos {
	width:115px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_botproductos.png); background-position:top; background-repeat:no-repeat;
	font-size:14px;
}

#productos:hover { 
	width:115px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_botproductos.png); background-position:bottom; background-repeat:no-repeat;
	font-size:14px;
}

#clientes {
	width:102px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_botclientes.png); background-position:top; background-repeat:no-repeat;
	font-size:14px;
}

#clientes:hover { 
	width:102px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_botclientes.png); background-position:bottom; background-repeat:no-repeat;
	font-size:14px;
}

#partners {
	width:104px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_botpartners.png);
	background-position:top;
	background-repeat:no-repeat;
	font-size:14px;
}

#partners:hover { 
	width:104px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_botpartners.png); background-position:bottom; background-repeat:no-repeat;
	font-size:14px;
}

#contacto {
	width:107px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_botcontacto.png);
	background-position:top;
	background-repeat:no-repeat;
	font-size:14px;
}

#contacto:hover { 
	width:107px;
	height:37px;
	position:relative;
	background-image:url(../imagenes/bg_botcontacto.png); background-position:bottom; background-repeat:no-repeat;
	font-size:14px;
}

.menu2 {
	padding:0;
	margin: 0px;
	margin-bottom:0;
	list-style:none;
	height:37px;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	width: 820px;
	text-align: center;
	}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {
	display:block;
	float:left;
	height:37px;
	margin-left:0px;
	line-height:37px;
	color:#000;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
	cursor:pointer;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}
.menu2 li a.top_link span {
	float:left;
	display:block;
	padding:0 0px 0 0px;
	height:37px;
	text-align:center;
}
.menu2 li a.top_link span.down {
	float:left;
	display:block;
	padding:0 0px 0 0px;
	height:37px;
	text-align:center;/*background:url(prodrop2/down.gif) no-repeat right top;*/
}
.menu2 li a.top_link:hover {
	color:#000;
	
} 
/*fuente on*/
.menu2 li:hover > a.top_link {
	color:#CAC9C7;
}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub {
	left:0px;
	top:37px;
	background: #fff;
	filter:alpha(opacity=91); /* IE */
	-moz-opacity:0.91; /* Firefox, Opera, ... */
 	opacity: 0.91; /* CSS 3*/
	padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/
	width:auto;
	height:auto;
	font-weight:normal;	
	
}
.menu2 :hover ul.sub li {
	display:block; /*height:20px; */
	position:relative;
	float:left;
	width:200px;
	margin-bottom:0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #B4B4B4;
	border-bottom-color: #B4B4B4;
	border-left-color: #B4B4B4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B4B4B4;
	margin-top: -1px;
}
.menu2 :hover ul.sub li a {
	display:block;
	height:auto;
	font-size:13px;
	line-height:1;
	color:#000;
	text-decoration:none;
	padding-top: 7px;
	padding-right: 17px;
	padding-bottom: 7px;
	padding-left: 23px;
}
.menu2 :hover ul.sub li a.fly {background:#fff  url(../imagenes/vineta_menu.gif) no-repeat 150px 6px;}
.menu2 :hover ul.sub li a:hover {
	background:#EEEEEE;
	color:#000;
}
.menu2 :hover ul.sub li a.fly:hover {
	background:#E2E2E2 url(../imagenes/vineta_menu.gif) no-repeat 150px 10px;
}
.menu2 :hover ul li:hover > a.fly {
	background:#E2E2E2
} 
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{
	left:0px;
	top:-1px;
	background: #fff;
	padding:0; /* white-space:nowrap; */
	width:auto;
	z-index:300;
	height:auto;
}
.menu2 :hover ul.sub li ul {border-top:1px solid #005FB9; background: #fff; z-index:300;}

/* columnas canvas */





#colum_dere {
	width:388px;
	height:auto;
	position:relative;
	float:left;
	padding-left:20px;
	padding-top: 22px;
	padding-right: 12px;
	text-align:left;
	

}

#colum_izq {
	width:380px;
	height:auto;
	position:relative;
	float:right;
	padding-right:20px;
	padding-top: 15px;
	

}
#img_ppal{
	position:relative;
	clear:both;
	width:380px;
	

}


#esp_footer {
	width:820px;
	height:14px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	
}













/* font */

.barra {
	font-family: arial, helvetica, sans-serif;

	color: #CCC;
	font-weight: bold;
	
}	

/* Colores */

.negro {
	color:#000;
	text-decoration: none;	
}	

.blanco{
	color:#ffff;
	text-decoration: none;	
}	

.blanco2{
	color:#ffff;
	text-decoration: none;	
}

.gris {
	color: #8F8F8F;
	text-decoration: none;
}	

.gris_claro {
	color: #CCC;	
}	

/* Links */

a:link.negro {
	color: #000; 
	text-decoration: none; 
	line-height:normal;
}

a:hover.negro {
	color: #999; 
	text-decoration:none; 
	line-height:normal;
}

a:active.negro { 
	color: #999; 
	text-decoration:none; 
	line-height:normal;

}

a:link.blanco {
	color: #fff; 
	text-decoration: none; 
	line-height:normal;
}

a:hover.blanco {
	color: #E5E5E5; 
	text-decoration:none; 
	line-height:normal;
}

a:active.blanco { 
	color: #fff; 
	text-decoration:none; 
	line-height:normal;

}

a:visited.blanco { 
	color: #fff; 
	text-decoration:none; 
	line-height:normal;

}

a:link.blanco2 {
	color: #fff; 
	text-decoration: none; 
	line-height:normal;
}

a:hover.blanco2 {
	color: #fff; 
	text-decoration:none; 
	line-height:normal;
}

a:active.blanco2 { 
	color: #fff; 
	text-decoration:none; 
	line-height:normal;

}

a:visited.blanco2 { 
	color: #fff; 
	text-decoration:none; 
	line-height:normal;

}

a:link.gris {
	color: #999;
	text-decoration: none;
	line-height:normal;
}

a:hover.gris {
	color: #999; 
	text-decoration:none; 
	line-height:normal;
}

a:active.gris { 
	color: #999; 
	text-decoration:none; 
	line-height:normal;

}
.t11{
	font-size: 11px;

}
.p17{
	line-height: 19px;


}
.bl{
	font-weight: bold;
	font-size: 13px;


}
.naranja{
	color: #E97C1B;


}
.gris_i{
	color: #333;


}
.celeste{
	color: #3482CD;


}
.verde{
	color: #65A52E;


}
.font {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin-bottom: 6px;
}