/*/////////////////////////////////////////////////////////////////////////////////////////
© AXON GRAFICS . Todos los derechos reservados.
Prohibida la utilización, difusión o redistribución de este código sin previa autorización.
http://www.axongrafics.com
© AXON GRAFICS para AE3000
/////////////////////////////////////////////////////////////////////////////////////////*/

body {font-family:Arial, sans-serif; font-size:.9em; margin:0; text-align:justify; background:url("../img/bg-base0.png") repeat-x bottom;}
html{margin:0; padding:0;}

/** {margin:0;padding:0;border:0;outline:0;}*/

a:link, a:visited{color:#ff4800;}
a:hover, a:active{color:#333333;}

img{border:none;}
.left{float:left;}
.right{float:right;}
form, h1, h2, h3, h4, p, img, ul, li, ol{margin:0; padding:0;}

h1{font-size:1.2em; font-weight:normal; color:#666/*#006fa8*/; margin:0 0 15px 0; display:block; float:left; width:690px;}
h1 strong{font-size:1.4em; color:#333 /*#006fa8*/; font-weight:normal;}
h2{font-size:1.1em; font-weight:normal; color:#333; margin:35px 0 0 0; padding:0 0 5px 0; display:block; float:left; width:690px; background:url("../img/bg-h2.png") no-repeat left bottom;}
.H2margin{margin:35px 0 13px 0; }


/*****************************************************************************************
ESTRUCTURA
*****************************************************************************************/
#contentRIGHT p{width:360px; margin:0; padding:0; float:left; color:#555; font-size:.95em; line-height:1.5em; }
#contentRIGHT p strong{color:#000;}
	#contentRIGHT p.llarg{width:700px; margin-top:15px;}
	#contentRIGHT p.llarg strong{color:#222;}
	#contentRIGHT p.curt strong{color:#222;}
	#contentRIGHT ul{width:700px; margin:0; padding:0; float:left; font-size:.9em; line-height:1.4em; list-style-type:none;}
		#contentRIGHT ul li{margin:0 0 9px 0; padding:0 0 0 14px; background:url("../img/ico-llistats.png") no-repeat 0 5px;}
		#contentRIGHT ul li b{color:#369 !important; font-size:1em; padding:0 0 2px 0; display:inline-block; line-height:1.2em;}
		#contentRIGHT .ulCurt{width:330px; margin-top:8px;}
		
		.ulDades{width:300px!important; margin:10px 0 0 35px!important; padding:0; float:left;font-size:.9em!important; line-height:1.4em; list-style-type:none;}
		.ulDades li{margin:0; padding:0; width:300px; color:#006fa8 !important; }
		
	#contentLEFT ul{list-style-type:none;}
		#contentLEFT ul li{margin:2px 0; display:inline-block; width:203px; height:auto;}
		#contentLEFT ul li a{text-decoration:none;}
		#contentLEFT ul li a:hover{color:#FFF!important;}
		#contentLEFT ul li a.normal{width:203px; height:18px; background:url("../img/ico-arrow.png") no-repeat center left; padding:0 0 0 8px;}
		#contentLEFT ul li a.normal:hover{background:url("../img/btn-menuV-normalCurrent.png") no-repeat; display:block; padding:0 0 0 8px;}
		#contentLEFT ul li a.current{width:203px; height:18px; background:url("../img/btn-menuV-normalCurrent.png") no-repeat; color:#FFF!important; display:block; padding:0 0 0 8px; //padding:1px 0 0 8px;}
	
	#segonNivellUL{width:187px; padding:7px 8px; margin:2px 0 0 0; background:url("../img/bg-ul-2nivell.png") no-repeat; font-size:.85em;}
		#segonNivellUL a.segon{color:#ff4800;}
		#segonNivellUL a.segon:hover{color:#257a9b !important;}
		#segonNivellUL a.currentSegon{color:#257a9b !important;}
		#segonNivellUL a.currentSegon:hover{color:#257a9b !important;}
		.txMini{font-size:.8em;}
		.txMini2{font-size:.9em; color:#069; text-align:left;}
		.baseSegonUl{background:url("../img/bg-ul-2nivell-bottom.png") no-repeat bottom; width:203px; height:7px; display:block; margin:0 0 5px 0;}

#googleMaps{background:url("../img/btn-googleMaps.png"); width:133px; height:34px; display:block; text-indent:-10000px; outline:none; margin:15px 0 0 0;}
	#googleMaps:hover{background:url("../img/btn-googleMaps.png") 0 -33px;}

#FLASH{margin:20px 0 30px 0; float:left; display:inline;}
#banner1{width:478px; height:262px; float:left; display:block; background:url("../img/baseflash1.jpg") no-repeat bottom;}
#banner2{width:478px; height:262px; float:left; margin:0 0 0 4px; display:block; background:url("../img/baseflash2.jpg") no-repeat bottom;}

/*****************************************************************************************
CLASSES SPAN's
*****************************************************************************************/
.tagsBase{background:url("../img/ico-tags.png") no-repeat 0 5px; padding:0 0 0 7px;}
	.tagsBase:hover{background:url("../img/ico-tags2.png") no-repeat 0 5px;}

.baseDades{color:#888; font-size:.75em; display:inline; padding:0 10px; line-height:1.4em;}
.baseDades a{color:#777; font-size:.8em; margin:31px 0 0 0; //margin:33px 0 0 0; padding:0 4px; display:inline-block; text-decoration:none; background:#CCC; width:auto; border:1px solid #FFF; border-bottom: none;}
.baseDades a:hover{color:#FFF; background:#ff4800;}

#apDiv1 {position:absolute; overflow:visible; z-index:10; width:339px; height:370px; left:620px; top:256px;}
	.inversio{background:url("../img/ilu-oferta-inversio2.gif") no-repeat 40px 110px;}
	.energies{background:url("../img/ilu-energiesGran.png") no-repeat 20px 10px;}
	.empresa{background:url("../img/ilu-empresa-right.jpg") no-repeat 20px 85px;}
	
	
#apDiv2 {
	position:absolute; overflow:visible;
	z-index:10;
	width:292px; left:640px; top:350px;
}

#finalPagina{width:705px; height:5px; margin:25px 0; padding:10px 0 0 0; float:left; background:url("../img/bg-final.png") repeat-x;}
#finalPagina2{width:635px; height:5px; margin:25px 0 25px 15px; padding:10px 0 0 0; float:left; background:url("../img/bg-final.png") repeat-x;}
#pujar{padding:0 0 5px 13px; color:#257a9b; background:url("../img/btn-pujar.png") no-repeat 0 4px; font-size:.8em;}
.pujar2{padding:0 0 5px 13px; color:#257a9b; background:url("../img/btn-pujar.png") no-repeat 0 4px; font-size:.8em; margin:5px 0 0 0; float:left; color:#257a9b !important;}

.icoMail{ background:url("../img/ico-mail.png") no-repeat 0 3px; padding:0 0 3px 24px; display:inline; height:15px; margin:0 0 0 7px;}
/*****************************************************************************************
BOTONS ID && CLASS && SPAN
*****************************************************************************************/
/*.pestanya {
	padding:0 10px 10px 0; width:auto;
	cursor:pointer; overflow:hidden;
	text-decoration:none;
	background:url("../img/btn-pestanyes.png") no-repeat top right;
	}
	.pestanya span {
	font-size:.8em; font-weight:bold; text-align:right;
	height:21px; width:; display:block; padding:7px 0 0 35px; margin:0; float:left;
	cursor:pointer;
	background:url("../img/btn-pestanyes.png") no-repeat top left;
	}
	.pestanya:hover{
	background:url("../img/btn-pestanyes.png") no-repeat bottom right;
	}
	.pestanya:hover span{
	color:#039;
	background:url("../img/btn-pestanyes.png") no-repeat bottom left;
	}*/

.BTNoficina{
	width:282px; height:73px; float:left; display:block; margin:0 10px 10px 0; 
	background:url("../img/bg-btn-oficines.png") no-repeat; 
	font-size:.9em; color:#FFF !important; text-decoration:none;
	}
	.BTNoficina:hover{
	color:#000 !important; background:url("../img/bg-btn-oficines2.png") no-repeat; 
	}
	.oficina1{width:115px; height:73px; float:left; display:block; background:url("../img/ilu-ofi-molle-mini.jpg");}
	.dadesOficina{float:left; padding:37px 0 0 6px;}
	.dadesProjecte{float:left; padding:53px 0 0 6px;}
	.projectes{margin:20px 10px 0 0; }
		
	
/*****************************************************************************************
ESTRUCTURA
*****************************************************************************************/
#contenBase{width:100%; height:100%; background:url("../img/bg-base0.png") repeat-x; display:block; position:relative; z-index:0;}
#contenBaseIMG{width:100%; height:181px; background:url("../img/bg-caps.jpg") top center repeat-x; position:relative; z-index:1;}
#conten{width:960px; margin:auto; position:relative; z-index:2;}
#cap{width:960px; height:260px;}
	#capTOP{width:200px; height:33px; float:right; display:block; background:url("../img/bg-idioma.png") no-repeat top right;}
	#capCENTRE{width:960px; height:148px; float:left; display:block; background:url("../img/logo.gif") no-repeat left bottom; //background:url("../img/logo.gif") no-repeat 0 42px; }
	#capMENU{width:960px; height:68px; float:left; display:block; background:url("../img/bg-menu-H.png") no-repeat;}

#pestanyes{width:650px; height:28px; float:right; margin:120px 0 0 0; background:;}

#dades{width:960px; float:left;}

#base{width:100%; height:; float:left;}
	#baseTags{width:960px; height:61px; padding:16px 0 0 0; margin:auto; background:url("../img/bg-base1.png") no-repeat top center; text-align:center;}
	#baseTags a{color:#999; text-decoration:none; font-size:.8em; //font-size:.75em; margin:5px 0 4px 10px; //margin:3px 0 2px 10px; display:inline-block;}
	#baseTags a:hover{color:#ff4800;}
	#baseDades{width:960px; height:63px; padding:16px 0 0 0; margin:auto; background:url("../img/bg-base0.png") repeat-x top;}



#content{width:960px; height:auto; margin:0; background:url("../img/bg-content-top.png") top no-repeat; float:left;}
	#ariadnaUL{width:900px; margin:13px 0 0 22px; display:inline; font-size:.8em; color:#999; list-style-type:none; float:left;}
	#ariadnaUL li{float:left; padding:0 9px 0 7px; background:url("../img/ico-arrow-ariadna.gif") no-repeat center right;}
	#ariadnaUL li a{color:#999; text-decoration:none;}
	#ariadnaUL li a:hover{color:#ff4800;}
	#ariadnaUL li.noImage{ background-image:none;}
	
	#contentLEFT{float:left; width:225px; margin:45px 0 0 28px; display:inline;}
	#contentLEFTimatge{float:left; width:218px; height:300px; margin:45px 0 0 1px; display:inline;}
	#contentRIGHT{float:right; width:705px; margin:45px 0 50px 0; display:inline;}
	/*#contentRIGHT ol{float:left; list-style-type:decimal-leading-zero;}
		#contentRIGHT ol li{margin:5px 0 5px 29px;}*/

.contentExtra{display:inline; margin:30px 0 50px 0!important; background:url("../img/bg-conten-noticias.png") no-repeat!important; float:left;}
.H1noticies{display:inline; margin:15px 0 0 28px; width:932px;}
#contentExtra{display:inline; margin:25px 0 0 28px; width:650px; float:left; padding:0 0 0 282px;}
#noticiesContent{float:left; margin-top:20px;}
	.imatgeNoticies{background:url("../img/ilu-noticies.jpg") no-repeat 0 15px;}
	.imatgeLinks{background:url("../img/ilu-links.jpg") no-repeat 0 15px;}
	.imatgeDescarregues{background:url("../img/ilu-descarregues.jpg") no-repeat 0 20px;}
	.imatgeContactar{background:url("../img/ilu-contactar.jpg") no-repeat 0 20px;}

.noticia{display:inline; width:610px; height:auto; padding:0 0 5px 0; display:inline; float:left; border-bottom:1px dotted #CCC; margin:0 0 25px 15px;/* background:url("../img/bg-noticia.png") no-repeat;*/}
.noticia .numero{display:inline; color:#FFF; font-size:.8em; width:14px; height:15px; float:left; padding:1px 0 0 2px; background-color:#F60;}
.noticia .data{display:inline; color:#555; font-size:.8em; width:60px; height:15px; float:left; padding:1px 0 0 4px; background-color:#e5e5e5}
.noticia a{display:inline; text-align:left; color:#ff4800; font-size:.9em; width:450px; float:left; padding:0 0 0 20px; text-decoration:none; margin:0 0 0 0; background:url("../img/ico-noticia.gif") no-repeat 11px 5px;}
.noticia a:hover{display:inline; color:#222; float:left; text-decoration:none; background:url("../img/ico-noticia.gif") no-repeat 14px -40px;}

#noticiaAmpliada{display:inline; width:635px; display:inline; float:left; border-bottom:1px dotted #999; margin:15px 0 10px 15px; padding:0 0 15px 0;/* background:url("../img/bg-noticia.png") no-repeat;*/}
#noticiaAmpliada .numero{display:inline; color:#FFF; font-size:.8em; width:14px; height:15px; float:left; padding:1px 0 0 2px; background-color:#F60}
#noticiaAmpliada .data{display:inline; color:#555; font-size:.8em; width:615px; height:15px; float:left; padding:1px 0 0 4px; background-color:#e5e5e5}
#noticiaAmpliada .titol{display:inline; text-align:left; color:#000; font-size:1.2em; width:590px; float:left; padding:1px 0 0 20px; margin:25px 0 0 0; text-decoration:none; background:url("../img/ico-noticia.gif") no-repeat 11px -36px;}
#noticiaAmpliada .descripcio{color:#555; font-size:.95em; line-height:1.35em; width:550px; float:left; padding:1px 0 0 20px; margin:25px 0 0 0;}
#noticiaAmpliada .font{color:#444; font-size:.75em; float:right; font-weight:bold; display:inline; margin:30px 0 0 20px;}
#noticiaAmpliada .adjunt{color:#006fa8; font-size:.85em; margin:20px 0 0 20px; float:left; display:inline; padding:0 0 5px 13px; background:url("../img/btn-adjunt.gif") no-repeat 0 3px;}

#tornar{padding:0 0 5px 13px; background:url("../img/btn-tornar.gif") no-repeat 0 4px; font-size:.9em; margin:0 0 0 15px;}

#noticiaAmpliada .descripcio ul{margin:15px 0 0 0; color:#006fa8; font-size:1em; width:450px;}
#noticiaAmpliada .descripcio ul li{margin:0 0 7px 0; color:#222;}

.linksUL{margin:15px 0 0 35px; list-style-type:none;}
.linksUL li{margin:0 0 10px 0; font-size:.9em;}
.linksUL li a{background:url("../img/ico-links.png") no-repeat 0 3px; padding:0 0 0 15px;}
.linksUL li a:hover{background:url("../img/ico-links.png") no-repeat 0 -22px;}

.descarreguesUL{margin:0 0 0 35px; list-style-type:none;}
.descarreguesUL li{margin:0 0 5px 0;}
.descarreguesUL li a{background:url("../img/ico-descarregues.png") no-repeat 0 5px; padding:0 0 0 20px; display:inline-block;}
.descarreguesUL li a:hover{background:url("../img/ico-descarregues.png") no-repeat 0 -20px;}

.h2Descarregues{font-size:1.2em; font-weight:normal; color:#222; margin:35px 0 15px 34px; padding:0 0 5px 0; display:inline; float:left; width:590px;}


/*****************************************************************************************
LLISTATS, MENU, ETC
*****************************************************************************************/
#pestanyesUL{}

.idiomaUL{list-style-type:none; float:right; margin:8px 5px 0 0; //margin:8px 2px 0 0; position:relative; z-index:4;}
	.idiomaUL li{float:left;text-indent:-10000px;}
	#banderes, #banderes2, #banderes3, #banderes4{width:20px; height:15px; margin:0 3px 0 0; display:block; cursor:pointer; outline:0;}
	.ca{background:url("../img/flag-CAT.png") no-repeat;}
	.es{background:url("../img/flag-CAS.png") no-repeat;}
	.fr{background:url("../img/flag-FRA.png") no-repeat;}
	.en{background:url("../img/flag-ENG.png") no-repeat;}
	
#menuUL{list-style-type:none; margin:27px 0 0 29px; //margin:28px 0 0 28px; font-size:1em;}
	#menuUL li{float:left; margin:0 15px 0 0; background:url("../img/ico-arrow.png") no-repeat 0 8px;}
	#menuUL li a{text-decoration:none; padding:0 0 6px 8px; display:block; height:20px; //height:19px; float:left;}
	#menuUL li a:hover{background:url("../img/bg-botnsMENU-hover.png") repeat-x bottom; color:#ff4800 !important;}
	#menuUL li a.current{background:url("../img/bg-botnsMENU-hover.png") repeat-x bottom; color:#ff4800 !important;}

#wrapperUL{display:block; float:left; overflow:visible; margin:18px 0 0 0!important;}
	#wrapperUL li{float:left; background-image:none!important; padding:0!important; margin:0 8px 8px 0!important;}
	#wrapperUL li a{
	  display:block; width:188px; height:30px; text-decoration:none; line-height:30px; padding:0 0 0 36px; 
	  background:url("../img/btn-projectes-li.png") top left;
	  }
	#wrapperUL li a:hover{color:#FFF; background:url("../img/btn-projectes-li.png") bottom left;}


/*****************************************************************************************
PROJECTES
*****************************************************************************************/
.projecteSolar{float:left; display:block; background:url("../img/bg-projectes.png") no-repeat left bottom; margin:30px 0 0 0; padding:0 0 10px 0; //padding:0 0 20px 0;}
.projecteSolar h1{float:left; font-size:1.1em; width:676px; height:31px; line-height:31px; padding:0 0 0 12px; background:url("../img/bg-h1-projectes.png"); color:#FFF;}
.projecteSolar p{float:left !important; display:block; width:480px !important; font-size:.8em !important; margin:0 0 15px 5px !important;}
.projecteSolarInactiu{float:left; display:inline; width:133px; height:88px; margin:3px 10px 0 10px; cursor:pointer; background:#CCC; padding:4px;}
.projecteSolarActiu{float:left; display:inline; width:133px; height:88px; margin:3px 10px 0 10px; cursor:pointer; background:#ff4800; padding:4px;}

.projecteSolar img{position:absolute; z-index:1; overflow:visible;}
.projecteSolarAmpliar{width:13px; height:14px; background:#CCC; position:absolute; z-index:5; margin:72px 0 0 118px; background:url("../img/ico-ampliar.png") no-repeat;}



/*****************************************************************************************
FORMULARIS
*****************************************************************************************/
#divForm{margin:20px 0 60px 50px;}
#send{color:#F60; width:102px; height:32px; background:url("../img/ico-input.png") no-repeat;}
#send:hover{color:#FFF; background:url("../img/ico-input.png") no-repeat 0 -33px;}
.endOfSection {
clear:both;
height:0; line-height:0;
font-size:0;
padding:0; margin:0;
border:0;
}

/**** Form Layout ****/
form {margin:0; padding:0; display:inline;}
input, textarea, select {
font:1em;
color:#666;
border:1px solid #CCC;
padding:2px;
margin:0 0 10px 0;
width:300px;
background:url("../img/bg-forms.png") repeat-x;
}
input:focus, textarea:focus, select:focus {
font:1em;
border:1px solid #000;
color:#000;
padding:2px;
}
input:hover, textarea:hover, select:hover {
font:1em;
border: 1px solid #006fa8;
color: #000;
padding:2px;
background:url("../img/bg-forms2.png") repeat-x;
}
label {cursor:pointer; font-size:}
.errormsg {
display:block; width:;
color:#FFF;
background:#ff680c url("../img/ico-stop.gif") no-repeat 10px center;
padding:20px 10px 20px 60px; margin:10px 0;
border:1px solid #333 ;
}
input.button {
cursor:pointer;
font-size:1em; color:#000; font-weight:bold;
width:100px; height:29px; line-height:25px;
padding:0 0 3px 0; //padding:1px 0 3px 3px;
border:none;
background:#ccc url("../img/btn-enviar.png");
}
.formTx{color:#333;}
.formTx2{color:#333; font-size:.85em; font-weight:bold;}



/*****************************************************************************************
TAULES
*****************************************************************************************/
.taulaBiogas{width:699px; height:139px; float:left; background:url("../img/bg-taula-biogas.png") no-repeat; margin:5px 0 20px 0; font-size:.85em;}
.taulaBiogas td{padding:0 0 0 5px;}
.taulaBiogas td br{margin:8px;}

.taulaFV{width:704px; height:208px; float:left; background:url("../img/bg-taula-renov-fv.png") no-repeat; margin:25px 0 20px 0; font-size:.85em;}
.taulaFV td{padding:0 0 0 10px;}
.taulaFV td br{margin:8px;}
.taulaFV td ul{margin:10px 0 0 0!important; padding:0; width:220px!important; color:#006fa8!important; font-size:1em!important;}
.taulaFV td ul li{padding:0 0 0 13px!important;}

.taulaTS{width:704px; height:105px; float:left; background:url("../img/bg-taula-renov-ts.png") no-repeat; margin:10px 0 20px 0; font-size:.85em;}
.taulaTS td{padding:0 0 0 10px;}
.taulaTS td br{margin:8px;}
.taulaTS td ul{margin:10px 0 0 0!important; padding:0; width:220px!important; color:#006fa8!important; font-size:1em!important;}
.taulaTS td ul li{padding:0 0 0 13px!important;}

.taulaTS2{width:704px; height:178px; float:left; background:url("../img/bg-taula-renov-ts2.png") no-repeat; margin:10px 0 20px 0; font-size:.85em;}
.taulaTS2 td{padding:0 0 0 10px;}
.taulaTS2 td br{margin:8px;}
.taulaTS2 td ul{margin:10px 0 0 0!important; padding:0; width:290px!important; color:#006fa8!important; font-size:1em!important;}
.taulaTS2 td ul li{padding:0 0 0 13px!important;}

/*/////////////////////////////////////////////////////////////////////////////////////////
© AXON GRAFICS . Todos los derechos reservados.
Prohibida la utilización, difusión o redistribución de este código sin previa autorización.
http://www.axongrafics.com
© AXON GRAFICS para AE3000
/////////////////////////////////////////////////////////////////////////////////////////*/