#agenda { width: 720px; float: right; height: auto; margin: 20px 0px 0px 0px; }
#agenda h1 { color: #808285; font-size: 24px; font-family: 'Raleway'; font-weight: 700; padding: 15px 0px 30px 10px; text-align: left; width: 100%; letter-spacing: -1px; }
#agenda ul { width: 100%; height: auto; list-style-type: none; }
#agenda ul li { width: 215px; height: 460px; float: left; margin: 0px 10px }
#agenda ul li img { width: 215px; height: 180px; }
#agenda ul li h1 { color: #000000; font-size: 30px !important; margin-bottom: 15px !important; font-family: 'Raleway'; font-weight: 700; padding: 10px 0px 0px 0px !important; text-align: left; width: 100%; height: auto; border-bottom: none !important; letter-spacing: -2px  !important; }
#agenda ul li h2 { color: #808285; font-size: 16px; font-family: 'Raleway'; font-weight: 400; padding: 0px 0px 10px 0px; text-align: left; width: 100%; height: auto; }
#agenda ul li h4 { color: #808285; font-size: 14px; font-family: 'Raleway'; font-weight: 500; padding: 15px 0px 10px 0px; text-align: left; width: 100%; letter-spacing: 2px; }
#agenda ul li .tag { width: auto; height: auto; margin-bottom: 10px; float: left; text-transform: uppercase; letter-spacing: 1px; padding: 4px 15px; background-color: #ebebeb; border-left: 5px solid #000000; font-size: 12px; font-family: 'Raleway'; color: #000000; }

#dados_indicacao { display: none; width: 740px; float: left; height: 400px; padding: 15px; margin-top: 10px; }
#dados_indicacao label { width: 110px; text-align: right; float: left; font-size: 12px; padding: 8px 10px 5px 150px; }
#dados_indicacao input { float: left; background-color: #ebebeb; color: #808285; font-size: 12px; height: 24px; padding: 3px; margin: 2px 0px; }
#dados_indicacao textarea { float: left; background-color: #ebebeb; color: #808285; font-size: 12px; height: 90px; padding: 3px; margin: 2px 0px; }
#dados_indicacao .bte { font-family: 'Raleway'; font-size: 16px; font-weight: 500; height: auto; color: #ffffff; background-color: #808285; padding: 15px 15px; cursor: pointer; }
#dados_indicacao .titulo { font-family: 'Raleway'; font-size: 28px; letter-spacing: 0px; color: #808285; font-weight: bold; text-align: center; padding-bottom: 20px; }

.fale { display: none; width: 100%; height: auto; float: none; background-color: #ffffff; padding: 30px 0px; margin: 0 auto; position: relative;}
.fale .titulo { font-family: 'Raleway'; font-size: 28px; letter-spacing: 0px; color: #808285; font-weight: bold; text-align: left; padding-bottom: 45px; padding-top: 30px; border-top:#808285 1px solid; }
.fale #bloco1{width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); height: auto; float: left; margin-right: 20px;}
.fale #bloco2{width: 50%; height: auto; float: left;}
.fale #bloco3{width: 100%; height: auto; float: left;}
.fale label { width: 50%; vertical-align: middle; text-align: left; font-family: 'Raleway', sans-serif; font-weight: 600; color: #808285; font-size: 12px; padding-right: 15px; float: none; float: left;}
.fale .campo { color: #808285; background-color: #ebebeb; width: 100%; height: 40px; font-size: 16px; text-align: left; font-family: 'Raleway', sans-serif; font-weight: 600; float: left; line-height: 40px;  margin-top:6px;}
.fale .campo2 { color: #808285; background-color: #ebebeb; width: 100%; height: 110px; font-size: 16px; text-align: left; font-family: 'Raleway', sans-serif; font-weight: 600; float: left;resize: none; margin-top:6px;}
.fale .campo3 { color: #808285; background-color: #ebebeb; width: 100%; height: 40px; font-size: 16px; text-align: left; font-family: 'Raleway', sans-serif; font-weight: 600; float: left; line-height: 40px;  margin-top:6px;}
.fale .campo2 label { width: 100%; vertical-align: middle; text-align: left; font-family: 'Raleway', sans-serif; font-weight: 600; color: #808285; font-size: 12px; padding-right: 15px; float: none; float: left; }
.fale input[type=submit]{font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 16px; color: #ffffff; font-weight: 400; background-color: #808285; padding: 15px; float: right; cursor: pointer;}

.relaciona { width: 200px; height: auto; position: relative; float: left; text-align: left; }
.relaciona #calendario { width: 190px; height: 232px; background-color: #ffffff; padding: 40px 5px 10px 5px; }
.relaciona #calendario .topo { width: 190px; height: 24px; }
.relaciona #calendario .topo .mesatual { width: 120px; text-align: center; margin: 0 auto; font-weight: 900; text-transform: uppercase; color: #000000; font-size: 11px; float: left; }
.relaciona #calendario .topo .mesanterior { width: 35px; cursor: pointer; text-align: right; text-transform: uppercase; color: #808285; font-size: 11px; float: left; background: url(../img/left.png) no-repeat left center; }
.relaciona #calendario .topo .mesposterior { width: 35px; cursor: pointer; text-align: left; text-transform: uppercase; color: #808285; font-size: 11px; float: right; background: url(../img/right.png) no-repeat right center; }
.relaciona #calendario .dias { width: 190px; border-bottom: 1px solid #808285; height: 15px; color: #ffffff; text-align: center; padding: 4px 0px; }
.relaciona #calendario .dias li { float: left; padding: 0 3px; text-align: center; font-size: 10px; color: #000000; font-weight: bold; }
.relaciona #calendario .uteis { width: 190px; height: 160px; text-align: center; padding: 4px 0px; }
.relaciona #calendario .uteis li { float: left; width: 27px; height: 26px; line-height: 26px; color: #808285; cursor: pointer; text-align: center; font-size: 10px; font-weight: bold; }
.relaciona #calendario .uteis li:hover { background-color: #808285; color: #ffffff; } 
.relaciona #calendario .uteis li.ativo { background-color: #808285; color: #ffffff; } 
.relaciona #calendario .uteis li.nohover { background-color: #ffffff; cursor: default; } 
.relaciona #calendario .hoje { width: 190px; border-top: 1px solid #808285; font-family: 'Raleway'; height: 15px; background-color: #ffffff; color: #808285; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-align: center; padding: 4px 0px; }

.relaciona .filtros { width: 100%; height: auto; clear: both; margin-top: 30px; }
.relaciona .filtros h4 { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); height: 30px; background:url(../img/check-filtro.png) no-repeat 10px 12px; padding: 6px 0px 6px 40px; background-color: #808285; line-height: 30px; color: #ffffff; font-family: 'Raleway'; font-size: 12px; font-weight: 400; text-align: left; }
.relaciona .filtros ul { width: 100%; height: auto; clear: both; text-align: center; }
.relaciona .filtros ul li { width: 100%; height: auto; display: inline-block; padding: 10px 0px; background-color: #f4f3f3; }
.relaciona .filtros ul li .corc { width: 10px; float: none; display: inline-block; height: 10px; margin: 6px 15px; text-align: center; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.relaciona .filtros ul li .categoria { width: 149px; padding-right: 10px; float: none; display: inline-block; text-transform: uppercase; height: 22px; line-height: 22px; color: #000000; font-family: 'Raleway'; font-size: 12px; line-height: 15px; font-weight: 400; text-align: left; }

.relaciona .cadastre { width: 200px; height: 197px; cursor: pointer; clear: both; margin-top: 30px; margin-bottom: 30px; background:url(../img/cadastre.jpg) no-repeat center center; }




/* NOTÍCIAS */
.area_noticias { width: 980px; height: auto; margin: 0 auto; padding: 15px 0px; }
.area_noticias p { font-size: 16px; text-align: justify; color: #575757; margin: 50px 0px 40px 0px; }
.area_noticias a { text-decoration: none; float: right; background-color: #bdbdbd; font-weight: bold; padding: 2px 8px 3px 8px; font-size: 16px; text-transform: uppercase; color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.vdata { width: 64px; height: 45px; float: left; font-family: 'Raleway'; font-size: 26px; line-height: 50px; letter-spacing: -2px; text-align: left; color: #fba919; margin-top: -15px; }
.vdata div { font-size: 16px; letter-spacing: -1px; text-transform: uppercase; margin:0px 3px 0px 0px; font-weight: bold; float: right; }

.noticiaAtivo { padding: 0px 0px 20px 0px; min-height: 400px; }

.dataativo{width: 50px; height: 60px; position: absolute; margin-top: 17px; }
.dataativo h2{font-family: 'Raleway'; font-size: 24px; font-weight: bold; color: #808285; text-align: center; line-height: 24px; letter-spacing: -1px; margin-top: 5px;}
.dataativo h3{font-family: 'Raleway'; font-size: 18px; font-weight: 200; color: #808285; text-align: center; line-height: 24px; letter-spacing: -1px;}

.divulgacaos { width: 1000px; position: absolute; height: 50px; margin-top: 12px; }
.divulgacaos .compartilhe { float: left; width: 151px; }
.divulgacaos .imprimir { float: right; cursor: pointer; width: 31px; height: 31px; background:url(../img/sprite-icones.png) no-repeat -267px -51px; }
.divulgacaos .indicar { float: right; cursor: pointer; width: 31px; height: 31px; background:url(../img/sprite-icones.png) no-repeat -232px -51px; margin-right: 10px; }
.divulgacaos .face { float: right; width: 31px; height: 31px; background:url(../img/sprite-icones.png) no-repeat -199px -51px; margin-right: 10px; }


.propNoti { width: 100%; margin: 0 auto; color: #000000; font-size: 16px; text-align: justify; float: left; }
.propNoti img{ float: left; margin: 0px 20px 20px 0px; margin-bottom: 7px; max-width: 500px; }

.divulgacao { width: 770px; float: left; height: 50px; margin-top: 30px; }
.divulgacao .compartilhe { float: left; width: 151px; }
.divulgacao .imprimir { float: right; cursor: pointer; width: 31px; height: 31px; background:url(../img/sprite-icones.png) no-repeat -267px -51px; }
.divulgacao .indicar { float: right; cursor: pointer; width: 31px; height: 31px; background:url(../img/sprite-icones.png) no-repeat -232px -51px; margin-right: 10px; }
.divulgacao .face { float: right; width: 31px; height: 31px; background:url(../img/sprite-icones.png) no-repeat -199px -51px; margin-right: 10px; }

.links { width: 980px; height: auto; margin: 0 auto; }
.links li { width: 980px; text-align: left; height: 30px; color: #727272; line-height: 30px; float: left; font-family: 'Raleway'; font-size: 14px; }
.links li a { color: #727272; line-height: 30px; font-family: 'Raleway'; font-size: 16px; }
.links li span { font-weight: bold; color: #222424; }

@media screen and (max-width: 1024px) {
	#agenda { width: 94%; padding: 0px 3%; float: none; }
	#agenda ul { text-align: center; }
	#agenda ul li { display: inline-block; float: none; height: 500px !important; }
	#agenda ul li h2 { height: 60px; }

	.propNoti { width: 94%; padding: 0px 3%; font-size: 14px; text-align: center; float: none; }
	.propNoti img{ float: none; margin: 0px 0px 20px 0px; max-width: 100%; width: auto; }


	.relaciona #calendario, .cadastre { display: none; }
	.relaciona { width: 94%; padding: 0px 3%; height: auto; position: relative; float: none; }
	.relaciona .filtros ul li .categoria { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); }
}