/*..............................elementos comuns.........................*/
body{
background-image:url(imagens/bg.gif);
background-repeat:repeat-x;
background-color:#8ca0bd;
}
#geral{
margin: 0 auto;
width: 761px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; 
}
a{
font-weight:bold;
text-decoration:none;
}
p{
margin-top:0;
}
p.resposta{
margin-top:10px;
}
h1 {
color : #82282a;
font-size : 18px;
margin-bottom : 3px;
}
h2 {
color : #82282a;
font-size : 16px;
margin-bottom : 3px;
}
h3{
color:#000;
font-size:14px;
margin-bottom:2px;
}
h4{
color:#000;
font-size:12px;
margin-bottom:0;
font-weight:bold;
}
.titulo_forte {
color : #82282a;
font-size : 130%;
}

ol li{
padding-bottom:25px;
margin-left:-15px;
}
ul.square {
margin-top:2px;
padding-top:2px;
list-style-type: square;
margin-left:-5px;
padding-left:20px;
}
/*.................................topo...................................*/
#topo{
height:80px;
}
#logo{
float:left;
}
#acesso{
float:right;
margin-bottom:0;
width:350px;
}
#restrita{
color:#000;
font-size:14px;
margin-bottom:2px;
padding-left:40px;
font-weight:bold;
}
.button_acessar{
cursor:pointer;
border:none;
}

.textinput_restrito{
width:90px;
font-size:10px;
}
/*..............................formulário_contato................................*/
#content1_contato{
float:left;
padding-left:15px;
margin-left:15px;
padding-top:10px;
}

#content2_contato{
margin-left:25px;
width:360px;
margin-top:10px; 
padding-bottom:20px;
float:left; 
}


#content3_contato{
width:320px;
margin-top:66px; 
float:right; 
padding-bottom:20px;
}

form label { 
display: block;
float: left; 
width: 80px; 
padding: 0; 
margin: 5px 0 0;
text-align: right; 
}

form input, form textarea {
width:auto; 
margin:0 0 0 10px; 
}

form input#reset {
margin-left:0px;
}

textarea { 
overflow: auto; 
}
/*botão*/
.button_contato{
width:86px;
height:25px;
cursor:pointer;
border:none;
margin-left:270px;
}

/*..............................menu................................*/		
ul#menu{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:38px;
font-size:12px;
font-weight:bold;
background-image:url(imagens/bg_menu.gif);
background-repeat: no-repeat;
font-family:"Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
border-bottom:2px solid #fff;
clear:both;
}

ul#menu li{
display:block;
float:left;
margin:0;
}
   
ul#menu li a{
display:block;
float:left;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:12px 20px 0 20px;
height:24px;
}
   
ul#menu li a:hover{   
color:#FFFFFF;  
}
li#clientes a:link, li#clientes a:visited {
background:#33FF00;
}

li#clientes a:hover, li#clientes a:focus {
background-color:#6666FF;
}	

/*..............................banner................................*/	
#banner{
width:762px;
height:135px;
background-repeat:no-repeat;
background-image:url(imagens/banner.gif);
clear:both;
}

/*............................conteúdo................................*/	
#conteudo{
float:right;
background-color:#fff;
}


#lat_esq{
width:150px;
height:320px;
background-color:#F5F0EB;
float:left;
padding-left:20px;
padding-right:20px;
padding-bottom:20px; 
padding-top:10px;

}

#foto1{
float:right;
}

#dolar{
margin-top:30px;
float:right;
padding-left:10px;
border-left:solid #ddd 1px;
}

#content1{
width:540px;
float:right;
padding-right:15px;
padding-top:10px;
background-color: #fff;
}

#content2{
width:540px;
padding-right:15px;
margin-top:10px; 
float:right; 
clear:both;
clear:right;
background-color: #fff;
}

/*............................conteúdo - clientes................................*/
#content1_clientes{
float:left;
padding-left:15px;
margin-left:15px;
padding-top:10px;
clear:both;
}

#content2_clientes{
margin-left:25px;
width:330px;
margin-top:10px; 
float:left; 
}


#content3_clientes{
width:370px;
margin-top:10px; 
float:right; 
padding-bottom:20px;
}

.cliente{
margin-top:10px;
clear:both; 
}

h2.cli {
color : #82282a;
font-size : 16px;
margin-bottom : 3px;
padding-top:30px;
}
.fotos_clientes{
float:left;
margin-top:5px;
margin-right:10px;
margin-bottom:50px;
}
/*............................sucesso................................*/
#sucesso{
padding-left:15px;
padding-bottom:250px;
width:746px;
}


/*............................rodapé................................*/
#rodape {
width : 556px;
height : 35px;
border-left : 190px solid #5175a3;
font-size : 9px;
color : #ffffff;
padding-left : 15px;
padding-top : 5px;
background-color : #82282a;
clear : both;
}
#produzido a{
position:relative;
margin-left : 205px;
font-size : 10px;
color : #dddfff;
top:-20px;
}
#produzido a:hover {
color : #d6e4f8;
text-decoration:underline;
}