/* GENERIC */

html {
	background-image:url(../gfx/bg-html.png);
	background-repeat:repeat-x;
	background-position: center top;
	background-color: #e3f0f1;
	
}

html#home {
	background-image:url(../gfx/bg-html-home.png);
	
}

body {
	font-family: 'PT Sans', sans-serif;
	font-size: 62.5%;
	line-height: 160%;
	background-image: url(../gfx/bg-header-ceu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	/*background-color:#FFFFFF;*/
	
}

#bg-white {
	background-color:#FFFFFF; 
	margin-top: -60px; 
	padding-top:60px
}

#home body {
	background-image: url(../gfx/bg-header-ceu-home.jpg);
	background-color:transparent;
}

body.climatizacao, body.electrodomesticos {
	background-image:url(../gfx/bg-body-climatizacao.png);
}

a {
	outline: none;
}

a:link {
	color: #109ec0;
	text-decoration: none;
	-webkit-transition:color 0.4s ease;  
	-moz-transition:color 0.4s ease;  
	transition:color 0.4s ease;
}
a:visited {
	text-decoration: none;
	color: #109ec0;
}
a:hover {
	text-decoration: underline;
	color: #ff6600;
}
a:active {
	text-decoration: none;
	color: #109ec0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

img {
	vertical-align: bottom;
}

/* CONTAINERS */

#header {
	width: 990px;
	margin: 0 auto;
	/*background-image: url(../gfx/bg-header-energias.png);
	background-repeat: no-repeat;
	background-position: 275px 90px;*/
	min-height: 400px;
	position: relative;
	margin-bottom:10px;
	z-index: 1;
}

#header-content {
	/*float: left;
	margin-top: 30px;*/
	width: 465px;
	position: absolute;
	top:20px;
	left:0;
	z-index:99;

}

#slogan {
	background-image: url(../gfx/fumo.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: -80px;
	padding-left: 80px;
	margin-top: -80px;
	padding-top: 80px;
	height: 149px;
	width: 300px;
}

#slogan.none {
	background-image: none;
}

#descricao {
	width: 180px;
	position: absolute;
	left: 284px;
	top:210px;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
}

#descricao h5 {
	font-size:1.7em;
	color: #36a9ac;
	font-weight: bold;
	margin-bottom:10px;
}

#descricao p {
	font-size:1.1em;
	color: #478895;
	
	line-height: 100%;
}



#slogan h4 {
	position: absolute;
	top:210px;
	left: 10px;
}

#slogan.none h4 {
	font-size:  2.2em;
	color: #9aaec3;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
	top:220px;
}

#slogan.none .descricao {
	position: absolute;
	top:250px;
	left: 10px;
	width:435px;
	line-height: 120%;
	color: #6185a9;
	font-size:1.2em;
	
}

#slogan h4 span{
	display: block;
	background-color: #30a3db;
	border-radius: 2px;
	
	font-size: 1.4em;
	line-height: 100%;
	color: #fff;
	text-shadow: none;
	text-transform: uppercase;
	float: left;
	clear:left;
	padding:5px;
	margin-bottom: 2px;
}

#slogan.trabalhos {
	background-image: url(../gfx/bg-trabalhos.png);
	margin-top: -67px;
	margin-left: -200px;
	width: 748px;
}

#slogan.climatizacao {
	background-image: url(../gfx/bg-climatizacao.png);
	margin-top: -112px;
	margin-left: -125px;
	width: 510px;
	height: 210px;
}

#slogan.electrodomesticos {
	background-image: url(../gfx/bg-electrodomesticos.jpg);
	margin-top: -188px;
	margin-left: -129px;
	width: 600px;
	height: 274px;
}

#slogan.produtos-slogan {
	background-image: url(../gfx/bg-produtos.png);
	margin-top: -112px;
	margin-left: -125px;
	width: 510px;
	height: 274px;
}

#slideshow-back {
	position: absolute;
	top:90px;
	left: 275px;
	z-index:7;
}

#slideshow-back p {
	width: 351px;
	height: 304px;
	overflow: hidden;
}

#slogan.serif h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:2.4em;
	color: #111;
	font-style: italic;
}

#slogan.serif h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	color: #444;
	font-style: italic;
	line-height: 130%;
	margin-bottom: 10px;
}

#slogan.serif h4 {
	
	font-size:1.6em;
	color: #333;
	margin-bottom: 10px;
}

#slideshow-slogan {
	background-image: url(../gfx/img-electrodomestico.png);
	height: 394px;
	width: 473px;
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute;
	top: -5px;
	left: 497px;
	z-index:9;
}

#slideshow-slogan .text-wrapper {
	width:150px;
	float: right;
	margin-right:19px;
	padding-top:25px;
}

#slideshow-slogan .facebook-like {
	float: left;
	margin-left:304px;
	margin-top:100px;
	height:25px;
}

#slideshow-slogan h5 {
	color: #cecfcd;
	font-weight: bold;
	text-transform: uppercase;
	font-size:1.3em;
	margin-bottom:15px;
	width:170px;
}

#slideshow-slogan p {
	color: #f8fbfe;
	font-weight: bold;
	text-transform: uppercase;
	font-size:1.5em;
}

#slideshow-slogan #slideshow-text {
	height: 99px;
	width: 173px;
	float: left;
	background-image: url(../gfx/barra-laranja.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-top: 15px;
	margin-left: 285px;
}

#slideshow {
	background-image: url(../gfx/bg-slideshow.png);
	height: 408px;
	width: 279px;
	padding-left: 48px;
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute;
	top: -5px;
	left: 449px;
	z-index:9;
}

#conteudo {
	margin-bottom:20px;
}

#conteudo div {
	display: none;
}

#slideshow p {
	overflow: hidden;
	width:280px;
	height: 370px;
}

#slideshow-2 {
	width: 189px;
	height: 284px;
	position: absolute;
	top: -5px;
	right:20px;
	z-index: 8;
}

#slideshow-text {
	height: 99px;
	width: 173px;
	float: right;
	background-image: url(../gfx/barra-laranja.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-top: 10px;
}

#middle {
	background-color: #f0f1f3;
	/*margin-top: 40px;*/
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 2px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;	
}

#middle-min  {
	background-color: #f0f1f3;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 2px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
	margin-bottom:20px;
}


#middle-min  ul li {
	float: left;
	display: block;
	padding-left: 64px;
	padding-right: 64px;
	background-image: url(../gfx/bg-middle-nav-min.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 54px;
}

#middle-min  ul li a {
	display: block;
	background-image: url(../gfx/nav-middle.png);
	background-repeat: no-repeat;
	float: left;
	
	font-size:1.4em;
	color: #234C71;
	text-decoration: none;
	height: 30px;
	padding-left: 40px;
	text-transform: uppercase;	
	margin-top:13px;
	opacity: 0.75;
	-webkit-transition:all 0.4s ease;  
	-moz-transition:all 0.4s ease;  
	transition:all 0.4s ease;
}

#middle-min  ul li a:hover{
	opacity: 1;
}

#middle-min  ul li a.onde{
	background-position: 0px -100px;
}

#middle-min  ul li a.entre{
	background-position: 0px -300px;
}

#middle-min  ul li a.trabalhos{
	background-position: 0px 0px;
}

#middle-min  ul li a.pedir{
	background-position: 0px -200px;
}


#fb-send {
	margin-top:14px;
	float: left;
	width:53px;
}

#fb-like {
	float: right;
	margin-top:-25px;
	background-image: url(../gfx/shadow-fb.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 3px;
}

#scroll {
	height:200px;
	float: left;
	width:703px;
	overflow: hidden;
}

#rodape {
	background-color:#e3f0f1;
	padding-bottom: 30px;
	padding-top:17px;
	text-shadow: 0px 1px 0px #fff;
}

#rodape .wrapper {
	width:970px;
}

#rodape .wrapper {
	position: relative;
}

.wrapper {
	width:950px;
	padding: 0px 20px;
	margin: 0 auto;
}

.wrapper.no-padding {
	width:970px;
	padding: 0;
}




.balao {
	background-image: url(../gfx/balao-middle.png);
	height: 92px;
	width: 196px;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

a.fb {
	background-image: url(../gfx/badge-fb.png);
	height: 32px;
	width: 32px;
	display: block;
	position: absolute;
	top: -5px;
	right: -15px;
	text-indent: -9999px;
}

a.fb:hover {
	opacity: 0.75;
}

.bloco {
	float: left;
}

#outlet .bloco {
	width:200px;
	border-right: 1px dotted  #aca;
	padding-right:20px;
	margin-right:20px;
	height:200px;
}

#outlet .bloco:last-child {
	margin-right:0px;
}

#outlet .bloco.produto {
	text-align: center;
	position: relative;
}

#outlet .bloco.produto a {
	display: block;
	-webkit-transition:all 0.4s ease;  
	-moz-transition:all 0.4s ease;  
	transition:all 0.4s ease;
}


/*#outlet .bloco.produto a:hover {
	margin-top:-10px;
}*/

#outlet .bloco.produto .info {
	position:absolute;
	width:180px;
	z-index: 5;
	bottom: 20px;
	left: 10px;
	display:none;
	opacity: 0;
}

#outlet .bloco.produto .info  span{
	display:block;
	font-size: 1.2em;
	color: #fff;
	text-align: left;
	padding: 3px 5px;
	float: left;
	clear: left;
	margin-bottom:1px;
}

#outlet .bloco.produto .info .pvp{
	background-color: #ff6600;
	font-weight: bold;
}

#outlet .bloco.produto .info .referencia {
	background-color: #ff6600
}

#outlet .bloco.produto .info .titulo {
	background-color: #d9d9d9;
	color: #5a5857;
}


#outlet {
	width: 950px;
	padding: 20px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	height: 200px;
}

#outlet span.bar {
	background-color: #edeef0;
	height: 2px;
	width: 100px;
	position: absolute;
	left: -30px;
	top: 0px;
}

#nav-outlet {
	position: absolute;
	bottom: -57px;
	left:444px;
	width: 102px;
}

#nav-outlet a{
	display: block;
	background-image: url(../gfx/nav-outlet.png);
	height: 36px;
	width: 51px;
	float: left;
	text-indent: -9999px;
}

#nav-outlet a.prev{
}

#nav-outlet a.next{
	background-position: -51px 0px;
}

#bt-outlet {
	position: absolute;
	top: -58px;
	left:445px;
	width: 102px;
}

#bt-outlet a {
	background-image: url(../gfx/bt-outlet.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 102px;
	display: block;
	
	font-size:1.6em;
	color: #5f5954;
	text-align: center;
	line-height: 36px;
	text-transform: uppercase;
}

#bt-outlet a:hover {
	text-decoration: none;
	color:#999;
}

#cycle-nav {
	/*margin-top:5px;
	margin-left:10px*/
	position:absolute;
	z-index: 120;
	bottom:48px;
	left: 58px;
}


#cycle-nav a {
	background-image: url(../gfx/cycle-nav.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-indent: -9999px;
	height: 8px;
	width: 9px;
	margin-right:2px;
	background-position: 0px 0px;
}

#cycle-nav a.activeSlide {
	background-position: 0px -8px;
}

#slideshow-2-wrapper {
	width: 189px;
	height: 284px;
	overflow: hidden;
}

/* TYPO */

#conteudo h4 {
	font-weight: bold;
	font-size:1.4em;
	line-height: 100%;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 10px;
}

#header-content h2 {
	font-weight: bold;
	font-size:3.2em;
	line-height: 100%;
	text-transform: uppercase;
	color: #6e97c3;
	margin-bottom: 10px;
}

#header-content h2 strong {
	font-weight: normal;
	
	display: block;
	color: #109ec0;
}

p.slogan {
	color: #666;
	font-size:1.2em;
	width:300px;
	margin-bottom: 10px;
}

.serif .left p{
	font-size:1.2em;
	width:150px
}

.serif .right p{
	font-size:1.2em;
}

.serif .right p em{
	color: #999;
}

#slideshow-text h3 {
	font-weight: bold;
	font-size: 1.6em;
	color: #333;
	/*letter-spacing: 0.1em;*/
	margin-bottom: 5px;
}

#slideshow-text a {
	color: #6f6f6e;
}


#slideshow-text p, #conteudo p  {
	font-size: 1.2em;
}

#middle h2 {
	font-weight: bold;
	font-size: 1.4em;
	color: #92a1c3;
	text-transform: uppercase;
	margin-left: 10px;
}

#middle h3, #conteudo h3, .fbox h3 {
	font-weight: bold;
	font-size: 1.4em;
	color: #1397d8;
	text-transform: uppercase;
	margin-bottom:5px;
}

#middle p {
	color: #4f6aa3;
	font-size:1.1em;
}

.img-promo {
	position: absolute; 
	top:0;
	right: -20px;
}

.pvp-promo {
	background-image: url(../gfx/promo-preco.png);
	display: block;
	height: 29px;
	background-repeat: no-repeat;
	font-size: 1.2em;
	line-height: 34px;
	font-weight: bold;
	color: #FFF;
	padding-left: 15px;
	padding-right: 10px;
	text-shadow: none;
	position:absolute;
	bottom:-10px;
	left: 20px;
}

.middle-comp {
	float: right;
	padding: 10px;
	margin-right:-60px;
	margin-top: -30px;
	position: relative;
}

.middle-comp h4 {
	position: absolute;
	top:50px;
	left: 50px;
	
}

.middle-comp h4 span{
	display: block;
	background-color: #30a3db;
	border-radius: 2px;
	
	font-size: 1.4em;
	line-height: 100%;
	color: #fff;
	text-shadow: none;
	text-transform: uppercase;
	float: left;
	clear:left;
	padding:5px;
	margin-bottom: 2px;
}

.bloco h4 {
	
	font-size:1.6em;
	text-transform: uppercase;
	color: #ed1c24;
	margin-bottom: 10px;
}

#outlet .bloco p {
	color: #7f7f7f;
	font-size:1.2em;
	margin-bottom:10px;
}

/* LIST */

.categorias {
	float: left;
	width:150px;
}

.categorias li {
	clear:left
}

.categorias li a{
	border-radius: 2px;
	display: block;
	background-color: #109ec0;
	color: #fff;
	font-size:1.2em;
	padding: 5px 10px;
	
	float: left;
	margin-bottom:2px;
	-webkit-transition:all 0.2s ease;  
	-moz-transition:all 0.2s ease;  
	transition:all 0.2s ease;
}

.categorias li a.all{
	background-color: #333;
}

.categorias li a:hover{
	background-color: #ed1c24;
	text-decoration:none;
}

.produtos {
	float: left;
	width:765px;
	border-left: 1px solid #ddd;
	padding-left:10px;
	margin-left:20px;
}

.produtos li {
	display: block;
	width:150px;
	float: left;
	margin-left: 20px;
	margin-bottom:40px;
	border-right: 1px dashed #ddd;
	padding-right:20px;
}

/*.produtos li:nth-child(4n+4) {
	border-right: none;
	padding-right:0;
}
.produtos li:nth-child(4n+1) {
	clear: left;
}*/

.produtos li a {
	text-decoration: none;
	display: block;
}


.produtos li h2 {
	color: #ed1c24;
	
	font-size:1.4em;
	margin-top:10px;
}

.produtos li  p.preco {
	color: #cb0000;
	font-weight: bold;
	margin-bottom:10px
}

.produtos li  p {
	color: #666;
}

.produtos li img {
	border: 1px solid #eee;
	background-color: #fff;
	padding:5px;
	display: block;
}

.produtos li a {
}

#nav {
	float: right;
	position: relative;
	right:-12px;
}

#nav li {
	display: block;
}

#nav li a {
	font-weight: bold;
	font-size:1.6em;
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	background-color: #ed1c24;
	border-radius:2px;
	margin-bottom:2px;
	color: #fff;
	/*text-shadow: 0px 1px 0px rgba(0,0,0,0.25);*/
	text-align: right;
	-webkit-transition:all 0.4s ease;  
	-moz-transition:all 0.4s ease;  
	transition:all 0.4s ease;
	float: right;
	clear: right;
	line-height: 100%;
}

#nav li a:hover, #nav li a.active{
	background-color: #b2151b;
	/*background-color: #fff;
	color: #ed1c24;*/
	text-shadow:none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 40px;
}

#nav-middle {
	float: left;
	margin-right: 25px;
	margin-left: 40px;
}

#nav-middle li {
	display: block;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	line-height: 100%;
	padding-top: 10px;
	
	color: #234c71;
}

#nav-middle li a {
	
	font-size:1.4em;
	color: #234c71;
	display: block;
	text-transform: uppercase;
	line-height: 100%;
	opacity: 0.75;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	background-image: url(../gfx/nav-middle.png);
	background-repeat: no-repeat;
	padding-left:40px;
	margin-right: 20px;
	margin-left: 20px;
}

#nav-middle li a:hover {
	opacity: 1;
	text-decoration: none;	
}

#nav-middle li a.onde {
	background-position: 0px -100px;
}

#nav-middle li a.trabalhos {
	background-position: 0px 0px;
}

#nav-middle li a.pedir {
	background-position: 0px -200px;
	height:30px;
}

#nav-contactos {
}

#nav-contactos li {
	float: left;
}

#nav-contactos li a{
	background-image: url(../gfx/bt-contact.png);
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	width: 40px;
	text-indent: -9999px;
	margin-right: 15px;
	float: left;
	-webkit-transition:all 0.4s ease;  
	-moz-transition:all 0.4s ease;  
	transition:all 0.4s ease;
}

#nav-contactos li a.formulario{
	background-position: -40px 0px;
}

#nav-contactos li a.partilhar{
	background-position: -80px 0px;
}

#nav-contactos li a.mapa:hover{
	background-position: 0px -60px;
}

#nav-contactos li a.formulario:hover{
	background-position: -40px -60px;
}

#nav-contactos li a.partilhar:hover{
	background-position: -80px -60px;
}

/* PRODUTOS */

a.nav-outlet-home {
	background-image:url(../gfx/nav-setas.png);
	width: 37px;
	height: 56px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left:3px;
	position:absolute;
	top:32px;
}

a#prev_outlet_home {
	background-position: 0px 10px;
	left: -70px;
}

a#prev_outlet_home:hover {
	background-position: 0px -100px;
}

a#next_outlet_home {
	background-position: -37px 10px;
	right: -70px;
}

a#next_outlet_home:hover {
	background-position: -37px -100px;
}



.outlet-wrapper {
	position: relative;
	width:1006px;
	margin: 0 auto;
	height:145px;
}

.scroll-outlet-home {
	width:1006px;
	margin: 0 auto;
	height:165px;
	overflow:hidden;
}

#outlet-home .produto_lista {
	height:145px;
}

.mask {
	width: 74px;
	height: 145px;
	position: absolute;
	top: 0px; 
	right: -1px;
	z-index:150;
	background-image:url(../gfx/mask.png);
}

.mask-left {
	width: 74px;
	height: 145px;
	position: absolute;
	top: 0px; 
	left: 0px;
	z-index:150;
	background-image:url(../gfx/mask.png);
	background-position: 0px -145px;
	display: none;
}


#outlet-home .produto_lista {
	margin-left: 0px;
}

#outlet-home .produto_lista li {
	height:145px;
}

#outlet-home .produto_lista  li:nth-child(3n+3) {
		margin-right:13px;
	}


.climatizacao .produto_lista {
	margin-left: 0px;
}


.produto_lista {
	margin-left: 243px;
	
}

	.produto_lista  li {
		display: block;
		float: left;
		margin-right:13px;
		margin-bottom:16px;
	}
	
	.produto_lista  li:nth-child(3n+3) {
		margin-right:0;
	}
	
	.produto_lista  li a {
		display: block;
		background-image:url(../gfx/bg-produto.png);
		width: 127px;
		height: 137px;
		padding:4px;
		float: left;
		position: relative;
	}
	
	.produto_lista  li a div.facebook-like{
		position:absolute;
		bottom:31px;
		left:-4px;
		display: none;
	}
	
	.produto_lista  li a:hover div.facebook-like{
		display: block;
	}
	
	.produto_lista  li a:hover {
		background-position: 0px -145px;
	}
	
	.produto_lista div {
		float: left;
		margin-left:10px;
		padding-top:10px;
		width:85px;
	}
	
	.produto_lista h3 {
		color: #424242;
		font-size:1.2em;
		text-transform:uppercase;
		line-height: 120%;
		margin-bottom:2px;
	}
	
	.produto_lista small {
		display: block;
		font-size:1.0em;
		color: #989898;
		line-height: 100%;
	}
	
	.produto_lista h4 {
		color: #ed1c24;
		font-size:1.2em;
		font-weight: bold;
		line-height: 100%;
	}
	
	.produto_lista h5 {
		color: #6c6c6c;
		font-size:1.0em;
		line-height: 100%;
		margin: 7px 0px;
	}

.trabalhos-executados {
	
}

	.trabalhos-executados li {
		display: block;
		float: left;
		width: 234px;
		margin-right:10px;
		cursor: pointer;
	}
	
	.trabalhos-executados li:nth-child(4n+4) {
		margin-right:0;
	}
	
	.trabalhos-executados li  a {
		display: block;
		background-image:url(../gfx/bg-trabalhos-executados.png);
		width:230px;
		height: 204px;
		position: relative;
		padding:4px 2px 2px 2px;
		text-decoration: none;
	}
	
	/*.trabalhos-executados li  a:hover {
		background-position: 0px -210px;
		padding:2px 2px 2px 2px;
		height: 206px;
	}*/
	
	
	.trabalhos-executados li a span.hover {
		position:absolute;
		background-image:url(../gfx/bg-trabalhos-hover.png);
		width: 234px;
		height: 175px;
		top:2px;
		left: 0;
		display: none;
	}
	
	.trabalhos-executados li a:hover span.hover {
		display: block;
	}
	
	.trabalhos-executados li  a:hover div.facebook-like{
		display: block;
	}
	
	.trabalhos-executados li  a div.facebook-like{
		position: absolute;
		top:12px;
		left: 12px;
		display: none;
	}
	
	.trabalhos-executados li  a span {
		border-radius: 2px;
	}
	
	.trabalhos-executados li  a:hover span {
		/*border-radius: 0px;*/
	}
	
	.trabalhos-executados li  a span.num-img{
		background-image:url(../gfx/bg-num-img.png);
		/*background-repeat: no-repeat;
		background-position: left center;*/
		position: absolute;
		width:17px;
		height: 13px;
		left: 12px;
		top:138px;
		line-height: 13px;
		padding:0px 0px 0px 20px;
		font-size:1.0em;
		color: #818181;
	}
	
	.trabalhos-executados li  a span.data{
		background-color:#fff;
		position: absolute;
		padding: 0px 5px;
		height: 13px;
		left: 50px;
		top:138px;
		line-height: 13px;
		font-size:1.0em;
		color: #8e8e8e;
		text-transform:uppercase;
	}
	
	.trabalhos-executados li  a span.titulo{
		background-color:#fff;
		position: absolute;
		padding: 2px 5px;
		/*height: 13px;*/
		max-width:200px;
		left: 12px;
		top:152px;
		line-height: 13px;
		font-size:1.2em;
		color: #424242;
		text-transform:uppercase;
		
	}
	
	
#nav-setas a {
	background-image:url(../gfx/nav-setas.png);
	width: 37px;
	height: 56px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left:3px;
}

a#prev {
	background-position: 0px 10px
}

a#prev:hover {
	background-position: 0px -100px;
}

a#next {
	background-position: -37px 10px
}

a#next:hover {
	background-position: -37px -100px;
}

#subnav-desc {
	background-image:url(../gfx/subnav-desc.png);
	width: 456px;
	height: 29px;
	position: absolute;
	top:314px;
	left: -9px;
	
	color: #fff;
	font-size: 1.3em;
	text-transform:uppercase;
	line-height: 29px;
	padding-left: 30px;
	
}

#subnav, #subnav-categorias {
	background-image:url(../gfx/subnav.png);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	width: 486px;
	height: 29px;
	position: absolute;
	top:314px;
	left: -9px;
}

#subnav-categorias {
	background-image:url(../gfx/subnav.png);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	width: 226px;
	height: 29px;
	position: static;
	float: left;
}

#subnav li, #subnav-categorias li{
	float: left;
	position: relative;
}

#subnav li ul, #subnav-categorias li ul{
	position: absolute;
	top: 30px;
	left: 19px;
	background-color:#333;
	border-radius: 2px;
	width: 200px;
	padding: 5px 0px;
	z-index: 99;
	display: none;
	background-image: none;
}

#subnav-categorias li ul{
	display: block;
}


#subnav-categorias li ul{
	left: 0;
}

#subnav li ul li, #subnav-categorias  li ul li {
	float: none;
	position:static;
}

#subnav li ul li a, #subnav-categorias  li ul li a{
	float: none;
	height: auto;
	line-height: 100%;
	font-size: 1.1em;
	color: #ccc;
	text-transform:uppercase;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #666;
	margin: 0px 10px;
	background-image: none;
}


#subnav li a, #subnav-categorias li a{
	display: block;
	float: left;
	height: 29px;
	line-height: 29px;
	
	font-size: 1.3em;
	color: #fff;
	text-transform:uppercase;
	padding-left:35px;
	background-image:url(../gfx/subnav.png);
	background-repeat: no-repeat;
}

#subnav li a:hover, #subnav-categorias li a:hover{ 
	color: #fff;
}

#subnav li a:hover, #subnav-categorias  li a:hover {
	text-decoration: none;
}

#subnav li a.categorias, #subnav-categorias li a.categorias {
	margin-left:19px;
	width:165px;
	background-position: -19px 0px;
}

#subnav-categorias li a.categorias {
	margin-left:0px;

}

#subnav li a.categorias:hover, #subnav-categorias li a.categorias:hover{
	background-position: -19px -30px;
}

#subnav li a.categorias.active, #subnav-categorias li a.categorias.active {
	background-position: -19px -60px;
}

#subnav li a.destaque, #subnav-categorias li a.destaque {
	margin-left:2px;
	width:135px;
	background-position: -221px 0px;
}

#subnav li a.destaque:hover, #subnav-categorias li a.destaque:hover {
	background-position: -221px -30px;
}

#subnav li a.destaque.active, #subnav-categorias li a.destaque.active{
	background-position: -221px -60px;
}

#subnav li a.todos, #subnav-categorias li a.todos{
	margin-left:2px;
	width:83px;
	background-position: -393px 0px;
}

#subnav-categorias li a.todos{
	margin-left:0px;
}

#subnav li a.todos:hover, #subnav-categorias li a.todos:hover{
	background-position: -393px -30px;
}

#subnav li a.todos.active, #subnav-categorias li a.todos.active{
	background-position: -393px -60px;
}


.agentes {
	border: 5px solid #e3f0f1;
	height: 75px;
	padding: 10px;
	position: relative;
	width:902px;
	margin-bottom:40px;
	margin-top: 40px;
}

.agentes h2 {
	font-weight:bold;
	color: #2b2b2b;
	text-transform:uppercase;
	font-size:1.3em;
	
}

.agentes h2 strong {
	display: block;
	font-size:1.54em;
}

.agentes p {
	font-size:1.2em;
	color: #3b3a39;
	line-height: 115%;
	margin-top:3px;
	
}

.marcas {
}

.agentes .marcas {
	position:absolute;
	top:10px;
	left: 189px;
	width:790px;
}

.marcas li {
	float: left;
}

.marcas li a {
	float: left;
	display: block;
	background-image:url(../gfx/bg-marcas.png);
	width: 142px;
	height: 92px;
	padding-left:5px;
	padding-top:5px;
	margin-right:10px;
	margin-bottom:20px;
	margin-top:15px;
}

.marcas li a:hover {
	background-position: 0px -142px;
}

.marcas.bottom li a {
	margin-right:17px;
	margin-top:10px;
}

.marcas.bottom li~.no-margin a {
	margin-right:0;
}

.texto-form {
	font-size:1.6em;
	color: #424242;
	text-transform: uppercase;
	font-weight: bold;
	width: 475px;
}

ul.contactos-lista {
	width:480px;
	margin-top:20px;
	font-size:1.1em;
	
}

ul.contactos-lista li {
	display: block;
	float: left;
	width:160px;
	height: 50px;
	margin-left:20px;
	margin-right:20px;
	color: #333;
	background-image:url(../gfx/icons-contactos.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	margin-bottom:20px;
}

ul.contactos-lista li:hover {
	color: #000;
}

ul.contactos-lista li a {
	color: #333;
}

ul.contactos-lista li strong {
	display: block;
	font-weight: normal;
	color: #686868;
}

ul.contactos-lista li.telefone {
	background-position: 0px -100px;
}


ul.contactos-lista li.horarios {
	background-position: 0px -200px;
}

ul.contactos-lista li.localizacao {
	background-position: 0px -300px;
}

a.mail {
	display: block;
	background-image:url(../gfx/mail-icon.png);
	background-position: left center;
	background-repeat: no-repeat;
	height: 17px;
	line-height: 17px;
	
	font-size:1.1em;
	color: #343434;
	padding-left: 25px;
	text-transform: uppercase;
	margin-top:10px;
}

a.mail:hover {
	text-decoration: none;
}

a.mail span {
	border-bottom: 1px dotted #343434;
}

.banner-outlet {
	width:465px;
	height: 211px;
	padding: 20px 0px 0px 70px;
	background-image: url(../gfx/banner-outlet.jpg);
	margin-left:-68px;
	float: left;
}

.banner-outlet h5 {
	color: #bedfff;
	font-weight: bold;
	font-size: 2.2em;
	line-height:100%;
	text-transform:uppercase;
	margin-bottom:4px;
}

.banner-outlet h6 {
	color: #527292;
	font-weight: bold;
	font-size: 1.7em;
	line-height:100%;
	text-transform:uppercase;
	margin-bottom:5px;
}

.banner-outlet p {
	color: #e7f0f8;
	
	font-size: 1.3em;
	line-height:120%;
	text-transform:uppercase;
	width:225px;
}

.banner-outlet a {
	display: block;
	width: 137px;
	height: 32px;
	border: 3px solid #bedfff;
	color: #fff;
	font-size:1.7em;
	line-height: 32px;
	text-align: center;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: none;
	margin-top:14px;
}

.banner-outlet a:hover {
	border: 3px solid #fff;
}

.banner-energias {
	height: 210px;
	width: 580px;
	position: absolute;
	z-index:99;
	background-image:url(../gfx/banner-montagem.png);
	background-position:left top;
	top:-21px;
	left: 487px;
	padding-top:42px;
	padding-left:20px;
}

.banner-energias h5 {
	color: #eafdc6;
	font-weight: bold;
	font-size: 2.2em;
	line-height:100%;
	text-transform:uppercase;
	margin-bottom:4px;
}

.banner-energias h6 {
	color: #678e1d;
	font-weight: bold;
	font-size: 1.7em;
	line-height:100%;
	text-transform:uppercase;
	margin-bottom:5px;
	width:240px;
}

.banner-energias p {
	color: #eef5e0;
	
	font-size: 1.3em;
	line-height:120%;
	text-transform:uppercase;
	width:235px;
}

.banner-energias a {
	display: block;
	width: 137px;
	height: 32px;
	border: 3px solid #eafdc6;
	color: #fff;
	font-size:1.7em;
	line-height: 32px;
	text-align: center;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: none;
	margin-top:10px;
}

.banner-energias a:hover {
	border: 3px solid #fff;
}

.banner-energias a.trabalhos-executados {
	float:left;
	display: block;
	width: 113px;
	height: 60px;
	border: none;
	color: #7ca036;
	font-size:1.4em;
	line-height: 120%;
	text-align: left;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: none;
	margin-top:-11px;
	margin-left:40px;
	padding-top:10px;
	padding-left:13px;
}

.banner-energias a.trabalhos-executados:hover {
	color: #ed1c24;
	background-image:url(../gfx/banner-montagem.png);
	background-position: 0px -253px;
}

#outlet-home {
	width:100%;
	background-color:#fff;
	height:164px;
	padding-top:38px;
}

.banner-avariados {
	width: 466px;
	height: 235px;
	background-image:url(../gfx/banner-avariados.png);
	margin-top:-16px;
	margin-left:-13px;
	padding-left:20px;
	float: left;
	margin-right:4px;
}

.banner-avariados h4 {
	color: #596d6e;
	line-height: 100%;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	margin-top:25px;
}

.banner-avariados ul {
	float: right;
	margin-top:20px;
	margin-right:12px;
	position: relative;
}

.banner-avariados ul li {
	float: left;
}

.banner-avariados ul li a{
	float: left;
	display: block;
	background-image:url(../gfx/subnav.png);
	background-repeat:no-repeat;
	height: 25px;
	line-height: 25px;
	padding-left:35px;
	color: #fff;
	font-size:1.3em;
	font-weight: bold;
	text-decoration:none;
	text-transform:uppercase;
}

.banner-avariados ul li a.categorias{
	width: 127px;
	background-position: 0px -200px;
}

.banner-avariados ul li a.categorias:hover, .banner-avariados ul li a.categorias.active{
	background-position: 0px -226px;
}

.banner-avariados ul li a.todos{
	width: 54px;
	background-position: -164px -200px;
	margin-left:2px;
}

.banner-avariados ul li a.todos:hover{
	background-position: -164px -226px;
}

.banner-avariados ul li ul {
	position: absolute;
	top: 6px;
	left: 0px;
	background-color:#8fc3c5;
	border-radius: 2px;
	width: 162px;
	padding: 5px 0px;
	z-index: 99;
	display: none;
	background-image: none;
}

.banner-avariados ul li ul li {
	float: none;
	position:static;
}

.banner-avariados ul li ul li a {
	float: none;
	height: auto;
	line-height: 100%;
	
	font-size: 1.1em;
	color: #fff;
	text-transform:uppercase;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #bbdcdd;
	margin: 0px 10px;
	background-image: none;
	
}

.banner-avariados h3 {
	color: #427569;
	line-height: 100%;
	font-size: 2.0em;
	font-weight: bold;
	text-transform: uppercase;
	margin-top:25px;
	width:235px;
	cursor: pointer;
}

.banner-avariados p {
	color: #1d9276;
	line-height: 140%;
	font-size: 1.3em;
	text-transform: uppercase;
	margin-top:10px;
	width:225px;
	cursor: pointer;
}

.banner-ac {
	width: 237px;
	height: 219px;
	background-image:url(../gfx/banner-ac.png);
	float: left;
	padding-left:28px;
}

.banner-ac h3 {
	font-size: 1.6em;
	color: #3c6c71;
	line-height: 100%;
	text-transform:uppercase;
	margin-top:8px;
	font-weight: bold;
}

.banner-ac h4 {
	font-size: 1.4em;
	color: #2b99a7;
	line-height: 120%;
	text-transform:uppercase;
	margin-top:8px;
	font-weight: bold;
	width: 145px;
	margin-top:40px;
}

.banner-ac h4 a, .banner-ac h4 a:link, .banner-ac h4 a:active, .banner-ac h4 a:hover {
	text-decoration: none;
	color: #2b99a7;
}



.banner-facebook {
	width: 199px;
	height: 139px;
	background-image: url(../gfx/banner-facebook.png);
	float: left;
	margin-left:20px;
	margin-top:17px;
	background-repeat:no-repeat;
	background-position: center bottom;
	padding-left: 15px;
	position: relative;
}

.banner-facebook  h3 {
	line-height:100%;
	font-size: 1.4em;
	color: #77b1e5;
	font-weight: bold;
	text-transform: uppercase;
}

.banner-facebook  h4 {
	line-height:100%;
	font-size: 1.4em;
	color: #1397d8;
	font-weight: bold;
	text-transform: uppercase;
	margin-top:15px;
	width: 120px;
}

.banner-facebook a.facebook {
	display: block;
	background-image:url(../gfx/facebook.png);
	width: 32px;
	height: 32px;
	position:absolute;
	top:3px;
	right:26px;
	text-indent: -9999px;
}

.banner-facebook  p {
	color:#6f86b4;
	line-height:130%;
	font-weight: bold;
	font-size:1.1em;
	width:135px;
	margin-top:7px;
}

.fb-send {
	position:absolute;
	bottom:20px;
	left:15px;
}

.banner-facebook  .fb-like {
	position:absolute;
	bottom:20px;
	right:15px;
}

#subnav-clima {
	background-image: url(../gfx/sprite-submenu.png);
	background-repeat: no-repeat;
	width: 486px;
	height: 29px;
	position: absolute;
	top:314px;
	left: -9px;
	background-position: 0px -87px;
}

#subnav-clima li {
	float: left;
	position: relative;
}

#subnav-clima li a {
	display: block;
	float: left;
	height: 29px;
	line-height: 29px;
	font-size: 1.3em;
	color: #fff;
	text-transform:uppercase;
	background-repeat: no-repeat;
	background-image: url(../gfx/sprite-submenu.png);
	text-align:center;
}

#subnav-clima li a:hover { 
	color: #fff;
}

#subnav-clima li a:hover {
	text-decoration: none;
}

#subnav-clima li a.arcondicionado {
	margin-left:19px;
	width:186px;
	background-position: -19px 0px;
}

#subnav-clima li a.arcondicionado:hover {
	background-position: -19px -29px;
}

#subnav-clima li a.arcondicionado.active {
	background-position: -19px -58px;
}

#subnav-clima li a.aquecimento {
	margin-left:2px;
	width:155px;
	background-position: -207px 0px;
}

#subnav-clima li a.aquecimento:hover {
	background-position: -207px -29px;
}

#subnav-clima li a.aquecimento.active {
	background-position: -207px -58px;
}

#subnav-clima li a.outros {
	margin-left:2px;
	width:122px;
	background-position: -364px 0px;
}

#subnav-clima li a.outros:hover {
	background-position: -364px -29px;
}

#subnav-clima li a.outros.active {
	background-position: -364px -58px;
}



.categoria-wrap {
	border: 5px solid #e3f0f1;
	padding:15px;
	margin-bottom:30px;
}

.categoria-wrap h2 {
	font-size:1.3em;
	font-weight: bold;
	color: #2b2b2b;
	text-transform:uppercase;
	line-height: 100%;
	margin-bottom:2px;
}

.categoria-wrap h3 {
	font-size:2.0em;
	font-weight: bold;
	color: #2b2b2b;
	text-transform:uppercase;
	line-height: 100%;
	margin-bottom:10px;
}

.categoria-wrap p {
	color: #626160;
	font-size:1.2em;
}

.sep-clima {
	background-image:url(../gfx/seaprador-clima.png);
	width:970px;
	height: 13px;
	margin-bottom:30px;
	margin-top:-10px;
}

.horarios-rodape {
	width: 194px;
	height: 50px;
	background:url(../gfx/horarios.png) no-repeat;
	float: left;
	margin-left:10px;
	margin-right:10px;
	padding-top: 19px;
	padding-left:12px;
	line-height:130%;
	font-size:1.1em;
	color: #619296;
	text-transform: uppercase;
}

.horarios-rodape  strong {
	display: block;
	font-weight: normal;
	color: #8fb3b6;
}

.contactos {
	width: 120px;
	height: 50px;
	background:url(../gfx/contactos.png) no-repeat;
	float: left;
	padding-top: 19px;
	padding-left:12px;
	line-height:130%;
	font-size:1.1em;
	color: #619296;
	text-transform: uppercase;
}

.contactos em {
	color: #8fb3b6;
	font-style: normal;
}

.facebook-rodape {
	width: 159px;
	height: 47px;
	background:url(../gfx/facebook-rodape.png);
	float: left;
	
	padding-top: 10px;
	padding-left:12px;
	line-height:120%;
	font-size:1.3em;
	color: #8fb3b6;
	text-transform: uppercase;
	margin-top:12px;
	font-weight: bold;
	position: relative;
}

.facebook-rodape a  {
	width:28px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	background:url(../gfx/icon-fb-rodape.png);
	position: absolute;
	top: -12px;
	right: 12px;
}

.facebook-rodape div  {
	position:absolute;
	bottom:-10px;
	left:12px;
}

.credit {
	float: left;
	margin-top:12px;
	height:28px;
	line-height: 120%;
	border-left: 2px solid #fff;
	padding-left:20px;
	text-transform: uppercase;
	color: #a6c9cc;
	padding-top:2px;
	margin-left:10px;
	
	
}

.credit a em {
	font-style:normal;
	display: block;
	color: #a6c9cc;
}

.credit a:hover {
	color: #8fb3b6;
}

.credit a, .credit a:link, .credit a:active  {
	color: #8fb3b6;
	text-decoration:none;
	padding-left:0px;
	display: block;
	float: left;
	width:140px;
}

.credit a:hover em {
	color: #8fb3b6;
}

span.logo {
	background-image:url(../gfx/oq.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	display: block;

	height: 21px;
	float: left;
	display: block;
	width:0px;
}

#logo {
	z-index: 9999;
	position: absolute;
}

.credit a:hover  {
	color: #33757a;
}

form.newsletter p {
	text-transform: uppercase;
	color: #8fb3b6;
	line-height: 120%;
	margin-top:6px;
	margin-left:13px;
	padding:0;
}

span.newsletter-ok {
	position: absolute;
	width: 19px;
	height: 26px;
	top:6px;
	right:7px;
	background-image:url(../gfx/newsletter-ok.png);
	display: none;
}



/* CLASS */

.no-bg {
	background-image: none !important;
	background-repeat: no-repeat;
}

hr.top {
	height: 5px;
	color: #ed1c24;
	background-color: #ed1c24;
	border: none;
	margin: 0;
	padding: 0;
	
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.relative {
	position: relative;
}

#lightwindow {
	position: absolute;
	z-index: 9999;
	width:100%;
	height: 100%;
	top:0;
	left:0;
	display: none;
}

.newsletter {
	margin-top:12px;
}

#input-newsletter {
	width: 235px;
	height: 22px;
	border: 3px solid #fff;
	background-color: #e3f0f1;
	padding: 0px 10px;
	font-size:1.1em;
	color: #619296;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #fff;
	margin: 0;
}

#input-newsletter:hover {
	border: 3px solid #acdbdf;
	color: #3c6b6f;
}

#input-newsletter:focus {
	border: 3px solid #f69450;
	color: #b35819;
}

#bt-newsletter {
	border: none;
	cursor: pointer;
	background: url(../gfx/bt-newsletter.png) transparent;
	width:15px;
	height: 11px;
	background-repeat:no-repeat;
	position: absolute;
	right: 9px;
	top: 9px;
	padding: 0px;
}

/* FORM */

#form-contacto {
	margin-top: 20px;
}

#form-contacto input{
	background-color: #fefefe;
	border-radius: 2px;
	padding: 4px 7px;
	font-size:1.2em;
	color: #333;
	border: 1px solid #d5d6d8;
	margin-bottom:5px;
	width:451px;
	display: block;
}

#form-contacto input:hover{
	border: 1px solid #2b2b2b;
}

#form-contacto input:focus{
	border: 1px solid #ed1c24;
}

#form-contacto textarea{
	background-color: #fefefe;
	border-radius: 2px;
	padding: 4px 7px;
	font-size:1.2em;
	color: #333;
	border: 1px solid #d5d6d8;
	margin-bottom:5px;
	width:457px;
	display: block;
	height:200px
}

#form-contacto textarea:hover{
	border: 1px solid #2b2b2b;
}

#form-contacto textarea:focus{
	border: 1px solid #ed1c24;
}

label {
	color:#111;
	font-weight: bold;
}

input[type=text], select, textarea {
	background-color: #f0f1f3;
	border-radius: 2px;
	padding: 5px 10px;
	font-size:1.1em;
	color: #333;
	border: 1px solid #e9eaed;
	margin-bottom:10px
}	

select {
	width: 285px
}

input[type=submit] {
	background-color: #ed1c24;
	border: none;
	border-radius: 2px;
	padding: 5px 10px;
	color: #fff;
	font-size:1.1em;
	cursor: pointer;
	-webkit-transition:all 0.4s ease;  
	-moz-transition:all 0.4s ease;  
	transition:all 0.4s ease;
}

input[type=submit]:focus {
	background-color: #30A3DB;
}

input#enviar-contacto{
	background-color: transparent;
	border-radius: 0px;
	padding: 0;
	font-size:1.0em;
	color: #333;
	border: none;
	margin-bottom:0px;
	width:45px;
	height: 51px;
	display: block;
	background-image:url(../gfx/bt-enviar-contacto.png);
	position:absolute;
	bottom: 0;
	right: 15px;
}

input#enviar-contacto:hover{
	border: none;
}

input#enviar-contacto:focus{
	border: none;
}

.filial {
	float: left;
	width:173px;
	margin-left:20px;
	margin-top:-9px;
}

.filial p {
	font-size:1.1em;
	color: #77B1E5;
	font-weight: bold;
	margin-top:5px;
}