@import url(https://fonts.googleapis.com/css?family=Droid+Sans);

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

body{margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; font-family: 'Cabin', sans-serif; background-color: #eaeaea;}
a{text-decoration: none;}
img{max-width: 100%; height: auto;}
h1, h2, h3{font-family: 'Roboto', sans-serif;}
.topo{width: 100%; height: 687px; background:none;}


.menu_topo{background:url(../img/topo.png) no-repeat; width:100%; height:73px; padding-top:20px; padding-left:150px; z-index: 10; position: fixed;}
.menu_topo ul {padding:0; list-style:none; margin: 0}
.menu_topo ul li {display:inline-block; padding-right:25px; border-right: 1px solid #fff; margin-left:25px}
.menu_topo ul li:last-child {padding-right:0; border:0}
.menu_topo ul li a {color:#fff; text-decoration:none; font-size:17px}
.menu_topo ul li a:hover {text-decoration:underline}

.banner-principal {width:100%; height:auto; position:absolute; top:0; left:0}
.banner-principal img {width: 100%; height: auto}
.banner-big {width:100%; height:auto; position:absolute; top:0; left:0}
.banner-small {display: none;}
.proximo {position:absolute; top:15em; left:100%; margin-left:-55px;  display:block; z-index:10;}
.anterior {position:absolute; top:15em; left:10px; display:block; z-index:10}
.proximo:hover, .anterior:hover {box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2)}

.seta-direita:before {content: ""; display: inline-block; vertical-align: middle; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 35px solid #fff;}
.seta-esquerda:before {content: ""; display: inline-block; vertical-align: middle; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 35px solid #fff; }

.social-mobile {display: none;}
.social-desktop {width:100%; height:auto; display: inline;}
a.link-grupo {height: 60px; width: 400px; position: absolute; display: block; margin-top: 40px}
a.link-instagram {height: 85px; width: 400px; position: absolute; display: block; left: 50%; margin-top: 45px; margin-left: 180px}
a.link-facebook {height: 80px; width: 400px; position: absolute; display: block; margin-top: 200px}
a.link-youtube {height: 80px; width: 400px; position: absolute; display: block; left: 50%; margin-top: 200px; margin-left: 180px}

.container {width:1024px; margin:0 auto;}
.interna{padding-bottom: 50px; margin-top: -500px; background-color: #eaeaea; color: #0d161e; font-size: 1.125em; text-align: left; line-height: 30px;}
.interna ul{list-style:none;}
.interna ul li{margin-bottom: 15px;}
.interna a{text-decoration: none; color: #0d161e;}
.interna a:hover{text-decoration: underline; color: #0d161e	;}
.interna h1{color: #0d161e; line-height: 1.2em; font-size: 2.75em;}
.interna h2{color: #0d161e; line-height: 32px; font-size: 2.25em;}
.interna h3{color: #0d161e; line-height: 28px; font-size: 2em;}



.bloco_destaque{margin-bottom: 5px; width: 100%; margin-top: 30px; }
.bloco-destaque-banner {width: 430px; display: inline-block; vertical-align: top;}
.bloco-destaque-video {display: inline-block; width: 580px; vertical-align: top;}
.bloco-destaque-videos {width:100%; background-color: #68c8c6; vertical-align: middle; clear: both; margin-bottom: 25px}
.bloco-destaque-videos-1 {width: 60%; display: inline-block}
.bloco-destaque-videos a {font-size: 1.5em; color: #fff !important; float: right; position: relative; width: 35%; font-weight: bold; padding-top: 30px; padding-right: 10px}

.seta_video {margin-top: -150px; position: relative; margin-left: 110px }

.destaque{margin-bottom: 25px; width: 100%}
.destaque ul{margin: 0px; padding:0px; width: 100%; margin: 0 auto;}
.destaque ul li{list-style: none; width: 67%; display: inline-block;}
.destaque ul li:last-child {width: 30%; margin-left: 2%}
.destaque img {border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px;}
.destaque a h2 {background-color: #239391; color: #fff !important; margin: 0; padding: 15px; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px;}

.destaque1 {width: 100%; margin: 0px; padding: 0}
.destaque1 span{font-size:30px; font-weight:300; color: #0d161e; letter-spacing:-2px}
.destaque1 a h2 {font-size: 2.5em; line-height: 43px}

.destaque2 {margin:0;}
.destaque2 a {display: block; margin-bottom: 10px}
.destaque2 a h2 {font-size: 1em;}
.destaque2 img{width: 100%; height: auto}


.noticias_fundo{width: 100%; height: 300px; background: #d6d310; margin-top: -22px;}
.noticias h1{color: #861943; text-transform: uppercase; font-size: 1.625em; padding-top: 10px; font-weight: bold; padding-left: 70px;}
.noticias h1:hover{text-decoration: underline;}
.noticias ul{max-width: 900px; list-style: none; margin-left: 130px; padding: 0px;}
.noticias ul li{float: left; width: 28%; padding-right: 20px; text-align: center;}
.noticias ul li img{width: 250px; height: 150px;}
.noticias ul li a h2{font-size: 1.25em; color: #0a0101; margin-top: 5px; padding-left: 5px; padding-right: 5px; font-size: 20px; font-weight:bold}
.noticias ul li a:hover h2{text-decoration: underline;}

.noticia_esq {width:100%; float: none; font-size: 1em; font-weight: normal; font-family: 'Roboto', sans-serif;}
.noticia_esq h1{font-size: 3em; line-height: 1.2em}
.noticia_esq h3{font-size: 1.2em; font-weight:400; color:#8f9494}
.noticia_esq h4{color: #207a82; font-size: 3em; line-height: 1.2em}
.noticia_dir{width:100%; float: none; border-top: 1px dotted #959595; padding-top: 30px; margin-top: 50px; clear: both;}

.texto-noticia {width: 65%; display: inline-block; text-align: justify; float: left;}
.noticias-relacionadas {width: 30%; padding-left: 2%; border-left: 2px solid #207a82; float: right;}
.noticias-relacionadas ul {padding: 0; margin: 0}
.noticias-relacionadas a {display: block; font-weight: bold; line-height: 1em}
.noticias-relacionadas ul li {vertical-align: top;}
.noticias-relacionadas ul li img {width: 38%; height: auto; display: inline-block; margin-right: 2%}
.noticias-relacionadas ul li div {width: 59%; height: auto; display: inline-block; font-size: 1em; line-height: 1em}
.saiba-mais {width: 100%}
.saiba-mais h6 {background-color: #207a82; color: #fff; font-size: 2em; padding: 10; text-align: center; margin: 0}
.saiba-mais img {width: 100%; height: auto; margin-top: 10px}

.lista_noticias a{font-size: 1.25em; color: #0a0101; font-weight: bold;}
.lista_noticias ul li{color: #5F5F5F; border-bottom:#999 dotted 1px; padding-top: 10px; padding-bottom: 10px;}

.lista_noticias_destaque h2{text-align: left;}
.lista_noticias_destaque a{font-size: 1.125em; color: #0a0101; font-weight: bold}
.lista_noticias_destaque ul li{color: #5F5F5F; padding-top: 10px; padding-bottom: 10px; font-size: 0.875em; line-height: 18px; display: inline-block; width: 29%; padding: 2%; ; vertical-align: top;}

.hoverzoom img{border-radius: 2px; -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);     -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);      -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);       -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);          transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);}
.hoverzoom:hover img { -webkit-transform: scale(1.2);    -moz-transform: scale(1.2);     -ms-transform: scale(1.2);      -o-transform: scale(1.2);         transform: scale(1.2);}		 
.meio{width: 100%; height: 350px; background: #878787; margin-top: 20px;}
div.meio_logo{background:url(../img/circulando.png) left no-repeat; padding: 0px; margin: 0px; width:226px; height:233px; float:left;}
.meio div{height: 300px; margin: 0 auto; padding-top: 30px; padding-left: 30px;}
.meio div ul{float:left; list-style: none; magin: 0px; padding: 0px; margin: 0px;}
.meio div ul li{margin-bottom: 20px; padding-right: 10px;}
.meio div ul li img{width: 150px; height: auto;}
.meio div ul li:hover img{-webkit-transform: scale(1.4); -ms-transform: scale(1.4);   transform: scale(1.4); -webkit-transition: 0.5s ease-in;-moz-transition: 0.5s ease-in;-o-transition: 0.5s ease-in;transition: 0.5s ease-in;}

a.meio_destaque{display: bolck; width: 345px; height:343px; float: right; padding-right: 30px; opacity: 0.8;}
a.meio_destaque:hover{opacity: 1.0; -webkit-transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; transition: 0.5s ease-in;}
.meio2{width: 100%; height: 50px; background: #861943;}

.banner{width: 100%; height: auto; padding-bottom: 50px; padding-top: 40px;}
.banner img{width: 100%; height: auto}
.fundo-banner2-a {width: 50%; float: left; background-color: #9f1c51; position: absolute; height: 313px; z-index: -10}
.fundo-banner2-b {width: 50%; float: right; background-color: #68c8c6; margin-left: 50%; position: absolute; height: 313px; z-index: -10}

.rodape{background: #2a7583; text-align: center; margin-top: 10px; padding-top: 30px; padding-bottom: 30px}
.rodape p{color: #000; font-size: 1em; line-height: 22px; padding-top: 15px;}
.fa {padding: 20px; font-size: 30px !important;  width: 30px;  text-align: center;  text-decoration: none;  margin: 5px 2px;  border-radius: 50%; background: #fff; color: #2a7583; display: inline-block;}
.fa:hover {opacity: 0.7;}

.social a:hover{margin-top: -10px; -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);     -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);      -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);       -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);          transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);}  

input#control-nav {visibility: hidden; position: absolute; left: -9999px; opacity: 0;}

a.baixar-pdf {background-color: #68c8c6; padding: 20px 15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 2.2em; font-weight: bold; color: #fff; margin-top: 50px; margin-bottom: 50px; display: block;}
a.baixar-pdf:hover {background-color: #9f1c51; text-decoration: none;}

.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; overflow: hidden}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%;	height: 100%}



/*menu*/

@media screen and (max-width: 1600px)
{
	.topo{height: 570px}
}

@media screen and (max-width: 1280px)
{
	.topo{height: 458px}
}


@media screen and (max-width: 1023px)
{

	.topo{height: 366px}

	.menu_topo ul li {display:inline; padding-right:0; border-right: 0; margin-left:0; width: 100%}
	.menu_topo ul li a {display: block; padding: 15px 20px}

	header .control-nav{position: absolute; right: 25px; top: 25px;	display: block; width: 38px; height: 46px; padding: 5px 0; z-index: 2; cursor: pointer; background: url(../img/menu.png) no-repeat}
 	header .control-nav:before{content: ""; display: block;	height: 2px;}	
 	header .control-nav-close {position: fixed; right: 0; top: 0; bottom: 0; left: 0; display: block; z-index: 1; background: rgba(0,0,0,0.4);		-webkit-transition: all 500ms ease;	transition: all 500ms ease;	-webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0);
	transform: translate(100%, 0);}	
	
	header .menu_topo nav {position: fixed;	top: 0;	right: 0; bottom: 0; width: 250px; border-left: 1px solid #ccc; background: #2a7583; overflow-x: auto; z-index: 2;	-webkit-transition: all 500ms ease;	transition: all 500ms ease;	-webkit-transform: translate(100%, 0);	-ms-transform: translate(100%, 0); transform: translate(100%, 0);}
	#control-nav:checked ~ .control-nav-close {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
	#control-nav:checked ~ nav {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}

	.fundo-banner2-a {display: none;}
	.fundo-banner2-b {display: none;}
}

@media screen and (max-width: 480px)
{
	.container{width: 100%;}
	.topo{height: 400px; background:url(../img/topo.png) no-repeat 0px 15px #2a7583}
	.banner-small {width:100%; height:auto; position:absolute; top:0; left:0; display: inline;}
	.banner-big {display: none;}
	.proximo {top:9em}
	.anterior {top:9em}
	.interna {z-index: 100; margin-top: -320px; padding-top: 30px}
	.interna p{font-size: 0.875em; line-height: 22px;}
	.interna h1{color: #0d161e; line-height: 46px; font-size: 2em; text-align: center;}
	.interna h2{color: #0d161e; line-height: 32px; font-size: 1.75em;}
	.interna h3{color: #0d161e; line-height: 28px; font-size: 1.25em;}
	
	span.fundoEsquerda{height: 0px;}
	span.fundoDireita{height: 0;}
	
	.menu_topo{position:absolute; background:none; width: 60%; height: 200px; max-width: 480px; max-height: auto; padding-top: 0px}
	.menu_topo ul li {display:inline; padding-right:0; border-right: 0; margin-left:0; width: 100%}

	
	a.logo{height: 70%; width: 65%;}
	a.facebook{top: 82%; height: 10%; width: 35%; right: 60%;}

	.social-mobile {width:100%; height:auto; display: inline;}
	.social-desktop {display: none;}
	a.link-grupo {height: 65px; width: 100%; position: absolute; display: block; margin-top: 280px}
	a.link-instagram {height: 85px; width: 100%; position: absolute; display: block; left: 0; margin-top: 470px; margin-left: 0}
	a.link-facebook {height: 80px; width: 100%; position: absolute; display: block; margin-top: 370px}
	a.link-youtube {height: 80px; width: 100%; position: absolute; display: block; left: 0; margin-top: 580px; margin-left: 0px}

	.bloco-destaque-banner {width: 100%; display: block; vertical-align: top; text-align: center; padding-bottom: 30px}
	.bloco-destaque-video {display: block; width: 100%; vertical-align: top; }
	.bloco-destaque-videos {width:100%; background-color: #68c8c6; clear: both; margin-bottom: 25px}
	.bloco-destaque-videos-1 {width: 100%; display: inline}
	.bloco-destaque-videos a {float: none; position: relative; width: 100%; padding-top: 15px; padding-bottom: 15px; text-align: center; display: block;}
	
	.destaque{width: 100%; margin-top: 0px;}
	.destaque ul{width: 100%; padding: 0px;}
	.destaque ul li{float: none; height: auto; margin-bottom: 45px; width: 100%; margin-bottom: 40px; display: block;}
	.destaque ul li:last-child {width: 100%; margin-left: 0}
	
	.destaque1 {width: 90%; padding-top: 25px; margin: 0 auto; text-align: center; margin-top: 0px;}
	.destaque1 a h2 {font-size: 1.6em; line-height: 26px;; max-width: 100%;}
	
	.destaque2{width: 90%; margin: 0 auto}
	.destaque2 a {display: block; margin-bottom: 30px; width: 100%}
	.destaque2 img {width: 480px; height: auto; display: inline-block;}
	.destaque2 h2 {display: inline-block; width: 91.5%; padding: 0}
	
	.noticias_fundo{height: 750px; margin-top: 20px; padding-bottom: 15px;}
	.noticias{width: 100%;}
	.noticias h1{text-align: left; padding-left: 10px; font-size: 1.4em;}
	.noticias ul{width: 100%; padding: 0px; margin: 0 auto; }
	.noticias ul li{width: 80%; float: none; padding-right: 0px; padding-bottom: 15px; margin: 0 auto;}
	.noticias ul li a h2{font-size: 1em; height: 60px; overflow: hidden;}
	
	.texto-noticia {width: 100%; display: inline; float: none;}
	.noticias-relacionadas {display: none;}

	.noticia_esq{width:95%; margin: 0 auto; float: none; font-size: 1em; font-weight: normal; line-height: 18px;}
	.noticia_esq h1{font-size: 2em; line-height: 1em; text-align: left;}
	.noticia_esq h3{font-size: 1.125em; font-weight: normal; line-height: 18px;}
	.noticia_esq h4{font-size: 2.2em; line-height: 1.2em}
	.lista_noticias{width: 95%;}
	.lista_noticias a{font-size: 1.25em;}
	.lista_noticias ul li{font-size: 0.925em; line-height: 20px;}
	
	.noticia_dir{width: 95%; margin: 50 auto; float: none; border-left: none; padding-left: 0%; }
	.noticia_dir ul{width: 100%; margin: 0px; padding: 0px; text-align: center;}
	.lista_noticias_destaque ul li{width: 46%; padding: 2%; vertical-align: top;}
	.lista_noticias_destaque{margin-top: 50px;}
	.lista_noticias_destaque h2{text-align: center;}
	.lista_noticias_destaque a{font-size: 1.125em; color: #0a0101; font-weight: bold;}
	.lista_noticias_destaque img{width: 100%; height: auto;}
	.lista_noticias_destaque ul li{color: #5F5F5F; padding-top: 10px; padding-bottom: 10px; font-size: 0.875em; line-height: 20px;}
	
	div.meio_logo{background:url(../img/circulando-360.png) left no-repeat; position:absolute; width: 100%; max-width: 140px; max-height: 145px; float:none; margin-left: 15%;}
	
	.meio{height: 480px;}
	.meio div{height: 300px; padding-top: 30px; padding-left: 0px;}
	.meio div ul{width: 40%; float:right; list-style: none; magin: 0px; padding: 0px; margin-right: 3%;}
	.meio div ul li{margin-bottom: 10px; padding-right: 5px; margin: 0 auto;}
	#n1{width: 100%; height: auto !important;}
	#n2{position:absolute; left: -9999px; visibility:hidden;}
	
	a.meio_destaque{margin-left: 0px; width: 80%; height: auto; padding-top: 20px;}

	.meio2{height: 120px;}
	
	.rodape p{font-size: 0.95em; line-height: 20px}

	.fundo-banner2-a {display: none;}
	.fundo-banner2-b {display: none;}
}