html, body {
	margin: 0; 
	padding: 0; 
	color: #fff; 
	background-color: #000; 
	font: 100%/120% "Verdana","Arial","Helvetica",sans-serif; 
	text-align: center; 
}
.contenedor {
	width:800px;
	margin: 0px;
	padding: 0px;
	text-align: center; 
}
div.index2 {
	color: #BABABA; 
	font-size: 88%; 
	padding: 0; 
	line-height: 140%;
}

div.index2 { 
	margin-top: 20px;
	margin-bottom: 30px; 
	margin-left: 35px; 
	margin-right: 35px; 
	width: 624px;
}


div.index2 h1 {
	margin: 0;
	padding: 0;
	color:#FF0076;
	font-size: 18px;
}

div.index2 h4 {
	margin: 0;
	padding: 20px 0 5px 0;
	color:#9B9A9A;
	font-size: 18px;
}

div.index2 h5 {
	margin: 0;
	padding: 20px 0 5px 0;
	color:#9B9A9A;
	font-size: 18px;
}

#rojo {
color:#FF0000;
}
#naranja {
color:#FF9000;
}
#amarillo {
color:#FCFF00;
}
#verde {
color:#00CC00;
}
#azul {
color:#0066FF
/**#3333FF; azulino **/
}
#azul2 {
color:#9B9A9A;
}
#violeta {
color:#FF00DE;
}
#gris {
color:#9B9A9A;
}


#boxltgb {
margin:0;
padding: 0 10px 0 10px;
color: #9B9A9A; 
font-size: 88%;
}

.floatright { 
	float: right; 
	margin: 0 0 10px 20px;
	padding: 0;
	border: solid #5F5F5F;
	border-width: 4px;
}

.floatleft { 
	float: left; 
	margin: 0 20px 10px 0;
	padding: 0;
	border: solid #5F5F5F;
	border-width: 4px;
}

.floatcenter { 
	margin: 0 20px 10px 0;
	padding: 0;
	border: solid #252525;
	border-width: 6px;
}

.floatcenter2 {
	float:inherit; 
	margin: 0 20px 10px 0;
	padding: 0;
	border: solid #5F5F5F;
	border-width: 6px;
}

hr {
color: #3D3B3E;
background-color: #3D3B3E;
height: 1px;
margin-bottom:20px;
}

/***************************************************************/

#notas {
margin:0;
padding: 20px 35px 0 250px;
background: url(../images/ban-arcoiris.gif) 35px 5px no-repeat;
height:87px;
text-align:right;
}

#notas h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}
#notas a {
font-size:12px;
text-decoration:none;
color:#FF9000;
}
#notas a:hover {
text-decoration:underline;
color:#FF0000;
}

/**************************************************************/

#menuicon {
margin:0;
padding:0;
width:206px;
height:43;
position:relative; 
}


/*****************************************************/


/* --------------------------------------------- TOPNAVIGATIE 0 --------------------------------------------- */

#topnavigatie0 {
	position: absolute;
	left: 88px;
	top: 23px;
	width: 117px;
	padding: 0;
	margin: 0;
	height: 15px;
}

/*#topnavigatie0 { position: absolute; left: 527px; top: 6px; width: 200px; padding: 0; margin: 0; } */
#topnavigatie0 li span { display: none; }
#topnavigatie0 ul { list-style: none; padding: 0; margin: 0; height: 12px; }
#topnavigatie0 li { float: left; margin: 0; }
#topnavigatie0 li a { display: block; text-decoration: none; font-weight: bold; height: 12px; margin: 0; padding: 0; }

/* Notiweb */
li#home/* hide ie5 */{ background: url("../images/bot-home-on.gif") transparent no-repeat; width: 36px; }
li#home a { background: url("../images/bot-home.gif") transparent no-repeat; width: 36px; }
li#home.current a, li#home a:hover { background: url("../images/bot-home-on.gif") transparent no-repeat; width: 36px;}

/* Mapa */
li#link/* hide ie5 */ { background: url("../images/bot-links-on.gif") no-repeat; width: 36px; }
li#link a { background: url("../images/bot-links.gif") no-repeat; width: 36px; }
li#link.current a, li#link a:hover { background: url("../images/bot-links-on.gif") no-repeat; width: 36px; }

/* Contratar */
li#contacto/* hide ie5 */ { background: url("../images/bot-contacto-on.gif") no-repeat; width: 36px; }
li#contacto a { background: url("../images/bot-contacto.gif") no-repeat; width: 36px; }
li#contacto.current a, li#contacto a:hover { background: url("../images/bot-contacto-on.gif") no-repeat; width: 36px;}

.seleccion, .seleccion a:visited, .current a:link { color: #F80140; font-weight: normal; text-decoration: none; }


/* --------------------------------------------- TOPNAVIGATIE --------------------------------------------- */

a { font-weight:normal; color: #FF0076; text-decoration: none; }
a:link { color: #FF0076; text-decoration: none; }
a:visited { color: #FF0076; text-decoration: none; }
a:active { color: #FF0076; text-decoration: none; }
a:hover { color:#999999; text-decoration: underline; }


#promosection {
margin: 0;
padding: 5px 0 0 10px;
}


/******************************************/
#promosection .promo0{
background:url(../images/bot-acerca-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:41px;
width:188px;
}
#promosection .promo0 a,#promosection .promo0 a:link{
background:transparent url(../images/bot-acerca.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:41px; 
width:188px;
}
#promosection .promo0 a:hover {
background:transparent url(../images/bot-acerca-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}
/******************************************************/
#promosection .promo1{
background:url(../images/bot-arcoiris-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:41px;
width:188px;
}
#promosection .promo1 a,#promosection .promo1 a:link{
background:transparent url(../images/bot-arcoiris.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:41px; 
width:188px;
}
#promosection .promo1 a:hover {
background:transparent url(../images/bot-arcoiris-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}
/******************************************************/

#promosection .promo2{
background:url(../images/bot-publica-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:41px;
width:188px;
}
#promosection .promo2 a,#promosection .promo2 a:link{
background:transparent url(../images/bot-publica.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:41px; 
width:188px;
}
#promosection .promo2 a:hover {
background:transparent url(../images/bot-publica-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}
/******************************************************/
#promosection .promo3{
background:url(../images/bot-politica-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:41px;
width:188px;
}
#promosection .promo3 a,#promosection .promo3 a:link{
background:transparent url(../images/bot-politica.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:41px; 
width:188px;
}
#promosection .promo3 a:hover {
background:transparent url(../images/bot-politica-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}
/******************************************************/
#promosection .promo4{
background:url(../images/bot-ltgb-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:41px;
width:188px;
}
#promosection .promo4 a,#promosection .promo4 a:link{
background:transparent url(../images/bot-ltgb.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:41px; 
width:188px;
}
#promosection .promo4 a:hover {
background:transparent url(../images/bot-ltgb-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}
/******************************************************/
#promosection .promo5{
background:url(../images/bot-nosotras-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:41px;
width:188px;
}
#promosection .promo5 a,#promosection .promo5 a:link{
background:transparent url(../images/bot-nosotras.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:41px; 
width:188px;
}
#promosection .promo5 a:hover {
background:transparent url(../images/bot-nosotras-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}
/******************************************************/
#promosection .promo6{
background:url(images/bot-link-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:41px;
width:188px;
}
#promosection .promo6 a,#promosection .promo6 a:link{
background:transparent url(images/bot-link.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:41px; 
width:188px;
}
#promosection .promo6 a:hover {
background:transparent url(imagenes/bot-link.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}
/******************************************************/
#promosection .promo7{
background:url(images/bot-contacto-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:41px;
width:188px;
}
#promosection .promo7 a,#promosection .promo7 a:link{
background:transparent url(images/bot-contacto.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:41px; 
width:188px;
}
#promosection .promo7 a:hover {
background:transparent url(imagenes/bot-contacto.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}
/******************************************************/


#toplogo2 {
width: 800px;
height: 179px;
margin: 0;
padding-bottom: 115px;
padding-right: 435px;
}

#empresa2 #toplogo2 { background: url(images/top-empresa.jpg) top left no-repeat;
}
#extraccion2 #toplogo2 { background: url(images/top-extraccion.jpg) top left no-repeat;
}
#comercializacion2 #toplogo2 { background: url(images/top-comercio.jpg) top left no-repeat;
}
#proyectos2 #toplogo2 { background: url(images/top-proyecto.jpg) top left no-repeat;
}
#links2 #toplogo2 { background: url(images/top-links.jpg) top left no-repeat;
}
#contacto2 #toplogo2 { background: url(images/top-contacto.jpg) top left no-repeat;
}
#procesamiento2 #toplogo2 { background: url(images/top-procesa.jpg) top left no-repeat;
}


/***************************************************************/

#toplogo {
font-size:70%;
height:83px;
width:900px;
margin:0 0 10px 0;
padding:0;
text-align:center;
color:#999999;
background: url(../images/logo.gif) #292929 top left no-repeat;
text-align:right; 
}

#banner {
margin:0;
padding:0 10px 0 10px;
text-align:center;
}

#bottom {
font-size:70%;
height:100px;
width:900px;
margin:10px 0 0 0;
padding:10px 20px 0 20px;
text-align:center;
color:#999999;
background-color:#272727;
*/*****background: url(../images/fondo-bottom2.gif) top left no-repeat; **/
}

#bottom a {
  font-weight:normal;
  color: #fff;
  text-decoration: none;
  padding-left:5px;
  padding-right:5px;
}

#bottom a:hover, #bottom .selected a {
  color:#FF0076;
  text-decoration: none;
}


}

.letra-gris {
color:#999999;
}