html, * {
	margin:0;
	padding:0;
	border:0;	
}


.center { text-align: center; }
.fechado { display: none; }
.aberto { display: block; }
.current { background: #fff; height:40px }
#sucess { text-align: center; padding: 40px; }
#sucess p { margin:0;padding:0; }
.container { min-height: 262px; margin:-10px 0 0; }
.back { padding:  0 25px }
.back a { text-decoration: none; color: #000; }
.back a:hover { text-decoration: underline; }

body{
font-weight:normal;
	font-style:normal;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
q:before, q:after, blockquote:before, blockquote:after {
	content:"";
}
h4{
font-size:12px;
font-weight:bold;
}
p{
padding-bottom:10px;
}
#home .wrapper{
	background: #DFEEF3 url(../img/bg_home.jpg) fixed top center no-repeat;
}
.wrapper{
margin-top:0;
width:100%;
float:left;
}
.header{
float:left;
width:100%;
}
.wrapper_menu{
margin: 0 auto;
width:755px;
padding-left:25px;
}
#menu{
height:58px;
background-color:#ffcc33;
}
.content{
float:left;
width:100%;
}
#home .wrapper_content{
width:740px;
margin:auto;
}
/*Conteudo colaborativo - sub menu*/
#submenu{
width:100%;
}
#submenu ul{
list-style:none;
display:inline;
}
#submenu li{
float:left;
}
#submenu .divisoria{
padding:0 8px;
width:1px;
}
#submenu div{
padding:20px 22px 45px 22px; 
}
#submenu fieldset{
float:right;
}
.newsletter{
border:1px solid #ccc;
float:left;
height:21px;
margin-right:5px;
width:140px;
padding-top:4px;
background:#f0f0f0;
}
/*Home - destaques*/
.destaque{
width:740px;
}
.txt_passe{
float:right;
margin:7px 0 8px 0;
}
#home .destaque_left{
width:410px;
margin:14px 0 0 0;
float:left;
}
#home .destaque_right{
float:left;
font-size:12px;
margin:14px 0 0 20px;
width:310px;
}
#home .destaque_right img{
margin-bottom:8px;
}
.autor{
font-size:11px;
}
.destaque_livros{
width:409px;
margin-bottom:18px;
}
.destaque_livros img.alternadas{
margin-right:7px;
}
.destaque_tarefa{
background:#FFF url(../img/il_destaque_tarefa.jpg) top right no-repeat;
padding:30px 28px 30px 32px;
width:350px;
float:left;
font-size:12px;
}
.tarefa_home{
line-height:18px;
padding-bottom:5px;
}
.txt_titulo{
margin-bottom:7px;
}
.olho{
letter-spacing:-0.5px;
line-height:18px;
padding-bottom:20px;
}
.olho img{
float:right;
}
/*Livros*/
#livros dt a {
color: #000;
text-decoration: none;
}
#livros dt a:hover {
text-decoration: underline;
}

#livros .wrapper_content{
width:780px;
margin:auto;
clear:both;
}
#livros .content_left{
width:200px;
margin:15px 0;
float:left;
text-align:right;
}
#livros .content_left img{
margin:0 5px 13px 0;
}
#livros .content_left img.capa_livro{
margin:0 0 23px 0;
}
#livros .content_right{
background-color:#fff;
float:left;
font-size:0.75em;
line-height:18px;
margin:15px 0 0 7px;
width:570px;
}
#livros .content_right div{
padding:10px 15px 15px 20px;
}
.livro_opera_urbana{
line-height:18px;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
padding-bottom:19px;
width:100%;
}
#livros .livro_opera_urbana .content_right {
margin:19px 0 0 7px;
font-size:0.75em;
}
#livros .livro_opera_urbana .content_right div{
padding:23px 25px 8px 26px;
}
.livro_cidade_dos_deitados{
background:url(../img/bg_livro_cidade_dos_deitados.jpg) center top no-repeat;
float:left;
margin-top:10px;
padding-bottom:19px;
width:100%;
}
.livro_cidade_dos_deitados .content_right{
background:url(../img/bg_cidade_dos_deitados.gif) top right no-repeat;
}
.livro_montanha_russa{
background:url(../img/bg_livro_montanha_russa.jpg) center top no-repeat;
float:left;
margin-top:10px;
padding-bottom:19px;
width:100%;
}
.livro_surfando_na_marquise{
background:url(../img/bg_livro_surfando_na_marquise.jpg) center top no-repeat;
float:left;
margin-top:10px;
padding-bottom:19px;
width:100%;
}
.livro_avenida_paulista{
background:url(../img/bg_livro_avenida_paulista.jpg) center top no-repeat;
float:left;
margin-top:10px;
padding-bottom:19px;
width:100%;
}
.livro_cidade_dos_deitados p, .livro_montanha_russa p, .livro_surfando_na_marquise p, .livro_avenida_paulista p{
padding:0 0 20px 0;
}
.perguntas .titulo_livro{
padding:20px 20px 25px 20px;
}
.btn_ver_tarefas{
float:right;
margin-right:10px;
}
.navegacao{
float:right;
padding-right:20px;

}
.navegacao img {
margin-left:7px;
}

.navegacao img a {
        width: 26px;
        height: 26px;
}
dt{
background:transparent url(../img/ico_mais.gif) no-repeat scroll left 2px;
padding:0 0 10px 20px;
}
.dt a{
color:#990000;
}
dt span{
padding:0 10px 0 5px;
}
#tarefas dt span, #tarefas span a{
color:#333;
font-weight:bold;
}
dt span{
padding:0 10px 0 5px;
}
dd{
position:relative;
}
.texto_tarefa{
display:block;
background-color:#EFEFEF;
margin:10px 0 15px 25px;
padding:13px 25px 0 20px;
width:353px;
}
#tarefas .texto_tarefa{
background-color:#fff;
line-height:18px;
margin:10px 0 15px 22px;
padding:7px 20px 7px 20px;
width:360px;
}
#tarefas .texto_tarefa p{
padding:0 0 17px 0;
}
.area_foto{
position:absolute;
right:-80px;
top:0;
}
#tarefas .area_foto{
right:10px;
}
.btn_up{
float:right;
margin:10px 5px 10px 0
}
.btn_fechar{
display:block;
margin:0 0 10px;
padding:0;
text-align:right;
}
/*tarefas*/
#tarefas dt a, #tarefas_escolas dt a{
color: #000;
text-decoration: none;
line-height: 100%;
}
#tarefas dt a:hover, #tarefas_escolas dt a:hover {
text-decoration: underline;
}
#tarefas .wrapper{
background: #BEDDE3 url(../img/bg_tarefas.gif) center top no-repeat;
}
.prefacio{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
padding:0 110px 30px 22px;
}
.lista_perguntas  .wrapper_content{
margin:0 auto 10px;
width:760px;
}
#tarefas .wrapper_content, #participe .wrapper_content{
background-color:#fff;
margin:40px auto 10px;
width:710px;
}
#tarefas_escolas .wrapper_content, #compartilhe_escolas .wrapper_content{
margin:40px auto 10px;
width:710px;
}
#participe_escolas .wrapper_content{
margin:40px auto 10px;
width:710px;
}
#professores_escolas .wrapper_content{
margin:40px auto 10px;
width:740px;
}
.formulario  .wrapper_content{
margin:0 auto;
width:760px;
}
.prefacio .main_content{
margin:0 85px 10px 45px;
}
.tarefa_livro{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
margin:0 0 10px 22px;
width:664px;
}
.tarefa_livro_last{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
margin:0 0 22px 22px;
width:660px;
}
.montanha_russa{
background-color:#CCE5E5;
border:1px solid #B2CACA;
padding:15px;
}
.cidade_dos_deitados{
background-color:#FAEDA5;
border:1px solid #D2CB7C;
padding:15px;
}
.surfando_na_marquise{
background-color:#CAE5B1;
border:1px solid #B3CEA1;
padding:15px;
}
.avenida_paulista{
background-color:#FFCCCC;
border:1px solid #C89DB5;
padding:15px;
}
.lista_perguntas{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
margin-top:10px;
padding-bottom:19px;
width:100%;
}
.lista_perguntas{
margin-top:0;
}
.formulario{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
margin:30px 0;
width:100%;
}
.main_content .area_foto{
right:0px;
}
/*Conteudo enviado*/
#conteudo_enviado .wrapper{
	background: #DFEEF3 url(../img/bg_home.jpg) fixed top center no-repeat;
}
#conteudo_enviado .wrapper_content{
background-color:#fff;
margin:40px auto 0 auto;
}
#conteudo_enviado_escolas .wrapper_content{
margin:0 auto 0;
}
#conteudo_enviado #submenu{
width:710px;
margin:0 auto;
}
#tarefas_escolas #submenu, #conteudo_enviado_escolas #submenu, #participe_escolas #submenu, #compartilhe_escolas #submenu, #professores_escolas #submenu{
width:780px;
margin:40px auto 0;
}
#conteudo_enviado #submenu .busca{
padding:0;
}
#conteudo_enviado_escolas .busca{
width:710px;
padding:0;
margin:0 auto;
}
.busca_simples select{
border:1px solid #ccc;
height:25px;
float:left;
margin-right:12px;
padding-top:3px;
background:#f0f0f0;
}
.busca_simples input{
float:left;
}
.btn_busca_avancada{
float:right;
margin-top:10px;
}
.busca_avancada{
font-size:12px;
line-height:18px;
}
.busca_avancada img{
margin-bottom:3px;
}
.busca_avancada li{
height:135px;
}
.lista_cidade, .lista_temas, .lista_data{
margin-right:34px;
width:155px;
height:110px;
background: #f0f0f0;
}
option:hover {
background-color:#FFCE63;
}
.items{
margin:0 auto;
}
.items div{
position:relative;
margin-left:40px;
margin-bottom:40px;
}
.items .last{
position:relative;
padding-right:40px;
}
.items div p{
padding:15px;
line-height:18px;
}
.texto_montanha_russa_big{
font-size:12px;
background-color:#CCE5E5;
width:310px;
}
.texto_montanha_russa_small{
font-size:12px;
background-color:#CCE5E5;
width:210px;
}
.texto_cidade_dos_deitados_big{
font-size:12px;
background-color:#FAEDA5;
width:310px;
}
.texto_cidade_dos_deitados_small{
font-size:12px;
background-color:#FAEDA5;
width:210px;
}
.texto_surfando_na_marquise_big{
font-size:12px;
background-color:#CAE5B1;
width:310px;
}
.texto_surfando_na_marquise_small{
font-size:12px;
background-color:#CAE5B1;
width:210px;
}
.texto_avenida_paulista_big{
font-size:12px;
background-color:#FFCCCC;
width:310px;
}
.texto_avenida_paulista_small{
font-size:12px;
background-color:#FFCCCC;
width:210px;
}
.btn_mais{
position:absolute;
bottom:0;
left:-27px;
}
.btn_aspas{
position:absolute;
bottom:27px;
left:-27px;
}
/*+ Informacoes*/
#informacoes .wrapper{
background:url(../img/bg_tarefas.jpg) center top no-repeat;
}
.formulario  .main_content{
background-color:#F5F5F5;
margin:0 25px 0 25px;
}
#informacoes  fieldset{
padding:20px;
}
#informacoes  label{
display:block;
margin-bottom:5px;
}
#informacoes  textarea{
border:1px solid #ccc;
width:370px;
height:168px;
}
#informacoes fieldset div{
float:right;
margin-top:50px;
width:247px;
}
#informacoes .camp_form{
border:1px solid #ccc;
height:25px;
margin-bottom:10px;
width:245px;
}
#informacoes .divisao_form{
padding:0;
}
#informacoes .sidebar{
background-color:#f5f5f5;
float:right;
width:230px;
}
.lista_perguntas .main_content{
background:#fff url(../img/bg_sidebar.gif) right repeat-y ;
float:left;
margin:0 25px 0 25px;
}

/*participe*/
#participe .wrapper{
background: #BEDDE3 url(../img/bg_tarefas.gif) center top no-repeat;
}
.form_participe {
padding:0 0 20px 22px;
}
.formulario_participe p{
font-size:12px;
line-height:18px;
clear:both;
display:block;
}
.formulario_participe{
padding-bottom:40px;
width:360px;
}
.formulario_participe form{
padding:0 0 20px 22px;
}
.formulario_participe label{
display:block;
float:left;
margin-bottom:15px;
}
.formulario_participe label.divide_form{
margin-bottom:30px;
}
.formulario_participe label.pre_textarea{
margin-bottom:25px;
}
.formulario_participe p input{
border:1px solid #ccc;
display:block;
height:19px;
margin-top:5px;
width:340px;
background: #F0F0F0;
padding-top: 3px;
vertical-align:middle;
}

.formulario_participe p input[type=radio] {
	background: #fff;
}
.formulario_participe .cidade input{
margin-right:20px;
width:261px;
}
.formulario_participe p .radio_button{
margin-right:20px;
}
.formulario_participe .radio_button input{
border:0;
float:left;
width:20px;
}
.formulario_participe select{
border:1px solid #ccc;
display:block;
height:21px;
margin-top:5px;
width:340px;
background: #F0F0F0;
}
.formulario_participe .estado select{
width:55px;
}
.formulario_participe textarea{
border:1px solid #ccc;
display:block;
height:177px;
margin-top:5px;
width:340px;
background: #F0F0F0;
}
/*Formulario tarefa*/
.formulario_tarefa{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:25px;
}
.formulario_tarefa h2{
font-size:16px;
font-weight:bold;
margin-top:15px;
text-transform:uppercase;
}
.formulario_tarefa h3{
font-size:13px;
font-weight:normal;
margin-bottom:25px;
}
.formulario_tarefa h3 a{
color:#FF6600;
text-decoration:none;
}
.formulario_tarefa h3 a:hover{
text-decoration:underline;
}
.formulario_tarefa p{
font-size:12px;
line-height:18px;
padding:0 200px 15px 0;
}
.formulario_tarefa ul{
list-style:none;
display:inline;
}
.formulario_tarefa li{
float:left;
margin-right:5px;
}
.formulario_tarefa_comentarios{
background-color:#FFCC33;
margin-left:25px;
margin-bottom:25px;
padding:25px 0;
width:510px;
}
.formulario_tarefa_comentarios p{
padding:0 0 15px 25px;
}
.formulario_tarefa_comentarios label{
float:left;
margin-top:15px;
}
.formulario_tarefa_comentarios label input{
height:21px;
width:460px;
margin-top:5px;
backround: #f0f0f0;
padding-top: 4px;
}
.formulario_tarefa_comentarios .cidade input{
display:block;
width:360px;
}
.formulario_tarefa_comentarios .estado{
margin-left:10px;
}
.formulario_tarefa_comentarios select{
height:25px;
display:block;
margin-top:5px;
width:50px;
backround: #f0f0f0;
}
.formulario_tarefa_comentarios select option{
padding-top: 5px;
}
.formulario_tarefa_comentarios textarea{
height:175px;
width:460px;
margin-top:5px;
display:block;
}
.formulario_tarefa_comentarios .rss{
float:right;
margin-right:25px;
}
.formulario_tarefa_comentarios a{
font-size:12px;
color:#CC6600;
}
.formulario_tarefa_comentarios div{
background:url(../img/il_linha_comentarios.gif) bottom center no-repeat;
float:left;
margin-left:25px;
padding-bottom:20px;
width:460px;
}
.formulario_tarefa_comentarios div:last-child, .formulario_tarefa_comentarios div.last{
background:none;
padding:0;
}
.formulario_tarefa_comentarios div p{
color:#333;
font-size:10px;
padding:15px 0 0 0;
}
.formulario_tarefa_comentarios div li{
color:#333;
font-size:10px;
list-style-type:square;
list-style-position:inside;
margin-top:15px;
}
.formulario_tarefa_comentarios .btn_enviar{
margin:20px 0 0 10px;
}
.btn_enviar{
float:right;
}
.form_professores .btn_enviar{
width:62px;
height:26px;
}
.palavra_chave{
background-color:#FFCC33;
float:right;
font-size:12px;
line-height:18px;
margin-right:25px;
width:260px;
padding:20px;
}

.palavra_chave p input{
margin-right:3px;
}
.erro{
background-color:#FF9900;
border-color:#FF7900;
}
/*Professores*/
.form_professores, .form_prof{
clear:left;
float:left;
}
.form_professores fieldset, .form_side fieldset{ 
background-color:#F2F2F2;
float:left;
padding:20px;
width:320px;
}
.form_prof fieldset {
background-color:#F2F2F2;
float:left;
padding:20px;
width:520px;	
}
.form_professores p, .form_side p, .form_prof p {
font-size:12px;
line-height:18px;
clear:both;
display:block;
}
.form_professores label, .form_side label, .form_prof label {
display:block;
float:left;
margin-bottom:15px;
}
.form_professores label.pre_textarea, .form_prof label.pre_textarea {
margin-bottom:25px;
}
.form_professores fieldset p input, .form_side p input, .form_prof p input{
border:1px solid #ccc;
display:block;
height:19px;
margin-top:5px;
width:320px;
padding-top: 3px;
}

.form_prof p textarea {
border:1px solid #ccc;
display:block;
width:320px;
}

.form_professores .cidade, .form_prof .cidade {
float:left;
}
.form_professores .cidade input, .form_prof .cidade input{
margin-right:10px;
width:250px;
}
.form_professores select, .form_prof select{
border:1px solid #ccc;
display:block;
height:21px;
margin-top:5px;
}
.form_professores .estado, .form_prof .estado {
float:left;
}
.form_professores .estado select, .form_prof .estado select{
width:55px;
}
.form_professores a, .form_prof a{
color:#000;
text-decoration:none;
}
.form_professores a:hover, .form_prof a:hover{
text-decoration:underline;
}
.form_professores .select, .form_prof .select{
border:1px solid #ccc;
display:block;
height:21px;
margin-top:5px;
width:320px;
}

.form_side{
float:right;
}

.form_side span{
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding-top:10px;
}
.form_side a{
color:#000;
text-decoration:none;
}

.form_side a:hover{
text-decoration:underline;
}


.linha_horizontal{
margin:20px 0 40px 0;
}
/*+ Informacoes*/
#informacoes .wrapper{
background:url(../img/bg_tarefas.jpg) center top no-repeat;
}
.formulario  .main_content{
background-color:#F5F5F5;
margin:0 25px 0 25px;
}
#informacoes  fieldset{
padding:20px;
}
#informacoes  label{
display:block;
margin-bottom:5px;
}
#informacoes  textarea{
border:1px solid #ccc;
width:370px;
height:168px;
}
#informacoes fieldset div{
float:right;
margin-top:50px;
width:247px;
}
#informacoes .camp_form{
border:1px solid #ccc;
height:21px;
margin-bottom:10px;
width:245px;
padding-top: 4px;
}
#informacoes .divisao_form{
padding:0;
}
#informacoes .sidebar{
background-color:#f5f5f5;
float:right;
width:230px;
}
.lista_perguntas .main_content{
background:#fff url(../img/bg_sidebar.gif) right repeat-y ;
float:left;
margin:0 25px 0 25px;
}
.perguntas{
float:left;
width:480px;
}
.perguntas ul{
list-style:none;
padding-bottom:10px;
}
.duvida{
font-weight:bold;
line-height:20px;
padding:0 20px 10px 20px;
}
.resposta{
line-height:18px;
padding:0 20px 20px 20px;
}
.twitter{
padding:35px 0px 35px 40px;
}
.comprar_livro{
padding:0 0 35px 40px;
}
.comprar_livro img.btn{
margin-top:15px;
}
/*Escolas*/
#participe_escolas .wrapper, #conteudo_enviado_escolas .wrapper, #tarefas_escolas .wrapper, #professores_escolas .wrapper{
background: #fff url(../img/bg_escolas.jpg) center bottom no-repeat;
}
/*Pager*/
.pager{
float:right;
font-size:11px;
padding: 0 30px 30px 0;
width: 100%;
}
.pager .p_bloco {
        margin: 0 auto;
        width: 710px;
}
#conteudo_enviado .pager, #conteudo_enviado_escolas .pager{
float:left;
padding: 20px 0 40px;
}
.pager a{
cursor:pointer;
display:block;
float:left;
line-height:21px;
margin-right:2px;
text-align:center;
text-decoration:none;
width:21px;
}
.pager a:hover{
text-decoration:underline;
}
.pager-current{
background-color:#FF9933;
color:#fff;
}
.pager-other{
background-color:#FFCC33;
color:#333;
}
.pager-nextprev{
border:1px solid #FFCC33;
color:#fff;
background-color:#FFCC33;
font-weight:bold;
}
.pager-lastfirst{
border:1px solid #FA9A34;
color:#fff;
background-color:#FA9A34;
font-weight:bold;
}
#conteudo_enviado .pager-other, #conteudo_enviado_escolas .pager-other{
background-color:#fff;
border:1px solid #ccc;
}

/*Footer*/
.footer{
	float:left;
	width:100%;		
}
.wrapper_footer{
	width:750px;	
	margin:0 auto;
	padding:50px 0 0 0;
	height:120px;
}

.footer p {
	font-size: 12px;
	text-align: justify;
}
#conteudo_enviado_escolas .wrapper_footer, #participe_escolas .wrapper_footer{
	padding:150px 0 0 0;
}
#informacoes .wrapper_footer, #tarefas .wrapper_footer, #participe .wrapper_footer{
	width:710px;
}
.sesc{
}
.cosacnaify{
float:right
}
/*extras*/
.clear{
clear:both;
display:block;
}

.texto_ler {
        width: 430px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
}