/* CSS Document */
*{
margin:0px;
padding:0px;
}

body
{
background-color:#000;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#geral
{
width:100%;
margin:auto;
text-align:center;
}

/*******************REGIAO TOPO*************************/
#topo-galeria
{
width:100%;
height:146px;
float:left;
background-image:url(../imagens/bg-topo.jpg);
background-repeat:repeat-x;
}

#logo
{
width:239px;
height:131px;
margin:auto;
}

#logo h1 a
{
width:239px;
height:131px;
float:left;
background-image:url(../imagens/logo-galeria.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}
/************************LATERAL ESQUERDA****************************/
#lateral-esquerda-galeria
{
width:210px;
height:auto;
float:left;
}

#banner
{
width:209px;
height:241px;
float:left;
background-color:#000;
}

/**********MENU GALERIA***********/
#menu-galeria
{
width:212px;
height:282px;
float:left;
_float:none;
background-repeat:no-repeat;
}

/******************Categoria de fotos************************/
#categoria-de-fotos
{
width:768px;
height:auto;
float:right;
}

h2
{
height:15px;
text-align:left;
font-size:15px;
color:#fff;
font-weight:bold;
float:left;
display:inline;
background:url(../imagens/bg-titulo.gif) no-repeat right;
padding-right:20px;
text-transform:uppercase;
margin-bottom:10px;
}

h2 span
{
width:109px;
height:15px;
color:#B00000;
display:inline;
text-transform:none;
}

#categoria-de-fotos ul 
{
width:768px;
height:auto;
float:left;
}

#categoria-de-fotos ul li
{
width:235px;
height:210px;
float:left;
list-style-type:none;
padding-top:20px;
padding-left:10px;
border-bottom:1px solid #666;
}

#categoria-de-fotos ul li a
{
text-decoration:none;
}

#categoria-de-fotos ul li img
{
width:232px;
height:152px;
float:left;
list-style-type:none;
border:4px solid #fff;
}

#categoria-de-fotos ul li span
{
text-align:center;
display:block;
font-size:12px;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}

.data-evento
{
text-align:center;
display:block;
font-size:12px;
font-style:italic;
font-weight:bold;
color:#005AA5;
font-family:Arial, Helvetica, sans-serif;
}

/******************GALERIA de fotos************************/
#galeria-de-fotos
{
width:768px;
height:auto;
float:right;
}

h2
{
height:15px;
text-align:left;
font-size:15px;
color:#fff;
font-weight:bold;
float:left;
display:inline;
background:url(../imagens/bg-titulo.gif) no-repeat right;
padding-right:20px;
text-transform:uppercase;
margin-bottom:10px;
}

h2 span
{
width:109px;
height:15px;
color:#B00000;
display:inline;
text-transform:none;
}

#galeria-de-fotos ul 
{
width:768px;
height:auto;
float:left;
padding-bottom:25px;
}

#galeria-de-fotos ul li
{
width:112px;
height:74px;
float:left;
list-style-type:none;
padding-top:20px;
padding-left:10px;
}

#galeria-de-fotos ul li a
{
text-decoration:none;
}

#galeria-de-fotos ul li img
{
width:112px;
height:74px;
float:left;
list-style-type:none;
border:2px solid #fff;
}

#galeria-de-fotos ul li span
{
text-align:center;
display:block;
font-size:12px;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}



/********NOVA GALERIA*****COM DIV******/
.divRowGal 
{
position:relative;
width:750px;
height:auto;
z-index:1;
text-align:center;
}
.divRowGal img
{
width:110px;
height:72px;
border:1px solid #ffffff;
padding:1px;
}
.divRowGal img:hover
{
border:1px solid #333;
padding:1px;
}

.tituloGaleria
{
padding:0px;
margin:0px;
font-size:14px;
color:#000;
}


/**************REGIAO BOTOES PROXIMO E ANTES*************/
#paginacao
{
width:100%;
height:50px;
float:left;
display:block;
border-bottom:1px solid #666;
}

.botoes_pagina a
{
width:80px;
height:18px;
text-align:center;
text-decoration:none;
color:#fff;
float:left;
margin:20px 5px 10px 10px;
font-weight:bold;
font-size:14px;
position:relative;
left:190px;
}

.botoes_pagina a:hover
{
width:80px;
height:18px;
background-color:#fff;
text-align:center;
text-decoration:none;
color:#000;
float:left;
margin:20px 5px 10px 10px;
font-weight:bold;
font-size:14px;
}


.numeracao_on 
{
width:40px;
height:18px;
background-color:#990000;
text-align:center;
text-decoration:none;
color:#fff;
float:left;
font-weight:bold;
font-size:14px;
margin:20px 5px 10px 10px;
position:relative;
left:185px;
}

.numeracao a
{
width:40px;
height:18px;
background-color:#fff;
text-align:center;
text-decoration:none;
color:#990000;
float:left;
margin:20px 5px 10px 10px;
font-weight:bold;
font-size:14px;
position:relative;
left:185px;
text-decoration:none;
}

.numeracao a:hover
{
width:40px;
height:18px;
background-color:#666666;
text-align:center;
text-decoration:none;
color:#fff;
float:left;
margin:20px 5px 10px 10px;
font-weight:bold;
font-size:14px;
position:relative;
left:185px;
}



/*------------REGIAO MENU RODAPE----------------------------------------------------------------------------------------------------*/
#box_menu_rodape
{
width:100%;
height:30px;
display:block;

}

#menu_rodape
{
width:500px;
height:30px;
margin:auto;
display:block;
}



#menu_rodape ul
{
float:right;
margin:auto;
display:block;
margin-top:20px;
}

#menu_rodape ul li
{
display:inline;
margin-left:35px;
position:relative;
right:15px;
}


#menu_rodape ul li a
{
text-decoration:none;
list-style-type:none;
color:#FFFFFF;
font-size:11px;
text-transform:uppercase;
}

#menu_rodape ul li a:hover
{
color:#999999;

}
/*------//FIM REGIAO MENU RODAPE----------------------------------------------------------------------------------------------------*/


/*------REGIAO RODAPE----------------------------------------------------------------------------------------------------------------*/
#rodape
{
width:100%;
height:88px;
float:left;
background-color:#999999;
background-image:url(../imagens/rodape.jpg);
clear:both;
}

#logorodape h1 a
{
width:125px;
height:65px;
float:left;
background-color:#000;
background-image:url(../imagens/mini-logomarca.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
position:relative;
top:15px;
left:105px;
}


#informacoes-rodape
{
width:125px;
height:65px;
float:right;
position:relative;
top:15px;
right:105px;
}

#informacoes-rodape h3 
{
float:left;
color:#fff;
font-size:12px;
font-family:"Trebuchet MS","Times New Roman", Times, serif, ;
position:relative;
top:5px;
}

#informacoes-rodape h3 a 
{
color:#fff;
font-size:12px;
font-family:"Trebuchet MS","Times New Roman", Times, serif, ;
text-decoration:none;
}

#informacoes-rodape h3 a:hover 
{
color:#ccc;
font-size:12px;
font-family:"Trebuchet MS","Times New Roman", Times, serif, ;
text-decoration:none;
}
/*------// FIM REGIAO RODAPE---------------------------------------------------------------------------------------------------------*/