html , body
{
	margin:0;
	height:100%; /* needed for container min-height */
    height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */

	font-family:arial,sans-serif;
	font-size:12px;
	color:#FFF;
}
html
{
    background:#000 url('../img/geral/fundo.jpg') repeat-x;
}

h1 {
	font:1.5em verdana,georgia,serif;
	margin:0.5em 0;
}

h2 {
	font:22px georgia,serif;
	margin:0 0 0.5em;
}
	h1, h2, a {
		color:orange;
	}

p {
	line-height:1.5;
	margin:0 0 1em;
   /*text-indent:20mm;*/
   /*text-indent:1mm;*/

   text-align:justify
}
body
 {
   font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 10 0 10 0px;
   text-align: center;
}

div#geral
{
   text-align: left;
   width: 1000px;
   margin: auto;
}

div#cabecalho
{
   font-size:12pt;
   font-weight: bold;
   padding: 3 3 3 10px;
   text-align: center;
}

div#topo_conteudo
{
                 /*background: url('../img/geral/topo_conteudo.png');*/
                 display: block;
                 height: 40px;
                 clear: both;

}

div#corpo
{
   margin: 0px;
   /*background:url('../img/geral/fundo_conteudo.png') repeat-Y;*/
   padding:35px 35px;
   display: table;
   width: 930px;
}

div#lateral
{
   width: 170px;
   float:left;
}

div.numero_visitante
{
                    background: url('../img/geral/contador.jpg');
                    padding-top:5px;
                    padding-left:2px;
                    padding-right:2px;
                    padding-bottom:3px;
                    width:5%;
                    color: #FFCC00;
                    font-weight: bold;
                    margin-left:2px;
                    float: left;
                    
}

div#principal
{
   margin-left: 5px;
   padding: 2px;
   width: 520px;
   float: left;

}

div#outrolado
{

    margin-top: 0px;
    width: 215px;
    float: right;

}

div.anuncio
{
           margin-top:5px;
}
.clear
{
      clear: both;
}

div#footer
{
    padding:1px 0;
    width: 100%;
	text-align:center;
	color:#fff;
    background:#656565 url('../img/geral/rodape.jpg') repeat-x;
	color:#000;
	display: table;
}
div#footer p {
           padding:1em;
		   margin:0;
}

.conteudo_rodape
{
                position: relative;
                float: left;
                margin-top:10px;
                margin-left:20px;
                color: #CCC;
                text-align: right;
                padding: 5px;
}

/** URBANGREYMENU **/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 170px; /*width of menu*/
margin:0;
}

.urbangreymenu .headerbar{
margin:0;
font: 13px Verdana;
color: #FFCC00;
text-align:left;
background: url('../img/menu/top_bottom.png');
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding:15px 15px;
}
.urbangreymenu .bottombar
{
               background: url('../img/menu/top_bottom.png') bottom;
               margin:0;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
background: url('../img/menu/middle.png') bottom;
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/

}

.urbangreymenu ul li a{

font: normal 12px Arial;
color: white;
display: block;
padding: 6px 0;
line-height: 17px;
text-decoration: none;
text-align: center;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
.current a:link, .current a:visited
{
        font-weight: bold;
        color: #FFCC00;
}
.tool-tip {
	color: #fff;
	width: 180px;
	z-index: 13000;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	/*background:#000 url(bubble.png) top left;*/
	background:#000;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	/*background: url(bubble.png) bottom right;*/
   background:#000
}

.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}

.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}

.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

.esquerda
{
         background: url('../img/home/titulo.png') repeat-x left bottom;
         width:45px;
         height:40px;
         float: left;
         position: relative;
}

.centro
{
       background: url('../img/home/titulo_centro.png') repeat-x;
       height:40px;
       float:left;
       width:425px;
       font:14px Verdana;
       color: #fff;
       line-height:40px;
}

.direita
{
                         background: url('../img/home/titulo.png') repeat-x right bottom;
                         width:50px;
                         height:40px;
                         float: right;
                         position: relative;
}

/** LAYOUT HOME **/
div#outros_eventos
{
                  /*background:#4e4d4d url('../img/home/recente.png') repeat-x bottom;*/


}
div#outros_eventos ul
{
                   list-style: none;
                   padding:0;
                   background: #111;
}

.ultimo_over
{
          background: #222;
}

.ultimo_out
{
          background: none;
}


.ultimo_over , .ultimo_out , div#outros_eventos ul li
{
                   padding:15px;
                   /*border-bottom:1px solid #000;*/
                   border-bottom:1px dashed #666;
                   cursor: pointer;
                   font:14px arial;
                   color: #FFF;

}
div#outros_eventos ul .data_imagem
{
               float: left;
               width:100px;
               text-align: center;
}

div#outros_eventos ul .data_imagem .n1 , div#outros_eventos ul .data_imagem .n2
{
                   color: #FFCC00;
                   text-transform: uppercase;
}
div#outros_eventos ul .data_imagem .n1
{
                   font: 12px arial;
}
div#outros_eventos ul .data_imagem .n2
{
                   font: 14px arial;
                   font-weight: bold;

}

div#outros_eventos ul .mini_imagem
{
                   float: left;
                   width: 150px;
                   text-align: center;
}

div#outros_eventos ul .texto_imagem
{
                   padding:20px;
}

/** LAYOUT EVENTO **/
div#lista_eventos
{
                 padding-top:10px;

}

div#eventos
{
           margin-top: 15px;
           background: #000;
           padding: 5px;
           border:2px solid #333;
           display: table;
           width:500px;

}

div#ampliar_imagem
{
                  width:320px;
                  float: left;
                  margin:0;
}
div#thumb_fotos
{
               float: right;
               width:180px;
               position: relative;
}
div#thumb_fotos .thumb
{
                margin:5px
}

div#paginas_thumb
{
                 width:200px;
                 position: relative;
}

/** contato **/
div#contato
{
           width:100%;
}

div#contato ul
{
            list-style:none;
            display:table;
            width:100%;
            margin:10;

}

div#contato li
{
            position:relative;
            float:left;
            display:inline;
            padding:0 5px;

}
            .cont_col_esquerda
            {
                              position:relative;
                              color:#fff;
                              font:12px verdana;
                              top:0;
                              width:200px;
                              text-align:right;


            }

.texto_branco
{
             font: 12px arial;
             color:#fff;
}

/** componentes **/

select
{
      font: 10px arial;
      color: #666;
}
