body {
	background-image: url(../imagenes/fondoweb.jpg);
	background-color:#000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666666;
	text-align:center;
}

#capa_enlace_eng {
	width: 900px;
	margin: auto;
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 5px;
}

#capa_enlace_eng img{
	vertical-align: middle;
}


#capa_enlace_eng a{
	color: #FFFFFF;
	text-decoration: none;
}

#capa_contenedora {
margin:auto;
width: 900px;
text-align: left;
background-color: #FFFFFF;
}

#laluca {
font-size: 90%;
text-align: right;
padding-top: 4px;
margin:auto;
width: 900px;
clear:both;
color: #FFFFFF;

}

#laluca a{
color: #FFFFFF;
text-decoration: underline;
}

.oculto {
display: none;
}
.azul {
color: #008BCC;
text-align: left;
}

.blanco {
color: #FFFFFF;
}
.centrado{
text-align: center;
}

#central {
padding: 15px;
width: 870px;
clear:both;
}

.enlace {
text-decoration: none;
color: #999999;
}

.enlace a{
text-decoration: none;
color: #999999;
}
.enlace a:hover{
text-decoration: none;
color: #008BCC;
}

.separador {
clear:both;
margin: 3px;
}

/**************************************** Estilos para la cabecera *****************************************/
#cabecera {
margin-top: 0px;
margin-bottom: 0px;
width: 894px;
height: 120px;
padding: 3px;
background-color: #FFFFFF;
background-image: url(../imagenes/fondo_cabecera.jpg);
float: none;
clear: both;
}

#cabecera #logo {
float:left;
}

#cabecera #logo img {
border: none;
margin-top: 15px;
}

#cabecera #flash {
float:right;
text-align: right;
margin-right: 10px;
}

#cabecera #flash #flashcontent{
color: #666666;
}

#cabecera #flash h1{
font-size: 145%;
font-weight:bolder;
color: #008BCC;
}

.estadistica {
text-align: left;
padding-top: 3px;
padding-left: 10px;
color: #FFFFFF;
width: 455px;
height: 67px;
margin-top: 15px;
margin-bottom: 5px;
background-image: url(../imagenes/prueba_contador.gif);
}
.cabecera_estadistica {
font-weight:bold;
clear:both;
margin-top: 3px;
margin-bottom: 4px;
}
/**************************** Estilos para el menu principal de la pagina **********************************/


#marginbottom {
margin-top: 0px;
width: 894px;
height: 35px;
padding: 3px;
background-color: #008BCC;
background-image:url(../imagenes/fondo_menu.jpg);
background-repeat: repeat-x;
float: none;
clear: both;
}

#marginbottom img {
border: none;
vertical-align: middle;
}

#marginbottom a {
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

#marginbottom a:hover {
text-decoration: underline;
color: #FFFFFF;
font-weight: bold;
}

/*#marginbottom a:hover {
text-decoration: underline;
color: #FFFFFF;
font-weight: bold;
}*/

.menu_principal_ul {
margin-top: 4px;
list-style: none;
float: left;
}

.menu_principal_li {
display: inline;
margin-right: 35px;
}


/**************************** Estilos para el submenu  **********************************/

#submenu {
margin-top: 0px;
width: 900px;
height:27px;
padding-top: 5px;
background-color: #FFFFFF;
background-image:url(../imagenes/fondo_submenu.jpg);
background-repeat: repeat-x;
float: none;
clear: both;
}

#submenu a {
text-decoration: none;
color: #666666;
}
#submenu a:hover {
text-decoration: underline;
color:#666666;
}

.submenu_ul {
margin-top: 0px;
list-style: none;
float: left;
}

.submenu_li {
display: inline;
padding: 0px;
margin-right: 35px;
}

/***************************  Estilos para el menu de productos de pie ************************************/

#pie_productos {
text-align: center;
margin-top: 0px;
width: 894px;
border-top-style: dotted;
border-top-width: 1px;
border-top-color:#666666;
height: 175px;
padding: 3px;
background-color: #FFFFFF;
float: none;
clear: both;
}

#pie_productos ul {
margin-top: 25px;
list-style: none;
float: left;
}

#pie_productos ul li {
display: inline;
margin-right: 10px;
}

#pie_productos img {
border: none;
}

/***************************  Estilos para el pie de pagina ************************************/

#pie {
margin-top: 0px;
width: 894px;
height: 70px;
padding: 3px;
background-color: #E2E2E4;
float: none;
clear: both;
}

#pie a{
	text-decoration: none;
	color: #666666;
}

#pie a:hover{
	text-decoration: underline;
	color: #666666;
}


#pie img {
float: left;
border: none;
}

#pie ul {
margin-top: 25px;
list-style: none;
float: left;
}

#pie ul li {
display: inline;
margin-right: 25px;
}

/***************************  Estilos para el index ************************************/
.algomasgrande{
font-size: 110%;
float:left;
margin-left:20px;
width:450px;
}

#imagen_index {
margin-top: 0px;
width: 894px;
height: 236px;
padding: 3px;
background-color: #FFFFFF;
background-image: url(../imagenes/img_index.jpg);
background-repeat:no-repeat;
float: none;
clear: both;
}

#imagen_index #refran {
float: left;
margin-left:20px;
margin-top:20px;
color: #008BCC;
}

#imagen_index #refran h2{
font-size:120%;
}

.refr {
font-size:120%;
}

#imagen_index #refran h3 {
color:#FFFFFF;
text-align: right;
}

#imagen_index #refran {
float: left;
}

#imagen_index #expansion_index {
float: right;
width: 220px;
margin-right: 0px;
}

#imagen_index #expansion_index img {
border: none;
margin-top:10px;
}

#slogan {
text-align: center;
margin-top: 0px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-bottom-color: #666666;
background-color: #FFFFFF;
}

#slogan2 {
text-align: center;
margin-top: 0px;
border-top-style: dotted;
border-top-width: 1px;
border-top-color: #666666;
background-color: #FFFFFF;
}

#slogan h3{
font-size: 135%;
}

#slogan2 h3{
font-size: 100%;
}

.resaltado_index {
color: #008BCC;
font-size: 115%;
}

#logos_grupo {
float:right;
width:350px;
height: 200px;
}
/********************************* historia **********************/
#sup {
margin-top: 0px;
width: 894px;
/*height: 236px;*/
padding: 3px;
background-color: #FFFFFF;
background-repeat:no-repeat;
float: none;
clear: both;
}

#sup h2{
font-size: 260%;
margin-top: 20px;
margin-bottom:2px;
color: #008BCC;
}

#sup h3{
font-size: 175%;
margin-top: 0px;
color: #CCCCCC;
}

#sup h1{
font-size: 140%;
margin-top: 3px;
}

#misionvision {
width: 600px;
float: left;
margin-left:20px;
margin-top:20px;
color: #666666;
}

#misionvision h3{
margin-top: 0px;
padding: 7px;
float: left;
color: #008BCC;
}

#misionvision p{
margin-top: 0px;
height: 45px;
padding: 0px;
float: left;
}


#sup #expansion_index {
float: right;
width: 210px;
margin-right: 0px;
}

#sup #expansion_index img{
border: 0px;
}

#sup #texto {
width: 500px;
float: left;
margin-left:20px;
margin-top:5px;
color: #666666;
}

#sup #texto h4{
font-size: 140%;
}

#sup #texto img{
border: none;
vertical-align: middle;
}


/********************************* mision y vision **********************/
#liderazgo_cont {
border-top: #999999 1px dotted;
text-align: center;
width: 894px;
padding: 3px;
background-color: #FFFFFF;
float: none;
clear: both;
}

#liderazgo {
border: #CCCCCC 0px solid;
margin: auto;
text-align: left;
margin-top: 15px;
margin-bottom: 30px;
padding: 0px;
width: 850px;
height: 234px;
}

#liderazgo ul {
float: left;
list-style: disc;
padding: 15px;
margin-left: 30px;
}

#liderazgo #liderazgo_img{
float: right;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;

}
#liderazgo #liderazgo_texto{
float: left;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 0px;
width: 440px;
}


/********************************* metas **************************************/
.metas {
width: 130px;
height: 185px;
padding: 0px;
border: #CCCCCC 2px solid;
float: left;
text-align: center;
margin-left: 25px;
margin-top: 15px;
margin-bottom: 15px;
}

.metas_p {
float: left;
text-align: left;
padding: 5px;
font-size: 100%;
}

.metas_img {
margin:auto;
}

.metas_h3 {
padding: 4px;
text-align: center;
color: #FFFFFF;
background:url(../imagenes/fondo_menu.jpg);
background-repeat:repeat-x;
font-size: 120%;
margin-top: 0px;
margin-bottom: 3px;
width: 122px;
height: 17px;
}

/********************************* menu lateral de energias renovables y otros **************************************/

#menulateral {
margin-top:20px;
float:left;
border-right: 1px dotted #999999;
padding-left:5px;
padding-top:9px;
padding-right:18px;
margin-left: 5px;
background-image:url(../imagenes/fondomenu.gif);
background-repeat:no-repeat;
height: 122px;
width: 126px;
}

#menulateral2 {
margin-top:0px;
float:left;
padding-left:5px;
padding-top:9px;
padding-right:18px;
margin-left: 0px;
background-image:url(../imagenes/fondomenu.gif);
background-repeat:no-repeat;
height: 122px;
width: 126px;
}

#menulateral3 {
margin-top:0px;
float:left;
padding-left:5px;
padding-top:9px;
padding-right:18px;
margin-left: 0px;
background-image:url(../imagenes/fondomenubio.gif);
background-repeat:no-repeat;
height: 152px;
width: 126px;
}

#cont_menulateral{
margin-top:20px;
float:left;
border-right: 1px dotted #999999;
padding-left:5px;
padding-top:9px;
padding-right:18px;
margin-left: 5px;
width: 126px;
}

#menulateral2 p{
border-bottom: 1px dotted #999999;
margin: 0px;
padding: 3px;
}
#menulateral3 p{
border-bottom: 1px dotted #999999;
margin: 0px;
padding: 3px;
}
#menulateral p{
border-bottom: 1px dotted #999999;
margin: 0px;
padding: 3px;
}

/***************************************************** sistemas de potencia ********************************************/

.sist_pot {
border: #CCCCCC 2px solid;
clear:both;
float: none;
margin: auto;
margin-top: 6px;
margin-bottom: 6px;
padding: 0px;
width: 700px;
height: 100px;
}

.sist_pot_img{
float: right;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding: 0px;
}
.sist_pot_p{
float: left;
text-align: left;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 10px;
padding: 0px;
width: 400px;
}

/**************************** Activos energeticos propios ***************************************/

.act_energ {
border: #CCCCCC 2px solid;
text-align: center;
clear:both;
float: none;
margin: auto;
margin-top: 6px;
margin-bottom: 6px;
padding-left: 5px;
width: 800px;
height: 83px;
}

.act_energ img{
border: none;
vertical-align: middle;
}

.act_energ_purines {
border: #CCCCCC 2px solid;
text-align: center;
clear:both;
float: none;
margin: auto;
margin-top: 6px;
margin-bottom: 6px;
padding-left: 5px;
width: 800px;
height: 176px;
}

.act_energ_p{
float: left;
text-align: left;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 0px;
padding: 0px;
width: 175px;
}

.act_energ_h3{
float: left;
text-align: left;
margin-left: 15px;
margin-top: 30px;
margin-bottom: 0px;
padding: 0px;
}

.act_energ_img_l{
float: left;
padding: 3px;
padding-right: 7px;
border-right: 1px dotted #CCCCCC;
margin-left: 25px;
}

.act_energ_img_r{
float: right;
padding: 3px;
padding-left: 7px;
border-left: 1px dotted #CCCCCC;
margin-left: 25px;
}

/********************************************* bioenergia ****************************************************/
.texto_izq {
text-align: left;
}


.cont_bioenergia {
text-align: left;
width: 650px;
border: #CCCCCC 1px solid;
margin:auto;
margin-top: 6px;
margin-bottom: 6px;
padding: 3px;
height: 100px;
}

.cont_bioenergia_img_l {
float: left;
margin-right: 10px;
margin-top: 5px;
}

.cont_bioenergia_img_r {
float: right;
margin-top: 2px;
}

.cont_bioenergia_p {
float: left;
padding-right: 15px;
margin-top: 2px
}
/**********************************  Guascor Solar Empresas ***********************************/

.gsolar_emp {
width:180px;
float: left;
border: #CCCCCC 2px solid;
text-align: left;
margin-left:25px;
margin-top:20px;
margin-bottom:20px;
}

.gsolar_p{
padding: 5px;
}

.gsolar_img {
vertical-align: middle;
border: none;
}

/************************************ guascor wind **********************************************/

.eolica_pq {
width:375px;
float: left;
height: 170px;
padding: 0px;
border: #CCCCCC 1px solid;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 5px;
text-align: left;
}

.gas_biomasa_gr {
width:375px;
float: left;
height: 300px;
padding: 0px;
border: #CCCCCC 1px solid;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 5px;
text-align: left;
float: left;
}

.eolica_h4 {
width: 362px;
margin-top: 0px;
font-size: 110%;
padding: 3px;
padding-left: 10px;
background-color: #008BCC;
background-image:url(../imagenes/fondo_menu.jpg);
color: #FFFFFF;
}

.eolica_h4_g {
width: 562px;
margin-top: 0px;
font-size: 110%;
padding: 3px;
padding-left: 10px;
background-color: #008BCC;
background-image:url(../imagenes/fondo_menu.jpg);
color: #FFFFFF;
}


.eolica_h4_2 {
width: 229px;
margin-top: 0px;
font-size: 110%;
padding: 3px;
padding-left: 10px;
background-color: #008BCC;
background-image:url(../imagenes/fondo_menu.jpg);
color: #FFFFFF;
}

.eolica_pq2 {
width: 242px;
float: left;
height: 225px;
padding: 0px;
border: #CCCCCC 1px solid;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 5px;
text-align: left;
}


.eolica_g {
width:575px;
padding: 0px;
border: #CCCCCC 1px solid;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.eolica_g2 {
width:575px;
float: left;
height: 95px;
padding: 0px;
border: #CCCCCC 1px solid;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 10px;
text-align: left;
}
#img_molinos{
margin-top: 10px;
margin-right: 10px;
float:right;
width:250px;
height: 450px;
}
#contenedor_eolica {
float: left;
width: 620px;
}

#contenedor_eolica2 {
width: 620px;
margin:auto;
}

/***************************************************  i + d  *********************************************************/

.imasd{
width: 350px;
/*height: 330px;*/
float: left;
padding: 0px;
border: #CCCCCC 2px solid;
text-align: left;
margin-left: 25px;
margin-bottom: 25px;
}

.imasd_h4{
width: 337px;
margin-top: 0px;
padding: 3px;
padding-left: 10px;
background-color: #008BCC;
background-image:url(../imagenes/fondo_menu.jpg);
color: #FFFFFF;
}

.imasd_p{
padding: 10px;
height: 80px;
}

.imasd_img{
margin-bottom: 0px;
}


/*************************************************** minihidraulica **************************************************/

#cont_central {
border:#CCCCCC 3px solid;
margin: auto;
text-align: left;
margin-top: 15px;
margin-bottom: 30px;
padding: 0px;
width: 600px;
height: 234px;
}

#cont_central #cont_central_img{
float: right;
margin: 0px;
padding:0px;
}

#cont_central ul {
float: left;
list-style: disc;
padding: 15px;
margin-left: 30px;
}

#cont_central li {
margin-top:5px;
}
/*************************************************** servicios *******************************************************/

.servicio {
width: 130px;
height: 240px;
padding: 0px;
border: #CCCCCC 2px solid;
float: left;
text-align: center;
margin-left: 25px;
margin-top: 15px;
}
.servicio_h4{
width: 124px;
margin-top:0px;
margin-bottom:2px;
font-size: 100%;
padding: 3px;
text-align: left;
background-image:url(../imagenes/fondo_menu.jpg);
background-color: #0066CC;
color: #FFFFFF;
}

.servicio_p {
padding: 3px;
text-align: left;
}

/************************************************** magnitudes ********************************************************/

#sup_mag {
margin-top: 0px;
width: 894px;
height: 220px;
padding: 3px;
background-color: #FFFFFF;
background-image: url(../imagenes/fondo_magnitudes.jpg);
background-repeat:no-repeat;
float: none;
clear: both;
}

#sup_mag #texto {
width: 600px;
float: left;
margin-left:15px;
margin-top:0px;
color: #666666;
}

#sup_mag #expansion_index {
float: right;
width: 210px;
margin-right: 0px;
}

#sup_mag #expansion_index img{
border: 0px;
}

.magnitud {
padding: 0px;
border: #CCCCCC 2px solid;
background: #FFFFFF;
float: left;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 15px;
width: 100px;
height: 86px;
}

.magnitud_h3 {
padding: 4px;
text-align: center;
color: #FFFFFF;
background:url(../imagenes/fondo_menu.jpg);
background-repeat:repeat-x;
font-size: 120%;
margin-top: 0px;
margin-bottom: 3px;
width: 92px;
height: 17px;
}

.magnitud_p {
margin-top: 4px;
text-align: left;
padding: 4px;
font-size: 90%; /*nuevo*/
}

.contador_produccionMW {
background: #FFFFFF;
float: left;
padding: 0px;
border: #CCCCCC 2px solid;
margin-top: 5px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 15px;
width: 125px;
height: 100px;
}

.contador_produccionMW_h3{
padding: 2px;
text-align: center;
font-size: 100%;
color: #FFFFFF;
background:url(../imagenes/fondo_menu.jpg);
background-repeat:repeat-x;
margin-top: 0px;
margin-bottom: 3px;
width: 121px;
height: 28px;
}

.contador_produccionMW_h4{
margin-top: 4px;
text-align: left;
margin-left: 5px;
padding: 4px;
font-size: 100%;/*nuevo*/
}

#grupo {
float: left;
margin-top:15px;
margin-left:10px;
padding: 5px;
padding-right: 10px;
border: #CCCCCC 1px solid;
background-image:url(../imagenes/fondo_submenu.jpg);
background-repeat:repeat-x;
}

#contribucion {
float: left;
margin-top:15px;
margin-left:10px;
margin-right:10px;
padding: 5px;
padding-right: 10px;
border: #CCCCCC 1px solid;
background-image:url(../imagenes/fondo_submenu.jpg);
background-repeat:repeat-x;
}
/**************************************************** expansion ************************************************************/

.img_exp {
float:left;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}

#datos_exp {
text-align: left;
margin-top:20px;
margin-left:25px;
border: #CCCCCC 2px solid;
float:left;
width: 300px;
height: 200px;
overflow: auto;
padding:10px;
}

/**************************************************** formularios ************************************************************/

.cajatexto {
width: 300px;
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
padding: 3px;
}

.cajatextarea {
width: 450px;
border: 1px solid #CCCCCC;
padding: 3px;
font-family: Arial, Helvetica, sans-serif;
height: 150px;
}

.cajaselect {
width: 306px;
border: 1px solid #CCCCCC;
}

.boton {
width: 150px;
border: 1px solid #008BCC;
background-color: #028CCD;
color: #FFFFFF;
padding: 3px;
}

#frrhh, #fconsultas {
margin-left: 25px;
padding-left: 5px;
text-align:left;
}

/********************************************** noticias **************************************************/
#supnoticias {
margin-top: 0px;
width: 894px;
padding: 3px;
background-color: #FFFFFF;
}

#noticias{
width: 625px;
float: left;
margin-left:20px;
margin-left:10px;
margin-top:5px;
color: #666666;
}

#imagen_noticia {
	float: left;
	margin-top: 25px;
	margin-right: 15px;
}

.noticia_peque {
float: left;
padding: 5px;
width:175px;
margin-left: 25px;
text-align: left;
}

/************************************ paginacion de noticias ******************************************/


.pages {
    text-align: center;
    margin: 10px auto;
    padding: 5px;
}

.pages a, .pages span {
    padding: 3px 5px;
    font-family: verdana;
    margin: 2px;
    text-decoration: none;
    color: #CCCCCC;
}

.pages span.current {
    font-weight: bold;
    background: #008BCC;
    color: #FFFFFF;
}

.pages span.nextprev {
    color: #666666;
    background: #E9E9E9;
}

.pages a, .pages span.current, .pages span.nextprev {
    border: 1px solid #008BCC;
}

.pages a:hover {
	color: #FFFFFF;
    background: #008BCC;
}

/*************************************************** aplicaciones *********************************************************/

.aplicaciones_p {
margin: 7px;

}

.aplicaciones_pq {
width:275px;
float: left;
height: 170px;
padding: 0px;
border: #CCCCCC 1px solid;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 5px;
text-align: left;
}

.aplicaciones_h4 {
width: 262px;
margin-top: 0px;
font-size: 110%;
padding: 3px;
padding-left: 10px;
background-color: #008BCC;
background-image:url(../imagenes/fondo_menu.jpg);
color: #FFFFFF;
}

.aplicaciones_h4_g {
width: 562px;
margin-top: 0px;
font-size: 110%;
padding: 3px;
padding-left: 10px;
background-color: #008BCC;
background-image:url(../imagenes/fondo_menu.jpg);
color: #FFFFFF;
}


.aplicaciones_pq2 {
width: 275px;
float: left;
height: 130px;
padding: 0px;
border: #CCCCCC 1px solid;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 5px;
text-align: left;
}


.aplicaciones_g {
width:575px;
float: left;
height: 80px;
padding: 0px;
border: #CCCCCC 1px solid;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 10px;
text-align: left;
}
.aplicaciones_g2 {
width:575px;
float: left;
height: 95px;
padding: 0px;
border: #CCCCCC 1px solid;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 10px;
text-align: left;
}
/*
#img_molinos{
margin-top: 10px;
margin-right: 10px;
float:right;
width:250px;
height: 450px;
}
#contenedor_eolica {
float: left;
width: 620px;
}

#contenedor_eolica2 {
width: 620px;
margin:auto;
}*/

/*  Mensaje de error */
.mensaje {
font-weight: bold;
color: #CC0000;
}


/***************************************************  menu horizontal *********************************************************/

.menubiogas_ul {
margin-top: 0px;
list-style: none;
margin: auto;
margin-bottom: 25px;
}

.menubiogas_li {
display: inline;
padding: 0px;
margin-right: 45px;
}

.bioenerg_pq {
width:490px;
float: left;
/*height: 170px;*/
padding: 0px;
border: #CCCCCC 1px solid;
margin-top: 10px;
margin-bottom: 5px;
text-align: left;
}

.bioenerg_h4 {
width: 477px;
margin-top: 0px;
font-size: 95%;
padding: 3px;
padding-left: 10px;
background-color: #008BCC;
background-image:url(../imagenes/fondo_menu.jpg);
color: #FFFFFF;
}