*{
	margin:0px;
	padding:0px;
}

body {
	background:#fff url(../img/bg_body.gif) left 30px repeat-x;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	text-align:center;


}

h1 {
	width:907px;
	background: #fff url(../img/bg_logo.jpg) left top no-repeat;
	height: 139px;
	text-indent: -9999px;
	overflow: hidden;
}

h2 {
	font-size:1.5em;
	color:#f03725;	
}

h3 {
	font-size:1.2em;
	color:#f03725;
	text-transform: uppercase;
	text-align: left;
	padding: 0px 0px 0px 20px;
}

h4 {
	font-size:1.2em;
	color:#f03725;
	text-align: left;
	padding: 0px 0px 0px 20px;
	text-decoration: underline;
	margin: 18px 0px -12px 0px;
}

h5 {
	border-bottom:2px solid #FF0000;
	color: #4b4988;
	background-color: transparent;
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 0px 27px 0 27px;
	padding-top: 40px;
	text-align: left;
}
a
{
	color:#666;
}


#home h2 { background:transparent url(../img/h2_detalle1.gif) left bottom no-repeat; }
#gas h2,
#gallery h2 { background:transparent url(../img/h2_detalle2.gif) left 15px no-repeat; }
#docu h2 {
	background:transparent url(../img/h2_detalle4.gif) left 15px no-repeat;
	display: block;
}
#calef h2, #clima h2, #placas h2 {
	background:transparent url(../img/h2_detalle3.gif) left bottom no-repeat;
	display: block;
}

#contacto h2 {
	background:transparent url(../img/h2_detalle5.gif) 0px 15px no-repeat;
	display: block;
	margin: 56px 0 0 0!important;
	padding: 0 0 2px 55px!important;
	width: 420px;
	height:25px;
	float: left;
	text-transform:uppercase;
}

#contacto h3 {
	float:right;
	background:transparent url(../img/mapazonal.gif) right bottom no-repeat;
	width: 180px;
	text-align: right;
	color: #4B4988;
	margin-right: 10px;
}

img a {
	border:none;

}

ul {
	list-style-type:none;
	
}

p {
	font-size:1.2em;
	color:000;
	text-align: justify;
	text-indent: 12px;
	margin: 0px 0px 0px 0px;
	padding: 3px 12px 10px 12px;
	line-height: 1.2em;
}

p.gris, li.gris {
	color:#666666;

}

.degrad1 {
	background: #fff url(../img/bg_detalle3.gif) left top repeat-x;
	padding: 4px 5px 0px 0px;
	margin-bottom: -15px;

}

#map {


}

.bloqueA, .bloqueB, .bloqueC {
	float:left;
	width:290px;
	height:337px;
	margin: 0px -8px 0px 14px;
	display: inline;
	background-position: 0px 16px;
	background-repeat: no-repeat;
	background-color:#fff;
	position: relative;
	overflow: hidden;
}

.bloqueA { background-image:url(../img/bg_bloqueA.jpg); }
.bloqueB {
	background-image:url(../img/bg_bloqueB.jpg);
	background-color: #fff;
}
.bloqueC { background-image:url(../img/bg_bloqueC.jpg); }

.bloqueA p, .bloqueB p, .bloqueC p {
	padding:20px 12px 0px 20px;
	margin-left: -10px;
	text-indent: 10px;
	word-spacing: -0.09em;
}

.bloqueC p {
	padding-left:25px;
	padding-right:8px;

}

.portadaImg1 {
	float:left;
	margin:-15px 0px 0px 14px;
	z-index: 1;
	display: inline;
}

.portadaImg2 {
	float:right;
	margin:5px 25px 0px 40px;
}

.portadaImg3 {
	float:right;
	margin:45px 15px 0px 0px;
}

.portadaImg4 {
	float:right;
	margin:60px 15px 0px 0px;
}

.portadaImg5 {
	float:right;
	margin:20px 15px 0px 0px;
}

a.descargarPDF {
	background:transparent url(../img/icon_descargar.gif) left top no-repeat;
	display:block;
	float:right;
	width: 143px;
	height: 51px;
	margin: -4px 7px 8px 0;

}

a.descargarPDF span {
	text-indent:-9999px;
	position: absolute;
}

.copy {
	float:right;
	font-size:1.2em;
	color: #999999;
	margin-right: 23px;
	margin-top: 5px;
	font-weight: bold;
	margin-bottom: 20px;
}

#contenedor {
	width:907px;
	margin:37px auto 00px auto;
	height: 100%;
}


#cuerpo {
	background:#fff url(../img/bg_cuerpo.gif) left 50px repeat-y;
	margin:21px auto 0px auto;
	height:100%;
	overflow: hidden;
}

#clima #cuerpo {
	background:#fff url(../img/bg_cuerpo.gif) left -20px repeat-y;

}

#cuerpo #contenido {
	float:left;
	width: 493px;
	background: #fff url(../img/bg_detalle1.gif) 0 26px repeat-x;
	margin: 28px 0px 0px 13px;
	padding: 0px 0px 0px 0px;
}

#contacto #contenido {
	margin: -25px 14px 0px 0px;
	padding: 0px 0px 0px 20px;
	float: left;
	width: 800px;
	background: none;
}

#contacto #contenido #datos {
	float:left;
	width:279px;
	height: 320px;
	background:#fff url(../img/bg_detalle3.jpg) left top no-repeat;
	margin: 0px 0 0 0;
	padding: 50px 0 0 0;
	display: inline;
	text-align: left;

}

#contacto #contenido #datos img {
	display:block;
	margin: 3px 0 3px 22px;
}


#contacto #contenido #datos p {
	text-align:left;
	text-indent: 0px;
	padding: 5px 20px 5px 27px;
	color: #666666;
	font-weight: bold;
	line-height: 1.6em;

}

#contacto #contenido #datos a {
	font-size:120%;
	margin: 5px 0 0 25px;
	display: block;
	color: #666666;
	font-weight: bold;

}

#placas #cuerpo #contenido {
	float:left;
	width: 400px;
	background: #fff url(../img/bg_detalle4.gif) 0 26px repeat-x;
	margin: 37px 0px 0px 0px;
	padding: 0px 5px 0px 0px;

}



#clima #cuerpo #contenido {
	float:left;
	width: 378px;
	background: #fff url(../img/bg_detalle1.gif) 0 26px repeat-x;
	margin: 26px 0px 0px 0px;
	padding: 0px 5px 0px 0px;

}

#calef #cuerpo #contenido {
	float:left;
	width: 385px;
	background: #fff url(../img/bg_detalle1.gif) 0 26px repeat-x;
	margin: 32px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#calef #cuerpo #contenido p{
	padding:2px 15px 0 8px;

}

#placas #cuerpo #contenido ul {
	padding:0;
	margin:8px 0 5px 40px;
	width: 320px;
	font-size: 1.2em;
	text-align: left;
	display: block;
	position: relative;

}

#placas #cuerpo #contenido ul li{
	background:transparent url(../img/bullet2.gif) left 5px no-repeat;
	padding: 0 0 0 19px;

}

#calef #cuerpo #contenido ul {
	padding:0;
	margin:15px 0 20px 45px;
	width: 320px;
	font-size: 1.2em;
	text-align: left;
	display: block;
	position: relative;

}

#calef #cuerpo #contenido ul li{
	background:transparent url(../img/bullet2.gif) left 5px no-repeat;
	padding: 0 0 0 19px;

}

#calef #cuerpo {
	margin: 21px 0 0px 0;

}

#docu #cuerpo {
	background: #fff url(../img/bg_cuerpo3.gif) left 50px repeat-y;
}

#docu #cuerpo #pdfs {
	margin: -20px 0 0 0;
	padding: 0;

}

#gas #cuerpo {
	background: #fff url(../img/bg_cuerpo2.gif) left 47px repeat-y;
}

#placas #cuerpo {
	background: #fff url(../img/bg_cuerpo3.gif) left 47px repeat-y;
}

#gas #cuerpo #contenido
{

	background: #fff url(../img/bg_detalle2.jpg) left 0px no-repeat;
	margin: -17px 14px 0px 0px;
	padding: 0px 0px 15px 224px;
	float: right;
	width: 653px;
	display: inline;
}

#gallery #cuerpo #contenido {

	background: #fff url(../img/bg_detalle2.jpg) left 0px no-repeat;
	margin: -17px 14px 0px 0px;
	padding: 0px 0px 15px 0px;
	float: right;
	width: 880px;
	display: inline;
}

#gallery #cuerpo #contenido h2 {
	margin:37px 0px 11px 224px;
	text-align: left;
	padding: 0px 0px 1px 8px;
	font-size: 1.4em;
	background-color: #fff;
}



#docu #cuerpo #contenido {
	background: transparent url(../img/bg_detalle4.jpg) 0 0px no-repeat;
	margin: -35px 15px 0px 15px;
	padding: 60px 0px 0px 225px;
	width: 619px;
	display: inline;
	height: 486px;
}

#docu #cuerpo #contenido ul{


}

#docu #cuerpo #contenido ul li {
	display:inline;
	
}

#docu #cuerpo #contenido p {
	background:transparent url(../img/bg_detalle6.gif) left top no-repeat;
	width:595px;
	height:59px;
	display:block;
	padding: 10px 0 0 24px;
	margin: 0 0 7px 0;
	text-transform: uppercase;
	font-size: 1.2em;
	text-align: left;
	color: #4B4B4B;
	text-indent: 0px;

}

#cuerpo #contenido h2 {
	margin:0px 0px 14px 0px;
	/*background:#fff url(img/detalleH2.gif) left bottom no-repeat;*/
	text-align: left;
	padding: 0px 0px 2px 11px;
	font-size: 1.4em;
}

#gas #cuerpo #contenido h2
{
	margin:37px 0px 11px 0px;
	/*background:#fff url(img/detalleH2.gif) left bottom no-repeat;*/
	text-align: left;
	padding: 0px 0px 1px 8px;
	font-size: 1.4em;
	background-color: #fff;
}



#cuerpo #menu {
	background: transparent url(../img/bg_menu.gif) 0px top no-repeat;
	height:44px;
	z-index: 2;
	display: block;
	width: 902px;
	padding: 6px 5px 0px 0;
	margin:0px 0px 0px 0px;
	text-align: right;
}

#cuerpo #menu ul {
	background: #fff url(../img/bg_menuNav2.gif) right top no-repeat;
	float:right;
	margin:8px 10px 0px 0px;
	padding-top:6px;
	font:bold 14px Arial, Helvetica, sans-serif;
/*	height: 30px;*/
	width: 679px;

	height:22px;
	z-index: 2;
	display: inline;
	position: relative;
}

#cuerpo #menu li {
	float:left;
	border-right:2px solid #f03725;
}

#cuerpo #menu li a {
	display:block;
	text-decoration:none;
	color:#979797;
	text-transform:uppercase;
	float:left;
	display:block;
	padding:0px 20px;
}

#home #menu ul li.companyia a,
#docu #menu ul li.documentacio a,
#gas #menu ul li.servicios > a,
#clima #menu ul li.servicios > a,
#calef #menu ul li.servicios > a,
#placas #menu ul li.servicios > a,
#contacto #menu ul li.contact > a,
#gallery #menu ul li.galeria > a

{
	color:#666;
}



#cuerpo #menu li a:hover {
	color:#666;
}

#cuerpo #menu .border-none
{
	border:none;
}

#cuerpo #menu ul ul.subServicios
{
	display:none;
	
	font: bold 12px Arial, Helvetica, sans-serif;
	width:480px;
	height:20px;
	position:absolute;
	left:140px;
	top:20px;
	background:none;
	margin:0;
}

/*#menu ul li:hover ul, #menu ul li.hover ul, 
#menu ul ul li:hover ul, #menu ul ul li.hover ul,
#menu ul ul ul li:hover ul, #menu ul ul ul li.hover ul
{display: block;}*/

#cuerpo #menu > ul li:hover .subServicios
{
	display: block;
}

#cuerpo #menu ul ul.subServicios li
{
	float:left;
	border:none;
}

#cuerpo #menu ul ul.subServicios li a
{
	float:left;
	display:block;
	padding-top:10px;
	padding-bottom:6px;
}


#pie {
	background:#fff url(../img/bg_pie.jpg) left top no-repeat;
	height:39px;
	padding: 35px 23px 0px 0px;
	clear: both;
}

#pie span {
	background:transparent url(../img/bullet.gif) left 3px no-repeat;
	padding:0px 0px 0px 16px;
	font-size:1.2em;
	color: #fff;
	margin-right: 15px;
	float: right;
	font-weight: bold;
}

#pie span a {
	color:#fff;
	text-decoration:none;
}

#pie span a:hover {
	text-decoration:underline;

}

/* Galerķa */

	.caption{
		color:#888;
		position:absolute;
		top:350px;
		left:3px;
		width:200px;
		_left:-230px;
	}
	.demo{
		position:relative;
		margin-top:2em;
	}
	.gallery_demo{width:200px;float:left;}
	.gallery_demo li{width:55px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
	.gallery_demo li.hover{border-color:#bbb;}
	.gallery_demo li.active{border-style:solid;border-color:#222;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	.galleria_container{
		 margin:0 100px 60px 0;
		 _margin:0 50px 60px 0!important; 
		 height:375px;width:500px;
		 float:right; 
	}
	
	.nav{padding-top:15px; clear:both;}
	
	.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
	.info p{margin-top:1.6em;}
	
	.nav{position:absolute;top:410px;left:0;}

/* IDIOMAS */
#en, #es, #de
{
	cursor:pointer;
}
