body {
font-family:"Trebuchet MS", Verdana, Helvetica;
	margin: 0; padding: 0;
	background-color: #F2F2F2;
	font-size:12px;

}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
	-ms-interpolation-mode: bicubic; 
}



a, a:visited {
	color:#003D71 ;
	text-decoration:none;
}

a:hover, a:active {
	color:#ff0000;
	text-decoration:none;
}


.container {
	height: 204px;
	width: 905px;
	margin: 0px auto;
	display:block;
	/*top: 50%; left: 50%;*/	
	background-color: #ffffff;
	padding-bottom: 30px;
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0;
	width: 905px;
}
ul.thumb li {
	margin: 0;
	padding:0px;
	float: left;
	display:block;
	width: 150px;
	height: 204px;
    position: relative;

}
ul.thumb li img {
	width: 150px; 
	height: 204px;
	/*border: 1px solid #ddd;*/
	padding: 0px;	
	/*background: #f0f0f0;*/
	position: absolute;
/*	left: 0; top: 0;*/
}
ul.thumb li img.hover {
	border: none;
}



#dynatip {
	display:none;
	background:url(/sys_imagens/tooltip/black_arrow.png);
	font-size:11px;
	line-height:14px;
	height:88px;
	width:156px;
	padding:15px;
	color:#fff;
	/*_background-color:#fff;*/
	z-index: 100;
}

/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin:0 20px;
	position: relative;
}

#dynatip.bottom {
	background:url(/sys_imagens/tooltip/black_arrow_bottom.png);	
	padding-top:30px;
	margin-top:20px;
	height:75px;
}

#main_cont {
	width:100%;
	overflow:hidden;
	background-color:#FFFFFF;
	display: block;
	float: left;
	height: auto;
}

#maincont_left {
	width:215px;
	display:block;
	float:left;
	height:300px;
	margin:0px;
	padding:0px 0px 0px 15px;
}

#maincont_right {
	width:635px;
	display:block;
	float:left;
	height:auto;
	margin:0px;
	padding:0px 0px 0px 15px;
}


.blocodestaque {
	width:302px;
	height:auto;
	float:left;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	display: block;
	border-top: 1px solid #cccccc;
	margin-bottom:20px;
}

.blocodestaqueleft  {
	width:302px;
	height:auto;
	float:left;
	margin: 0px;
	padding: 0px 15px 0px 0px;
	display: block;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom:20px;
}

.blocodestaqueleft h2, .blocodestaque h2 {
font-family: Trebuchet MS;
color: #444;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.4em;
text-transform:uppercase;

}



#mainbody #mainlogo #logotipo {
	width:149px;
	height:120px;
	display:block;
	float:left;
}
#mainbody #mainlogo #form #loginform label {
	width:110px;
	display:block;
	float:left;
	margin-right:10px;
}

#mainbody #mainlogo #form #loginform #cliente, #mainbody #mainlogo #form #loginform #password {
	width:110px;
	display:block;
	border:none;
	height:20px;
	line-height:20px;
	padding-left:2px;
	float:left;
	margin-top:5px;
}

#mask { 
    background:#678 url(/sys_imagens/expose/mask_gradient_1000.png) no-repeat; 
    background-position:13% 160px; 
}

#mainbody #rodape a {
	width:auto;
	padding:5px;
	margin:0px 5px 0px 0px;
	display:block;
	float:left;
}

#mainbody #main_cont #colunaright h3 {
	height:25px;
	line-height:25px;
	display:block;
	margin-bottom:10px;
	text-transform:uppercase;
	margin-left: 10px;
}

#mainbody #main_cont #colunaleft h3 {
	height:25px;
	line-height:25px;
	display:block;
	margin-bottom:10px;
	text-transform:uppercase;
}#mainbody #mainlogo {
	height:130px;
	display:block;
	margin-top:10px;
}
#mainbody {
	width:905px;
	display:block;
	margin:0px auto;
}
#mainbody #mainlogo #slogan {
	width:405px;
	height:120px;
	display:block;
	float:left;
}
#mainbody #mainlogo #form {
	width:350px;
	height:120px;
	display:block;
	float:left;
}

#mainbody #main_cont #col_left {
	display:block; width:280px; float:left; padding-left:20px;
}

#mainbody #main_cont #destaques  {
	display:block;
	width:143px;
	padding-left:10px;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	border-top:1px solid  #003E71;
	background-color:#003E71;
	padding-top:5px;
	padding-bottom:5px;
}
#mainbody #main_cont #col_right{
	display:block;
	float:right;
	width:575px;
	margin-right: 20px;
	margin-left: 10px;
}

#mainbody #rodape {
	width:905px;
	height:50px;
	margin-top:20px auto;
	display:block;
}
#mainbody #rodape #copy {
	float:right;
	display:block;
}

#openpanel {
	display:none;
}

/*  CSS PAGINA CONTACTOS */

#mainbody #main_cont #colunaright #map {
	width: 585px;
	height: 420px;
	margin-bottom: 20px;
}
#mainbody #main_cont #colunaright {
	display:block;
	width:605px;
	float:left;
}
#mainbody #main_cont #colunaleft #directions {
	margin-bottom:20px;
	margin-right: 10px;
	padding: 0px;
}
#mainbody #main_cont #colunaleft #contactos {
	display:block;
	height:auto;
	width:auto;
	margin-top:10px;
	padding-right: 10px;
}
#mainbody #main_cont #colunaleft {
	display:block;
	width:280px;
	float:left;
	padding-left:20px
}


#mainbody #main_cont #colunamiddleleft {
	display:block;
	width:290px;
	float:left;
	padding-right:10px;
}

#mainbody #main_cont #colunamiddlerigth {
	width:282px;
	display:block;
	float:left;
	margin:0px;
	padding-left:10px;
	border-left:1px solid #cccccc;
	height:auto;
	padding-right:10px;
}
#mainbody #main_cont #colunamiddle {
	width:282px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	height:auto;
	margin-left: 20px;
}
#mainbody #main_cont #colunamiddleleft #marcas h1, #mainbody #main_cont #colunamiddleleft #produtossemelhantes h1, #mainbody #main_cont #colunamiddleleft #ferramentas h1 {
	height:25px;
	line-height:25px;
	font-size:15px;
	color:#FFFFFF;
	background-color:#ED2E38;
	width:270px;
	padding:0px;
	margin:0px;
	padding-left:20px;
}

#mainbody #main_cont #colunamiddleleft #marcas h1.rega {
	background-color:#62A73C;
}

#mainbody #main_cont #colunamiddleleft #marcas h1.energias {
	background-color:#F05016;
}

#mainbody #main_cont #colunamiddleleft #marcas h1.gas {
	background-color:#F9C517;
	color:#333333;
}

#mainbody #main_cont #colunamiddleleft #marcas h1.climatizacao {
	background-color:#E5282C;
}

#mainbody #main_cont #colunamiddleleft #marcas h1.sanitarios {
	background-color:#F7F7F7;
	color:#333333;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}

#mainbody #main_cont #colunamiddleleft #marcas .sanitarios a, #mainbody #main_cont #colunamiddleleft #marcas .sanitarios a:hover, #mainbody #main_cont #colunamiddleleft #marcas .energias a, #mainbody #main_cont #colunamiddleleft #marcas .energias a:hover {
	padding:0px;
	margin:0px;
	width:270px;
	background-color: transparent;
}

#mainbody #main_cont #colunamiddleleft #marcas h1.agua {
	background-color:#008DBA;
}

#mainbody #main_cont #colunamiddleleft #marcas h1.ferramentas {
	background-color:#000000;
}

#mainbody #main_cont #colunamiddleleft #ferramentas h1{
	background-color:#000000;
	margin-top:40px;
}
#mainbody #main_cont #colunamiddleleft #produtossemelhantes h1{
	margin-top:40px;
}


#mainbody #main_cont #colunamiddleleft #marcas a {
	width:250px;
	margin:0px;
	display:block;
	padding:0px;
	padding-left:40px;
	height:25px;
	line-height:25px;
	font-size:14px;
	text-decoration:none;
	color:#666666;		
	border-bottom:1px solid #666666;
}
#mainbody #main_cont #colunamiddleleft #marcas a:hover {
	width:250px;
	margin:0px;
	display:block;
	padding:0px;
	padding-left:40px;
	height:25px;
	line-height:25px;
	font-size:14px;
	color:#666666;
	background-color:#f2f2f2;
	text-decoration:none;
}

#mainbody #main_cont #colunamiddleleft #marcas a.active {
	width:250px;
	display:block;
	margin:0px;
	padding:0px;
	padding-left:40px;
	height:25px;
	line-height:25px;
	font-size:14px;
	color:#333333;
	text-decoration:none;
	background-color:#f2f2f2;
}
#mainbody #main_cont #colunamiddle h1 {
	width:270px;
	height:auto;
	display:block;
	font-size:14px;
	color:#333333;
	margin:0px;
	padding:0px;
	padding-bottom:20px;
}

#mainbody #main_cont #colunamiddlerigth h1 {
	width:280px;
	height:20px;
	display:block;
	font-size:14px;
	line-height:20px;
	color:#333333;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #666666;
	margin-bottom: 10px;
}

#mainbody #main_cont #colunamiddlerigth span {
	width:125px;
	height:125px;
	display:block;
	float: left;
	margin:5px;
	padding:0px;
	border:1px solid #999999;
}

#mainbody #main_cont #colunamiddlerigth span img {
	margin:auto;
	padding:0px;
	display:block;
	border:0px;
 }




#mainbody #main_cont #colunamiddle .preco_tab, #mainbody #main_cont #colunamiddle .stock {
	width:270px;
	height:25px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:20px;
	line-height:25px;
	margin-right:10px;
	text-align:right;
	font-size:20px;
	color:#333333;
	font-weight:bold;
}

#mainbody #main_cont #colunamiddle .preco_tab span {
color:#999999; 
font-size:12px;
font-weight:normal;

}


#mainbody #main_cont #colunamiddle .stock{
	color:#666666;
	font-size:12px;
	margin-top:20px;
	margin-right: 10px; 
	width:270px;
}

#mainbody #main_cont #colunamiddle .stock span {
	color:#999999; 
	font-size:10px;
	font-weight:normal;
}
.produto {
	width:270px;
	margin-left:20px;
	display:block;
	float:left;
}

.produto div.imagem {
	width:120px;
	height:120px;
	margin-right:5px;
	display:block;
	float:left;
	border:1px solid #CCCCCC;
}

.produto div.imagem img {
	width:120px;
	height:120px;
	margin-right:5px;
	display:block;
	float:left;
}

#ferramentas{
	width:290px;
}

#ferramentas div.separadorf {
	border-right:1px solid #CCCCCC;
	width:5px;
	height:115px;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	float:left;
}

#ferramentas div.imagemr {
	width:138px;
	height:132px;
	display:block;
	float:left;
}

#ferramentas div.imagemr img {
	width:138px;
	height:132px;
	display:block;
	float:left;
}


div.designacao {
	width:270px;
	height:auto;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	float:left;
	padding-bottom:5px;
	border-bottom:1px solid #999999;
	line-height:1.6em;
}


div.result {
width:262px;
display:block;
height:55px;
font-size:12px;
margin:0px;
padding:0px;
padding-bottom:5px;
background-color:#f2f2f2;
padding-left:10px;
padding-top:5px;
margin-top:1px;
}

div.result span {
	width:180px;
	display:block;
	float:left;
	height:50px;
	font-size:12px;
}

div.imagemsmall {
	width:50px;
	height:50px;
	margin-right:10px;
	display:block;
	float:left;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

div.imagemsmall img {
	width:50px;
	height:50px;
	display:block;
	margin:0px;
	padding:0px;
	float:left;
}

div.nextresult a {
	width:252px;
	display:block;
	float:left;
	height:auto;
	font-size:11px;
	padding:10px;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#999999;
	color:#ffffff;
	margin-top:1px;
	margin-bottom:0px;

}

/* SEARCH FORM */
#searchform { margin:20px; font-size:12px; }
#searchform  input { font-size:12px; padding:1px; width:262px; height:20px; }
#suggestions { position: relative; left:0px; width:272px; display:none; }

/* SEARCHRESULTS */
#searchresults {  width:262px;  font-size:10px; line-height:14px; background-color:#FFFFFF; }

.break { clear:both; font-size:1px; line-height:1px; display: block; }

.marca {
	width:140px;
	text-align:center;
	height:60px;
	display:block;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
}

.foto {
	width:275px;
	height:205px;
	border:1px solid #999999;
	display:block;
	float:left;
	margin:0px 10px 20px 10px;
}

#seccao6_container .seccao6_element h1 {
	display:block;
	margin-bottom:20px;
	text-transform:uppercase;
	color:#666666;
	font-size:18px;
}


#seccao6_container .seccao6_element div {
	margin-bottom:20px;
}

#seccao3_container .seccao3_element {
	display:block;
	margin-bottom:20px;
}


#leftcolum{
	width:280px;
	margin:0px 10px 0px 20px;
	padding:0px;
	display:block;
	float:left;
	border-right:1px solid #CCCCCC;
}
#centercolum{
	width:280px;
	margin:0px 10px 20px 10px;
	padding:0px;
	display:block;
	float:left;
	border-right:1px solid #CCCCCC;
}
#rightcolum{
	width:270px;
	margin:0px 10px 20px 10px;
	padding:0px;
	display:block;
	float:left;
}

/* DOCUMENTOS */

/*  leftcolum */
/*  centercolum */
/*  rigthcolum */

#mainbody #main_cont #colunamiddlerigth .documento, .documento {
	width:240px;
	height:40px;
	display:block;
	margin:0px;
	padding:0px;
	padding-left:40px;
	margin-bottom: 20px;
}

#mainbody #main_cont #colunamiddlerigth .pdf, .pdf {
background-image:url(/sys_imagens/icones/pdf.png);
background-repeat:no-repeat;
background-position:left center;
}

#mainbody #main_cont #colunamiddlerigth .documento .titulodoc, .titulodoc {
	width:240px;
	height:20px;
	line-height:20px;
	font-size:14px;
	color:#333333;
	display:block;
	margin:0px;
	padding:0px;
	border:none;
}
#mainbody #main_cont #colunamiddlerigth .documento .tipodocumento, .tipodocumento {
	width:240px;
	height:20px;
	line-height:20px;
	margin:0px;
	padding:0px;
	border:none;
	font-size:11px;
	color:#666666;
	display:block;
}
#seccao7_container .seccao7_element h1 {
	font-size:15px;
	margin-bottom:10px;
	margin-top:10px;
}

#seccao8_container .seccao8_element h1 {
	font-size:15px;
	margin-bottom:10px;
	margin-top:10px;
}

#seccao9_container .seccao9_element h1 {
	font-size:15px;
	margin-bottom:10px;
	margin-top:10px;
}
#mainbody #main_cont #colunamiddleleft #seccao3_container {
	margin-left:20px;
}

/* SEARCH FORM */
#newsform { margin:20px; font-size:12px; width:280px; }
#newsform  input { font-size:12px; padding:1px; width:222px; height:20px; display:block; float:left; margin-right:10px; }

#mainbody #main_cont #colunamiddleleft #pesquisa_rapida h1 {
	height:25px;
	line-height:25px;
	font-size:15px;
	text-transform:uppercase;
	width:270px;
	padding:0px;
	margin:0px;
	padding-left:20px;
	background-color:#F7F7F7;
	color:#333333;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}

#infoform{
display:block;
margin-bottom:20px;
}

#infoproduto {
	width:277px;
	float:left;
	display:block;
}

#infoform #infoproduto label {
	margin-top:10px;
	margin-bottom:5px;
	display:block;
	width:277px;
	float:left;
}

#infoform #infoproduto input, #infoform #infoproduto textarea {
	width:277px;
	float:left;
	height:20px;
	display:block;
}

#infoform #infoproduto textarea{
	height:60px;
}
#mainbody #main_cont #colunaright #colunamiddlerigth #infoform img {
	width:277px;
	height:25px;
	display:block;
	float:left;
}

#mainbody #main_cont #colunaright #colunamiddlerigth #infoform a {
	width:277px;
	height:25px;
	display:block;
	float:left;
	background-image:url(/sys_imagens/enviar.png);
	background-position:top;
	background-repeat:no-repeat;
}

#mainbody #main_cont #colunaright #colunamiddlerigth #infoform a:hover {
	background-position:bottom;
}

#mainbody #main_cont #colunamiddleleft #marcas .submarcas a {
	padding-left:60px;
	font-size:12px;
	width:230px;
}
#mainbody #main_cont #colunaright #seccao11_container .seccao11_element {
	width:565px;
	height:320px;
	margin-left:20px;
	margin-bottom:20px;
	display:block;
}



.endterceiro{
	width:290px; 
	height:1px; 
	display:block; 
	float:left;
	clear:both;
	background-color:#666666; 
	border-bottom:1px solid #666666;
	font-size:1px;
	line-height:1px;
}

#mainbody #main_cont #colunaright #paginacao span {
	width:auto;
	height:20px;
	line-height:20px;
	margin-right:15px;
	padding-left:5px;
	padding-right:5px;
	display:block;
	float: right;
	color:#FFFFFF;
	background-color:#999999;
	border:1px solid #999999;
}


.prod_wrapper_d{
	display:block;
	float:left;
	width:auto;
	height:auto;
	clear:both;
	margin-bottom:20px;
}

.pesquisadiv {
	display:block;
	float:left;
	width:555px;
	padding:0px;
	padding-left:20px;
	height:25px;
	line-height:25px;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	clear:both;
	background-color:#f2f2f2;
	font-size:14px;
	margin-left:20px;
	margin-bottom:20px;
}
.promo_small{
	width:50px; 
	height:50px; 
	margin:0px; 
	float:left;
	margin-left:5px; 
	display:block; 
	background-image:url(/sys_imagens/promo_small.jpg); 
	line-height:50px; 
	color:#FFFFFF; 
	font-size:16px; 
	text-align:center;
}


.promo_text{
	width:210px; 
	height:50px; 
	margin:0px; 
	float:left;
	margin-right:5px; 
	display:block; 
	line-height:50px; 
	font-size:14px; 
	text-align:right;
	color:#666666;
}
#mainbody #main_cont #colunamiddleleft #seccao4_container .seccao4_element {
	margin-top:30px;
}