@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
/* Reset */
*{ margin: 0; padding: 0; text-decoration:none;box-sizing: border-box;}
a{text-decoration:none; color:inherit; border:none;}
img{border:none;}
/* Basic */
body { font: 62.5%; font-family:'Roboto', Arial, Helvetica, sans-serif;}
.clear{clear:both;}

/* --------------------------- BARRA ------------------------------*/
.barra{width:100%; float:left; background-color:#333; color: #FFF;}
.barra .meio{max-width:1024px; margin:0 auto; padding: 0; text-align: right;}
.barra .meio a{ padding: 10px 5px; display: inline-block; }

/* --------------------------- TOPO ------------------------------*/
.topo{width:100%; float:left; padding:25px 0; background-color:#FFF;}
.topo .meio{max-width:1024px; margin:0 auto; padding: 0;}
.topo .meio .logo{max-width:50%; display: inline-block; vertical-align: middle;}
.topo .meio .logo img{ max-height: 100px; }
.topo .meio .box{width:100%; max-width:70%; display: inline-block; vertical-align: middle; text-align: center;}
@media screen and (max-width: 600px){
.topo .meio{text-align:center;}
.topo .meio .box{width:100%; margin-bottom:20px; text-align:center;}
.topo .meio .logo{ max-width:100%; text-align: center; }
.topo .meio .logo img{ max-width:90%; }
}

/* --------------------------- MENU ------------------------------*/
.menu{width:100%; padding:1px 0;}
.menu .mobile{ display:none;}
.menu ul{ width:100%;list-style:none; margin:0; padding:0; text-align:center;}
.menu ul li{ display:inline-block;}
.menu ul li a{ color:#333; text-decoration:none; padding:5px; display:block;}
.menu ul li a:hover{ border-bottom:1px dotted #FFF;}

@media screen and (max-width: 930px){
.menu ul { display:none;}
.menu .mobile{ display:block;}
.menu  ul li{ display:inline-block; width:100%;}
}
@media screen and (max-width:750px){
.menu img{ margin-top:-28px; margin-bottom:7px}
}

/* --------------------------- MENU MOBILE ------------------------------*/
.menu_mobile{display:none;}
@media screen and (max-width: 930px){
.menu_mobile{ display:block; position:fixed; width:100px; left: -100px; z-index:9999;}
.menu_mobile .icon-menu{padding:10px; float:left; background:#Fe0000; color:#FFF; text-decoration:none; border:1px solid #Fe0000; cursor:pointer;}
.motionR{transition: left 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865); left: 0px;}
.motionL{ transition: left 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865); left: -100px;}
#scroll-val {position: fixed; top: 0; left:0; padding: 20px 85px 0 0;}
#scroll-val::before {font-size:12px; content: 'Scroll: ';}
}
/* --------------------------- BANNER ------------------------------*/
.banner{width:100%; float:left; }
#img1{display:block; }
#img2{display:none;}
@media screen and (max-width: 1000px){
#img1{display:none;}
#img2{display:block; }
}

.paralaxhome{ display: block; width: 100%; height: 400px; text-align: center;}
.paralaxhome span{  background:hsla(0,0%,0%,0.75); width: 100%; color: #778C2E; font-weight: bold; font-style: italic; padding: 40px; font-size: 40px; display: inline-block; margin-top: 140px; }
.paralaxhome span b{ color: #FFF; }

/* --------------------------- TITULO ------------------------------*/
.ttHome{width:100%; float: left; padding:20px 0; color: #FFF; background: #333; font-size: 30px; text-align: center;}
.ttHome .meio{max-width:1024px; margin:0 auto; padding: 0;}
/* --------------------------- TITULO ------------------------------*/
.titulo{width:100%; float:left; padding:30px 0 0 0;}
.titulo .meio{max-width:1024px; margin:0 auto; padding: 0;}
.titulo .meio h1{ float:left; font-size:28px; font-weight:300; color:#4A4A4A; border-bottom: 1px dotted #4A4A4A; padding:0 10px;}
.titulo .meio h2{ float:left; font-size:16px; font-weight:300; color:#333333; margin-top:10px;}
.titulo .meio input{width:200px; float:right; padding:5px; font-size:16px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.titulo .meio select{width:200px; float:right; padding:5px; margin-right:5px; font-size:16px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#b1{ float:right; padding:5px; font-size:20px; border:none; background:none; color:#626161; cursor:pointer;}
#b1:hover{ color:#FF0000;}
#b2{display:none;}

@media screen and (max-width: 500px){
#b1{display:none;}
#b2{display:block; width:90%; margin:5px 5%; background:#F20000; color:#FFF; float:right; padding:5px; font-size:20px; border:none; cursor:pointer; font-size:16px;}
#b2:hover{ background:#4F4C4C; color:#FFF;}
.titulo .meio input{width:90%; margin:5px 5%; float:right; padding:5px; font-size:16px;}
.titulo .meio select{width:90%; margin:5px 5%; float:right; padding:5px; font-size:16px;}
	
}

.carousel{width:100%; text-align:center; float:left; padding:10px 0; }
.carousel .faixa_imagens{max-width:80%; padding:10px 0; margin:0 auto; }
.carousel .faixa_imagens .box{width:25%; text-align:center; padding:0; margin:10px; }
.carousel .faixa_imagens .box .boximg{width:100%; height: 200px; border-radius: 10px; margin:0 auto; }
.carousel .faixa_imagens .box .boximg img{max-width: 100%; max-height: 100%; margin: 0 auto;}
.carousel .faixa_imagens .box a{color:#000;}
.carousel .faixa_imagens .box a h2{ font-size:16px;color:#074870; font-weight:700; padding:5px; width:100%; background: hsla(0,0%,100%,0.75); border-top-left-radius: 10px; border-top-right-radius: 10px; }
.carousel .faixa_imagens .box a span{font-size:16px;color:#074870; font-weight:700; padding:10px; background: #e20514; color: #FFF; border-radius: 7px; display: inline-block; float: left; position: relative; width: 40%; margin: -20px 30% 0;}
@media screen and (max-width: 600px){
.carousel .faixa_imagens{max-width:70%; }
}

.carousel2{width:100%; text-align:center; float:left; padding:10px 0; }
.carousel2 .faixa_imagens2{max-width:80%; padding:10px 0; margin:0 auto; }
.carousel2 .faixa_imagens2 .box{width:25%; text-align:center; padding:0; margin:10px; }
.carousel2 .faixa_imagens2 .box .boximg{width:100%;  border-radius: 10px; margin:0 auto; }
.carousel2 .faixa_imagens2 .box .boximg img{max-width: 100%; max-height: 100%; margin: 0 auto;}
@media screen and (max-width: 600px){
.carousel2 .faixa_imagens2{max-width:70%; }
}


/* --------------------------- LISTAR EVENTOS ------------------------------*/
.lista{max-width:1024px; margin:0 auto; padding: 0;}
.lista .box{width:33.33%; float:left; padding:25px 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.lista .box .icone{float:right; height:25px; background:#FFF; padding:0 0 0 10px;}
.lista .box hr{margin-bottom:-15px;}
.lista .box .boximg{width:100%; height:220px; text-align: center; }
.lista .box .img{ max-width: 100%; max-height: 100%;margin: 0 auto;}
.lista .box .desc{width:100%; float:left;  margin:0; background-color:#FFF; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding:10px;
border-bottom:4px solid #647c31;}
.lista .box h2{font-size:16px; text-align:left; width:100%; color:#647c31; font-weight:300; line-height:24px; height:48px;}
.lista  h3{font-size:18px; text-align:center; width:100%; padding:100px 0; color:#4A4A4A}
.lista .box p{text-align:left; font-size:16px; width:100%; color:#4A4A4A; font-weight:300;}
.lista .box div span{float:left; padding:5px; color:#647c31;}
.lista .box a:hover span{float:right; padding:5px; background:#Fe0000; color:#163A00;}
@media screen and (max-width: 1250px){
.lista .box{width:25%; float:left; padding:25px 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
}
@media screen and (max-width: 900px){
.lista .box{width:33.33%; float:left; padding:25px 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
}
@media screen and (max-width: 600px){
.lista .box{width:50%; float:left; padding:25px 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
}
@media screen and (max-width: 400px){
.lista .box{width:100%; float:left; padding:25px 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
}

/* --------------------------- EVENTO MODELO ------------------------------*/
.obrigado{width:100%; float:left; padding:50px 0;}
.obrigado .meio{max-width:1024px; margin:40px auto; padding:40px 0;}
.obrigado .meio p{font-size:20px; text-align:center;}
.obrigado .meio p a{width:auto; padding:10px;background:#90a83c; color:#FFF; cursor:pointer; display:inline-block;}
.obrigado .meio p a:hover{ background:#778C2E;}

/* --------------------------- EVENTO MODELO ------------------------------*/
.evento{width:100%; float:left; padding:50px 0;}
.evento .meio{max-width:1024px; margin:0 auto; padding:15px 0;}
.evento .meio .menu_lateral{width:25%; float:left; background-color:#90a83c;}
.evento .meio .menu_lateral ul{ text-decoration:none;}
.evento .meio .menu_lateral ul li{text-decoration:none; display:block;}
.evento .meio .menu_lateral ul li a{width:75%; color:#FFF; padding:10px; border-bottom:1px solid #647c31; margin:0 auto; display:block; font-size:18px; margin-top:2px; font-weight:400;
 cursor:pointer;}
.evento .meio .menu_lateral ul li a:hover{ border-bottom:1px solid #647c31;}

.evento .meio .conteudo{ width:73%; float:right;  padding-left:5px; padding-right:5px; }
.evento .meio .conteudo h1{padding-left:5px; margin:5px 0; margin-bottom:20px; font-weight:300; color:#4A4A4A; border-bottom: 1px dotted #4A4A4A; float:left;}
.evento .meio .conteudo h2{font-size:16px; color:#4A4A4A; font-weight:400; text-align:justify; margin-bottom:20px;}
.evento .meio .conteudo .logo_evento{ float:left; margin-bottom:20px;}
.evento .meio .conteudo .logo_evento img{ width:100%;}

.evento .meio .conteudo .descricao_evento{ float:left; margin-bottom:20px;}
.evento .meio .conteudo .descricao_evento h1{ font-size:24px; color:#4A4A4A; margin:5px 0; border-left: 5px solid #647c31;}

@media screen and (max-width: 900px){
.evento{ padding:10px 0;}
.evento .meio .menu_lateral{ width:100%; float:left; background-color:#90a83c; margin:0 auto;}
.evento .meio .menu_lateral ul li a{margin:0; width:100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.evento .meio .conteudo{ width:98%; float:left; margin-top:15px; }
.evento .meio .conteudo h1{ margin-left: 10px; float:left; }
.evento .meio .conteudo .logo_evento{ padding: 0 1em;  }
}

@media screen and (max-width: 485px){
.evento .meio .conteudo h1{ font-size:18px; }
}
/* --------------------------- INSCRIÇÃO ------------------------------*/
.evento .meio .inscricao{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 2em;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.evento .meio .inscricao h1{ font-size:24px; color:#90a83c; margin:5px 0; margin-bottom:20px;}
.evento .meio .inscricao h1 img{ padding-right:6px } 
.evento .meio .inscricao .btn_inscricao{ background-color:#90a83c; color:#FFF; font-size:22px; font-weight:500; text-align:center; border-radius:3px; float:left; padding:15px 50px; cursor:pointer;}
.evento .meio .inscricao .btn_inscricao:hover{ background-color:#647c31;}
.evento .meio .inscricao .cat td{padding:10px 0; text-align:center; border:1px solid #000;}
.evento .meio .inscricao .cat .top td{background:#333; color:#FFF;}
.evento .meio .inscricao p{width:100%; padding:0px 0 20px 0; margin:0;}
.evento .meio .inscricao .bntcad{width:100%; padding:15px 0; text-align:left;}
.evento .meio .inscricao .bntcad span{ display:inline-block; padding:10px; background:#90a83c; color:#FFF; cursor:pointer; }
.evento .meio .inscricao .bntcad span:hover{ background:#778C2E; }
.evento .meio .inscricao .bntcad button{ display:inline-block; padding:10px; background:#90a83c; color:#FFF; cursor:pointer; }
.evento .meio .inscricao .bntcad button:hover{ background:#778C2E; }
.evento .meio .inscricao .box1{display:none;}
.evento .meio .inscricao .box1 em{font-size:14px;}
.evento .meio .inscricao .box2{display:none;}
.evento .meio .inscricao .box2 a{padding: 5px; background:#90a83c; color:#FFF; cursor:pointer; font-size: 14px;}
.evento .meio .inscricao input{ max-width:100%; padding:7px 10px; margin:5px 0; border:1px solid #939191;font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-weight:300;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.evento .meio .inscricao select{ max-width:100%; padding:7px 10px; margin:5px 0; border:1px solid #939191;font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-weight:300;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.evento .meio .inscricao input.button_enviar{width:auto; padding:10px;background:#90a83c; color:#FFF; cursor:pointer;}
.evento .meio .inscricao input.button_enviar:hover{background:#778C2E;}
.evento .meio .inscricao .box3{display:none;}


/* PAGAMENTO */
.pagamento{width:100%; float:left; padding:50px 0;}
.pagamento .meio{max-width:1024px; margin:0 auto; padding:15px 0;}
.pagamento .meio h1{ font-size:24px; color:#90a83c; margin:5px 0; margin-bottom:20px;}
.pagamento .meio h2{ font-size:18px; color:#90a83c; margin:5px 0;}
.pagamento .meio img{ max-width:100%;}
.pagamento .meio .boxpag{width:100%; padding:30px 0; border-bottom:1px dashed #CCC;}
.pagamento .meio .prosseguir{padding:10px; margin:10px 0; background:#90a83c; color:#FFF; cursor:pointer; border:0; display:block;}
.pagamento .meio .prosseguir:hover{ background:#778C2E; }
.pagamento .meio a.voltar{padding:5px; float:left; margin:20px 0; background:#ccc; color:333; border:1px solid #999;}
.pagamento .meio a.voltar:hover{background:#999; color:#000;}

.evento .meio .inscricao .valores{float:left; max-width: 200px; width:100%; text-align:left;}
.evento .meio .inscricao h2{ font-size:18px; color:#90a83c; margin:5px 0;}
.evento .meio .inscricao .parcelar{width:100%;}
.evento .meio .inscricao .parcelar ul{width:100%; margin:0; padding:0;}
.evento .meio .inscricao .parcelar ul li{margin:0; padding:0; display:inline-block; list-style:none;}
.evento .meio .inscricao .parcelar ul li img{cursor:pointer;}
.evento .meio .inscricao .prosseguir{ display:inline-block; padding:10px; background:#90a83c; color:#FFF; cursor:pointer;}
.evento .meio .inscricao .prosseguir:hover{ background:#778C2E; }
.evento .meio .inscricao .tipos{width:100%;}
.evento .meio .inscricao .tipos img{max-width:100%;}
.evento .meio .inscricao .tipos p{padding:0;}

.evento .meio a.voltar{padding:5px; float:left; margin:20px 0; background:#ccc; color:333; border:1px solid #999;}
.evento .meio a.voltar:hover{background:#999; color:#000;}
@media screen and (max-width: 900px){
.evento .meio .inscricao { width:98%; padding: 0 5px;}
}
@media screen and (max-width: 645px){
.evento .meio .inscricao .btn_inscricao{margin-left:5px;}
}

.cielo{max-width: 1024px; padding:10px; margin:0 auto 20px; text-align: left;}
.cielo .meio{background:#f6f6f6; width:100%; box-sizing:border-box; border-radius: 15px; border: 1px solid #90a83c; padding: 0; margin: 0; }
.cielo h1{font-weight:300; color:#FFF; text-align: center; padding:7px 15px; font-size:18px; margin-bottom:25px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.cielo .linha{width: 100%; height: 5px; margin: 20px 0 10px; background:#E3E3E3;}
.cielo input{padding: 5px; border: 1px solid #999;}
.cielo select{padding: 5px; border: 1px solid #999;}
.cielo strong{font-weight:400; font-size: 14px;}
.cielo .cartoes{padding: 5px; display: inline-block; width: 100%; background:#E3E3E3; margin: 15px 0; }
.cielo .box{padding: 5px; text-align: left; display: inline-block; }
.cielo .boxcard{ display: inline-block; padding: 5px; text-align: center;}
.cielo .boxcard img{cursor: pointer; height: 40px;}
.cielo .boxcard input{height: 40px; float: left;}
.cielo .boxcard select{height: 40px; float: left;}
.cielo .msg{padding:10px; width:100%; margin: 5px 0; background:#38FF73;}
.cielo .msg2{padding:10px; width:100%; margin: 5px 0; background:#90a83c; color: #FFF;}

.cielo .box{padding:5px 15px; text-align: left; width: 100%; max-width:500px; display: block; margin: 0 auto; }
.cielo .box input{width: 100%; padding:10px; border-radius:10px; }
.cielo .box select{width: 100%; padding:10px; border-radius:10px; }
.cielo .box input.data{width: 80px;box-sizing: border-box; }
.cielo .box button{ padding:7px 10px; margin:10px auto 25px; background:#90a83c; color:#FFF; cursor:pointer; border:2px solid #90a83c; float:left; border-radius: 5px;}
.cielo .box button:hover{background:#778C2E;}
.cielo .bt{width:100%; text-align:center;}

.obrigado{width: 100%; text-align: center; padding: 15px 10px; display: inline-block;}
.obrigado .meio{ max-width: 1000px; width: 100%; margin: 0 auto; display: inline-block; text-align: center;}
.obrigado .meio .botao{ padding: 5px 10px; background: #90a83c; color: #FFF; border-radius: 5px;}
.obrigado .meio .box{ padding: 10px; display: inline-block; width: 48%; margin: 1%; background: #f4f4f4; border-radius: 5px; height: 370px; vertical-align: top; }
.obrigado .meio .box p{ text-align: left; display: block; margin: 15px 0; }
.obrigado .meio .box b{ text-align: center; display: block; color: #90a83c;}
.obrigado .meio .box span{ color: #90a83c; font-weight: 700;}
@media screen and (max-width: 900px){
.obrigado .meio .box{ width: 98%; height: auto; }

}

/* ---------------------------PALESTRANTES----------------------- */
.evento .meio .conteudo .palestrantes{float:left; width:100%; margin-bottom:20px; padding-bottom:2em;  padding-left:5px; padding-right:5px;}
.evento .meio .conteudo .palestrantes .box{width:48%; height:220px; float:left; margin:5px;}
.evento .meio .conteudo .palestrantes .box .foto{ width:170; height:210px; border: 1px solid #CCCCCC; float:left; margin-right:10px;}
.evento .meio .conteudo .palestrantes .box h3{ font-size:18px; color:#4A4A4A; margin-top:65px;}
.evento .meio .conteudo .palestrantes .box h2{ margin-bottom:0;}
.evento .meio .conteudo .palestrantes .box h4{ font-size:13px; text-decoration:underline; color:#4a998d; margin:0; font-weight:300;}

@media screen and (max-width: 900px){
.evento .meio .conteudo .palestrantes{ width:98%; padding:0 5px;}
}
@media screen and (max-width: 485px){
.evento .meio .conteudo .palestrantes .box{width:100%;}
.evento .meio .conteudo .palestrantes .box .foto{ max-width:40%;}
}

/*---------------------- PROGRAMACAO ------------------------ */
.evento .meio .conteudo .programacao{ width:100%; margin-bottom:20px; padding-bottom:2em; float:left; padding-left:5px; padding-right:5px;}
.evento .meio .conteudo .programacao .btn_programacao{ width:430px; background-color:#90a83c; color:#FFF; font-size:22px; font-weight:500; text-align:center; border-radius:3px; float:left; padding:15px 30px; margin-bottom:15px; cursor:pointer; }
.evento .meio .conteudo .programacao .btn_programacao:hover{ background-color:#647c31; }

@media screen and (max-width: 900px){
.evento .meio .conteudo .programacao { width:98%; padding-left:15px; margin:0 auto; float:none; }
}
@media screen and (max-width: 645px){
.evento .meio .conteudo .programacao .btn_programacao{width:85%; padding:15px 5px; font-size:18px; }
}
@media screen and (max-width: 485px){
.evento .meio .conteudo .programacao .btn_programacao{width:85%; padding:15px 5px; font-size:18px;}
}



/* ------------------ HOSPEDAGEM -------------------------- */
.evento .meio .conteudo .hospedagem{float:left; width:100%; margin-bottom:20px; padding-bottom:4em; padding-left:5px; padding-right:5px;}
.evento .meio .conteudo .hospedagem .box1{ width:98%; margin-bottom:20px;float:left; }
.evento .meio .conteudo .hospedagem .box1 img{ padding-right:10px; max-width:40%; } 
.evento .meio .conteudo .hospedagem .box2{width:49%; float:right;}
.evento .meio .conteudo .hospedagem .btn_hospedagem{ background-color:#90a83c; color:#FFF; font-size:22px; font-weight:500; text-align:center; border-radius:3px; float:left; padding:15px 50px; cursor:pointer; }
.evento .meio .conteudo .hospedagem .btn_hospedagem:hover{ background-color:#08263a;}
@media screen and (max-width: 900px){
.evento .meio .conteudo .hospedagem{ width:98%; padding:0 5px; }
}
@media screen and (max-width: 485px){
.evento .meio .conteudo .hospedagem .box1{width:100%; margin-left:5px;}
.evento .meio .conteudo .hospedagem .box1 img{ padding-right:10px; max-width:100%; } 
}


/* ---------------------- LOCAL ------------------------*/
.evento .meio .conteudo .local{ width:100%; margin-bottom:30px; padding-bottom:4em; padding-left:5px; padding-right:5px; }
.evento .meio .conteudo .local p{ margin-left:1%; }
.evento .meio .conteudo .local .galeria_local{ width:21%; height:190px; padding:10px 23px 50px 0; float:left; text-align:center; font-size: 14px;}
.evento .meio .conteudo .local .galeria_local img{ width:100%; height:130px; padding:8px; }

@media screen and (max-width: 900px){
.evento .meio .conteudo .local { width:90%; padding:0 5px; margin:0 auto; }
.evento .meio .conteudo .local h1{ margin:5px; }
}
@media screen and (max-width: 768px){
.evento .meio .conteudo .local .galeria_local{ width:28%; font-size:0.9em; padding-right:25px; }
}
@media screen and (max-width: 625px){
.evento .meio .conteudo .local .galeria_local{ width:42%;   }
}
@media screen and (max-width: 425px){
.evento .meio .conteudo .local .galeria_local{ width:91%; padding:0; margin-left: 2px; padding-bottom:20px; padding-right:5px;}
}


/* ------------------ APOIO -----------------------------*/
.evento .meio .conteudo .apoio{ width:49%; height:150px; float:left;  margin-bottom:20px; }
.evento .meio .conteudo .apoio h1{font-size:24px; color:#092f4e; margin:5px 0;  border-left: 5px solid #4a998d;}
.evento .meio .conteudo .apoio h1 img{ padding-right:6px } 
.evento .meio .conteudo .apoio .logo{ width:23%; margin:5px; float:left;}
.evento .meio .conteudo .apoio .logo img{ width:99%; padding:8px;  }
@media screen and (max-width: 900px){
.evento .meio .conteudo .apoio { width:98%; }
}
@media screen and (max-width: 645px){
.evento .meio .conteudo .apoio .logo{  width:30%; }
}
@media screen and (max-width: 485px){
.evento .meio .conteudo .apoio .logo{  width:45%; }
}


/* ------------------------- PATROCINIO ----------------------- */
.evento .meio .conteudo .patrocinio{ width:100%; float: right;  margin-bottom:30px; padding-left:5px; padding-right:5px;}
.evento .meio .conteudo .patrocinio .logo{ width:23%; margin:5px; float:left;}
.evento .meio .conteudo .patrocinio .logo img{ width:99%; padding:8px;  }

@media screen and (max-width: 900px){
.evento .meio .conteudo .patrocinio{ width:98%; }
}
@media screen and (max-width: 645px){
.evento .meio .conteudo .patrocinio .logo{  width:30%; }
}
@media screen and (max-width: 485px){
.evento .meio .conteudo .patrocinio .logo{  width:45%;  }
}


/* ------------------------EXIBE TRABALHOS ----------------------------*/
.evento .meio .conteudo .trabalhos{ width:98%; float:left;  margin-bottom:20px; }
.evento .meio .conteudo .trabalhos  .box1{width:100%;}
.evento .meio .conteudo .trabalhos h1{  font-weight:300; color:#4A4A4A; border-bottom: 1px dotted #4A4A4A; margin:5px 0;}
.evento .meio .conteudo .trabalhos h1 img{ padding-right:6px } 
.evento .meio .conteudo .trabalhos strong{ padding-left:0.8em; }
.evento .meio .conteudo .trabalhos .categoria{ width:98%; padding:1%; margin:1em 0; }
.evento .meio .conteudo .trabalhos .categoria select{ padding:5px; font-size:14px; color: #686868; }
.evento .meio .conteudo .trabalhos .buscar_area{ width:98%; padding:1%; margin-bottom:1em; }
.evento .meio .conteudo .trabalhos .buscar_area .buscar{ float:left; width:250px; padding:5px; border:1px solid #ABABAB; margin-right:5px; }
.evento .meio .conteudo .trabalhos .buscar_area .btn_enviar{background-color:#90a83c; cursor:pointer; border:0; padding:5px; color:#FFFFFF; font-size:16px; } 

.evento .meio .conteudo .trabalhos .trabalhos_exibe{ width:98%; padding:1%; margin-bottom:1em; }
.evento .meio .conteudo .trabalhos .trabalhos_exibe .titulo{ float:left; width:100%; font-size:16px; font-weight:bold; color:#0a3659; border-left: 4px solid #647c31; padding:0 10px;  }
.evento .meio .conteudo .trabalhos .trabalhos_exibe .autores{ float:left; width:100%; font-size:16px; color:#4a9e92; }
.evento .meio .conteudo .trabalhos .trabalhos_exibe .assunto{ float:left; width:100%; font-size:16px; color:#90a83c; }

.evento .meio .conteudo .trabalhos .nenhum_resultado{ width:98%; padding:1%; margin-bottom:1em; margin-left:1%; color:#B91316; background-color:#F9CCCD; border:1px solid #9E2527; }

@media screen and (max-width: 900px){
.evento .meio .conteudo .trabalhos{ width:98%; padding:0 5px; }
.evento .meio .conteudo .trabalhos h1{ margin:5px; }

}
@media screen and (max-width: 645px){
.evento .meio .conteudo .trabalhos h1{ margin:5px; font-size:18px; }
.evento .meio .conteudo .trabalhos strong{ padding-left:0.2em; }
.evento .meio .conteudo .trabalhos .input{ width:100%}
.evento .meio .conteudo .trabalhos .buscar_area .btn_enviar{ margin:1% 0; } 

}



/* --------------------------- CONTATO ------------------------------*/
.contato{width:100%; float:left; padding:50px 0;}
.contato .meio{max-width:1024px; margin:0 auto; padding: 0; text-align:center;}
.contato .meio h1{ width:125px; font-size:28px; font-weight:300; color:#4A4A4A; border-bottom: 1px dotted #4A4A4A; padding:0 10px; margin:0 auto 20px;}
.contato .meio span{font-size:24px; margin-top:-10px; display:block;}
.contato .meio p{text-align:center;}
.contato .meio .cod{margin:10px auto; border:1px dashed #C3C1C1;}
.contato .meio .cod2{margin:10px auto;}
.contato .meio input{ width:76%; padding:7px 10PX; margin:5px 2%; border:1px solid #939191;font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-weight:300;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.contato .meio select{ width:76%; padding:7px 10PX; margin:5px 2%; border:1px solid #939191;font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-weight:300;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.contato .meio textarea{ width:76%; padding:7px 10PX; margin:5px 2%; border:1px solid #939191;font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-weight:300;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.contato .meio .button_enviar{ border-radius:0; width:200px; padding:10px; color:#FFF; background:#90a83c; border:0; font-size:18px; font-weight:bold; margin:0 auto; cursor:pointer;
}

.contato .btn_programacao{background-color:#0a3557; color:#FFF; font-size:18px; font-weight:500; text-align:center; border-radius:3px; float:left; padding:10px 20px; margin-bottom:15px; cursor:pointer; }
.contato .btn_programacao:hover{ background-color:#08263a; }

.contato .meio .msg_contato { color:#030; background:#6C6; display:block; text-align:center; padding:10px 0px;}
.contato .meio .msg_contato2 { color:#FFF; background:#F00; display:block; text-align:center; padding:10px 0px;}

.contato .meio .box1{ width:100%; margin:0 auto; }
.contato .meio .box1 h1{font-size:20px; text-transform:uppercase; font-weight:400; text-align:center; margin:0 0 10px 0; ; padding:0; color:#000;}
.contato .meio .box1 p{text-align:center; height:120px;}
.contato .meio .box1 img{height:40px; margin:10px;}
.contato .meio .box1 iframe{ max-width:100%; margin:20px auto;}

.contato .meio .box2{float:left; width:50%;}
.contato .meio .box2 h2{font-size:20px; text-transform:uppercase; font-weight:400; text-align:center; margin:0 0 10px 0; padding:0;}
.contato .meio .box2 p{text-align:center;}
.contato .meio .box2 img{height:40px; margin:10px;}
.contato .meio .box2 iframe{ max-width:100%; margin:20px auto;}

@media screen and (max-width: 1050px){
.contato .meio{max-width:98%; padding:0 1%;}
}

@media screen and (max-width: 800px){
.contato .meio .box1{float:left; width:100%;}
.contato .meio .box1 p{text-align:center; height:auto;}
.contato .meio .box2{float:left; width:100%;}
}
@media screen and (max-width: 500px){
.contato .meio h1{font-size:18px}
.contato .meio span{font-size:18px;}
}


.news{width:100%; float:left; padding:5px; background: #333333; color: #FFF; text-align: center; }
.news span{ display: inline-block; color: #FFF; padding: 5px;}
.news input{ display: inline-block; padding: 5px; background: #FFF; border-radius: 5px; }
.news button{ display: inline-block; padding: 5px 10px; background: #647c31; color: #FFF; border-radius: 5px; }

.rodape{width:100%; float:left; padding:50px 0; background: #e1e1e1; color: #000; }
.rodape .meio{max-width:1024px; margin:0 auto; padding: 0; text-align:center;}
.rodape .meio .box1{ display: inline-block; padding: 10px; vertical-align: middle}
.rodape .meio .box1 img{ max-height: 130px; }
.rodape .meio .box2{ display: inline-block; padding: 10px; vertical-align: middle; }
.rodape .meio .box2 li{ list-style: none; display: inline-block; padding: 10px; }

.rodape2{width:100%; float:left; padding:5px; background: #FFF;  }
.rodape2 .meio{max-width:1024px; margin:0 auto; padding: 0; text-align:right;}