* {font-size: 100.01%;}
html {font-size:68.75%;}
body{
	margin:0;
	color:#666;
	font:1em Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg-body.jpg) no-repeat 50% 0;
}

div.noscrip {
position:absolute; 
top:0px; 
left:0px; 
width:1024px; 
height:3000px; 
z-index:100; 
border:0px solid; 
background-color:#FFFFFF;
}

img{border-style:none;
vertical-align:middle;
}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#header{
	padding-top:14px;
	width:869px;
	margin:0 auto;
}
.holder{
	width:869px;
	overflow:hidden;
	margin-bottom:25px;
}
.area-r{
	float:right;
}
.menu{
	text-align:right;
	list-style:none;
	margin:0 0 18px;
	padding:0;
}
.menu li{
	display:inline;
	padding:0 5px 0 13px;
}
.menu li a{
	color:#999;
}
.menu li a:hover{
	color:#ccc;
	text-decoration:none;
}
.logo{
	float:left;
	width:380px;
	height:74px;
	overflow: hidden;
	margin:5px 0 0;
}
.logo a{
	display: block;
	height:100%;
	position:relative;
}
.ad{
	display:block;
}
.ad img{
	display:block;
}
#nav{
	width:869px;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	background:#ededed url(../images/bg-nav.jpg) repeat-x;
	height:25px;
}
#nav li{
	float:left;
	background: url(../images/separator-01.gif) no-repeat;
	height:25px;
	padding: 0  0 0 1px;
	margin: 0 0 0 -1px;
	display: inline;
	position:relative;
}
#nav .first-child{
	background:none;
}
#nav li a{
	font-size:14px;
	color:#000;
	float: left;
	text-align: center;
	height:20px;
	padding:5px 0 0;
}
#nav li a:hover{
	background: url(../images/bg-hover.gif) repeat-x;
	text-decoration:none;
	color:#fff;
}
#nav li.mark a{
	background: url(../images/bg-li-mark.jpg) repeat-x;
}
#nav li.orange a:hover{
	background: url(../images/bg-orange.jpg) repeat-x;
}
#nav li.green a:hover{
	background: url(../images/bg-green.jpg) repeat-x;
}

.shadow{
	background: url(../images/bg-nav-holder.png) repeat-x;
	height:17px;
	margin-bottom:5px;
}
#wrapper{
	background:#eee url(../images/bg-wrapper.gif) repeat-x;
	padding-bottom:11px;
	margin-bottom:18px;
}
#main{
	width:869px;
	margin:0 auto;
	overflow:hidden;
}
#twocolumns{
	float:left;
	width:710px;
	background: url(../images/bg-twocolumns.gif) repeat-y;
}
.twocolumns-holder{
	background: url(../images/bg-twocolumns-t.gif) repeat-x;
}
.twocolumns-frame{
	background: url(../images/bg-twocolumns-b.gif) no-repeat 0 100%;
	overflow:hidden;
	height:1%;
}
.aside{
	float:left;
	width:216px;
	margin-right:8px;
	padding:0 0 10px;
	/*border-right:1px solid green;*/
}
.aside h2{
	margin:0;
	font:bold 1.63em Arial, Helvetica, sans-serif;
	color:#fff;
}
.title{
	background: url(../images/bg-title-01.jpg) repeat-x;
}
.title span{
	display:block;
	/*background: url(../images/bg-title-r.jpg) no-repeat 100% 0;*/
}
.contacto span span{
	display:block;
	overflow:hidden;
	width:136px;
	height:44px;
}
.data-holder{
	background: url(../images/bg-data-b.jpg) no-repeat 0 100%;
	padding:3px 0 15px 5px;
	margin-bottom:5px;
	height:1%;
}
.contact{
	padding:8px 0 0 15px;
	margin-bottom:16px;
}
address span{
	margin-bottom:12px;
	display:block;
	font-style:normal;
}
.contact span{
	display:block;
}

.art{
	margin:0 0 0 15px;
	padding:75px 0 0;
	width:190px;
	line-height:10px;
	font-size:10px;
	background: url(../images/logo-2.gif) no-repeat;
}
.art span{
	line-height:1.18em;
}
#content{
	float:right;
	width:483px;
	padding:0 2px 0 0;
		/*border-left:1px solid green;*/
}
#content h2{
	margin:0;
	font: 1.63em Arial, Helvetica, sans-serif;
	color:#fff;
}
.formulario span span{
	display:block;
	overflow:hidden;
	width:102px;
	height:44px;
}
.person-form{
	padding:13px 57px 0 10px;
}
.person-form p{
	margin:0 0 18px;
	line-height:1em;
}
#content h3{
	margin:-4px 0 11px;
	font:bold 1em Arial, Helvetica, sans-serif;
	border-bottom:1px solid #ccc;
	position:relative;
}
.row{
	padding:0 15px 0 20px;
	overflow:hidden;
	width:381px;
	margin-bottom:11px;
}

.row2{
	padding:0 0 0 13px;
	overflow:hidden;
	width:381px;
	margin-bottom:7px;
}
.row label{
	float:left;
}
.row span label{
	width:189px;
	margin-left:-1px;
}
.text{
	float:right;
	width:259px;
	border:1px  solid #676767;
	padding:0 5px;
}
.area{
	width:269px;
	height:81px;
	border:1px  solid #676767;
	float:right;
	padding:0 5px;
	max-width:269px;
}
.captcha{
	float:right;
	margin-left:5px;
	display:inline;
}
.captcha img{
	display:inline;
}
.text2{
	float:left;
	width:80px;
	border:1px  solid #676767;
	padding:0 5px;
}
.btn{
	float:right;
	width:59px;
	height:21px;
	background: url(../images/btn-enviar.gif) no-repeat 0 -21px;
	border:none;
	cursor:pointer;
}
.btn:hover, .btn.hover{
	background-position:0 0;
}
#sidebar{
	float:right;
	width:154px;
}
.image{
	display:block;
}
.image img{
	display:block;
}
#footer{
	width:869px;
	margin:0 auto;
	padding-bottom:24px;
}
#footer ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
#footer ul li{
	float:left;
	background: url(../images/separator-02.gif) no-repeat 0 2px;
	padding:0 4px 0 5px;
	margin-left:-1px;
}
#footer ul li a{
	color:#666;
}
#footer ul li a:hover{
	color:#8aba23;
	text-decoration:none;
}
/*servicios*/
.title-03{
	background: url(../images/bg-title-03.jpg) repeat-x;
}

/*products*/
.title-02{
	background: url(../images/bg-title-02.jpg) repeat-x;
}
.title-02 span{
	display:block;
	/*background: url(../images/bg-title-r.jpg) no-repeat 100% 0;*/
}
.title-02 span span{
	background: url(../images/bg-title-02-l.jpg) no-repeat;
}
.productos span span{
	display:block;
	width:143px;
	height:44px;
}

.servicios span span{
	display:block;
	width:183px;
	height:44px;
}

.items-w{
	background: url(../images/bg-items.gif) no-repeat 34px 100%;
	padding-bottom:8px;
}
.items{
	padding:14px 0 0 0;
	margin:0 0 0 13px;
}
.items-frame{
	border-left:5px solid #96c037;
	padding-left:11px;
}

.items-frame_serv{
	border-left:5px solid #FF7916;
	padding-left:11px;
	/*width:300px;*/
}

.items ul.serv{
	list-style:none;
	margin:0;
	padding:0 0 0 0px;
	/*width:300px;*/

}
.items ul li.serv{
	margin-bottom:5px;
	/*width:300px;*/

}
.items ul li a.serv{
	font-size:1.09em;
	color:#FF7916;
	/*width:300px;*/
	margin-right:0px;
	padding-right:20px;
	font-weight:bold;
}

.items ul ul li.serv{
	height:1%;
	vertical-align:middle;
	margin-bottom:2px;
}



.items h3{
	margin:0 0 2px;
	font:bold 1.18em Arial, Helvetica, sans-serif;
	color:#87b81c;
}

.items ul{
	list-style:none;
	margin:0;
	padding:0 0 0 9px;
}
.items ul li{
	margin-bottom:5px;
}
.items ul li a{
	font-size:1.09em;
	color:#333;
}
.items ul ul{
	padding:2px 0 0 22px;
	margin-bottom:-3px;
}
.items ul ul li{
	height:1%;
	vertical-align:middle;
	margin-bottom:2px;
}
.items ul ul li a{
	color:#666;
	display:block;
	padding:0 0 0 33px;
	width:145px;
	margin:0 0 0 -38px;
	position:relative;
}
.items ul ul li a span{
	padding:0 15px 0 0;
}
.items ul ul li a:hover{
	background:#eee;
	text-decoration:none;
}
.items ul ul li a:hover span{
	background:url(../images/bg-items-hover.gif) no-repeat 100% 2px;
}
.climatizacion span span{
	display:block;
	overflow:hidden;
	width:125px;
	height:44px;
}

.agua_caliente span span{
	display:block;
	overflow:hidden;
	width:200px;
	height:44px;
}

.tit_conten_servicios span span{
	display:block;
	overflow:hidden;
	width:300px;
	height:44px;
}


.scr-holder{
	height:375px;
	padding-bottom:6px;
}
.scrollable {
	height:360px;
	overflow:hidden;
	padding:12px 0 6px 12px;
	width:460px;
}
.scr-cont{
	width:412px;
	padding:0 0 10px;
}
.vscroll-line{
	background: url(../images/bg-scrolline.gif) repeat-y;
}
.vscroll-slider{
	background: url(../images/slider.gif) no-repeat;
	height:49px !important;
	cursor:default;
}
.vscroll-slider:hover{
	background: url(../images/slider-hover.gif) no-repeat;
	height:49px !important;
	cursor:default;
}

.vscroll-bar {
 	height:365px !important;
	top:8px !important;
	overflow:hidden;
}
.vscroll-up,
.vscroll-down { 
	width:29px;
	height:28px;
	overflow:hidden;
	background: url(../images/button-up.gif) no-repeat;
}
.vscroll-down{
	background: url(../images/button-down.gif) no-repeat;
}
.vscroll-up:hover img, .vscroll-down:hover img{
	position:absolute;
	left:-9999px;
	
}
.vscroll-up:hover,
.vscroll-down:hover { 
	background-position:0 -28px;
}

/* Aņadido por Marcos para scroll de servicios -> En naranja */
.vscroll_servicios-line{
	background: url(../images/bg-scrolline.gif) repeat-y;
}
.vscroll_servicios-slider{
	background: url(../images/slider-orange.gif) no-repeat;
	height:49px !important;
	cursor:default;
}
.vscroll_servicios-slider:hover{
	background: url(../images/slider-hover.gif) no-repeat;
	height:49px !important;
	cursor:default;
}

.vscroll_servicios-bar {
 	height:365px !important;
	top:8px !important;
	overflow:hidden;
}
.vscroll_servicios-up,
.vscroll_servicios-down { 
	width:29px;
	height:28px;
	overflow:hidden;
	background: url(../images/button-up-orange.gif) no-repeat;
}
.vscroll_servicios-down{
	background: url(../images/button-down-orange.gif) no-repeat;
}
.vscroll_servicios-up:hover img, .vscroll_servicios-down:hover img{
	position:absolute;
	left:-9999px;
	
}
.vscroll_servicios-up:hover,
.vscroll_servicios-down:hover { 
	background-position:0 -28px;
}
/* Fin aņadido por Marcos para scroll de servicios -> En naranja */


/* Aņadido por Marcos para scroll de secciones -> En gris */
.vscroll_seccion-line{
	background: url(../images/bg-scrolline.gif) repeat-y;
}
.vscroll_seccion-slider{
	background: url(../images/slider_ge.gif) no-repeat;
	height:49px !important;
	cursor:default;
}
.vscroll_seccion-slider:hover{
	background: url(../images/slider-hover.gif) no-repeat;
	height:49px !important;
	cursor:default;
}

.vscroll_seccion-bar {
 	height:365px !important;
	top:8px !important;
	overflow:hidden;
}
.vscroll_seccion-up,
.vscroll_seccion-down { 
	width:29px;
	height:28px;
	overflow:hidden;
	background: url(../images/button-up_ge.gif) no-repeat;
}
.vscroll_seccion-down{
	background: url(../images/button-down_ge.gif) no-repeat;
}
.vscroll_seccion-up:hover img, .vscroll_seccion-down:hover img{
	position:absolute;
	left:-9999px;
	
}
.vscroll_seccion-up:hover,
.vscroll_seccion-down:hover { 
	background-position:0 -28px;
}
/* Fin aņadido por Marcos para scroll de secciones -> En gris */


#scrollslider0{
	height:49px !important;
}
#content .scrollable h3{
	margin:0 0 2px;
	position:static;
}
.breadcrumbs{
	margin:0 0 10px;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	color:#333;
}
.breadcrumbs li{
	float:left;
	background: url(../images/bg-breadcrumbs.gif) no-repeat left;
	padding:0 11px 0 10px;/*0 14 0 13 */
	margin:0 0 0 -10px;
}
.breadcrumbs a{
	color:#999;
}
.breadcrumbs li span{
	text-decoration:underline;
	color:#999;
	padding:0 0 0 2px;
}

.breadcrumbs li span span{
	text-decoration:none;
	color:#999;
	padding:0 0 0 2px;
}

.operations{
	list-style:none;
	margin:0 0 14px;
	padding:0;
	float:right;
}
.operations li{
	float:left;
	margin:0 3px 0 0;
}
.operations li a{
	float:left;
}
.operations li a img{
	display:block;
}
.video{
	padding-left:48px;
	clear:right;
	margin-bottom:10px;
}
.video img{
	display:block;
}
.scrollable h4{
	margin:0 0 6px;
	font:bold 1em Arial, Helvetica, sans-serif;
}
.scrollable p{
	margin:0 0 9px;
	font-size:1em;
	line-height:1.1em;
}
.ref{
	color:#8ABA23;
	text-decoration:underline;
}
.ref:hover{
	text-decoration:none;
}
.energias span span{
	display:block;
	overflow:hidden;
	/*width:325px;*/
	width:196px;
	height:44px;
}
.renovables span span{
	display:block;
	overflow:hidden;
	width:176px;
	height:44px;
}
.energia{
	list-style:none;
	margin:0 0 27px;
	padding:14px 0 0 13px;
	width:180px;
}
.energia li{
	margin-bottom:10px;
	height:1%;
	vertical-align:middle;
}
.energia li a{
	font-size:1.09em;
	display:block;
	padding:0 0 0 37px;
	color:#666;
}
.energia li a:hover{
	background:#eee url(../images/bg-items-hover.gif) no-repeat 163px 2px;
	text-decoration:none;
	color:#333;
}

.obra{
	list-style:none;
	margin:0 0 130px;
	padding:14px 0 0 13px;
	width:180px;
}
.obra li{
	margin-bottom:10px;
	height:1%;
	vertical-align:middle;
}
.obra li a{
	font-size:1.09em;
	display:block;
	padding:0 0 0 37px;
	color:#666;
}
.obra li a:hover{
	background:#eee url(../images/bg-items-hover.gif) no-repeat 163px 2px;
	text-decoration:none;
	color:#333;
}
.intro{
	padding-bottom:10px;
}
.text-holder{
	clear:right;
}
.picture{
	float:left;
	margin:0 8px 8px 0;
}
.picture img{
	display:block;
}
.text-holder p{
	line-height:1em;
}
/*home*/
.home #wrapper{
	padding:0;
}
.home #header{
	width:873px;
}
.wrapper-holder{
	background: url(../images/bg-wrapper-b.gif) repeat-x 0 100%;
}
.home .promo{
	position:relative;
	z-index:1;
}
.home .promo img{
	display:block;
}
.home .sub-nav{
	position:absolute;
	left:0;
	top:0;
}
.sub-nav ul{
	list-style:none;
	margin:0;
	padding:5px 0 0;
	background: url(../images/bg-sub-nav.png) no-repeat;
	width:187px;
	overflow:hidden;
	height:31px;
}
.sub-nav ul li{
	float:left;
	padding:0 14px 0 13px;
}
.sub-nav ul li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	position:relative;
}
.ico-home a{
	background: url(../images/ico-01.png) no-repeat;
	width:31px;
	height:26px;
}
.ico-home a:hover{
	background: url(../images/ico-01-hover.png) no-repeat;
}
.ico-star a{
	background: url(../images/ico-02.png) no-repeat;
	width:32px;
	height:27px;
}
.ico-star a:hover{
	background: url(../images/ico-02-hover.png) no-repeat;
}
.ico-bubble a{
	background: url(../images/ico-03.png) no-repeat;
	width:33px;
	height:28px;
}
.ico-bubble a:hover{
	background: url(../images/ico-03-hover.png) no-repeat;
}
.home .shadow{
	background: url(../images/shadow-home.png) repeat-x;
	margin-bottom:10px;
	width:868px;
}
.home #main{
	width:873px;
}
.columns{
	width:873px;
	background: url(../images/bg-main-home.png) repeat-y;
	overflow:hidden;
}
.columns-b{
	background: url(../images/main-home-b.png) no-repeat;
	height:5px;
	width:873px;
	margin-bottom:4px;
	line-height:1px;
	font-size:1px;
}
.col{
	width:429px;
	float:left;
}
.col h2{
	margin:0;
	overflow:hidden;
	background: url(../images/bg-title-03.jpg) repeat-x;
	width:429px;
	height:44px;
}
.green-block h2{
	background: url(../images/bg-title-04.jpg) repeat-x;
}
.green-block{
	margin-right:10px;
}
.boxes{
	float:left;
	padding:4px 12px 0 10px;
	overflow:hidden;
	position:relative;
}
.box{
	padding:6px 0 18px 4px;
	width:274px;
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #ccc;
	margin:0 0 -1px;
}
.description{
	width:169px;
	float:left;
	border-left:5px solid #ff8a33;
	padding:0 0 0 10px;
}
.box h4{
	font:normal 1.18em Arial, Helvetica, sans-serif;
	margin:0 0 6px;
}
.box ul{
	list-style:none;
	margin:0 0 8px;
	padding:0 0 0 8px;
}
.box ul li{
	margin-bottom:4px;
}
.box ul li a{
	color:#666;
	background: url(../images/bg-breadcrumbs.gif) no-repeat 0 1px;
	padding:0 0 0 16px;
}
.description p{
	margin:0;
	line-height:1em;
}
.leer{
	position:absolute;
	right:0;
	bottom:17px;
	width:66px;
	background: url(../images/leer-orange.gif) no-repeat;
	color:#fff;
	font-size:1.18em;
	padding:2px 0px 0 12px;
	height:19px;
}
.leer:hover{
	background: url(../images/leer-orange-hover.gif) no-repeat;
	text-decoration:none;
}
.imagery{
	float:right;
}
.imagery img{
	display:block;
}
.green-block .description{
	border-left:5px solid #96c037;
}
.green-block .leer{
	background: url(../images/leer-green.gif) no-repeat;
}
.green-block .leer:hover{
	background: url(../images/leer-green-hover.gif) no-repeat;
}
.illustrations{
	width:869px;
	overflow:hidden;
	padding-right:4px;
}
.frame{
	background: url(../images/ill-shadow.png) no-repeat;
	width:141px;
	height:86px;
	padding:1px 0 0 1px;
	float:left;
	margin:0 3px 0 0;
}
.frame img{
	display:block;
}
.ill{
	float:right;
}
.ill img{
	display:block;
}
.slogan-holder{
	border:1px solid #999;
	border-width:1px 0;
	padding:0 2px 1px 1px;
}
.slogan{
	background:#eee;
	overflow:hidden;
	padding:6px 5px 3px 0;
	height:1%;
	line-height:11px;
}
.slogan span{
	float:right;
	width:170px;
	margin-left:10px;
	padding:5px 0 0;
}
.logo-3{
	float:right;
}
.logo-3 img{
	display:block;
}

.lista-imagen{
	float:left;
	padding-right:8px;
	padding-bottom:8px;
}


.lista-imagen_bottom{
	float:left;
	padding-right:8px;
	padding-bottom:8px;
	margin-bottom:20px;
}

.subrayado {
text-decoration: underline;
}

.negrita {
font-weight: bold;
color: #FF6600
}
.negrita2 {
font-weight: bold;
}
.sub-marg {
text-decoration: underline;
padding-top:20px;
}

.introduccion {
padding-top:35px;
}

.picture_2{
	float:left;
	margin:0 8px 8px 0;
	padding-right:10px;
	padding-bottom:3px;
}

.menu_servicios{
	margin:0 0 2px;
	font:bold 1.18em Arial, Helvetica, sans-serif;
	color:#FF7109;
}


.border_left_top { border-left:1px solid #cccccc; border-top:1px solid #ccc; text-align:left; }
.border_left_top_aizq { border-left:1px solid #ccc; border-top:1px solid #ccc;  }
.border_left_top_der { border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; }
.border_left_top_der_aizq { border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; text-align:left;}
.border_left_top_bottom { border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; text-align:left; }
.border_left_top_der_bottom { border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom: 1px solid #ccc;  }

.border_left_top_ader { border-left:1px solid #ccc; border-top:1px solid #ccc;  text-align:right;}
.border_left_top_der_ader { border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; text-align:right;}
.border_left_top_bottom_ader { border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; text-align:right; }
.border_left_top_der_bottom_ader { border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom: 1px solid #ccc; text-align:right; }