body, ul, li{margin:0; padding:0; font-family:Arial; font-size:10px;}
a img{border:0;}
h1, h2, h3, h4, h5{margin:0; padding:0; font-size:1em;}

#sobre h2{text-align:left;}

#sobre #menu{background:url(../img/bg-menu.jpg) repeat-x #ebf2f5; height:42px;}

#sobre #menu ul{padding:0; margin:0 auto; width:560px; list-style:none; padding-top:0.4em; text-align:center;}
#sobre #menu ul li{float:left; margin-right:0.5em}

#sobre #menu .bt-pagina-principal {width:140px;}
#sobre #menu .bt-pagina-principal h3{padding:0.4em; font:normal 16px Helvetica;}
#sobre #menu .bt-pagina-principal.ativo{color:#666; background-color:#e3eaee;}
#sobre #menu .bt-pagina-principal.inativo a{color:#e80f6b; cursor:pointer; text-decoration:none}
#sobre #menu .bt-pagina-principal.inativo{color:#e80f6b; cursor:pointer;}
#sobre #menu .bt-pagina-principal.inativo.hover{color:#fff; background-color:#e80f6b; cursor:pointer}
#sobre #menu .bt-pagina-principal.inativo.hover a{color:#FFF; text-decoration:none}

#sobre #menu .bt-galeria-foto {width:140px}
#sobre #menu .bt-galeria-foto h3{padding:0.4em; font:normal 16px Helvetica;}
#sobre #menu .bt-galeria-foto.ativo{color:#666; background-color:#e3eaee;}
#sobre #menu .bt-galeria-foto.inativo a{color:#e80f6b; text-decoration:none}
#sobre #menu .bt-galeria-foto.inativo{color:#e80f6b; cursor:pointer;}
#sobre #menu .bt-galeria-foto.inativo.hover{color:#fff; background-color:#e80f6b; cursor:pointer}
#sobre #menu .bt-galeria-foto.inativo.hover a{color:#FFF; text-decoration:none}

#sobre #menu .bt-sobre {width:150px;}
#sobre #menu .bt-sobre h3{padding:0.4em; font:normal 16px Helvetica;}
#sobre #menu .bt-sobre.ativo{color:#666; background-color:#e3eaee;}
#sobre #menu .bt-sobre.inativo a {color:#e80f6b; cursor:pointer; text-decoration:none}
#sobre #menu .bt-sobre.inativo{color:#e80f6b; cursor:pointer;}
#sobre #menu .bt-sobre.inativo.hover{color:#fff; background-color:#e80f6b; cursor:pointer}
#sobre #menu .bt-sobre.inativo.hover a{color:#FFF; text-decoration:none}

#sobre #menu .bt-contato {width:100px;}
#sobre #menu .bt-contato h3{padding:0.4em; font:normal 16px Helvetica; }
#sobre #menu .bt-contato.ativo{color:#666; background-color:#e3eaee;}
#sobre #menu .bt-contato.inativo a {color:#e80f6b; cursor:pointer; text-decoration:none}
#sobre #menu .bt-contato.inativo{color:#e80f6b; cursor:pointer;}
#sobre #menu .bt-contato.inativo.hover{color:#fff; background-color:#e80f6b; cursor:pointer}
#sobre #menu .bt-contato.inativo.hover a{color:#FFF; text-decoration:none}

#sobre #sombra-menu{background:url(../img/bg-sombra-2.jpg) repeat-x; height:11px;}

#sobre #bg-logo{background:url(../img/bg-logo-continuo-sobre.jpg) repeat-x; height:130px;}
#sobre #logo{background:url(../img/bg-logo-sobre.jpg) no-repeat; width:1020px; height:130px; margin:0 auto; padding:0;}
#sobre #logo .link-logo{width:150px; height:100px; float:right; margin-right:46px; margin-top:1em; cursor:pointer}

#sobre #boxes{width:960px; margin:0 auto; height:900px; margin-top:20px; margin-bottom:50px;}

#sobre #boxes #coluna-principal{float:left; margin-right:2em;}

#sobre #box-principal{width:700px; background:url(../img/bg-top-principal-sobre.gif) top no-repeat #f7fafb; margin-bottom:10px}
#sobre #box-principal .container{width:100%; height:200px}
#sobre #box-principal .img{margin:2em 2em 1em 2em; float:left;}
#sobre #box-principal .texto{color:#666; font:italic 18px Georgia; line-height:1.5em; margin-top:2em; float:left; width:420px;}
#sobre #box-principal .bottom{width:700px; height:10px; background:url(../img/bg-bottom-principal-sobre.gif) no-repeat;}

#sobre #box-processo{width:340px; background:url(../img/bg-topo-box-processo.gif) no-repeat top #f7fafb; float:left;}
#sobre #box-processo .container{padding-top:60px; height:630px}
#sobre #box-processo ul{list-style:none; margin-left:2em; padding-top:2.3em}
#sobre #box-processo li{width:283px; margin-bottom:4em; color:#333; clear:both; height:54px; vertical-align:middle}
#sobre #box-processo li.uma-linha{line-height:60px; vertical-align:middle; margin-bottom:2em;}
#sobre #box-processo li.uma-linha .texto{font:italic 18px Georgia; padding-top:0.9em}
#sobre #box-processo li.duas-linhas{}
#sobre #box-processo li.duas-linhas .texto{font:italic 18px Georgia; padding-top:0.3em}
#sobre #box-processo li img{float:left; margin-right:1em;}
#sobre #box-processo .bottom{background:url(../img/bg-bottom-box-processo.gif) no-repeat; height:10px;}

#sobre #box-materiais{background:url(../img/bg-topo-box-materiais.gif) top no-repeat #f7fafb; width:350px; float:left; margin-left:10px} 
#sobre #box-materiais .container{padding-top:60px; height:630px}
#sobre #box-materiais ul{margin-left:2em; padding-top:2em; padding-bottom:1em; list-style:none; width:300px}
#sobre #box-materiais li{font:italic 18px Georgia; color:#333; height:35px; border-bottom:1px solid #d4e0e5; line-height:35px; vertical-align:middle;}
#sobre #box-materiais li.primeiro{border-top:1px solid #d4e0e5;}
#sobre #box-materiais li img{margin-right:0.8em; line-height:35px; vertical-align:middle}
#sobre #box-materiais .bottom{background:url(../img/bg-bottom-box-processo.gif) no-repeat; height:10px;}

#sobre #box-trabalhos{width:240px; background:url(../img/bg-topo-box-trabalhos.gif) top no-repeat #f7fafb; float:left; margin-bottom:1em}
#sobre #box-trabalhos .container{padding-top:50px; margin:2em}
#sobre #box-trabalhos .img{float:left; margin-right:0.5em; width:100px;}
#sobre #box-trabalhos .texto{color:#666; font-size:1.5em; line-height:1.5em}
#sobre #box-trabalhos .button a{background-color:#eff5f7; height:45px; line-height:45px; vertical-align:middle; font-size:2em; padding-left:10px; color:#ff0066; width:230px; display:block; text-decoration:none;}
#sobre #box-trabalhos .button a:hover{text-decoration:underline;}

#sobre #box-contato{width:240px; background:url(../img/bg-topo-box-contato.jpg) top no-repeat #f7fafb; float:left;}
#sobre #box-contato .container{padding-top:50px}
#sobre #box-contato .img{text-align:center; margin-top:6px;}
#sobre #box-contato .texto{color:#666; padding-left:20px; padding-right:20px; font-size:1.5em; line-height:2em; margin-top:10px; margin-bottom:10px;}
#sobre #box-contato .button a{background-color:#eff5f7; height:45px; line-height:45px; vertical-align:middle; font-size:2em; padding-left:10px; color:#ff0066; width:230px; display:block; text-decoration:none;}
#sobre #box-contato .button a:hover{text-decoration:underline;}

#sobre #rodape{background:url(../img/bg-rodape.jpg) repeat-x; height:230px;}
#sobre #rodape .container{width:600px; height:200px; margin:0 auto; padding-top:1em;}
#sobre #rodape ul{list-style:none; text-align:center; margin:0 auto; height:20px; width:550px; margin-top:40px; margin-bottom:10px}
#sobre #rodape li{float:left; padding-left:1em; padding-right:1em; color:#999; font-size:1.3em;}
#sobre #rodape li.border{border-right:1px solid #ccc;}
#sobre #rodape a{text-decoration:none; color:#ff0066;}
#sobre #rodape a:hover{text-decoration:underline;}
#sobre #rodape #copyright{color:#999; text-align:center; font-size:1.2em;}

.crop-100 a.crop-foto {height:100px;}
.crop-100 a.crop-foto:hover {height:92px;}

.crop-foto {display:block;overflow:hidden;position:relative;}
.crop-foto img {display:block;position:absolute;}
.crop-foto:hover {border:4px solid; border-color:#e80f6b;}
.crop-foto:hover img {margin:-4px 0 0 -4px;}