@charset "utf-8";
/* CSS RESET *************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1}
ol, ul {list-style: none}
table {border-collapse: collapse; border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0; padding: 0}
hr {margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px}
a img{ border:none; }
strong{font-weight:bold;}
.clearer{clear: both;}
.clearleft{clear:left;}
.clearright{clear:right;}
/* CSS RESET *************************************************************************************************************/

/****************************************************************************
*	COLORES WEB
****************************************************************************/

.azul {color:#a6c6f5;}
.gris {color:#8A8A8A;}

/****************************************************************************
*	ESTILOS GENERALES
****************************************************************************/

html{}
body{font-family:Verdana,Arial,sans-serif; color:#000000; font-size:11px; background-image:url(../img/body.jpg); background-repeat:repeat-x; background-color:#fff; background-position:top left; min-height:1050px; vertical-align:top;}

a{color:#000000; text-decoration:none;}
a:hover{text-decoration:underline;}

.input{border-top:1px solid #aaadb2; border-right:1px solid #aaadb2; border-bottom:1px solid #e3e3eb; border-left:1px solid #e3e3eb; background:#FFF; padding:2px; font-size:11px; color:#666;}
.combo{border-top:1px solid #aaadb2; border-right:1px solid #aaadb2; border-bottom:1px solid #e3e3eb; border-left:1px solid #e3e3eb; background:#FFF; padding:1px; font-size:11px; color:#666;}
.input:hover, .input:focus, .combo:hover, .combo:focus{border:1px solid #d7d7d7;}

.msgok{-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; background:#FFFFE0; border:1px solid #E6DB55; border-radius:5px; padding:10px 0 10px 0; margin:20px 10px 20px 10px;}
.msgerror{-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; background:#FFEBE8; border:1px solid #CC0000; border-radius:5px; padding:10px 0 10px 0; margin:20px 10px 20px 10px;}
.msgok p, .msgerror p{margin-bottom:0 !important;}

/*	WRAPPER	
*****************************************************************************************************************/

#wrapper {height:auto; width:972px; margin:0 auto;}
.btn, #head .idiomas .btn {border:1px solid #959595; background-color:#959595; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; padding:4px;}
.btn:hover, .btna, #head .idiomas .btn:hover, #head .idiomas .btna {border:1px solid #DEDEDE; background-color:#DEDEDE; color:#4b6283; -moz-border-radius:3px; -webkit-border-radius:3px; padding:4px;}
a.btn, a.btna, #head .idiomas a.btn, #head .idiomas a.btna {text-decoration:none;}

/*	HEAD	
*****************************************************************************************************************/

#head {height:130px; width:100%; background-image:url(../img/head.jpg); background-repeat:no-repeat; background-position:left 10px; position:relative;z-index:100}
#head .logo {width:auto; float:left;}
#head .idiomas {float:right; position:absolute; right:10px; top:50px;}
#head .idiomas a {display:inline-block;}
#head #nav {height:31px; width:100%; position:absolute; bottom:-11px;text-transform:uppercase;z-index:100;*bottom:10px; bottom:-10px}
#head #nav ul {float:right; padding-right:10px; font-family: "Futura Bk BT", Verdana, Arial; color:#4b6283; font-size:13px;}

#head #nav li {width:159px; height:auto; text-align:center; display:inline-block; margin-left:7px; background-repeat:no-repeat; padding:10px 0px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px; background-color:#FFF; border:1px solid none; *display:inline; *float:left;}
#head #nav li:hover, #head #nav li.active {width:159px; height:auto; text-align:center; display:inline-block; margin-left:7px; background-image:url(../img/nav_pesta_hover.jpg); background-repeat:repeat-x; padding:10px 0px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px; background-color:#FFF; border:1px solid none;}
#head #nav a {font-family: "Futura Bk BT", Verdana, Arial; color:#4b6283;}
#head #nav a:hover {text-decoration:none;}

/*	NAV	
*****************************************************************************************************************/


/*	CONTENT	
*****************************************************************************************************************/

#content {background-image:url(../img/bg_content.jpg); background-repeat:no-repeat; padding:15px; min-height:550px; width:972px; clear:both; display:block; z-index:10;position:relative;}
#content .masinfo a {background-image:url(../img/ico_mas.jpg); background-repeat:no-repeat; background-position:left; padding-left:15px; font:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#a6c6f5;}

/*	BACKGROUND	
***************************/

.quienes {background-image:url(../img/f_quienes.jpg); background-position:bottom left; background-repeat:no-repeat; height:auto;  width:270px; height:800px; position:absolute; bottom:-10px; margin-bottom:-52px; margin-left:-5px;*top:740px;*margin-left:-280px;}

.biomasa {background-image:url(../img/f_biomasa.jpg); background-position:bottom left; background-repeat:no-repeat; height:auto;  width:272px; height:619px; position:absolute; bottom:-10px; margin-bottom:-52px; margin-left:-5px; *margin-left:-285px;*top:485px;}

.gestiona {background-image:url(../img/f_gestiona.png); background-position:bottom left; background-repeat:no-repeat; height:684px;  width:341px; position:absolute; bottom:-5px; margin-bottom:-52px; margin-left:-5px; z-index:1; *margin-left:-285px;*top:524px;}

.biocombustible {background-image:url(../img/f_biocombustible.gif); background-position:bottom left; background-repeat:no-repeat; height:267px;  width:559px; position:absolute; bottom:-5px; margin-bottom:-52px; margin-left:-5px; z-index:1; *margin-left:-285px;*top:1071px;}

.energia-marina {background-image:url(../img/f_ema.jpg); background-position:bottom left; background-repeat:no-repeat; height:309px;  width:264px; position:absolute; top:442px; margin-bottom:-52px; margin-left:-5px; z-index:1; *margin-left:-285px;*top:650px;}

.energia-fotovoltaica {background-image:url(../img/f_fotovol.jpg); background-position:bottom left; background-repeat:no-repeat; height:426px;  width:205px; position:absolute; bottom:-5px; margin-bottom:-52px; margin-left:-5px; z-index:1;*margin-left:-285px;*top:488px;}

.servicios-medioambietales {background-image:url(../img/f_sem.jpg); background-position:bottom left; background-repeat:no-repeat; height:482px;  width:263px; position:absolute; bottom:-5px; margin-bottom:-52px; margin-left:-5px; z-index:1; *margin-left:-285px;*top:742px;}

.proyectos {background-image:url(../img/f_proyectos.png); background-position:bottom left; background-repeat:no-repeat; height:461px;  width:376px; position:absolute; bottom:-5px; margin-bottom:-52px; margin-left:-5px; z-index:1;*margin-left:-285px;*top:858px;}

.contacto {background-image:url(../img/f_contacto.jpg); background-position:bottom left; background-repeat:no-repeat; height:253px;  width:253px; position:absolute; bottom:-10px; margin-bottom:-52px; margin-left:-5px;*margin-left:-285px;*top:832px;}

.noticias {background-image:url(../img/f_not.jpg); background-position:bottom left; background-repeat:no-repeat; height:378px;  width:249px; position:absolute; bottom:-5px; margin-bottom:-52px; margin-left:-5px;*margin-left:-285px;}

.nop {background-image:url(../img/f_nop.jpg); background-position:bottom left; background-repeat:no-repeat; height:378px;  width:265px; position:absolute; bottom:-5px; margin-bottom:-52px; margin-left:-5px;*margin-left:-285px;*top:792px;}

.galeria {background-image:url(../img/f_galeria.jpg); background-position:bottom left; background-repeat:no-repeat; height:378px;  width:265px; position:absolute; bottom:-5px; margin-bottom:-52px; margin-left:-5px; *margin-left:-285px; z-index:1}

/*	LEFT	
******************************************/
#content #left {width:280px; float:left; z-index:2;}
#content #left h2, #content #left .tit {font-family:"Raspoutine DemiBold", Verdana; font-size:20px; color:#8A8A8A; padding-top:50px; padding-left:25px; padding-bottom:15px;}
#content #left ul {font-family: "Futura Bk BT", Verdana, Arial; padding-left:25px; font-size:12px; height:auto; text-transform:uppercase;}
#content #left li { background-image:url(../img/nav.jpg); background-repeat:no-repeat; height:22px; width:250px; margin-bottom:8px;}
#content #left li:hover, #content #left li.active { background-image:url(../img/nav_hover.jpg); background-repeat:no-repeat; height:22px; width:250px; margin-bottom:8px;}
#content #left li a {padding-left:25px; padding-top:5px; display:block; color:#4b6283;}
#content #left li a:hover {text-decoration:none;}

/*	RIGHT	
******************************************/
#content #right {width:665px; float:right; margin-right:26px; padding-left:0px; z-index:300;}
#content #right h1, #content #right .tit {font-size:40px; color:#a6c6f5;font-family:"Raspoutine DemiBold", Verdana; margin:30px 10px; margin-bottom:0px;}
#content #right h1 strong {color:#8A8A8A; font-weight:normal;}
#content #right p {color:#8A8A8A;font-family:Verdana; margin:20px 10px; font-size:14px; line-height:19px; font-weight:lighter; padding-right:30px;}
#content #right p strong {color:#a6c6f5; font-weight:bold;}
#content #right .splash {background-image:url(../img/spalsh.jpg); background-repeat:no-repeat; height:252px; width:656px; padding:0px; margin-top:45px;}
#content #right .splash img {padding-left:10px; padding-top:4px;}
#content .notitm {margin-left:25px; border:2px solid #a6c6f5; -moz-border-radius:2px; -webkit-border-radius:2px; display:block; width:218px; height:130px; margin-bottom:13px; overflow:hidden; ms-interpolation-mode:bicubic}

ul.list-1 {margin-left:40px; font-family:"Raspoutine DemiBold", Verdana;  color:#8A8A8A; line-height:22px;}
ul.list-1 li {font-size:18px; padding-bottom:10px; padding-top:0px; list-style-image:url(../img/flecha_1.jpg);  list-style-position:outside; padding-left:5px; margin-top:-5px; vertical-align:top; padding-right:30px;}

ul.list-2 {margin-left:40px; margin-top:15px; padding:0;}
ul.list-2 li {list-style-image:none; list-style:disc; font-family:Verdana, Geneva, sans-serif; font-size:14px; list-style-position:outside; padding-left:5px; padding-right:30px;}

ul.list-3 {margin-left:40px; font-family:Verdana, Geneva, sans-serif;  color:#8A8A8A;}
ul.list-3 li {font-size:15px; padding-bottom:10px; padding-top:0px; list-style-image:url(../img/flecha_1.jpg);  list-style-position:inherit; padding-left:5px; margin-top:-5px; line-height:22px; vertical-align:top; padding-right:30px;}

ul.list-4 {margin-left:40px; font-family:Verdana, Geneva, sans-serif;  color:#8A8A8A;}
ul.list-4 li {font-size:14px; padding-bottom:10px; padding-top:0px; list-style:disc;  list-style-position:inherit; padding-left:5px; margin-top:-5px; line-height:22px; vertical-align:top; padding-right:30px;}

.tabla-contacto {width:98%; margin-top:20px; margin-left:10px;}
.tabla-contacto td h2, .tabla-contacto .tit2 {font-family:"Raspoutine DemiBold", Verdana; color:#8A8A8A; font-size:20px;}
.tabla-contacto td h3 {color:#a6c6f5; font-size:14px; font-weight:bold; padding-top:15px; margin-bottom:0px; padding-bottom:0; padding-left:5px;}
.tabla-contacto p {padding-top:0px; margin-top:0px; font-size:12px; display:block; color:#8A8A8A;}
.tabla-contacto td {width:50%; }

.tabla-contacto .masinfo a {background-image:url(../img/ico_mas.jpg); background-repeat:no-repeat; background-position:left; padding-left:15px; font:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#a6c6f5;margin-left:10px; margin-bottom:20px;}

a.contacto-mail {color:#c9c9c9; text-decoration:none;font:Verdana, Geneva, sans-serif; font12px; font-weight:bold;margin-left:10px; padding-top:20px; display:block;}


/*	DESTACADOS	
*****************************************************************************************************************/

#destacado {width:962px;margin-left:10px; color:#4b6283; font-size:11px;font-family: "Futura Bk BT", Verdana, Arial; clear:both; height:auto; display:block; padding-top:20px;}
#destacado ul {margin:30px; text-align:center;}
#destacado li {margin:0px; padding:0px; width:120px; padding-right:10px; float:left;}
#destacado li .item {}
#destacado li .item img {}
#destacado li .item p, #destacado li .item a {text-align:center; margin-right:12px; margin-left:5px; color:#4b6283; display:block;}


/*	NOTICIAS / NOTAS DE PRENSA
*****************************************************************************************************************/

#right.not {padding-top:50px; padding-left:5px; min-height:900px;}
.not .itmnot { background-image:url(../img/sepnot.jpg); background-position:center bottom; background-repeat:no-repeat; margin-bottom:0px; padding-bottom:60px; padding-right:20px;*padding-bottom:75px;}
.not .itmnot img {float:left; margin-right:15px; margin-left:10px; margin-bottom:10px; border:3px solid #a6c6f5; display:block;}
.itmnot h2 {font-family:Verdana;font-size:17px; line-height:22px; color:#a6c6f5; margin-right:15px;}
.itmnot span{padding:10px 0px;display:block;color:#8A8A8A; font-size:12px; font-weight:bold;}
.itmnot .txt  {font-size:11px; padding:0px;}
.itmnot .vermas a{background-image:url(../img/ico_mas.jpg); background-repeat:no-repeat; background-position:left; padding-left:15px; font:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#a6c6f5;margin-left:10px; margin-bottom:20px;}

#navnot{margin:10px; font-family:Verdana, Geneva, sans-serif; font-size:12px;font-weight:bold; color:#8A8A8A; clear:both; display:block; margin-top:-20px;}
#navnot #counter {float:left; font-weight:bold;}
#navnot #paginador {float:right;}
#navnot #paginador a{font-weight:bold; color:#8A8A8A;}
#navnot #paginador a.active{font-weight:bold; color:#a6c6f5;}


/*	GALERIA	
*****************************************************************************************************************/

#galeria {}
#galeria h2 {font-family:Verdana;font-size:17px; line-height:22px; color:#a6c6f5; margin-right:15px; padding-top:7px;}
#galeria span{padding:10px 0px;display:block;color:#8A8A8A; font-size:12px; font-weight:bold;}
#galeria ul {}
#galeria li {float:left; width:300px; margin-bottom:20px;}
#galeria .item .imgen {width:218px; height:131px; overflow:hidden; padding-bottom:10px; border:3px solid #a6c6f5; -moz-border-radius:3px; -webkit-border-radius:3px;}
#galeria .item .imgen img {text-align:center; margin:auto;}


/*	AVISO	
*****************************************************************************************************************/

#aviso h1 {font-family:"Raspoutine DemiBold", Verdana; font-size:20px; color:#8A8A8A; padding-top:50px; padding-left:25px; padding-bottom:15px;}
#aviso h2 {font-family:"Raspoutine DemiBold", Verdana; font-size:16px; color:#8A8A8A; padding-top:15px; margin:0 25px; padding-bottom:15px; border-bottom:1px solid #8A8A8A;}
#aviso p {color:#8A8A8A;font-family:Verdana; margin:20px 0px; font-size:14px; line-height:19px; font-weight:lighter; padding:0 30px;}

/*	PIE	
*****************************************************************************************************************/

#footer {background-color:#fff;background-image:url(../img/pie.jpg); background-repeat:no-repeat; background-position:center; height:59px; margin-top:50px; padding-top:40px;font-family: "Futura Bk BT", Verdana, Arial; font-size:13px; clear:both;}

#footer .copy {background-image:url(../img/logo_pie.jpg); background-repeat:no-repeat; background-position:left; padding-left:135px; height:32px;}
#footer .copy span {padding-top:10px; display:block;}
#footer .aviso {margin:0px; vertical-align:top; padding-top:10px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#767676;}
#footer .aviso a {color:#767676;}