/*  
Theme Name: CCR Construtora
Theme URL: http://www.ccrsa.pt/construtora/
Author: Magda Joana Silva (magdajoanasilva@gmail.com)
Obs: this stylesheet has been altered to many. Although
the css is correct, the web site could be better implemented
*/

body {  
  background: #3d413d url("../imagens/fundo.jpg") no-repeat top center;  
  color:   #3d413d;
  text-align:  center;
  font-family: Helvetica, sans-serif; 
  line-height: 15px;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}


#conteudo {  	
  background-color: #ffffff;
  width: 800px;
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin:  0px auto 30px auto;
}

.hide {
  color:  #ffffff;
  width:  1px; 
  height: 1px; 
  overflow: hidden;
}

h2 {  
  font-size: 22px;
  padding: 10px 0px 20px 0px;
  margin:  0px 0px 0px 0px;
}
.titulo_apresentacao {  
  font-size:   22px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin:  20px 0px 20px 15px;
}

.titulo_contactos {  
  font-size:   22px;
  font-weight: bold;
  padding: 5px 0px 20px 0px;
  margin:  0px 0px 0px 0px;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* __________________________ cabecalho _____________________________*/

#cabecalho { 
  background-color: #ffffff;  
  width:  800px;
  height: 130px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

#cabecalho a{
  text-decoration: none; 
  color: #ffffff;
}

#logo {
  float: left;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

#logo img {
  border: #ffffff solid 0px;
  width:  116px;
  height: 59px;
  padding: 0px 0px 0px 0px;
  margin:  30px 0px 0px 15px;
}

#banner {
  float: right;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

#banner img {
  border: #ffffff solid 0px;
  width:  640px;
  height: 125px;
  padding: 0px 0px 0px 0px;
  margin:  5px 5px 0px 0px;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* __________________________ texto _________________________________*/

#texto {
  clear:both;
  background: #ffffff url("../imagens/barramenus.jpg") left top  no-repeat;  
  width:  800px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

#texto_home {
  clear:both;
  background: #ffffff url("../imagens/barramenu_home.jpg") left top  no-repeat;  
  width:  800px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

#texto form {
  padding: 15px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

.limpa {
  clear: both;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* __________________________ rodape ________________________________*/

#rodape {
  background-color: #3d413d;
  color:   #ffffff;
  clear:   both;
  height:  30px;
  text-align: left;
  font-size:   11px;
  padding: 0px 0px 0px 15px;
  margin:  0px 5px 10px 155px;
}

#whatdesign {  
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 260px;
}

#whatdesign a {
  text-decoration: none;  
  color: #ffffff;
}

#whatdesign img {
  border: #3d413d solid 0px;
  padding: 0px 0px 0px 0px;
  margin:  9px 0px 0px 0px;

}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* __________________________ menu __________________________________*/

#bloco_menu {
  float: left;
  width:   150px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

#bloco_menu ul {
  list-style: none;
  text-align: right;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

#bloco_menu li {
  color: #3c413d;
  font-size:   12px;
  font-weight: bold;  
  padding: 3px 15px 5px 0px;
  margin:  0px 8px 8px 8px;
}

.tipo_A {
  background-color: #3c413d;
}

.tipo_B {
  background-color: #c6c6c6;
}

#bloco_menu a {
  color: #ffffff;
  text-decoration:  none;
}
	
#bloco_menu input {
  border:  #ffffff solid 0px;
  width:   130px;
  height:  18px;
  border:  #ffffff solid 0px;
  padding: 2px 0px 0px 4px;
  margin:  30px 0px 0px 8px;
}

#pesquisar {
  text-align:  right;
  padding: 0px 0px 0px 0px;
  margin:  5px 8px 0px 0px;
}

#pesquisar input {
  color: #ffffff;
  background-color: transparent;
  text-align:  right;
  font-size:   11px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin:  0px 2px 0px 0px;
}


#submenu {
  text-align:  left;
  font-size:   12px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 8px 0px;
}

#submenu ul {
  background-color: #c6c6c6;
  list-style: none;
  color: #ffffff;
  padding: 3px 0px 5px 0px;
  margin:  0px 8px 0px 8px;
}

#submenu li {
  display: inline;
  padding: 0px 0px 0px 0px;
  margin:  0px 8px 0px 8px;
}

#submenu a {
  text-decoration: none;
  color:  #ffffff;
}

.tipo_C {
  color: #3c413d;
  padding: 0px 30px 0px 0px;
  margin:  0px 0px 0px 30px;
}

.tipo_D {
  color: #3c413d;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* __________________________ apresentacao __________________________________*/

#home_barra_lateral {
  float: left;
  width:   150px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

#home_menu {
  float: left;
  width: 150px;
  text-align:  right;
  font-size:   12px;
  font-weight: bold;
  padding: 145px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

#home_menu ul {
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin:  0px 8px 40px 8px;
}

#home_menu li {
  text-decoration: none;
  padding: 3px 15px 5px 0px;
  margin:  0px 0px 8px 0px;
}

#home_menu a {
  color: #ffffff;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}


#home_menu input {
  border:  #ffffff solid 0px;
  width:   130px;
  height:  18px;
  border:  #ffffff solid 0px;
  padding: 2px 0px 0px 4px;
  margin:  0px 8px 0px 8px;
}

#home {
  float: right;
  width: 650px;
  text-align:  left;
  font-size: 11px;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 30px 0px;
}

.home_flash {
  width:  640px;
  height: 308px;
  background:  #3d413d;
  text-align:  center;
  padding: 0px 0px 00px 0px;
  margin:  5px 5px 0px 5px;
}

.home_noticia_titulo {
  color: #ffffff;
  text-align:  left; 
  font-size:   18px;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 15px 0px;
}

.ver_mais {
  color: #ffffff;
  text-align:  right;
  font-size: 11px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin:  30px 0px 0px 0px;
}

.ver_mais a {
  text-decoration: none;
  color: #ffffff;
}

.ver_mais img {
  border: #3d413d solid 0px;
}

.home_texto {
  clear: both;
  background:  #3d413d;
  color: #c5c7c6;
  text-align:  left;
  font-size: 11px;
  padding: 10px 8px 10px 8px;
  margin:  5px 5px 0px 5px;
}

.home_texto {
  clear: both;
  background:  #3d413d;
  color: #c5c7c6;
  text-align:  left;
  font-size: 11px;
  padding: 10px 8px 10px 8px;
  margin:  5px 5px 0px 5px;
}

.home_texto a {
  text-decoration: none;
  color: #ffffff;
}

.home_noticia_vertical {
  clear: both;
  background:  #3d413d;
  color:  #c5c7c6;
  height: 250px;
  text-align:  left;
  font-size: 11px;
  padding: 10px 8px 0px 8px;
  margin:  5px 5px 0px 5px;
}

.home_noticia_vertical2 {
  clear: both;
  background:  #3d413d;
  color:  #c5c7c6;
  text-align:  left;
  font-family: Helvetica, sans-serif; 
  font-size: 11px;
  padding: 10px 8px 0px 8px;
  margin:  5px 5px 0px 5px;
}

.home_noticia_vertical_texto {
  float: left;
  width:  430px;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

.home_noticia_vertical_altura {
  height: 162px;
}


.home_noticia_vertical_imagem {
  float:   right;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

.home_noticia_vertical_imagem img {
  border: #3d413d solid 0px;
  width:  174px;
  height: 232px;
  text-align:  left;
  font-size: 11px;
  padding: 0px 0px 0px 0px;
  margin:  4px 4px 0px 0px;
}

.home_noticia_horizontal {
  clear: both;
  background:  #3d413d;
  color:  #c5c7c6;
  height: 262px;
  text-align:  left;
  font-size: 11px;
  padding: 10px 8px 0px 8px;
  margin:  5px 5px 0px 5px;
}

.home_noticia_horizontal2 {
  clear: both;
  background:  #3d413d;
  color:  #c5c7c6;
  text-align:  left;
  font-size: 11px;
  padding: 10px 8px 0px 8px;
  margin:  5px 5px 0px 5px;
}

.home_noticia_horizontal_texto {
  float: left;
  width:  295px;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

.home_noticia_horizontal_altura {
  height: 170px;
}


.home_noticia_horizontal_imagem {
  float:   right;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

.home_noticia_horizontal_imagem img {
  border: #3d413d solid 0px;
  width:  309px;
  height: 242px;
  text-align:  left;
  font-family: Helvetica, sans-serif; 
  font-size: 11px;
  padding: 0px 0px 0px 0px;
  margin:  4px 4px 0px 0px;
}

#home_pesquisar {
  color: #3d413d;
  text-align: right;
  padding: 0px 0px 0px 0px;
  margin:  5px 0px 0px 0px;
}

#home_pesquisar input {
  background: transparent url("../imagens/botaopesquisar.png") right top  no-repeat;
  color: #3d413d;
  border:  #3d413d solid 0px;
  width:   130px;
  height:  19px;
  text-align: right;
  padding: 23px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* __________________________ apresentacao __________________________*/
#apresentacao {
  float: right;
  width: 650px;
  text-align:  left;
  font-size: 11px;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

#apresentacao a {
  color: #3d413d;
  text-decoration: none;
}

#apresentacao_B {
  float: right;
  width: 650px;
  text-align:  left;
  font-size: 11px;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

#apresentacao_B a {
  color: #3d413d;
  text-decoration: none;
}

#apresentacao_B ul {
  width: 620px;  
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin:  0px 10px 20px 20px;
}

#apresentacao_B li {
  clear: both; 
  display: inline;
  padding: 0px 0px 0px 0px;
}

.colA {
   float: left;
   width: 420px;
   padding: 5px 0px 10px 0px;
}

.colB {
   float: left;
   text-align: right;
   width: 195px;
   padding: 5px 0px 10px 0px;
}

.colC {
   float: left;
   border-top: #3d413d solid 2px;
   width: 420px;
   padding: 5px 0px 10px 0px;
}

.colD {
   float: left;
   text-align: right;
   border-top: #3d413d solid 2px;
   width: 195px;
   padding: 5px 0px 10px 0px;
}


.colE {
   float: left;
   width: 380px;
   padding: 5px 0px 10px 0px;
}

.colF {
   float: left;
   text-align: right;
   width: 235px;
   padding: 5px 0px 10px 0px;
}

.colG {
   float: left;
   border-top: #3d413d solid 2px;
   width: 380px;
   padding: 5px 0px 10px 0px;
}

.colH {
   float: left;
   text-align: right;
   border-top: #3d413d solid 2px;
   width: 235px;
   padding: 5px 0px 10px 0px;
}

#apresentacao_B img {
  padding: 10px 0px 10px 20px;
}


.apresentacao_texto {
  text-align:  left;
  padding: 25px 8px 20px 8px;
  margin:  2px 5px 40px 5px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* __________________________ obras__________________________________*/

#obras_bloco_central {
  float: right;
  background: transparent url("../imagens/barra.jpg") right top  repeat-y;
  width: 635px;
  text-align:  left;  
  font-size:   16px;
  font-size: 11px;
  padding: 0px 0px 0px 0px;
  margin:  15px 0px 20px 0px;
}


#obras_imagem {
  float: left;
  text-align: left;
  width: 374px;
  font-size:   11px;
  font-family: Helvetica, sans-serif; 
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 50px 0px;
}

#obras_imagem img {
  height: 245px;
  border: #ffffff solid 0px;
  padding: 0px 0px 0px 0px;
  margin:  5px 0px 10px 0px;
}

#obras_imagem ul {
  float: left;
  width: 275px;
  list-style: none;
  font-size:   11px;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 25px 0px;  
}

#obras_imagem li {
  display: block;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;  
}

#obras_imagem span {
  color: #444944;
  padding: 0px 0px 0px 0px;
}

.espaco_imagem{
  width:   374px;
  height:  275px;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;  
}

/*************************/

.obras_dados_obra {
  text-align:  left;
  font-size:   16px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 14px 0px;
}

.obras_titulo_obra {
  font-size:   22px;
  font-weight: bold;
  margin: 15px 0px 25px 0px;
}

.obras_texto_obra {
  clear: both;
  color:   #3d413d;
  text-align:  left;
  font-size:   11px;
  font-family: Helvetica, sans-serif; 
  padding: 0px 0px 0px 0px;
  margin:  0px 8px 14px 0px;
}

#obras_lista {
  float: right;
  color: #ffffff;
  width: 254px;
  text-align:  left;
  padding: 0px 0px 0px 0px;
  margin:  0px 5px 0px 0px;
}

#obras_lista a {
  text-decoration: none;
  color: #ffffff;
}

#obras_lista span {
  text-decoration: none;
  color: #c5c7c6;
}

#obras_lista ul {
  list-style: none;  
  font-size:   10px;
  padding: 0px 0px 0px 0px;
  margin:  10px 0px 0px 0px;
}

.sub_titulo {
  background-color: #c6c6c6;
  color: #3c413d;
  font-size:   12px;
  font-weight: bold;  
  padding: 3px 0px 3px 10px;
  margin:  10px 8px 0px 8px;
}


.foto_vertical {
  clear: both; 
  list-style: none;
}

.foto_vertical img {
  border: #ffffff solid 0px;
  width:  85px;
  height: 113px;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 15px 28px;  
}


.foto_vertical li {
  float: left;
  width: 119px;
  display:  inline;
  position: relative;
  padding:  0px 0px 0px 0px;
  margin:   0px 0px 0px 8px;  
}


.foto_horizontal {
  clear: both;
  list-style: none;
}

.foto_horizontal img {
  border: #ffffff solid 0px;
  width:  113px;
  height: 85px;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;  
}


.foto_horizontal li {
  float:left;
  width: 119px;
  display: inline;
  padding: 0px 0px 15px 8px;
  margin:  0px 0px 0px 0px;  
  position: relative;
}

/* setas para a listagem das obras existentes*/

#listagem_setas {
  clear:both;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 30px 0px;  
}

.listagem_anterior {
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 190px;  
}

.listagem_anterior input {
  background: transparent url("../imagens/setabranca_1.jpg") no-repeat top center;
  border: #3d413d solid 0px;
  background-color: #3d413d;
  width:  18px;
  height:  18px;
  font-size: 8px;
  padding: 20px 0px 0px 0px;
  margin:  0px 0px 0px 5px;  
}
 
.listagem_seguinte {
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 5px;  
}

.listagem_seguinte input {
  background: transparent url("../imagens/setabranca_2.jpg") no-repeat top left;
  border: #3d413d solid 0px;
  width:  18px;
  height: 18px;
  font-size: 8px;
  padding: 20px 0px 0px 0px;
  margin:  0px 0px 0px 0px;  
} 
 

#caixas_procura {
  background-color: #3c413d;
  color: #ffffff;
  text-align:  right;
  font-size:   11px;
  padding: 10px 10px 0px 0px;
  margin:  50px 8px 0px 8px;
}

.caixas_procura_titulo {
  font-size:   12px;
  font-weight: bold;
  padding: 0px 0px 20px 0px;
}

#caixas_procura select{
  border:    #3d413d solid 0px;
  width:     115px;
  font-family: Helvetica, sans-serif; 
  padding: 0px 0px 0px 0px;
  margin:  4px 0px 14px 0px;
}

#caixas_procura input {
  background-color: #c6c6c6;
  color:  #3c413d;
  width:  70px;
  height: 20px;  
  font-size:   11px;
  font-weight: bold;
  overflow: hidden;
  padding:  0px 0px 3px 0px;
  margin:   10px 0px 10px 0px;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* __________________________ noticias ______________________________*/

#noticias_imagem {
  float: left;
  width: 374px;
  font-size:   11px;
  font-family: Helvetica, sans-serif; 
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 50px 0px;
}

#noticias_imagem img {
  border: #ffffff solid 0px;
  width:   367px;
  padding: 5px 0px 10px 0px;
  margin:  0px 0px 0px 0px;
}

.noticias_titulo_noticia {
  text-align:  left;
  font-size:   16px;
  font-family: Helvetica, sans-serif; 
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 14px 0px;
}

.noticias_texto {
  clear: both;
  color:   #3d413d;
  text-align:  left;
  font-size:   11px;
  font-family: Helvetica, sans-serif; 
  padding: 0px 0px 0px 0px;
  margin:  0px 8px 14px 0px;
}
	
#noticias_lista {
  float: right;
  color: #ffffff;
  width: 254px;
  text-align:  left;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin:  0px 5px 0px 0px;
}

#noticias_lista a {
  text-decoration: none;
  color: #ffffff;
}

#noticias_lista ul {
  list-style: none;  
  padding: 0px 0px 0px 0px;
  margin:  10px 0px 0px 15px;
}

#noticias_lista li {
  padding: 10px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* __________________________ contactos _____________________________*/

#contactos_bloco_central {
  float: left;
  width: 626px;
  text-align:  left;
  font-family: Helvetica, sans-serif; 
  font-size: 11px;
  padding: 0px 0px 0px 0px;
  margin:  25px 0px 50px 15px;
}

#contactos {
  float: left;
  width: 340px;
  font-size: 12px;
  font-family: Helvetica, sans-serif; 
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 50px 0px;
}

#contactos_imagem {
  float: right;
  width: 252px;
  text-align:  right;
  padding: 0px 0px 0px 0px;
  margin:  0px 5px 0px 0px;
}

#contactos_imagem {
  width:   242px;
  height:  342px;
  padding: 0px 0px 0px 0px;
  margin:  0px 5px 0px 0px;
}