.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}


.esq{ position: relative; float:left; display: inline; }
.dir{ position: relative; float:right;}

body{
	font-size: 12px;
	font-family: open_sansregular, Arial, Helvetica, sans-serif;
	background: #adadad;
	margin:0;
}

img { display: block;}

A{color:#66ccff}

header{
width: 864px; 
/*width: 100%;*/
margin: 0 auto;
height: 111px;
background: white;

}


#banner{
width: 964px;
margin: 0 auto;
height: 280px;
z-index:1; 
box-shadow: 5px 5px 5px #888888;
position: absolute;
margin-left:-482px;
left: 50%;


}

#banner img{
   
}

#main{

width: 864px;
/*width: 100%;*/
padding: 0;
margin: 0 auto;
background: white;
margin-top: 280px;
}

footer{
width: 864px;
/*width: 100%;*/
margin: 0 auto;
background:#666666;
padding: 20px 0;
}

footer A{text-decoration:none;color:black}
footer A:hover{text-decoration:underline;color:#66ccff}


header .inside, #main .inside, footer .inside{
padding: 0 48px;  
}

#main .inside:first-child{
padding: 44px 48px;  /*44 por causa do h*/
}

h1{
font-family: open_sansbold, Arial, Helvetica, sans-serif;
font-size:22px;
}

.testemunhos h1{
font-size:17px;
margin:0;
}

h2{
font-family: open_sansbold, Arial, Helvetica, sans-serif;
font-size:14px;
}

#main article{
float: left;
display: inline;
position: relative;
width: 499px;

}

#main article p{
line-height: 1.3em;
}

#main article b{
font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
}



#main aside{
float: right;
position: relative;
width: 246px;
padding-top:10px;
margin-left:22px;
}

#main aside.ultimo{
margin-right: 0;
}

#main aside p{
line-height: 1.3em;
}

#main aside b{
font-family: open_sanssemibold, Arial, Helvetica, sans-serif;
}

form p{
height: 41px;
}

label {
font-family: open_sansbold, Arial, Helvetica, sans-serif;
font-size:17px;
text-align: right;
padding-right: 4px;
width: 125px;
float: left;
line-height: 29px;

}

label span.mais{
	font-size:9px;
}

input[type=text], input[type=password]{
	font-size: 16px;
	font-family: open_sansregular, Arial, Helvetica, sans-serif;
	background: #bcbec0;
	width: 256px;
	height: 29px;
	border: 1px solid black;
}

input[type=submit]{
width: 104px;
height: 29px;
background: #66ccff;
border: 1px solid black;
}



.submit{
text-align: right;
width: 387px;
}

.grande{
font-size:17px;
}

.medio{
font-size:14px;
}

hr{
border-bottom: none;
border-top: 3px solid #66ccff;
}

a.botao{
background: #66ccff;
height: 33px;
display:block;
color: white;
line-height:33px;
text-decoration: none;
padding: 0 12px;
font-family: open_sansbold, Arial, Helvetica, sans-serif;
font-size: 12px;
}

a.botao span{
color: black;
}

a.botao1{
height: 33px;
display:block;
color: #a7a9ac;
line-height:33px;
text-decoration: none;
padding: 0 12px;
font-family: open_sansbold, Arial, Helvetica, sans-serif;
font-size: 12px;
background: url(images/doc.gif) right no-repeat;
margin-top: 26px;
}


.galeria figure{
width: 241px;
/*height: 162px;*/
float: left;
position: relative;
overflow: hidden;
margin:0;
margin-right:22px;
}

.galeria figure.ultimo{
margin-right:0;
}

.galeria img{ 
width: 241px;
height:140px;
overflow: hidden;
}

.galeria figcaption{
color:#a7a9ac;
font-size:10px;
font-style: italic;
/*line-height:22px;*/
height:22px;
margin-top:2px;
}


.testemunhos .galeria img{ 
height:150px;
}


.testemunhos .hh{
margin-bottom: 25px;
}

.testemunhos .hh .texto{
width: 305px;
margin-left: 25px;

}

.testemunhos .hh img{
width: 95px;

}

.testemunhos hr{margin: 15px 0;}

#contactos{
background: #0099cf;
color: white;
font-size: 15px;
padding: 20px;
}

#contactos a{color: white}



nav{
/*margin-top: 18px;*/
}

nav ul {
    list-style-image: none;
	margin:0;
	padding:0;
} 

nav li 
{
    list-style-type: none;
	margin: 0;
    padding: 10px;
	text-align: center;
	/*line-height: 14px;*/
	border-right: 1px solid #333333;
	float:left;
}

nav li:last-child{
	border-right: none;
}

nav li a{
font-size:11px;
color: #333333;
text-decoration: none;
text-transform: uppercase;
}

nav li a:active, nav li a:hover, nav li a.active{
color: #0099cf;
}


#menudir{
/*position: absolute;
right:0;*/
margin-top:16px;
text-align: right;
height:20px;
margin-bottom:16px;
}

#menudir img{
margin-right:10px;
margin-left:26px;
}

#menudir a{

text-decoration: none;
line-height:20px;
}

#menudir a:hover{
text-decoration: underline;
}



.hide{
display: none;
}

.galeria img{
width: 241px;
height: 150px;	
overflow: hidden;
}

label.error{
color:red;
font-size:11px;
position:absolute;
text-align: left;
padding-left:3px;
width: 200px;
z-index:1;
}

#numero_cliente-error{
	z-index:0;
}

#resultado{
font-size:14px;
color:white;
background: #66ccff;
}