@charset "utf-8";
/* CSS Document AGÊNCIA WERKS */







/* PRINCIPAL */

#principal { width:1000px; height:auto;  margin:auto; text-align:justify;}


/* ESTRUTURAÇÃO SITE */
#topo { width:100%; height:55px; float:left; background-color:#053C5A; }
#barra { width:40%; height:55px; float:left; }




#menu { width:100%; height:50px; background-color:#53AABE; float:left;
}


#banner { width:100%; height:350px; float:left; background-position:center top; background-image:url(../img/banner.jpg);}
#banner1 { width:100%; height:350px; float:left; background-position:center top; background-image:url(../img/banner1.jpg);}
#banner2 { width:100%; height:350px; float:left; background-position:center top; background-image:url(../img/banner2.jpg);}
#banner3 { width:100%; height:350px; float:left; background-position:center top; background-image:url(../img/banner3.jpg);}
#banner4 { width:100%; height:350px; float:left; background-position:center top; background-image:url(../img/banner4.jpg);}


#barra1 { width:100%; height:50px; background-color:#53AABE; float:left;}
#box { width:100%; height:210px; background-color:#FFF; float:left;}
#box1 { width:40%; height:193px; background-color:#FFF; float:left;}
#box1 p { color:#939393; margin-top:15px; margin-left:20px;; line-height:20px; text-align:justify; margin-right:20px;}


#box2 { width:100%; height:193px;  float:left;}




#rodape { width:100%; height:65px;  float:left; margin-top:15px;}
#rodape1 { width:20%; height:65px;  float:left; background-color:#FFF;}
#rodape2{ width:40%; height:65px;  float:left; background-color:#4B9EB5;}
#rodape3 { width:40%; height:65px;  float:left; background-color:#747377;}

#conteudo { width:80%; height:auto;  float:left; margin-left:10%; margin-right:10%; margin-bottom:20px;}
#conteudo p { margin-bottom:10px; line-height:20px; text-align:justify;}



/* FOMULÁRIOS SITE */
input[type=text]{background-color:#FFF; border:1px solid #4B9EB5; color:#4B9EB5; height:30px; width:340px; }
input[type=password]{background-color:#FFF; border:1px solid #000; color:#053C5A; height:30px; }
select{background-color:#FFF; border:1px solid #053C5A; color:#053C5A; height:30px; }
textarea{ background-color:#FFF; border:1px solid #4B9EB5; color:#4B9EB5; width:340px;}


.textoindex { color:#727272; width:100%; line-height:20px;}
.titulo { color:#244787; font-size:20px; }
.textocinza { color:#727272; font-size:13px; }
.BTN { background-color:#747377; width:100%; height:40px; color:#FFF; border:0PX; width:340px; }