﻿#galeria_fotos {
width: 190px; /* largura da div = largura thumbnail */ 
height: 142px; /* altura da div = altura thumbnail */ 
margin: 0;
padding: 0;
border:solid 1px #999999;
 
} 

/* CAOBY */
/*--------------------------------------------------------------------------------------------------------------------*/
#img1 a { /* estado "UP" do link */ 
width: 190px;
height: 142px;  /* altura do thumbnail */ 
background:url(../imagens/galerias/caoby_thumb1.jpg) 0 0 no-repeat;
display: block; /* converte <a> de inline para block permitindo exibição com a largura e altura determinadas */ 
}

#img1 a:hover { /* estado "OVER" do link */ 
width: 190px; /* largura da imagem */ 
height: 142px; /* altura da imagem */ 
background: transparent url(../imagens/galerias/caoby_leg1.jpg) no-repeat; 
/* fundo da div notar que as coordenadas 0 -90px 
obrigam a imagem de fundo a "subir" 90 px */ 
}


#img2 a { /* estado "UP" do link */ 
width: 190px;
height: 142px;  /* altura do thumbnail */ 
background:url(../imagens/galerias/caoby_thumb2.jpg) 0 0 no-repeat;
display: block; /* converte <a> de inline para block permitindo exibição com a largura e altura determinadas */ 
}

#img2 a:hover { /* estado "OVER" do link */ 
width: 190px; /* largura da imagem */ 
height: 142px; /* altura da imagem */ 
background: transparent url(../imagens/galerias/caoby_leg2.jpg) no-repeat; 
/* fundo da div notar que as coordenadas 0 -90px 
obrigam a imagem de fundo a "subir" 90 px */ 
}


#img3 a { /* estado "UP" do link */ 
width: 190px;
height: 142px;  /* altura do thumbnail */ 
background:url(../imagens/galerias/caoby_thumb3.jpg) 0 0 no-repeat;
display: block; /* converte <a> de inline para block permitindo exibição com a largura e altura determinadas */ 
}

#img3 a:hover { /* estado "OVER" do link */ 
width: 190px; /* largura da imagem */ 
height: 142px; /* altura da imagem */ 
background: transparent url(../imagens/galerias/caoby_leg3.jpg) no-repeat; 
/* fundo da div notar que as coordenadas 0 -90px 
obrigam a imagem de fundo a "subir" 90 px */ 
}


#img4 a { /* estado "UP" do link */ 
width: 190px;
height: 142px;  /* altura do thumbnail */ 
background:url(../imagens/galerias/caoby_thumb4.jpg) 0 0 no-repeat;
display: block; /* converte <a> de inline para block permitindo exibição com a largura e altura determinadas */ 
}

#img4 a:hover { /* estado "OVER" do link */ 
width: 190px; /* largura da imagem */ 
height: 142px; /* altura da imagem */ 
background: transparent url(../imagens/galerias/caoby_leg4.jpg) no-repeat; 
/* fundo da div notar que as coordenadas 0 -90px 
obrigam a imagem de fundo a "subir" 90 px */ 
}


#img5 a { /* estado "UP" do link */ 
width: 190px;
height: 142px;  /* altura do thumbnail */ 
background:url(../imagens/galerias/caoby_thumb5.jpg) 0 0 no-repeat;
display: block; /* converte <a> de inline para block permitindo exibição com a largura e altura determinadas */ 
}

#img5 a:hover { /* estado "OVER" do link */ 
width: 190px; /* largura da imagem */ 
height: 142px; /* altura da imagem */ 
background: transparent url(../imagens/galerias/caoby_leg5.jpg) no-repeat; 
/* fundo da div notar que as coordenadas 0 -90px 
obrigam a imagem de fundo a "subir" 90 px */ 
}


#img6 a { /* estado "UP" do link */ 
width: 190px;
height: 142px;  /* altura do thumbnail */ 
background:url(../imagens/galerias/caoby_thumb6.jpg) 0 0 no-repeat;
display: block; /* converte <a> de inline para block permitindo exibição com a largura e altura determinadas */ 
}

#img6 a:hover { /* estado "OVER" do link */ 
width: 190px; /* largura da imagem */ 
height: 142px; /* altura da imagem */ 
background: transparent url(../imagens/galerias/caoby_leg6.jpg) no-repeat; 
/* fundo da div notar que as coordenadas 0 -90px 
obrigam a imagem de fundo a "subir" 90 px */ 
}


#img7 a { /* estado "UP" do link */ 
width: 190px;
height: 142px;  /* altura do thumbnail */ 
background:url(../imagens/galerias/caoby_thumb7.jpg) 0 0 no-repeat;
display: block; /* converte <a> de inline para block permitindo exibição com a largura e altura determinadas */ 
}

#img7 a:hover { /* estado "OVER" do link */ 
width: 190px; /* largura da imagem */ 
height: 142px; /* altura da imagem */ 
background: transparent url(../imagens/galerias/caoby_leg7.jpg) no-repeat; 
/* fundo da div notar que as coordenadas 0 -90px 
obrigam a imagem de fundo a "subir" 90 px */ 
}


#img8 a { /* estado "UP" do link */ 
width: 190px;
height: 142px;  /* altura do thumbnail */ 
background:url(../imagens/galerias/caoby_thumb8.jpg) 0 0 no-repeat;
display: block; /* converte <a> de inline para block permitindo exibição com a largura e altura determinadas */ 
}

#img8 a:hover { /* estado "OVER" do link */ 
width: 190px; /* largura da imagem */ 
height: 142px; /* altura da imagem */ 
background: transparent url(../imagens/galerias/caoby_leg8.jpg) no-repeat; 
/* fundo da div notar que as coordenadas 0 -90px 
obrigam a imagem de fundo a "subir" 90 px */ 
}


#img9 a { /* estado "UP" do link */ 
width: 190px;
height: 142px;  /* altura do thumbnail */ 
background:url(../imagens/galerias/caoby_thumb9.jpg) 0 0 no-repeat;
display: block; /* converte <a> de inline para block permitindo exibição com a largura e altura determinadas */ 
}

#img9 a:hover { /* estado "OVER" do link */ 
width: 190px; /* largura da imagem */ 
height: 142px; /* altura da imagem */ 
background: transparent url(../imagens/galerias/caoby_leg9.jpg) no-repeat; 
/* fundo da div notar que as coordenadas 0 -90px 
obrigam a imagem de fundo a "subir" 90 px */ 
}
/*--------------------------------------------------------------------------------------------------------------------*/