/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */
html, body, p, h1, h2, h3, h4, h5{ 
    margin:0; 
    padding:0; 

}
body{

}
#fundo{
    background-image: url(../img/fundo.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    background-attachment: scroll;
    min-width: 988px;

}

#pagewidth{
    width:100%;
    background-image: url(../img/fundo_sobreposto.png);
    background-repeat: no-repeat;
    background-position: center top;
    min-height:600px;
    background-attachment: scroll;
    min-width: 988px;
} 
#pagewidth1{
    width:988px; 
    text-align:left; 
    margin:0 auto;
    min-width: 988px;
}

#leftcol{
    width:237px; 
    float:left; 
    position:relative; 
}

#maincol{
    position: relative; 
    width:751px;
    float:right; 
}




/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  




/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 

@media print{ 
    /*hide the left column when printing*/ 
    #leftcol{display:none;} 
    #twocols, #maincol{width:100%; float:none;}
}


.clear{
    clear: both;
}

#logo{
    float:right;
    margin-top:42px;
}
#menu{
    float:right;
    width:100%;
    margin-top:30px;
}
#menu div{
    width:100%;
    margin-bottom:10px;
    float:right;
}
a.link_menu{
    font-family: Arial, Helvetica, sans-serif;

    color: #ffffff;
    padding-right:12px;
    padding-left:12px;
    padding-top:3px;
    padding-bottom:3px;
    text-decoration:none;
    float:right;
    background-color:#000000;
}

a.link_menu:hover{
    cursor:pointer;
    background-color:#ffffff;
    color: #000000;
    text-decoration:none;
}
#morada{
    margin-top:17px;
    float:right;
    width:225px;
    margin-right:12px;
    text-align:right;
    color:#FFF;
    font-size:12px;

}
#morada p{
    margin: 0px;
    padding: 0px;
    line-height: 20px;
}
#morada a{
    padding-left:4px;
    padding-right:4px;
    padding-bottom:2px;
    padding-top:2px;
    cursor:pointer;
    color:#ffffff;
    margin-right:-4px;

}
#morada a:hover{
    background-color:#000000;
}
#social{
    margin-top:17px;
    float:right;
    width:225px;
    margin-right:12px;
    text-align:right;
}
#social a{
    cursor:pointer;
    marfin-left:5px;
}


/*  TOPO e CONTEUDOS*/

#topo{
    float:left;
    margin-top:42px;
    margin-left:30px;
    width:721px;

}
#slogan{
    float:left;
    margin-top:13px;
}
h1{
    font-size:35px;
    color:#000000;
    line-height:35px;
    text-align:left;
}
h2{
    text-align:left;
    font-size:14px;
    color:#474747;
    line-height:14px;
}
h3{
    float:left;
    width:100%;
    font-size: 23px;
    color:#000000;
    margin-bottom: 10px;

}
h4{
    float:left;
    width:100%;
    font-size: 16px;
    color:#323232;
    margin-bottom: 5px;
}
h5{
    float:left;
    width:100%;
    font-size: 13px;
    color:#323232;
    margin-bottom: 5px;
}

#login{
    float:right;
    width:332px;
}
.login_field{
    float:right;
    text-align:right;	
}
.login_field input{
    width:150px;
    height:30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    color:#656565;
    font-size:14px;
    line-height:30px;
    padding-left:10px;
}
#login_tit{
    text-align:left;
    font-size:18px;
    background-image: url(../img/cruz.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left:25px;
    margin-left:-12px;
    line-height:22px;
    height:25px;
    margin-top:3px;
    margin-bottom:2px;

}
.bt_field{
    float:right;
    text-align:right;
    margin-right:5px;
    margin-top: 3px;

}
.bt_field a{
    font-size:14px;
    color:#000000;
    cursor:pointer;
    padding:2px;

}
.bt_field a span{
    color:#b21d1d;
    font-size:12px;

}
.bt_field a:hover{
    color:#ffffff;
    background-color:#000000;
}

#conteudos{
    float:left;
    width:728px;
    margin-left:23px;
}

#footer{
    float:left;
    width:751px;
    background-color:#000000;
    height:27px;
    margin-top:37px;



}
#text_foot{
    font-size:10px;
    line-height:24px;
    color:#ffffff;
    float:left;
    margin-left:12px;
    font-family: Verdana, Geneva, sans-serif;
}
#imagem_foot{
    float:left;
    width:53px;
    margin-top:4px;
    margin-left:23px;
}

.foto_topo{
    float:right;
    width:712px;
    height: 118px;
    border: 6px solid #f2f2f2;
    margin-top:35px;
    margin-bottom:20px;

}
.foto_topo_contactos{
    float:right;
    width:712px;
    height: 189px;
    border: 6px solid #f2f2f2;
    margin-top:35px;
    margin-bottom:20px;

}

.conteudos_texto{
    float:left;
    width:680px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color:#373737;
    line-height: 16px;
    padding-left: 10px;
    padding-right:30px;


}
.servicos_col{
    float:left;
    width:211px;
    margin-right:15px;

}

#clientes_wrapper{
    width:100%;
    float:left;

}
.cliente_item{
    float:left;
    width: 123px;
    height: 78px;
    margin-left:12px;
    margin-top:35px;

}

/* CONTACTOS */

.contactos_form{
    width:100%;
    float:left;
    margin-top:30px;

}
.form_linha{
    width:100%;
    float:left;  
    margin-bottom:12px;
}

.form_field{
    float:left;
    width:340px;    
}
.form_field_tetarea{
    float:left;
    width:680px;    
}
.input_label{
    float:left;
    color: #101010;
    font-size: 12px;
    text-align: right;
    width: 95px;
    margin-right: 5px;
    line-height: 25px;
    padding-top:5px;

}
.input_field{
    float:left;
    width:240px;

}
.input_field input
{
    width:220px;
    height:23px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    color:#656565;
    font-size:14px;
    line-height:23px;
    padding-left:10px;
}
.input_field_textarea{
    float:left;
    width:240px;

}
.input_field_textarea textarea
{
    width:560px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    color:#656565;
    font-size:14px;
    line-height:23px;
    padding-left:10px;
    height: 100px;
}
#enviar{
    border-radius: 4px;
    border: 1px solid #d6d6d6;
    background-color: #e1e1e1;
    color:#101010;
    padding-left: 47px;
    padding-right: 47px;
    font-size: 13px;
    margin-left: 100px;
    height: 26px;
    font-weight: bold;
}
#enviar:hover{
    background-color: #d6d6d6;
    cursor: pointer;
    
}







.image-grid {
float:left;
  margin: 0px;
  padding: 0px;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.image-grid li {
  width: 228px;
  margin: 10px 7px 10px 7px;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  color: #373737;
  line-height: 15px;
  font-size: 11px;
  color: #686f74;
  height: 220px;
  overflow: hidden;
  cursor: pointer;
  padding: 2px;
  background-color: #faf8f8; 
}
.image-grid li:hover {
    background-color:#e3e3e3;
}

.image-grid li img,
.image-grid li strong {
  display: block;
}

.image-grid li img{
    border: solid 7px #f2f2f2;
}

.image-grid li span{
  color: #101010;
  text-align: left;
  font-size:11px;
  padding-top: 5px;
  padding-left: 5px;
  width:100%;
    
}
.image-grid li p{
   margin:0px;
  text-align: left;
  font-size:11px;
  padding-top: 2px;
  padding-left: 5px;
  width:100%;
    
}

.image-grid li strong {
  color: #101010;
  text-align: left;
  font-size:17px;
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  width:100%;
}



.form_message{
    float:left;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    font-size: 11px;
    line-height: 12px;
    color: #ba0000;
    margin-left:100px;
}
.form_message .error, .message{
    margin:0px;
    padding: 0px;
    line-height: 17px; 

}