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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #555553;
	background-color: #002330;
	background-image: url(imagenes/fondo.jpg);
	background-repeat: repeat-x;
}
p {
	margin: 0px;
	padding: 0px;
}
#horizonte {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: hidden;
	display: block
}
#interior {
	margin-left: -430px;
	position: absolute;
	top: -260px;
	left: 50%;
	width: 860px;
	height: 520px;
	visibility: visible
}
#caja {
	float: left;
	height: 445px;
	width: 860px;
	background-color: #FFF;
}
#left {
	float: left;
	height: 445px;
	width: 212px;
}
#logo {
	font-size: 60px;
	color: #FFF;
	background-color: #000;
	float: left;
	height: 70px;
	width: 175px;
	margin-left: 17px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#isotipo {
	font-size: 13px;
	font-weight: bold;
	float: left;
	width: 212px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu {
	float: left;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 30px;
	width: 212px;
	font-size: 14px;
	padding: 0px;
}
#direc {
	float: left;
	width: 212px;
	padding-top: 0px;
	font-size: 11px;
	color: #464644;
	font-weight: normal;
}
#abs {
	font-size: 60px;
	font-weight: bold;
	color: #b3b3b3;
	float: right;
	width: 130px;
	margin-top: 228px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: right;
}
#nosotros {
	clear: left;
	float: left;
	text-align: justify;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 420px;
}
#imgpetroleo {
	height: 130px;
	width: 160px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 30px;
	margin-right: 5px;
	margin-left: 20px;
	margin-bottom: 10px;
}
#imgmedio {
	height: 130px;
	width: 160px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 30px;
	margin-right: 5px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#salto {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



#petroleo {
	float: right;
	text-align: justify;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 5px;
	width: 420px;
}


#scrolpetro {
	width:500px;
	height:110px;
	overflow:auto;
	float: left;
	margin-left: 20px;
	text-align: justify;
}
#mineria {
	float: right;
	text-align: justify;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	width: 430px;
}
#scrolmine {
	width:500px;
	height:170px;
	overflow:auto;
	float: left;
	margin-left: 20px;
	text-align: justify;
}

#medioabj {
	width:500px;
	height:170px;
	float: left;
	margin-left: 20px;
	text-align: justify;
}

#representadas {
	float: left;
	text-align: justify;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-left: 20px;
	width: 300	px;
}


#imgrepresentadas {
	height: 112px;
	width: 200px;
	background-repeat: no-repeat;
	float: right;
	background-position: 20px 30px;
	margin-top: 30px;
	margin-right: 10px;
	margin-left: 10px;
}
#scrolrepre {
	width:390px;
	height:280px;
	overflow:auto;
	float: left;
	margin-top: 30px;
	margin-left: 20px;
	text-align: justify;
}



#header {
	height: 130px;
	float: right;
	width: 631px;
	margin-right: 17px;
}
#contenido {
	background-color: #e6e1db;
	float: right;
	height: 315px;
	width: 634px;
	margin-right: 14px;
}
#contenidos {
	background-color: #e6e1db;
	float: right;
	height: 315px;
	width: 631px;

}

#footer {
	background-image: url(imagenes/footer1.png);
	background-repeat: no-repeat;
	float: left;
	height: 73px;
	width: 860px;
	background-color: #FFF;
}
#contacto {
	float: left;
	width: 350px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 5px;
}
.bt {
	float: right;
	margin-left: 20px;
}
#contacto form {
	margin-top: 10px;
}
#left #menu #menu li {
	color: #548895;
	background-color: #FFF;
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	
}

#left #menu #menu li a{
	margin-left: 20px;
	color: #696865;
	text-decoration: none;
}
#left #menu #menu li a:hover{
	margin-left: 20px;
	color: #FFF;
}



#left #menu #menu li:hover {
	color: #548895;
	background-color: #548895;
	
}

#left #menu #menu #imagen #sub a {
	text-decoration: none;
	margin-left: 0px;
	color: #696865;
}
#left #menu #menu #imagen #sub a:hover {
	text-decoration: underline;
}
#left #menu #menu #imagen #sub {
	background-color: #FFF;
}

#left #menu #menu #imagen #sub:hover {
	background-color: #FFF;


}