﻿*{outline:0}
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;}

#galeria h2{text-align:left;}

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

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

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

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

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

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

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

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

#galeria #boxes{width:960px; margin:0 auto; min-height:200px; margin-top:20px; margin-bottom:50px;}

#galeria #box-galeria{width:960px; height:460px; margin:0 auto; background:url(../img/bg-topo-box-galeria.jpg) top no-repeat #f7fafb; margin-top:1em; margin-bottom:2em;}
#galeria #box-galeria #navigation{width:920px; margin-left:20px; }
#galeria #box-galeria #navigation #previous{width:30px; height:420px; margin-top:20px; float:left; margin-right:10px;}
#galeria #box-galeria #navigation #previous img{outline:0;}
#galeria #box-galeria #navigation #container{width:840px; height:420px; margin-top:20px; float:left; margin-right:10px; overflow:hidden; position:relative}
#galeria #box-galeria #navigation #container ul{margin:0; padding:0; list-style:none; float:left; width:140px; height:420px;}
#galeria #box-galeria #navigation #container ul li{float:left; margin:0; padding:0; width:140px; height:140px;}
#galeria #box-galeria #navigation #next{width:30px; height:420px; margin-top:20px; float:left}
#galeria #box-galeria #navigation #next img{outline:0;}

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

.thumb {width:140px;}
.crop-140 a.crop-foto {height:140px;}
.crop-140 a.crop-foto:hover {height:132px;}

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