/*--------------------------------------------------------------------
LAYOUT SERVICOS e OUTROS(IE8+ FF1.5+ Opera9+)

Version: 	1.0 - 2011
author: 		Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(corpo.css);

/*遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙
=SERVICOS
垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂*/
.servicos #content div, .camp #content div{
	width: 100%; overflow: hidden; min-height: 118px; margin: 0; padding: 20px 0 20px 0;
	background: transparent url(../imgs/servicos-separador.png) no-repeat 110px 0;
}
.servicos #content div:first-child{background: none; padding: 0 0 20px 0;}
.servicos #content article{position: relative; float: left; width: 442px;}
.servicos #content div article:first-child{ padding-right: 26px;}
.servicos #content article img{float: left; margin: 30px 25px 0 0;}
.servicos #content article h4, .servicos #content article p{float: left; width: 300px;}
.servicos #content article h4{font: 20px "dB", Helvetica, Arial, sans-serif; color: #293541; margin-bottom: 5px;}
.servicos #content article p{line-height: 18px;}
.servicos #content article p strong{color: #293541;}


/*遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙
=CAMPANHAS
垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂*/
.camp #content div{background: none;	padding-top: 0;}
.camp #content section{position: relative; float: left; width: 279px;}
.camp #content div section:first-child{ padding-right: 58px; width: 572px;}
.camp #content section img{background:#ffffff; margin: 0 0 19px 0;}
.camp #content section h4{font: 24px "dB", Helvetica, Arial, sans-serif; color: #293541; margin:-6px 0 15px 0;}
.camp #content section h5{font: 18px "dB", Helvetica, Arial, sans-serif; margin-bottom: 10px; color: #e25700;}
.camp #content section h6{font: 15px "dB", Helvetica, Arial, sans-serif; color: #293541; margin-bottom: 5px;}
.camp #content section p{line-height: 18px; font-size: 14px;}
.camp #content section.lado p{line-height: 16px; font-size: 12px; padding-bottom: 5px; color: #787878;}
.camp #content section.lado article{
	padding: 13px 0 13px 0;	background: transparent url(../imgs/servicos-separador.png) no-repeat left bottom;
}
.camp #content section.lado article.first{padding: 0 0 13px 0;}
.camp #content section.lado a{font-size: 12px; font-weight: bold; color: #2a3642;  border-bottom: 1px solid #e45300;}
.camp #content section.lado a:hover{ border-bottom: 1px solid transparent;}

.camp #content #formArquivo h6{font: 13px "dB", Helvetica, Arial, sans-serif; color: #e25700; margin:13px 0 3px 0;}
.camp #content #formArquivo select{
	position: relative;  height: 20px;  margin-top: 2px;
  font: normal 12px/22px Helvetica, Arial, sans-serif; color: #959595; 
}
#formArquivo button.btnEnviar{ 
	width: 75px; height: 23px; text-indent: -5555px;	
	overflow: hidden; vertical-align: middle;  background: transparent url(../imgs/btn-ok.png) no-repeat left top;
	margin: 0; padding:0; border: 0; cursor: pointer; 
}
#formArquivo button.btnEnviar:hover{ background: transparent url(../imgs/btn-ok.png) no-repeat left bottom;}

/*遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙遙
=CONTACTOS
垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂垂*/
.bigH.contactos #content{min-height: 127px;}
.contactos .contentMapa{position: relative; width: 958px; margin: 0 auto;}
.contactos #content .top h4{font: 24px "dB", Helvetica, Arial, sans-serif; color: #293541; margin:-6px 0 15px 0;}
.contactos #content section {overflow: hidden;}
.contactos #content section div{position: relative; float: left;  width: 445px;}
.contactos #content section div:first-child{width: 442px; padding-right: 20px; font-size: 14px;}
.contactos #content section em{font-weight: bold; color: #e45300;}
.contactos #content section a{font-weight: bold; color: #2a3642; border-bottom: 1px solid #e45300;}
.contactos #content section a:hover{border-bottom: 1px solid transparent;}
.infoForm{font-size: 12px; padding-top: 40px; line-height: 16px;}

.contactos #content #openForm{height: 490px; height: auto; display: none;}
.contactos #content #openForm div, .contactos #content #openForm form{padding-top: 20px;}
.contactos #content #openForm  p{margin: 0 0 15px 0;}
.contactos #content #openForm  legend{display: none;}
.contactos #content #openForm label{
	display: inline-block; width: 140px; vertical-align: top; padding: 0;
	font-size: 13px; line-height: 30px; color: #7a7a7a;  font-weight: bold; 
}
.contactos #content #openForm  input, .contactos #content #openForm  textarea{
	margin: 0; padding: 0 5px; width: 240px; height: 30px; vertical-align: middle;
	font: bold 13px/30px Helvetica, Arial, sans-serif; color: #4f4f4f;
	background-color: #f7f7f7; border: 1px solid #d6d6d6; text-indent: 5px;
}
.contactos #content #openForm  input.numeros{width: 112px;}
.contactos #content #openForm  textarea{height: 100px;}
.contactos #content #openForm  input:hover, .contactos #content #openForm  textarea:hover{border: 1px solid #293541;}
.contactos #content #openForm  button.btnEnviar{ 
	font-size: 12px; font-weight: bold; color: #2a3642; left: 343px; position: relative;
	overflow: hidden; vertical-align: middle;  background: transparent;
	margin: 0; padding:0; border: 0; cursor: pointer; border-bottom: 1px solid #e45300;
}
.contactos #content #openForm  button.btnEnviar:hover{border-bottom: 1px solid transparent;}
.contactos #content #openForm  .last{
		margin: 20px 0 0 0; padding: 15px 0 0 0;
		background: transparent url(../imgs/formContactos-separador.png) no-repeat;
}
.contactos #content #openForm  p.erroQuero{font-size: 13px; color: #e25700; padding:0; margin: 10px 0; line-height: 13px;}
.contactos #content #openForm  p.okQuero{font-size: 13px; color: #5b951d; padding:0; margin: 10px 0; line-height: 13px;}
.contactos #content #openForm  input.erro{color: #e25700; border: 1px solid #e25700;}

/* Select concelho-> use jquery plugin*/
#formContact p{position: relative;}
.contactos #content #openForm select{border: 0;}
.contactos #content #openForm .selectbox{
	 position: relative;  width: 252px; height: 32px; margin: 0; padding: 0; border:0; 
   font: bold 12px/30px Helvetica, Arial, sans-serif; color: #4f4f4f; text-indent: 10px;	
   background: url(../imgs/select-formConcelho.png) no-repeat right top; cursor: pointer; border: 0; 
}
.contactos #content #openForm .selectbox:hover{background-position: right -32px; border: 0;}
.contactos #content #openForm .selectbox:focus{background-position: right -64px;}
.contactos #content #openForm div.selectbox-wrapper {
  position:absolute; width:252px;  z-index: 100; left: 144px;
  border:0; margin:0; padding:0; margin-top:-2px; text-align:left; overflow:auto;
}
.contactos #content #openForm div.selectbox-wrapper ul{margin: 0; padding: 0;  float: none;}
.contactos #content #openForm div.selectbox-wrapper ul li.selected{background-color: #eaeaea;}
.contactos #content #openForm div.selectbox-wrapper ul li.current{background-color: #eaeaea;}
.contactos #content #openForm div.selectbox-wrapper ul li{
  display:block; width:250px; height: 30px;	margin:0; padding: 0; 	
  font: bold 12px/30px Helvetica, Arial, sans-serif; text-indent: 10px;
  border: 1px solid #d1d1d1; border-top:1px solid #e1e1e1;
  background-color:#dddddd; cursor:pointer;
}
.contactos #content #openForm div.selectbox-wrapper ul li:last-child{border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}


/* mapa*/
.contentMapa .info{display: none;}
#mapaID{
	position: relative; z-index: 45; width:938px; height: 428px;
	background-color: #e5e3df; line-height: 16px;
	border: 10px solid #FFF;
}
#mapaID a{border: 0; background: none!important;}
#mapaID .infoBox{
	display: block; width: 220px; height: auto; padding: 5px 0 0 0; font-size: 12px;
	background: transparent url(../imgs/contacts-balao.png) no-repeat left top; line-height: 15px;
}
#mapaID .infoBox div{
	display: block; position: relative; float: left; width: 200px; height: auto;
	color: #5d5c5a; padding: 0 10px 30px;
	background: transparent url(../imgs/contacts-balao.png) no-repeat right bottom;
}
#mapaID .infoBox div a{color:#5d5c5a}
#mapaID .infoBox h4, #mapaID .infoBox strong{color: #e75517;}
#mapaID .infoBox h4{font-size: 14px; padding: 5px 0 3px 0;}
#mapaID .infoBox img{z-index: 10;}
/* ENDERECOS */
#enderecos .info{
	display: none; position: absolute; top:40px; right: 50px; width: 210px; height: auto; 
	margin: 0; z-index: 500; 	
}
#enderecos .info div{
	position: relative; width: 175px; height: auto; 
	padding: 20px 20px 20px 20px; margin: 0 0 10px; z-index: 500; 	
	background: transparent url(../imgs/contacts-enderecos-bg.png) repeat;
}
#enderecos .info h3{
	display: block; position: relative; float: right; padding: 5px 0;	width: 75px;
	font-size: 18px; line-height: 16px; font-weight: bold; color: #e75517;
}
#enderecos .info h3 span{
	display: block; font-size: 9px; line-height: 11px; padding-top: 3px;
	text-transform: uppercase; color: #5d5c5a;
}
#enderecos .info h4{
	display: block; padding: 5px 0;
	font-size: 16px; line-height: 16px; font-weight: bold; color: #e75517;
}
#enderecos .info h4 a{display: block;}
#enderecos .info p{font: normal 12px/15px Arial, Helvetica, sans-serif; color: #5d5c5a;}
#enderecos .info a{
	position: relative; margin: 0; padding: 0; text-decoration: underline;
	font: normal 12px/15px Arial, Helvetica, sans-serif; color: #5d5c5a;
}
#enderecos .info span{color: #e75517;}
#enderecos .info p.adr{padding-bottom: 10px;}
#enderecos .info p.gps{display: none;}