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;}

#index h2{text-align:left;}

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

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

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

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

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

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

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

#index #bg-logo{background:url(../img/bg-logo-continuo.jpg) repeat-x; height:225px;}
#index #logo{background:url(../img/bg-logo.jpg) no-repeat; width:1020px; height:225px; margin:0 auto; padding:0;}

#index #boxes{width:960px; margin:0 auto; margin-top:20px; margin-bottom:50px; overflow:hidden}

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

#index #box-conheca{width:350px; background:url(../img/bg-topo-box-conheca.jpg) top no-repeat #f7fafb; float:left; margin-left:10px; margin-right:10px; overflow:hidden;}
#index #box-conheca .container{padding-top:60px; height:240px;}
#index #box-conheca ul{list-style:none; width:300px; margin:0 auto; padding:0; margin-left:20px; overflow:hidden}
#index #box-conheca li{float:left; height:100px; padding:0; margin:0}
#index #box-conheca li img{}

#index #box-conheca li img:hover{}
#index #box-conheca .button a{background-color:#eff5f7; height:45px; line-height:45px; vertical-align:middle; font-size:2em; padding-left:10px; color:#ff0066; width:340px; display:block; text-decoration:none; clear:both}
#index #box-conheca .button a:hover{text-decoration:underline;}

#index #box-contato{width:240px; background:url(../img/bg-topo-box-contato.jpg) top no-repeat #f7fafb; float:left; overflow:hidden;}
#index #box-contato .container{padding-top:60px; height:240px;}
#index #box-contato .img{text-align:center; margin-top:6px;}
#index #box-contato .texto{color:#666; padding-left:20px; padding-right:20px; font-size:1.5em; line-height:2em; margin-top:10px;}
#index #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;}
#index #box-contato .button a:hover{text-decoration:underline;}

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

.thumb {width:100px;}
.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;}