body {
background-color: #ffffff;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
/* ----------container to center the layout-------------- */
#back {
background:url(../images/laterais.jpg) repeat-y left;
margin:auto;
width:775px;
padding:0px 5px 0px 0px;
height:100%;
}
#back_right {
background:url(../images/laterais.jpg) repeat-y right;
margin:auto;
width:777px;
padding:0px 5px 0px 5px;
height:100%;
}
#container {
width: 763px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
}
div#banner #menu {
background:url(../images/fundo_menu.jpg) repeat-X;
height:30px;
margin-top:-10px;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
}
div#banner #menu ul {
list-style:none;
padding: 5px;
}
div#banner #menu ul li {
float:left;
padding-left:10px;
}
div#banner #menu a{
text-decoration:none;
color:#FFFFFF;
}
div#banner #menu a:hover{
text-decoration:underline;
}
.separador {
background:url(../images/separador_menu.jpg) no-repeat right;
padding-right:10px;
}
/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}
/* --------------left navi------------- */
#left {
width: 200px;
margin: 0px;
padding: 0px;
background:url(../images/fundo_categoria.jpg) repeat-y;
height:700px;
float:left;
}
#left #menuleft {
background:url(../images/f_menu_cat.jpg) repeat-y;
}
#left #menuleft ul {
list-style:none;
margin-left:-39px;
color:#FFFFFF;
font-weight:bold;
}
#left #menuleft ul li {
padding-top:10px;
padding-left:10px;
}
.sepacat {
background:url(../images/separador_cat.jpg) no-repeat;
padding-bottom:10px;
}
div#left a{
text-decoration:none;
color:#FFFFFF;
}
div#left a:hover{
text-decoration:underline;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align:center;
background-color:#FFFFFF;
color:#a6ca25;
}
#footer a{
text-decoration:none;
color:#a6ca25;
}
#footer a:hover{
text-decoration:underline;
}
#sepa {
background:url(../images/separador.jpg) repeat-x;
height:5px;
margin-top:10px;
clear:both;
}
/*---------------- separador de serviços -----------------------*/
.servi {
border-bottom: 3px solid #d3ff84;
margin:0px 10px;
}
.servi .texto {
float:left;
}
.servi a{
text-decoration:none;
font-size:14px;
color:#636360;
}
.servi a:hover {
text-decoration:underline;
color:#000000;
}
.gale_servi {
margin:10px 5px 10px 5px;
float:left;
}