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

#contato h2{text-align:left;}

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

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

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

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

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

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

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

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

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

#contato #box-principal{width:700px; background:url(../img/bg-top-principal-sobre.gif) top no-repeat #f7fafb; margin-bottom:10px; float:left; margin-right:2em}
#contato #box-principal .container{min-height:560px}
#contato #box-principal .texto{color:#666; font:italic 18px Georgia; line-height:1.5em; margin-top:1.5em; margin-left:1.5em; border-bottom:1px solid #dfe8eb; padding-bottom:1em;}
#contato #box-principal form{width:470px; margin:0 auto; padding:0; margin-top:3em}
#contato #box-principal form fieldset{border:none;}
#contato #box-principal form label, input{display:block;}
#contato #box-principal form label{font:16px Arial; color:#999;}
#contato #box-principal form input.inputName{width:436px; margin-bottom:2em; font:16px Arial; padding:0.5em}
#contato #box-principal form input.inputEmail{width:436px; margin-bottom:2em; font:16px Arial; padding:0.5em}
#contato #box-principal form textarea{width:450px; height:130px; font:16px Arial}
#contato #box-principal form input.enviar{background:url(../img/bt-enviar.gif) no-repeat; width:150px; height:60px; border:0; cursor:pointer; margin:0 auto; margin-top:1em}
#contato #box-principal .bottom{width:700px; height:10px; background:url(../img/bg-bottom-principal-sobre.gif) no-repeat;}

#contato #box-trabalhos{width:240px; background:url(../img/bg-topo-box-trabalhos.gif) top no-repeat #f7fafb; float:left; margin-bottom:1em}
#contato #box-trabalhos .container{padding-top:50px; margin:2em}
#contato #box-trabalhos .img{float:left; margin-right:0.5em; width:100px;}
#contato #box-trabalhos .texto{color:#666; font-size:1.5em; line-height:1.5em}
#contato #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;}
#contato #box-trabalhos .button a:hover{text-decoration:underline;}

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

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

#msgErro{width:450px; height:64px; border:1px solid #eae7b7; background:url(../img/ico-alerta.jpg) no-repeat 10px center #fffcc9; margin:0 auto; margin-top:2em; display:none;}
#msgErro .txt{margin:1em 0 1em 5em; font:14px Arial; color:#999}

#msgSucesso{width:450px; height:64px; border:1px solid #c3ddbc; background:url(../img/ico-sucesso.jpg) no-repeat 10px center #dff1da; margin:0 auto; margin-top:2em; display:none;}
#msgSucesso .txt{margin:1.5em 0 1em 5em; font:14px Arial; color:#999}