/*Estilo das principais*/
*{
	outline:none;	
}

html, body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	_line-height:16px;
	*line-height:16px;
	color:#333333;
	font-size:12px;
}

a img{
	border:none;
}

.bodyPequeno{
	margin:0;
	padding:0;
	background:url(../img/bgHome.jpg) center top no-repeat #0F5F79;
	height:1115px;
	position:relative;
}

.bodyMedio{
	margin:0;
	padding:0;
	background:url(../img/bgProjetos.jpg) center top no-repeat #0F5F79;
	height:1228px;
	position:relative;
}

.bodyEscola{
	margin:0;
	padding:0;
	background:url(../img/bgEscolaLe.jpg) center top no-repeat #0F5F79;
	height:1228px;
	position:relative;
}


.bodyMedioR{
	margin:0;
	padding:0;
	background:url(../img/bgMedioR.jpg) center top no-repeat #0F5F79;
	height:1477px;
	position:relative;
}

.bodyLerBom{
	margin:0;
	padding:0;
	background:url(../img/bgLerBom.jpg) center top no-repeat #0F5F79;
	height:1742px;
	position:relative;
}

.bodyGrande{
	margin:0;
	padding:0;
	background:url(../img/bgBodyGR.jpg) center top no-repeat #0F5F79;
	height:1929px;
	position:relative;
}

.bodyGrande2{
	margin:0;
	padding:0;
	background:url(../img/bgGrande.jpg) center top no-repeat #0F5F79;
	height:2081;
	position:relative;
}

.bodyObras{
	margin:0;
	padding:0;
	background:url(../img/bgBodyObras.jpg) center top no-repeat #0F5F79;
	height:1929px;
	position:relative;
}


#container{
	margin:0 auto;
	width:1000px;
}

/*Estilo dos conteúdos de cada página*/
#conteudoHome{
	float:right;
	margin:10px 10px 0 0;
	height:auto;
	max-height:1929px;
	width:740px;
}

/*Estilo das divs do topo*/
#topo{
	height:120px;
	width:1000px;
	float:left;
	position:relative;
}

#menuTopo{
	width:750px;
	height:10px;
	position:absolute;
	bottom:0;
	_bottom:10px;
	*bottom:10px;
	right:0;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

#menuTopo li{
	list-style:none;
	float:left;
	padding:0 0 0 20px;
}


#menuTopo li a{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding:5px;
}

#menuTopo li a:hover{
	background:#043A52;
	position:relative;	
	-moz-border-radius:10px;
}

/*Estilo do menu*/
#menu{
	width:193px;
	height:634px;
	background:url(../img/menu.png) no-repeat;
	float:left;
}

#menu ul{
	margin:50px 0 65px 20px;
	padding:0;
	list-style:none;
	color:#206C1E;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
}

#menu ul li a{
	text-decoration:none;
	color:#206C1E;
}

#menu ul li a:hover{
	text-decoration:none;
	color:#013A4B;
}

#menuConheca ul li a{
	text-decoration:none;
	color:#206C1E;
}

#menuConheca ul li a:hover{
	text-decoration:none;
	color:#013A4B;
}

#menuConheca ul{
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
	color:#206C1E;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
}


/*Estilo dos heading*/
h1{
	text-indent:-9000px;
	width:255px;
	height:125px;
	background:url(../img/logo.png) no-repeat;
	margin:0;
	padding:0;
	float:left;
	cursor:pointer;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	font-style:italic;
	width:700px;
	height:51px;
	margin:0;
	padding:0;
	float:left;
	top:35px;
	left:60px;
	position:relative;
}

h3{
	color:#003960;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
}


h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#003960;
	font-weight:bold
}

h5{
	color:#333333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
}

h6{
	font-family:Arial, Helvetica, sans-serif;
	color:#003960;
	font-size:14px;
	font-weight:bold;
}

hr{
	border:dashed 1px #CCCCCC;
}

/*Estilo do rodapé*/
#rodape{
	width:1000px;
	height:360px;
	margin:0 auto;
	text-align:center;
	float:left;
	
}

#apoio{
	width:510px;
	padding:30px 0 0 10px;
	height:122px;
	float:left;
	position:relative;
	margin-top: 25px;
	margin-left: 20px;
	
}

#cadastre{
	position:relative;
	width:258px;
	padding:33px 0 0 28px;
	_padding-top:40px;
	*padding-top:43px;
	height:125px;
	float:left;
	font-weight:bold;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#005571;
	font-size:11px;
	margin-top:-5px	
}


#cadastre a{
	text-decoration:none;
	color:#005571;
	
}

#cadastre #news{
	background:url(../img/bgInput.jpg) no-repeat;
	border:none;
	width:182px;
	vertical-align:middle;
}

#cadastre #ok{
	width:30px;
	height:20px;
	vertical-align:middle;
}

#redesSociais{
	padding-top:50px;
	height:122px;
	width:140px;
	padding-left:30px;
	height:130px;
	float:left;
	
}

#cadastre ul{
	list-style:none;
	text-align:left;
	color:#0F61A0;
	font-size:12px;
	font-weight:bold;
	margin-left: 30px
}

.titleRodape{
	font-weight:bold;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#005571;
	font-size:11px;
	padding-top:5px;
}


/*Estilo frases Rodape*/
#fraseRodape{
	color: #fff;
	width:700px;
	height:160px;
	right:10px;	
}

.lae{
	color:#fff;
	font-size:12px;
	text-align:right;
	font-weight:bold;
	padding-right:10px;	
	line-height:18px;
}

.fraseLae{
	text-align:right;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	font-style:italic;
	line-height:28px;
	
}

#rodapeLendo{
	margin-top: -100px
}

.titleMes{
	font-family:Arial, Helvetica, sans-serif;
	color:#003960;
	font-size:14px;
	font-weight:bold;
	list-style:none;
}


/*Divs home*/
#flashBanner{
	width:736px;
	margin-right:15px;
	_margin:0 0 0 15px;
	height:200px;
	float:right;
	position:relative;
	overflow:hidden;
}

#flashBanner .banner{
	z-index:999px;
	width:736px;
	height:200px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
}

#banner_botoes{
	position:absolute;
	right:10px;
	top:10px;
}

#banner_botoes div{
	width:16px;
	height:16px;
	font-size:12px;
	color:#FFF;
	background:#CCC;
	opacity:0.8;
	filter:alpha(opacity=80);
	text-align:center;
	line-height:16px;
	margin:5px 2px;
	-moz-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
}

#nossosProjetos{
	width:755px;
	padding:0 5px 0 0;
	height:165px;
	float:left;
}

#destaquesHome{
	width:760px;
	padding:10px 5px 0 0;
	float:left;
	height:170px;
	border-top:1px dotted;
	color:#003960;	
}

#agendaHome{
	width:195px;
	padding:3px 5px 0 5px;	
	float:left;
	height:170px;
	text-align:center;
}

#noticiasHome{
	width:190px;
	padding:3px 5px 0 5px;
	height:170px;
	float:left;
	text-align:center;
}

#blogHome{
	width:175px;
	padding:3px 5px 0 5px;
	height:170px;
	float:left;
	text-align:center;
}

#galeriaHome{
	width:145px;
	padding:3px 5px 0 5px;
	height:170px;
	float:left;
	text-align:center;
}

.linha{
	border-right-style:dotted;
	border-bottom-color:#003960;
    border-bottom-width:1px;
}

.espacoImg{
	float:left; 
	padding:0 10px 0 0;
}

/*Estilo das Classes*/
.veja{
	color:#013749;
	font-weight:bold;
	font-size:11px;
	float:right; 
	text-decoration:none;
}

.ver{
	color:#013749;
	font-weight:bold;
	font-size:11px;
	float:right; 
	text-decoration:none;
	padding:0 15px 0 0;
}

.espaco{
	font-size:14px; 
	line-height:35px;
}

.centraliza{
	display:block; 
	text-align:center;
}

.titleBlue{
	color:#003960;
	font-weight:bold;
	font-size:14px;
	line-height:32px;
}

.lista{
	list-style:none;	
}

.list{
	list-style:square;
	padding-top:20px;
}

.list2{
	list-style:none;
	padding-top:20px;
}

.list li a:hover{
	color:#003960;	
}

.date{
	font-size:11px;
	color:#003960;
	font-weight:bold;
}

.titulos{
	font-size:13px;
	font-weight:bold;
}

.cronicas, a{
	text-decoration:none;
	list-style:none;
	color:#666;
}

.cronicas a:hover{
	color:#227D20;
	font-weight:550;
}

.titItalic{
	font-weight:bold;
	font-style:italic;
}

.voltar{
	text-decoration:underline;
}

/*Estilo divs colunas das páginas Sobre Nós*/
#colunaLeft{
	width:310px; 
	height:180px; 
	float:left;
	font-size:11px;
}

#colunaRight{
	width:400px; 
	height:180px; 
	float:right;
	font-size:11px;
}

/*Estilo divs colunas das páginas Autor*/
#autorLeft{
	width:450px;
	padding-right:10px;
	float:left;
	height:auto;
	font-size:11px;
}

#autorRight{
	width:270px;  
	float:right;
	clear:right;
	height:auto;
	font-size:11px;
	padding-top:10px;
}

#autorRight #nome, #email, #assunto{
	background:url(../img/bgInputs.jpg) no-repeat;
	border:none;
	width:205px;
	height:25px;
	padding-left:5px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

#autorRight #mensagem{
	background:url(../img/bgMsg.jpg) no-repeat;
	width:205px;
	height:130px;
	border:none;
	padding-left:5px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

#autorRight table{
	display:block;
	padding:20px 0 0 10px;	
	_padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:bold;
	font-size:10px;
}

/*Estilo album Palavra do Autor*/
#album{
	width:270px;
	padding:0 0 0 6px;
	margin-top:20px;
}

#fotosAutor{
	width:250px;
	padding:10px 10px;
	position:relative;
	height:187px;
}

#fotosAutor img{
	position:absolute;
	top:10px;
	left:10px;
}

#mini_fotos2{
	width:270px;
	height:52px;
	float:right;
}

#mini_fotos2 img{
	width:70px;
	height:52px;
	margin:0 0 5px 18px;
	cursor:pointer;
}


/*Estilo div página projetos inscrição*/

#recebeMaterial{
	width:388px;
	height:143px;
	float:left;
	background:url(../img/bgInscricao01.jpg) no-repeat;
	text-align:center;
	font-weight:bold;
}


#inscricaoRight{
	width:346px;
	height:143px;
	float:right;
	background:url(../img/bgInscricao02.jpg) no-repeat;
	text-align:center;
	font-weight:bold;
}

#confirmacao{
	height:135px;
	text-align:center;
	width:736px;
}

/*Estilo slide da home - projetos*/
#slideshow {
	margin:0 0 0 15px;
	width:740px;
	height:120px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:700px;
  height:120px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:750px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:120px;
}


/*Slideshow controls style rules.*/
.control {
  display:block;
  width:20px;
  height:116px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:url(../img/control_left.jpg)
}
#rightControl {
  top:0;
  right:0;
  background:url(../img/control_right.jpg)
}

.slide{height:116px;}

.slide img {
  margin:0 0 0 5px ;
  top:0
}

/*Ficha de Cadastro - Dose de Leitura*/
#fichaDoseLeitura .input{
	width:500px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
}

#fichaDoseLeitura td{
	padding:3px;
}

#fichaDoseLeitura .inputMiddle{
	width:250px;
}

#fichaDoseLeitura .inputSmall{
	width:150px;
}

#fichaDoseLeitura .internet{
	width:210px;
}

.select{
	width:170px;
	font-size:11px;
	color:#666;
}

#fichaDoseLeitura .dd{
	width:50px;
}

fieldset{
	width:550px;
	font-size:12px;
	margin:0 10px 0 0;
	padding:10px;
}

fieldset legend{
	font-family:Arial, Helvetica, sans-serif;
	color:#003960;
	font-weight:bold;
	font-size:14px;
}

#fichaDoseLeitura .inputGd{
	width:430px;
}

/*Estilo para todos os formulários*/
#formRight{
	width:270px;
	float:left;
	height:300px;
	padding:0 0 0 20px;
}

#formLeft{
	width:330px;
	padding:0 0 0 10px;
	float:left;
	height:300px;
}

#formulario .input{
	width:460px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
}

#formulario  td{
	padding:3px;
}

#formulario  .select3{
	width:145px;
	font-size:11px;
	color:#666;
}

#formulario  .inputMiddle{
	width:250px;
}

#formulario  .inputSmall{
	width:150px;
}

#formulario  .select{
	width:160px;
	font-size:11px;
	color:#666;
}

#formulario  .dd{
	width:50px;
}

#formulario  fieldset{
	font-family:Arial, Helvetica, sans-serif;
	width:600px;
	font-size:12px;
	margin-top:20px;
}

#formulario  .inputGd{
	width:515px;
}

#formulario  .radio{
	width:30px;
}

#formulario .select2{
	width:255px;
	font-size:11px;
	color:#666;
}

/*Estilo da página midia*/
#midia01{
	float:left;
	margim:0 10px 5px 20px;
	width:220px;
	height:220px;
	text-align:center;
}

#midia01 h5{
	color:#333333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

.midia{
	list-style:square;
}

.midia a:hover{
	color:#003960;	
}

/*Estilo da página fotos*/
#fotos2{
	width:180px;
	height:133px;
	margim:0 20px 5px 20px;	
	float:left;
}

#link{
	height:auto;
	float:left;
	width:736px;
}

.atencao{
	font-weight:bold;
	color:#ED1B24;
}


/*Estilo Menu hover*/

#easyTooltip{
	padding:5px 10px;
	border:1px solid #195fa4;
	background:#195fa4 url(bg.gif) repeat-x;
	color:#fff;
	}

#easyTooltip2{
	padding:5px 10px;
	border:1px solid #5e5e5e;
	background:#5e5e5e url(bg2.gif) repeat-x;
	color:#fff;
	width:250px;
	}
#easyTooltip2 h4, #easyTooltip2 p{
	margin:.25em 0;
	}
	
	#comentario{
		border-bottom:dotted #999 1px;
		padding-bottom:10px;
	}
	

#menu li{
	position:relative;
}
	

.tittle{
	position:absolute;
	top:0px;
	min-width:100px;
	left:100px;
	padding:5px;
	opacity:0.85;
	filter:alpha(opacity=85);
	z-index:99;
	background:#CCC;
	border:1px solid #000;
	box-shadow:2px 2px 5px rgba(0,0,0,0.65);
	-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.65);
	-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.65);
}

.facebook {
	display:block; 
	text-align:center;
}

#obras {
	overflow-y:scroll;
	height:1229px;
	margin-left:-10px;
	width:735px;

}


#space {
	width:100%;
	*height:20px;
}

/*Pop - UP*/

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#fff;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  
  
}

#boxes #dialog2 {
  background:transparent; 
  width:650px;
  margin:0 auto;
  margin-top:-200px;
  margin-left: 130px;
  
}

#espaco_extra{
	position:absolute;
	border:1px solid;
	height:2px;
	width:100px;
}

#simula{
	border: 1px solid #003960;
	height:240px;
	width:550px;
	padding:0px;
	text-align:center;
	margin: 25px auto 0px auto;
	color:#376380;
	font-size:16px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-goog-ms-border-radius: 40px;
	border-radius: 40px;
}

#simula p{
	text-align:left;
	margin: 35px 0px 10px 0px;
	padding: 0px 0px 0px 75px;
}

#simula span{
	margin: 0px 0px 30px 0px;
	padding: 0px 65px 0px 65px;
}

#simula label{
	line-height:41px;
}

#simula input[type=image]{
	position:absolute;
	margin: 0px 0px 0px 75px;
}

#simula input[type=text]{
	color:#376380;
	border: 1px solid #376380;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-goog-ms-border-radius: 5px;
	border-radius: 5px;
	padding: 1px 4px;
	font-weight:bold;
	width: 130px;
}

.botoes{
	margin: 0px 0px 10px 0px;
}

@-moz-document url-prefix(){
    .botoes{
		margin: 9px 0px 0px 0px;
	}
	#ler_e_bom .fraseLae{
		margin:17px -30px 0px 0px;
	}
}

@media (min-resolution: .001dpcm) {
    _:-o-prefocus, .botoes{
		margin: 16px 0px 0px 0px;
	}
}

#valor_trans{
	border: 1px solid #CCCCCC;
	height:60px;
	width:650px;
	padding:0px;
	text-align:center;
	margin: 5px 40px 9px 0px;
	margin: 5px 40px 27px 0px\0/;
	*margin: 5px 40px 22px 0px;
	font-size:16px;
	font-weight:100;
	line-height:60px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-goog-ms-border-radius: 10px;
	border-radius: 10px;
}

#valor_trans span{
	position:absolute;
	margin: 0px 0px 0px -70px;
	margin: 0px 0px 0px 260px\0/;
}

#valor_trans img{
	position:absolute;
	margin:17px 0px 0px -250px;
	margin:17px 0px 0px 75px\0/;
	cursor:pointer;
}

#valor_trans input[type=text]{
	position:absolute;
	border: 1px solid #999999;
	margin:21px 0px 0px 70px;
	margin:20px 0px 0px 400px\0/;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-goog-ms-border-radius: 4px;
	border-radius: 4px;
}


@media (min-resolution: .001dpcm) {
    _:-o-prefocus, #valor_trans{
		border: 1px solid #CCCCCC;
		height:60px;
		width:650px;
		padding:0px;
		text-align:center;
		margin: 5px 40px 30px 0px;
		font-size:16px;
		font-weight:100;
		line-height:60px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-goog-ms-border-radius: 10px;
		border-radius: 10px;
	}
	
    _:-o-prefocus, #valor_trans span{
		position:absolute;
		margin: 0px 0px 0px 250px;
	}
	
    _:-o-prefocus, #valor_trans input[type=text]{
		position:absolute;
		border: 1px solid #999999;
		margin:21px 0px 0px 395px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-goog-ms-border-radius: 4px;
		border-radius: 4px;
	}
	
    _:-o-prefocus, #valor_trans img{
		position:absolute;
		margin:17px 0px 0px 50px;
	}
}

.close{display:block; text-align:left; margin-left: 280px;}

</style>
</head>