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

/* RESET */
body {padding:0; margin:0; background:#c9cccf url(../images/background.jpg) no-repeat center top; font-size:62.5%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  }
p, h1, h2, h3, h4, h5, h6, li, span, label {padding:0; margin:0;}
table { font-size:1.0em; }

/*estrutura --------------------------------- */
#center 	{ margin: 0 auto; width: 889px; background: transparent url(../images/letras.gif) repeat-y; }
#header 	{ background: url(../images/banner_topo.jpg) no-repeat; width: 889px; height:293px; position:relative;}
#header_foto { position:absolute; width: 344px; height: 232px; top:61px; left: 495px; }
#logo-ecofuturo { background: url(../images/logo-ecofuturo10anos.gif) no-repeat; width:210px; height:111px; margin-top:10px; cursor:pointer; }
#icon-twitter { background: url(../images/icon_twitter.gif) no-repeat; width:210px; height:142px; margin-top:10px; cursor:pointer; }

body.historico #header_foto { background:url(../images/header_foto-historico.jpg) no-repeat; }
body.participar #header_foto { background:url(../images/header_foto-participar.jpg) no-repeat; }
body.comunidade #header_foto { background:url(../images/header_foto-comunidade.jpg) no-repeat; }
body.passaportes #header_foto { background:url(../images/header_foto-passaportes.jpg) no-repeat; }
body.agenda #header_foto { background:url(../images/header_foto-agenda.jpg) no-repeat; }
body.momento #header_foto { background:url(../images/header_foto-momento.jpg) no-repeat; }
body.prefeito #header_foto { background:url(../images/header_foto-prefeito.jpg) no-repeat; }
body.imprensa #header_foto { background:url(../images/header_foto-imprensa.jpg) no-repeat; }
body.parceiros #header_foto { background:url(../images/header_foto-parceiros.jpg) no-repeat; }

body.historico .mod_navigation #historico 	 						{ display:none; }
body.participar .mod_navigation #como-participar 					{ display:none; }
body.comunidade .mod_navigation #comunidade-da-leitura 				{ display:none; }
body.passaportes .mod_navigation #passaportes-para-a-leitura 		{ display:none; }
body.agenda .mod_navigation #agenda-de-leituras 					{ display:none; }
body.momento .mod_navigation #momento-familia 						{ display:none; }
body.prefeito .mod_navigation #prefeito-amigo-da-biblioteca 		{ display:none; }
body.imprensa .mod_navigation #imprensa 							{ display:none; }
body.parceiros .mod_navigation #parceiros 							{ display:none; }

/* página intro */
#intro-header { background:url(../images/intro-header.jpg) no-repeat; width: 889px; height: 60px; }
#intro { background:url(../images/intro.jpg) no-repeat left top; width: 889px; height:466px; margin: 0 auto; cursor:pointer; }

#footer 	{ background: url(../images/footer.gif) no-repeat bottom center; height: 50px; width: 889px; }
#container 	{ margin: 10px auto; width: 789px; }
#menu 		{ width:211px; float:left; }

#main 			{ width:566px; float:left; margin-left: 10px; }
#main #top 		{ background: url(../images/main-top.gif) no-repeat;display:block; height:15px; width:566px;  }
#main #bottom 	{ background: url(../images/main-bottom.gif) no-repeat; display:block; height:15px; width:566px; }
#main #back 	{ background: url(../images/main-back.gif) repeat-y; min-height: 920px; height:auto; _height:930px; }

#bottom-right-image { height:349px ; width:211px;}
body.historico #bottom-right-image { background: url(../images/footer-fotos-historico.gif) no-repeat;}
body.participar #bottom-right-image { background: url(../images/footer-fotos-participar.gif) no-repeat;}
body.comunidade #bottom-right-image { background: url(../images/footer-fotos-agenda.gif) no-repeat;}
body.passaportes #bottom-right-image { background: url(../images/footer-fotos-passaportes.gif) no-repeat;}
body.agenda #bottom-right-image { background: url(../images/footer-fotos-historico.gif) no-repeat;}
body.momento #bottom-right-image { background: url(../images/footer-fotos-momento.gif) no-repeat;}
body.prefeito #bottom-right-image { background: url(../images/footer-fotos-prefeito.gif) no-repeat;}
body.imprensa #bottom-right-image { background: url(../images/footer-fotos-imprensa.gif) no-repeat;}
body.parceiros #bottom-right-image { background: url(../images/footer-fotos-parceiros.gif) no-repeat;}

/* formatação de texto */
p, li, span { font-weight: bold; color:#444444; font-size:1.2em; line-height:1.3em; }

/* espaçamento */
p, h1, h2 { padding-bottom:0.7em }

.big { font-size: 1.8em; }
.bold 	{ font-weight:bold; }
.italic { font-style:italic; }
.normal { font-weight: normal !important; }

/* formatação de texto */
.branco 		{ color:#ffffff !important; }
.cinza-escuro 	{ color:#444444 !important; }
.azul 			{ color:#053b78 !important; }
.verde			{ color:#006E3B !important; }
.verde			{ color:#006E3B !important; }
.vermelho 		{ color:#9E382E !important; }
.roxo 			{ color:#5c57a6 !important; }

/* mensagem de erro */
.error { color:#F00; }
/*.error.message { color:#F00; padding:10px; margin:20px 0; background-color:#FCC; border:#F00 1px solid;}*/

.txt-center 	{ text-align:center !important; }
.txt-left 		{ text-align:left !important; }
.txt-right 		{ text-align:right !important; }

a:link, a:visited { font-weight:bold; color: #444444; text-decoration:underline; }
a:hover { color: #5c57a6 !important; text-decoration:underline; }

/* misc */
.margem		{ padding: 0px 15px; }
.clear 		{ clear:both; }
.clearfloat { clear:both; }
.relative	{ position:relative;}
.nobullet 	{ list-style: none; }




/* Home page --------------------------------------*/
body.home p { padding: 0 0 0 0; }
body.home a:link, body.home a:visited { text-decoration:none !important; }
/*coluna da esquerda e seus boxes */
	body.home #left 	{width:336px; float:left; }
	/*box historico */
	#box-historico 			{ background:url(../images/box_historico.jpg) no-repeat; height: 164px; cursor:pointer; }
	#box-historico div 		{ padding:105px 145px 15px 15px; }
	#box-historico p 		{ font-size:1.4em; color: #ffffff; }
	/*box agenda de leitura */
	#box-agenda 			{ background:url(../images/box_agenda.jpg) no-repeat; height: 209px; margin-top:10px; cursor:pointer;}
	#box-agenda div 		{ padding:65px 145px 15px 15px; }
	#box-agenda p 			{ font-size:1.4em; color: #ffffff; font-style:italic; }
	/*box momento familia */
	#box-momento 			{ background:url(../images/box_momento.jpg) no-repeat; height: 149px;margin-top:10px;cursor:pointer; }
	#box-momento div 		{ padding:95px 150px 15px 15px; }
	#box-momento p 			{ font-size:1.2em; color: #5f5f5f; }
	/*box prefeito e imprensa */
	#box-prefeito 			{ background:url(../images/box_prefeito.jpg) no-repeat; height: 201px; margin-top:10px; }
	#box-prefeito #box-1 	{ padding: 0 150px 0 15px; height:96px; margin-bottom:10px;cursor:pointer; }
	#box-prefeito #box-2 	{ padding: 0 150px 0 15px; height:96px; cursor:pointer;}
	#box-prefeito p 		{ font-size:1.2em; color: #5f5f5f; }
		
/*coluna da direita e boxes */
	body.home #right {width:443px; float:left; margin-left:10px; }
	/*box como participar */
	#box-participar 		{ background:url(../images/box_participar.jpg) no-repeat; height:339px;cursor:pointer; }
	#box-participar div 	{ padding:105px 190px 15px 15px; }
	#box-participar p 		{ font-size:1.4em; color: #053b78; }
	/*box comunidade */
	#box-comunidade 		{ background:url(../images/box_comunidade.jpg) no-repeat; height:193px; margin-top:10px; cursor:pointer;}
	#box-comunidade div 	{ padding:75px 190px 15px 15px; }
	#box-comunidade p 		{ font-size:1.4em; color: #ffffff;  }
	/*box passaportes para a leitura */
	#box-passaportes 		{ background:url(../images/box_passaportes.jpg) no-repeat; height:96px; margin-top: 10px; cursor:pointer;}
	#box-passaportes div 	{ padding:50px 90px 15px 220px; }
	#box-passaportes p 		{ font-size:1.4em; color: #053b78; }
	/*box parceiros */
	#box-parceiros 			{ background:url(../images/box_parceiros.jpg) no-repeat; height:95px; margin-top:10px;cursor:pointer;}
	#box-parceiros div 		{ padding:55px 145px 15px 15px; }
	#box-parceiros p 		{ font-size:1.4em; color: #ffffff;  }
	
	
	
/* Página interna */

.mod_breadcrumb { padding: 12px 0 0 20px; }

/*menu esquerdo*/
#menu ul, #menu_sub ul 				{ list-style:none; padding:0; margin:0}
#menu ul li 						{ margin-bottom:5px; }
#menu ul li span, #menu ul li a		{ display:block; height: 35px; text-indent:-51000px; }
#menu ul li.last					{ margin-bottom:10px;}
#menu ul li.active					{ display:none;}

.mod_navigation #historico span						{ background:url(../images/menu-historico.gif) no-repeat; }
.mod_navigation #como-participar span				{ background:url(../images/menu-participar.gif) no-repeat; }
.mod_navigation #comunidade-da-leitura span			{ background:url(../images/menu-comunidade.gif) no-repeat; }
.mod_navigation #passaportes-para-a-leitura span	{ background:url(../images/menu-passaportes.gif) no-repeat; }
.mod_navigation #agenda-de-leituras span			{ background:url(../images/menu-agenda.gif) no-repeat; }
.mod_navigation #momento-familia span				{ background:url(../images/menu-momento.gif) no-repeat; }
.mod_navigation #prefeito-amigo-da-biblioteca span	{ background:url(../images/menu-prefeito.gif) no-repeat; }
.mod_navigation #imprensa span						{ background:url(../images/menu-imprensa.gif) no-repeat; }
.mod_navigation #parceiros span						{ background:url(../images/menu-parceiros.gif) no-repeat; }

.mod_navigation #historico a						{ background:url(../images/menu-historico.gif) no-repeat;  }
.mod_navigation #como-participar a					{ background:url(../images/menu-participar.gif) no-repeat;  }
.mod_navigation #comunidade-da-leitura a			{ background:url(../images/menu-comunidade.gif) no-repeat; }
.mod_navigation #passaportes-para-a-leitura a		{ background:url(../images/menu-passaportes.gif) no-repeat; }
.mod_navigation #agenda-de-leituras a				{ background:url(../images/menu-agenda.gif) no-repeat; }
.mod_navigation #momento-familia a					{ background:url(../images/menu-momento.gif) no-repeat; }
.mod_navigation #prefeito-amigo-da-biblioteca a		{ background:url(../images/menu-prefeito.gif) no-repeat; }
.mod_navigation #imprensa a							{ background:url(../images/menu-imprensa.gif) no-repeat; }
.mod_navigation #parceiros a						{ background:url(../images/menu-parceiros.gif) no-repeat; }


/* page title */
#page_title_container			{ margin-bottom: 10px; }
#page_title						{ position:relative; width:789px; }

/*menu title*/
#page_title #menu_sub									{ height:25px; top:35px; right:0; border:none; position:absolute; overflow:hidden; }
#page_title #menu_sub ul								{ padding:0; margin:0;}
#page_title #menu_sub li 								{ float:left; background:url(../images/pontos.gif) right 2px no-repeat;}
#page_title #menu_sub li.active							{ padding-top:3px; }
#page_title #menu_sub li.last 							{ background: none;}
#page_title #menu_sub a,  #page_title #menu_sub span    { margin-right: 8px; }

/* page_title historico */
body.historico #page_title_container #corner-right		{ height:66px; background: url(../images/historico-right.gif) no-repeat right top; }
body.historico #page_title_container #corner-left 		{ height:66px; background: #e87817 url(../images/historico-left.gif) no-repeat left top; }
#entenda .ce_hyperlink { padding-left: 21px; background:url(../images/iconLINK.gif) no-repeat left center; }


/*page_title participar*/
body.participar #page_title_container					{ background: url(../images/participar-back.gif) repeat-x; }
body.participar #page_title_container #corner-right		{ height:66px; background: url(../images/participar-right.gif) no-repeat right top; }
body.participar #page_title_container #corner-left 		{ height:66px; background: url(../images/participar-left.gif) no-repeat left top; }
body.participar #page_title #menu_sub li				{ background:url(../images/pontos_azul.gif) right 2px no-repeat;}
body.participar #page_title #menu_sub li.last			{ background:none; }
/*page_title comunidade*/
body.comunidade #page_title_container #corner-right		{ height:66px; background: url(../images/comunidade-right.gif) no-repeat right top; }
body.comunidade #page_title_container #corner-left 		{ height:66px; background: #053b78 url(../images/comunidade-left.gif) no-repeat left top; }

/*page_title passaportes*/
body.passaportes #page_title_container #corner-right	{ height:66px; background: url(../images/passaportes-right.gif) no-repeat right top; }
body.passaportes #page_title_container #corner-left 	{ height:66px; background: #f7c200 url(../images/passaportes-left.gif) no-repeat left top; }

/*page_title agenda*/
body.agenda #page_title_container #corner-right			{ height:66px; background: url(../images/agenda-right.gif) no-repeat right top; }
body.agenda #page_title_container #corner-left 			{ height:66px; background: #a3b305 url(../images/agenda-left.gif) no-repeat left top; }

/*page_title momento*/
body.momento #page_title_container #corner-right		{ height:66px; background: url(../images/momento-right.gif) no-repeat right top; }
body.momento #page_title_container #corner-left 		{ height:66px; background: #c2c2c2 url(../images/momento-left.gif) no-repeat left top; }

/*page_title prefeito*/
body.prefeito #page_title_container #corner-right		{ height:66px; background: url(../images/prefeito-right.gif) no-repeat right top; }
body.prefeito #page_title_container #corner-left 		{ height:66px; background: #9e382e url(../images/prefeito-left.gif) no-repeat left top; }

/*page_title imprensa*/
body.imprensa #page_title_container #corner-right		{ height:66px; background: url(../images/imprensa-right.gif) no-repeat right top; }
body.imprensa #page_title_container #corner-left 		{ height:66px; background: #006e3b url(../images/imprensa-left.gif) no-repeat left top; }

/*page_title parceiros*/
body.parceiros #page_title_container #corner-right		{ height:66px; background: url(../images/parceiros-right.gif) no-repeat right top; }
body.parceiros #page_title_container #corner-left 		{ height:66px; background: #bdc7cc url(../images/parceiros-left.gif) no-repeat left top; }

/* Formulários */
.formbody { font-size:1.2em; }
.formbody td { padding: 2px; margin: 3px; }
.formbody label { font-weight:bold; }
.formbody .mandatory { color: #9E382E; }
.formbody .text { width: 300px; }
.formbody input, .formbody select, .formbody textarea { border: 1px solid #cccccc; line-height:1.2em; padding:3px; }
.formbody .submit { padding: 5px 15px; border:1px solid #cccccc; background: #efefef; text-decoration: none; color: #444444; font-weight:bold; }
/*.avatar_container .hint { display:none; }*/
.ce_form .formbody label { width: 150px; display:block; float: left; padding: 2px;  margin: 3px;} 
.ce_form .formbody input .text { width: 300px; display:block; float: left; padding: 2px;  margin: 3px;} 
.ce_form .formbody .textarea { width: 300px; height: 100px; display:block; float: left; padding: 2px;  margin: 3px 3px 3px 0;} 
.ce_form .mandatory { color:#444444; }
.ce_form span.mandatory { color: #9E382E; }
.ce_form .submit { margin:20px 0 0 160px;}

.avatar_container #ctrl_avatar_file { border: 1px solid #cccccc; line-height:1.2em; padding:3px; }

.botao { padding: 5px 15px; border:1px solid #cccccc; background: #efefef; text-decoration: none; color: #444444; font-weight:bold;}

.comunidade .mainlist tr th { border:none; }

.comunidade .even td { border-collapse:collapse;background: #fafafa; border:none !important }
.comunidade .odd td { border-collapse:collapse; background: #ebf5fc; border:none !important;  } 
.mainlist { font-size:1.0em; border:none;}
.bottom-left { padding: 5px;}
#forum .buttons { padding: 3px; }
#forum span { font-size: 12px; }
#forum { font-size: 12px; }

#forum .functions a:link, #forum .functions a:visited { font-weight: normal; text-decoration:none;}


/* memorias */
div.record { width: 100%; clear:both; margin-bottom:20px; height: 150px;}
div.foto {	float:left; width:220px; height: auto;}
div.descricao { float: left; width:290px; height: auto; }

/* paginação */
.pagination { border-top: 1px solid #eeeeee; padding: 2px; }
.pagination p { float:left; margin:0 5px 0 0; padding: 2px 0 0 0; }
.pagination ul { padding:0; margin:0; list-style:none; float:right; }
.pagination ul li { float:left; }
.pagination ul li a.link{ float:left; display:block; padding: 2px; width: 12px;text-align:center; text-decoration:none; color:#9E382E;}
.pagination ul li span.current { float:left; display:block; padding: 2px; width: 12px; text-align:center; font-size:1.0em; color:#444444;}
.pagination ul li a.previous { background:url(../images/seta-esq.gif) no-repeat center left; float:left; display:block; padding: 2px 4px 2px 15px; text-decoration:none; color:#9E382E; }
.pagination ul li a.next  { background:url(../images/seta-dir.gif) no-repeat center right; float:left; display:block; padding: 2px 15px 2px 4px; text-decoration:none; color:#9E382E; }
.pagination ul li a.last { background:url(../images/seta-ultima.gif) no-repeat center left; float:left; display:block; padding: 2px 20px 2px 4px; text-decoration:none; color:#9E382E; }
.pagination ul li a.first { background:url(../images/seta-primeira.gif) no-repeat center left; float:left; display:block; padding: 2px 4px 2px 20px; text-decoration:none; color:#9E382E; }
.pagination ul li a.link:hover, .pagination ul li a.previous:hover, .pagination ul li a.next:hover, .pagination ul li a.first:hover, .pagination ul li a.last:hover { color: #444444 !important; text-decoration:underline; }

/* download archive */
.participar .ce_downloadarchiv { background-color:#eeeeee; padding:10px 20px; margin-top:10px; }
.participar .mime_icon { display:none; }
.participar .downloadarchivItem { padding:10px 0;font-size: 14px }
.participar .downloadarchivItem a { text-decoration:none; padding-left:20px; background: url(../images/seta-baixo.gif) left 5px no-repeat; }

/* passaportes */
.passaportes  a:link,  .passaportes a:visited{ text-decoration:none; }
.passaportes .downloadarchivList { padding:20px 0; }
.passaportes .downloadarchivItem { padding:5px 0; }
.passaportes .downloadarchivItem a { color:#9E382E; font-size:12px; }
.passaportes .downloadarchivItem .mime_icon { display: none; }

/* agenda */
.agenda .ce_accordion table { margin-bottom:20px; }
.agenda .ce_accordion td { font-size: 9px; font-family:Arial; font-weight:normal !important; padding:10px; margin:0; border:#eee 1px solid;  border-collapse:collapse;  }
#agenda---lista ul { list-style: none; padding:0; margin:0;  }
#agenda---lista ul li { text-transform:uppercase; margin-bottom: 5px; font-size: 1.4em; display:inline; border-right: 1px solid #5c57a6; padding: 0 5px 0 3px; }
#agenda---lista ul li a { color:#5c57a6;}
#agenda---lista ul li.last { border: none;}

/* parceiros */
.parceiros .ce_text { padding:30px 0;  }
.parceiros .ce_text p { float:right; width:400px; }

/* prefeito */
.prefeito .ce_table table { margin-bottom:20px; }
.prefeito .ce_table td { font-size: 12px; padding:5px; margin:0; border:#eee 1px solid;  border-collapse:collapse;  }

/* imprensa */
.imprensa .mod_newslist .layout_latest { padding:20px; margin-bottom:20px; background-color:#eeeeee; }

/* toggler */
.toggler { cursor: pointer }