/*//////////////////////////////////////////////
// CSS Document                               //
// Estilos Gerais para o Site                 //
// Mateus Araujo <mateus@alias.com.br>        //
//////////////////////////////////////////////*/

/* CORPO */
body{
	margin: 0px;		
	background: #fdfbee url(../img/bg.jpg) repeat-x;
	font: 11px "Trebuchet MS";
	color:#696549;
}
a, a:active, a:visited{
	cursor:pointer;
	text-decoration:none
}
a:hover{
	cursor:pointer;
}
#site{
	width: 990px;
	height: auto;
	margin: 0 auto;
}
#topo{
	position:absolute;	
	width: 990px;
}

/* Galeria */
#btn_voltar{
	display: none;
	float:left;
}
#btn_avancar{
	display: none;
	float:right;
}

/* Carregando */
#carregando{
	display:none;
	position:absolute;
	top: 50%;
	left: 50%;
	background-color:#FFF;
	background-image:url(../img/bg_loader.jpg);
	background-repeat:no-repeat;
	width: 180px;
	height: 50px;
	margin: -25px -90px 0 0;
}
#carregando img{
	margin: 17px 25px
}

/* INDEX DESIGN */
#teto{
	padding-top: 128px;
	width: 990px;
	height: 97px;
}
#parede{
	width: 659px;
	height: 500px;
	margin-left: 164px;
	background-image: url(../img/parede.jpg);
	background-repeat:no-repeat;
}
#piso{
	width: 990px;
	height: 94px;
}


/* INTERNAS DESIGN */

#teto_interna{
	padding-top: 132px;
	width: 990px;
	height: 11px;
}
#parede_interna{
	width: 987px;
	min-height: 500px;
	height:auto;
	background-color: #fdfcf2;
}
#piso_interna{
	width: 990px;
	height: 10px;
}

.navegacao{
	position:absolute;
	z-index: 7;
	margin: 25px 0 0 25px;
}

.navegacao a{
	color: #ea1c21;
}

.esquerda{
	width:586px;
	height:auto;
	float:left;
	margin-right: 40px;
}
.direita{
	width:280px;
	height:auto;
	float:left;
}
.conteudo{	
	padding: 70px 0 70px 43px;
	height: auto;
}
.titulo_vermelho{
	color: #ea1c21;
	font-size: 24px;
}
#texto_interna{
	margin: 20px 0;
}
.texto_interna{
	margin: 20px 0;
}
.texto_interna a{
	color:#ea1c21;
}
.texto_interna div a{
	color:#ea1c21;
}
.texto_interna div a:hover{
	color:#ea1c21;
	text-decoration:underline;
}

.titulos_interna{
	margin-bottom: 11px;
}

.formata_noticia_i{
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: dotted 1px #666; 
	width: 100%;
}
.formata_noticia_i:hover{
	text-decoration: underline;
}
/* Padrões de Texto */
.titulo_marrom_i{
	color: #684925;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
}
.data_marrom_i{
	color: #684925;
	font-size: 11px;
	line-height: 11px;
	margin-top:2px;
}
.texto_box_i{
	color: #696549;
	font-size: 12px;
	line-height: 12px;
}
.box_interna{
	width: 940px;
	height:auto;
}

/* FIM INTERNAS DESIGN */


#rodape{
	width: 990px;
	height: 114px;
}
.r3{
	float:left;
	width:26px;
	height:26px;
	
}
.r1{
	float:left;
	width:620px;
	text-align:center;
	margin: 27px 0 0 177px;
}
.r2{
	float:right;
	width:160px;
}

.logo_servas{
	float:left;
	margin:17px 17px 0 0;
}
.logo_governo{
	float:left;
	margin-top: 17px;
}

/* Crianças do Cenário */

#brinquedoteca_e_menino{
	position: absolute;
	z-index: 2;
	margin: 346px 0 0 270px;
}
#criancas{
	position: absolute;
	z-index: 2;
	margin: 594px 0 0 630px;
}
#criancas2{
	position: absolute;
	z-index: 3;
	margin: 527px 0 0 47px;
}
#flash_galeria{
	position: absolute;
	z-index: 6;
	margin: 174px 0 0 0px;
}

/* Padrão de Link */
a div .titulo_marrom{
	color: #684925;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold
}
a div .data_marrom{
	color: #684925;
	font-size: 9px;
	line-height: 9px;
	margin-top:2px;

}
a div .texto_box{
	color: #696549;
	font-size: 10px;
	line-height: 10px;
}

/* Padrões de Texto */
.titulo_marrom{
	color: #684925;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold
}
.data_marrom{
	color: #684925;
	font-size: 9px;
	line-height: 9px;
	margin-top:2px;

}
.texto_box{
	color: #696549;
	font-size: 10px;
	line-height: 10px;
}

/* Caixa de Notícias */

#noticias{
	position: absolute;
	z-index: 3;
	width: 330px;
	height: 242px;
	background-color: #f9f7de;
	margin: 236px 0 0 605px;
}
.bloco_noticia{
	width:320px;
	height: 232px;
	margin: 5px;
	background: #FFF;
}
#box_noticias{
	position:absolute;
	width: 370px;
}
.formata_noticia{
	margin: 10px 0;
	width: 275px;
}

/* Depoimento Aécio Neves */

#aecio_neves{
	position: absolute;
	z-index: 3;
	width: 308px;
	height: 80px;
	background-color: #f9f7de;
	margin: 490px 0 0 680px;
}
#aecio_dados{
	margin:5px;
}
.aecio_foto{
	width: 70px;
	height: 70px;
	float:left;
}
.aecio_texto{
	width: 228px;
	height: 70px;
	float:left;
	background: #FFF;
}
.formata_depoimento{
	margin: 6px 12px;
}
.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	width: 100%;
	height: 216px;
	overflow: auto;
	float: left;
}

#servas_scroll{
	position:absolute;
	z-index: 4;
	margin: 250px 0 0 618px;
}
.servas .jScrollPaneTrack {
	background: url(../img/bg_scroll.gif) repeat-y;
}
.servas .jScrollPaneDrag {
	margin:2px;
	background: url(../img/macaco_scroll_p.gif) no-repeat 0 0;
	min-height: 104px;
	height: 104px;
}
.servas .jScrollPaneDragTop {
	background: url(../img/marrom.gif) repeat-y;
	height: 50px;
}
.servas .jScrollPaneDragBottom {
	background: url(../img/marrom.gif) repeat-y;
	height: 150px;
}
.servas a.jScrollArrowUp {
	height: 0px;
	background: url(../img/marrom.gif) repeat-y 0 0;
}
.servas a.jScrollArrowUp:hover {
	background-position: 0 -20px;
}
.servas a.jScrollArrowDown {
	height: 0px;
}
.servas a.jScrollArrowDown:hover {
	background-position: 0 0px;
}
.servas a.jScrollActiveArrowButton, .servas a.jScrollActiveArrowButton:hover {
	background-position: 0 0px;
}

/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
	bottom: -1px;
}

.selo_brinquedoteca{
	margin: -89px -12px 0 -6px;
}

/* MENU */
#menu{
	margin:109px 0 0 90px;
}
#menu div{
	float:left;
}
.divide_menu{
	background-image:url(../img/menu/divide.gif);
	background-repeat:no-repeat;
	width: 28px;
	height: 10px;
	background-position: 50% 50%;
}

/* DROP DOWN */
#dd_brinquedoteca{
	width:120px;
	height:100px;
	position:absolute;
	background-color:#ECF5F4;
	margin: 121px 0 0 143px;
	display:none;
	z-index:51;
	line-height:11px;
}
#dd_brinquedoteca a{
	font-size: 11px;
	line-height: 11px;
	color: #696549;
}
#dd_brinquedoteca a:hover{
	font-size: 11px;
	line-height: 11px;
	color: #ea1c21;
}
#dd_brinquedoteca div{
	margin: 9px 0 0 9px;
	line-height:11px;
}
#dd_brinquedoteca img{
	margin:3px 0 0 9px;
}

#dd_resultados{
	width:125px;
	height:100px;
	position:absolute;
	background-color:#ECF5F4;
	margin: 120px 0 0 330px;
	display:none;
	z-index:51;
	line-height:11px;
}
#dd_resultados a{
	font-size: 11px;
	line-height: 11px;
	color: #696549;
}
#dd_resultados a:hover{
	font-size: 11px;
	line-height: 11px;
	color: #ea1c21;
}
#dd_resultados div{
	margin: 9px 0 0 9px;
	line-height:11px;
}
#dd_resultados img{
	margin:3px 0px 0 20px;
}


#dd_como{
	width:125px;
	height:60px;
	position:absolute;
	background-color:#ECF5F4;
	margin: 120px 0 0 650px;
	display:none;
	z-index:51;
	line-height:11px;
}
#dd_como a{
	font-size: 11px;
	line-height: 11px;
	color: #696549;
}
#dd_como a:hover{
	font-size: 11px;
	line-height: 11px;
	color: #ea1c21;
}
#dd_como div{
	margin: 9px 0 0 9px;
	line-height:11px;
}
#dd_como img{
	margin:3px 0px 0 28px;
}

/* Menu interno */

#menu_interno li{
	list-style:none;
}
#menu_interno li a{
	
}
.lista_menu {
	margin: 0; 
	padding: 0; 
}
.lista_menu a {
	color:#696549;
}
.lista_menu li { 
	width:182px; 
	height: 20px; 
	background-color:#f9f7de; 
	color:#696549; 
	list-style: none; 
	display: inherit; 
	margin: 0 0 1px 0; 
	padding: 6px 0 0 6px;
}
.lista_menu li:hover { 
	cursor: pointer;
	width:182px; 
	height: 20px; 
	background-color:#F00; 
	color:#fff; 
	list-style: none; 
	display: inherit; 
	margin: 0 0 1px 0; 
	padding: 6px 0 0 6px;
}
.lista_menu li:hover a { 
	color:#fff; 
}

.lista_menu .item_ativo a { 
	color: #fff;
}
.lista_menu .item_ativo{ 	
	background-color:#F00; 
	color:#fff; 	
}


#galeria li{
	list-style: none;
}

.lista_fotos {
	margin: 0; 
	padding: 0; 
}
.lista_fotos li { 
	width:42px; 
	height: 42px; 
	background-color:#f6f2cb; 	
	list-style: none; 
	margin: 0 6px 6px 0;
	display: inline-block;
}
.lista_fotos li:hover { 
	cursor: pointer;
	width:42px; 
	height: 42px; 
	background-color:#F00; 
	color:#fff; 
	list-style: none; 
}
.lista_fotos li img { 
	margin: 5px 0 0 5px;
}


.lista_fotos2 {
	margin: 0; 
	padding: 0; 
}
.lista_fotos2 li { 
	width:74px; 
	height: 74px; 
	background-color:#f6f2cb; 	
	list-style: none; 
	margin: 0 12px 12px 0;
	display: inline-block;
	float:left
}
.lista_fotos2 li:hover { 
	cursor: pointer;
	width: 74px; 
	height: 74px; 
	background-color:#F00; 
	color:#fff; 
	list-style: none; 
}
.lista_fotos2 li img { 
	margin: 5px 0 0 5px;
}


/* PARCEIROS LOGOS */

.logos_parceiros {
	margin: 0; 
	padding: 0; 
}
.logos_parceiros li { 
	width:131px; 
	height: 131px; 
	background-color:#f9f7de; 
	color:#696549; 
	list-style: none; 
	display: inherit; 
	float:left;
	margin: 0 16px 16px 0; 
	padding: 6px 0 0 6px;
}
.logos_parceiros li:hover { 
	cursor: pointer;
	width:131px; 
	height: 131px; 
	background-color:#F00; 
	color:#fff; 
	list-style: none; 
	display: inherit; 
	margin: 0 16px 16px 0;
	padding: 6px 0 0 6px;
}


.inputs{
	border: solid 1px #edeabd;
	width: 450px;
	height: 18px;
}
.text_form{
	border: solid 1px #edeabd;
	width: 450px;
	height: 100px;
}

#foto_ampliada{	
	margin-bottom:30px;
}
#foto_ampliada img{
	background-color: #F6F2CB;
	text-align:center;
	padding: 5px;
}
#menino_parede{
	position: absolute;
	z-index: 10;
	margin: 75px 0 0 470px;
}

#menu_esquerda{
	position:absolute;
	z-index: 50;
}
#menu_direita{
	position:absolute;
	margin-left: 500px;
	z-index: 50;
}
#selo_brinquedoteca{
	position:absolute;
	margin: -89px 0 0 280px;
	z-index: 49;
}