/*
geral:				tem que possuir essas classes para montar a galeria

ft_dv_01_carroussel:	serve para limitar a galeria sem deixar que ela se estique junto com o browser
ft_dv_01_mascara:		Esconde as fotos que nao podem ser exibidas ainda
ft_dv_01_album:		Todas as fotos ficam alinhadas por ele
ft_dv_02:				faz um retrato em volta da foto caso ela seja pequena

*/

.ft_dv_00			{width:600px; position:relative; margin:auto; text-align:center; float:left;}
/*largura do container que limita a galeria*/

.ft_dv_01			{border:#31A7E3 1px solid; color:#31A7E3; font-size:17px; font-weight:bold; padding:18px 18px; margin-bottom:5px; height:420px; position:relative;}
/*Setar as cores da caixa da imagem ampliada*/

.ft_dv_01_painel	{width:240px; height:45px; margin:0 auto; text-align:center; bottom:10px; position:absolute; left:50%; margin-left:-120px;}
/*painel com botoes da tela de detalhes da galeria*/

.ft_dv_01_legenda	{top:0px; margin-bottom:5px}
/*titulo e legenda da galeria*/

.ft_dv_01_foto		{margin:0 auto; text-align:center;}
/*alinhamento da foto selecionada*/

.ft_dv_01_carrousel{position:relative; text-align:left; background:#e9f4fb;}
/*div que contem o carrousel de fotos inteiro*/

.ft_dv_01_mascara	{overflow:hidden; width:600px; height:235px; position:relative}
/*div que faz a mascara do carrousel*/

.ft_dv_01_album		{width:100%; height:100%; white-space:nowrap; position:absolute; left:0}
/*div que contem todas as fotos que vao ser exibida em uma linha*/

.ft_dv_02			{display:inline-block; width:112px; height:225px; margin-left:32px;} /*div que forma uma coluna com 3 linhas*/ 

.ft_dv_03			{height:75px; margin: 0 auto 2px auto; width:110px; background:#CCC; text-align:center;} /*div atras das fotos do carroussel tipo um retrato*/

.ft_im_01			{border:#CCC 2px solid; cursor:pointer; display:block; margin:0 auto;}
/*borda e cursor das imagens pequenas na tela de galeria*/

.ft_im_02_esquerda	{display:block; position:absolute; top:40%; left:0px; cursor:pointer;} 
/*botao seta esquerda*/

.ft_im_02_direita	{display:block; position:absolute; top:40%; right:0px; cursor:pointer;} 
/*botao seta direita*/

.ft_lk_01_esquerda	{position:absolute; width:40px; height:80px; top:150px; left:0px; background:url(../../imagens/diaDasMaes/galeria_layout/gif_bt_07.gif); z-index:10;} 
/*botao esquerda do painel de detalhes galeria*/

.ft_lk_01_direita	{position:absolute; width:40px; height:80px; top:150px; right:0px; background:url(../../imagens/diaDasMaes/galeria_layout/gif_bt_06.gif); z-index:10;}
/*botao direita do painel de detalhes galeria*/