@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
	margin: 0;
}

#topo{
	position: relative;
	width: 100%;
} 

#espaco_logo{
	width: 1000px;
	height: 180px;
	position:relative;
	margin: 0 auto;
	padding: 0;
	background-image:url(imagens/topo.png);	
}

#detalhe_topo{
	width: 292px;
	height: 180px;
	position: absolute;
	background-image: url(imagens/detalhe_topo.png);
	left: 235px;
	z-index: 10;
}


#fotos{
	width: 707px;
	height:180px;
	float:right;
	margin-top: 0;
	z-index:1;
	overflow:hidden;
}

/*imagem do banner */
.pics_FOTO_HOME{
	height: 180px; /*altura das imagens*/
    width: 707px; /*largura das imagens*/
    overflow: hidden; /*limitando a div*/
}
.pics_FOTO_HOME img {
    height: 180px; /*altura das imagens*/
    width: 707px; /*largura das imagens*/
}

/* fim da imagem do banner */

/*menus*/

#icone_utilitarios{
	margin-top: 3px;
	float: left;
}

#utilitarios_lista{
	width: 235px;
	position:relative;
	float: left;
	margin: 0 auto;
	padding: 0;
}


#utilitarios_lista li {
	float: left;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	background-color:#F7F7F7;
	display: inline-block;
	position: relative;
}

#utilitarios_lista li a:link, #utilitarios_lista li a:visited,  #utilitarios_lista li a:active{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:235px;
	height:30px;
	line-height:30px;
	color:#333;
	text-decoration:none;
	display:block;
	text-align:left;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	
	border-bottom:dotted;
	border-bottom-width:1px;
	border-bottom-color:#333333;
}

#utilitarios_lista li a:hover{
	color:#900;
	background-color:#E5E5E5;
}

/* final menus*/

.tit_associacao{
	font-family:"Century Gothic";
	font-size: 16px;
	color:#00006A;
	text-align:center;
	line-height: 26px;
}

.marcador_titulo{
	background-image:url(imagens/marcador_titulos.png);
	background-repeat:no-repeat;
}

.texto_rodape{
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tit_geral{
	font-family:"Century Gothic";
	font-size: 16px;
	color:#333;
	text-align:left;
	font-weight:bold;
}

.tit_menor{
	font-family:"Century Gothic";
	font-size: 12px;
	color:#00006A;
	text-align:left;
	font-weight:bold;
}

.links_site{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	text-align:left;
	line-height: 20px;
	height: 20px;
	text-decoration:none;
}


.links_site:hover{
	color:#666;

}

.links_bt{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

.links_bt:hover{
	color:#FFC;

}

.links_esc{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;	
	color:#900;
	text-align:center;
}

.links_esc:hover{
	color:#ccc;

}


.txt_site{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align:justify;
}

.txt_2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#900;
	text-align:right;
}

#acesso_rapido{
	width: 990px;
	height: 90px;
	position:relative;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}

.acesso_rapido {
	background-size:110px;
	background-color:#FFF;
	border:0;
}
.acesso_rapido:hover {
	filter: alpha:(opacity=100);
	opacity:0.7;
}

/* TOPO MENUS */

.mntp01{
	background:url(imagens/mntp_01a.png);
	background-position:top;
	background-repeat:no-repeat;
	width: 246px;
	height: 80px;
	cursor:pointer;


-webkit-transition:	0.25s;
-webkit-border-radius:10px;
-moz-transition: 0.25s;
-moz-border-radius:10px; 
-o-transition: 0.25s;
-o-border-radius:10px; 
-ms-transition: 0.25s;
-ms-border-radius:10px;
}

.mntp01:hover{
	background:url(imagens/mntp_01.png);
}

.mntp02{
	background:url(imagens/mntp_02a.png);
	background-position:top;
	background-repeat:no-repeat;
	width: 246px;
	height: 80px;
	cursor:pointer;


-webkit-transition:	0.25s;
-webkit-border-radius:10px;
-moz-transition: 0.25s;
-moz-border-radius:10px; 
-o-transition: 0.25s;
-o-border-radius:10px; 
-ms-transition: 0.25s;
-ms-border-radius:10px;
}

.mntp02:hover{
	background:url(imagens/mntp_02.png);
}

.mntp03{
	background:url(imagens/mntp_03a.png);
	background-position:top;
	background-repeat:no-repeat;
	width: 246px;
	height: 80px;
	cursor:pointer;


-webkit-transition:	0.25s;
-webkit-border-radius:10px;
-moz-transition: 0.25s;
-moz-border-radius:10px; 
-o-transition: 0.25s;
-o-border-radius:10px; 
-ms-transition: 0.25s;
-ms-border-radius:10px;
}

.mntp03:hover{
	background:url(imagens/mntp_03.png);
}

.mntp04{
	background:url(imagens/mntp_04a.png);
	background-position:top;
	background-repeat:no-repeat;
	width: 246px;
	height: 80px;
	cursor:pointer;


-webkit-transition:	0.25s;
-webkit-border-radius:10px;
-moz-transition: 0.25s;
-moz-border-radius:10px; 
-o-transition: 0.25s;
-o-border-radius:10px; 
-ms-transition: 0.25s;
-ms-border-radius:10px;
}

.mntp04:hover{
	background:url(imagens/mntp_04.png);
}

/*REDES SOCIAIS*/

.twitter{
	background-image:url(imagens/twitter_dark.png);
	background-position:center;
	background-repeat:no-repeat;
}

.btTwitter{
	cursor:pointer;
	background-image:url(imagens/twitter_active.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 35px;
	height: 35px;
	opacity: 0;

	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	-ms-transition: opacity 200ms ease-in;
}

.btTwitter:hover{
	opacity: 1;
}

.face{
	background-image:url(imagens/facebook_dark.png);
	background-position:center;
	background-repeat:no-repeat;
}

.btFace{
	cursor:pointer;
	background-image:url(imagens/facebook_active.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 35px;
	height: 35px;
	opacity: 0;

	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	-ms-transition: opacity 200ms ease-in;
}

.btFace:hover{
	opacity: 1;
}

/*FIM REDES SOCIAIS*/

#cons_lista{
	width: 235px;
	position:relative;
	float: left;
	margin: 0 auto;
	padding: 0;
}


#cons_lista li {
	float: left;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	position: relative;
}

#cons_lista li a:link, #cons_lista li a:visited,  #cons_lista li a:active{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:235px;
	height:30px;
	line-height:30px;
	color:#333;
	text-decoration:none;
	display:block;
	text-align:left;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
}

#cons_lista li a:hover{
	color:#900;
	margin-left: 4px;	
}