body {
	background-color:#FFFFFF;
	background-position:top;
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	background-color:#FFFFFF;
 background-image:url(imags/fondo.gif);
 background-repeat:repeat-x;



}
#centro {
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin: 0 auto 0 auto;
       width: 850px;
	
}

h2 {
width:150px;
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:28px;
color:#FFFFFF;
text-align:center;
float:left;
display:block;
padding:0 0 0 0 ;
margin-left:25px;
margin-top:90px;

}
h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-style:oblique;
color:#FF6600;

}

h4{
display:block;
margin-bottom:40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-style:oblique;
text-align:center;
color:#009900;
padding: 0px 0px 0px 0px;
}
	   
#title{
float:left;
padding:0;
top:0px;
margin:10px 0 0px 0px;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
text-align:center;
 color:#FFFFFF;
 width: 850px;
 height:30px;
 
}

#title #logo{
	top: 10px;
	margin:0px 0 0px 0px;
	padding: 0 0 0 0;
	float:left;
	position:absolute;
	display:block;
	text-align:center;
	color:#FFFFFF;
	background-image:url(imags/foco.png);
	background-position:left;
	background-repeat:no-repeat;
	width:150px;
	height:230px;
	left: 65px;
	
}

/* <----------MENU 1*/
 #menu{

 display:block;
 padding:0 0 0 0;
	float:right;
	margin:0 0 0 0;
}

#menu ul{
margin: 0 0 0 0;
list-style: none;
padding: 0 0 0 0;

	}
#menu li {
margin:0 0 0 0;
display:inline;
float:left;
padding:0 0 0 0;
white-space : nowrap;
}

#menu a {
margin:1px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style : normal;
background-image:url(imags/a.gif);
display : block;
padding : 22px 40px 0px 0px;
text-decoration : none;
color : #ffffff;
background-color:#FFCC66;
}

#menu  a:hover {
color:#FFFFCC;
border-bottom:ridge;
border-bottom-color:#990000;
border-bottom-color:#FFCC66;
	background: #98141B;
	background-image:url(imags/hover.gif);
	background-repeat:repeat;
}

/* BOX MENUS (LUZ, GASOLINA, SOLAR) */
#boxmenus{
float:left;
margin-top:180px;
width:850px;
height:235px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding: 0 0 0 0;
}

/*<--------------MENU LUZ */
#luz{

margin:0px 0 0 0;
padding:0; 
}

#luz ul{
margin: 0px;
list-style: none;

}
#luz li {

white-space : nowrap;
}

#luz {
float:left;
margin: 0px 149px 0px 0px;
width:276px; 
height:226px; 
top:0; 
background:url(imags/luz.gif) no-repeat 0 0 #FFFFFF; 
color:#ffffff;
text-align:center;
padding: 0px 0 0px 0;

}

#luz a{
padding: 0px 0 0px 0;
width:276px; 
height:226px; 
color:#FFFFFF;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
text-decoration:none;
}
#luz a:hover{
width:276px; 
height:226px;
border:solid;
border-color:#0099FF;
}

/*<--------------MENU Gasolina */
#gas{

margin:0px 0 0 0;
padding:0; 
}

#gas ul{
margin: 0px;
	list-style: none;

}
#gas li {
display:inline;
white-space : nowrap;
}

#gas {
position:relative;
float:left;
margin: 0px 0px 0px 0px;
width:276px; 
height:226px; 
background:url(imags/gasolina.gif) no-repeat 0 0 #FFFFFF; 
color:#ffffff;
text-align:center;
padding: 0px 0 0px 0;

}

#gas a{
padding: 0px 0 0px 0;
width:276px; 
height:226px; 
color:#FFFFFF;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
text-decoration:none;
}

#gas a:hover{
width:276px; 
height:226px; 
border:solid;
border-color:#FF6600;
}

/*<--------------MENU ENERGIA SOLAR */
#solar{

margin:5px 0 0 0;
padding:0; 
}

#solar ul{
margin: 0px;
	list-style: none;

}
#solar li {
display:inline;
white-space : nowrap;
}

#solar {
float:left;
position:relative;
margin: 0px 0 0 12px;
width:276px; 
height:226px; 
background:url(imags/solar.gif) no-repeat 0 0 #FFFFFF; 
color:#ffffff;
text-align:center;
padding: 0px 0 0px 0;

}

#solar a{
padding: 0px 0 0px 0;
width:276px; 
height:226px; 
color:#FFFFFF;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
text-decoration:none;
}

#solar a:hover{
width:276px; 
height:226px; 
border:solid;
border-color:#009900;
}

#boxprincipal{
margin: 0 0 0 0;
float:left;
display:block;
margin-top:40px;
padding: 0px 0px 0px 120px;
width:700px;
height:350px;
background-image:url(imags/symbol.jpg);
font-style:italic;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-align:left;
color:#333333;
}
/*pagina Luz*/
#boxluz{
margin-top:110px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
width:850px;

}

.buttons {

width:133px;
height:25px;
padding: 5px 0 0 5px;
background-image:url(imags/buttons.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;

}
.buttons a{
color:#FFFFFF;
text-decoration:none;
}
/*pagina GASOLINA*/
#boxgasolina{
margin-top:110px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
width:850px;
height:1200px;
}

/*<--- Pagina INFO */
#boxinfo{
margin-top:200px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
width:850px;
height:400px;

}

 #contacinfo{
 margin:0px 5px 0 75px;
 padding:5px 0 0 15px;
 float:left;
 width:350px;
 height:280px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#006699;
 font-size:12px;
 font-style:italic;border:solid;
border-color:#006699;
 }
  #contacmail{
  margin:0;
 float:left;
 width:350px;
 height:280px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#006699;
 font-size:12px;
 font-style:italic;
 border:solid;
border-color:#006699;
padding:5px 0 0 15px;
 }
.texttitle{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-style:oblique;
color:#FF6600;
}
.textarea{
border: 1px solid #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
color:#003333;
}
.buttonform{
border:1px solid #000000;
background-color:#006699;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}
/* <-------------Pie de pagina */
#pie {
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
     margin:50px auto 0 auto;
	text-align: center;
	border-top: dotted 1px  #484747;
	border-bottom: dotted 1px  #484747;
	width: 850px;
}