body {margin:0; padding:0; font-family:'Noto Sans'; font-size:16px; line-height:30px; color:#020101;}	

body a {color:inherit !important; text-decoration:none}
	
h1,h2,h3,h4 {margin:0; padding:0; font-weight:normal; font-size:inherit; color:#18a2ccff;}
	
input, textarea, select {outline:none; font-family:'Noto Sans'; color:#FFF; font-size:15px; box-sizing: border-box;}

.buttonClass {
  font-size:15px;
  font-family:Trebuchet MS;
  width:200px;
  height:50px;
  border-width:1px;
  color:#ffffff;
  border-color:rgba(13, 152, 248, 1);
  font-weight:bold;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  background:rgba(13, 152, 248, 1);
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 0.6; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
	opacity: 0.6;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
	opacity: 0.6;
}
		
.clear {clear:both;}

@media only screen and (min-width: 1025px) {

.bt {display:table; padding:10px 30px; color:#FFF; font-weight:500; border-radius:100px; background:#18a2ccff; position:relative; margin-top:30px; top:0; transition:all 0.3s;}
.bt:hover {top:-10px;}
.meio {margin:40px auto;}

#header {background:#005A99; width:100%; min-width:1200px; padding:20px 0}
#header .area {width:1200px; margin:0 auto;}
#header .area img {width:200px; height:auto; display:inline-block; vertical-align:middle}
#header .area h2 {font-size:32px; color:#FFF; display:inline-block; vertical-align:middle; margin-left:300px; font-weight:300}

#conteudo {width:100%; min-width:1200px}
 
.titulo_pagina {text-align:center; font-size:50px; font-weight:400; text-transform:uppercase; color:#fff; padding:100px 0; background:url(../Imagens/bg_parallax.jpg) center center no-repeat; background-attachment:fixed;}

.subtitulo_pagina {font-size:26px; color:#18a2ccff; margin-bottom:20px;}

.miolo {width:1200px; margin:40px auto; display:table;}

.img_pg {width:600px; height:auto; display:block; margin:40px auto;}

.galeria {text-align:center;}
.galeria .img_pg {display:inline-block; vertical-align:top; width:500px; margin:40px 20px;}

h3.obrigado {font-size:30px; text-align:center; margin:0 auto 30px;}

#galeria {margin-top:40px;}
#galeria .img {width:195.5px; height:195.5px; border:1px solid #eee;}
#galeria a {float:left; margin:0 20px 20px 0}
#galeria a:nth-of-type(4n) {margin:0 0 20px 0}

#blog_home {width:100%; min-width:1200px; margin:50px auto;}
#blog_home .area {width:1200px; margin:0 auto;}
#blog_home .area h2 {font-size:40px; font-weight:500; margin-bottom:60px; text-align:center;}
#blog_home .area .posts .post {float:left; width:270px; margin:0 40px 30px 0; } 
#blog_home .area .posts .post:nth-of-type(4n) {margin:0 0 30px;}
#blog_home .area .posts .post .img {width:270px; height:200px; margin-bottom:20px; border-radius:16px;}
#blog_home .area .posts .post h3 {color:#18a2ccff; font-weight:600; font-size:18px; line-height:26px;}
#blog_home .area .posts .post .data {font-size:14px; color:#999}
#blog_home .area .posts .post p {font-size:15px; line-height:24px; margin:10px 0}
#blog_home .area .posts .post a {font-weight:600; font-size:14px;}

#blog_home .area .posts.mobile {display:none;}

.destaques {text-align:left; font-size:0; width:1200px; margin:0 auto 30px; }
.destaque_maior {display:inline-block; vertical-align:top; width:700px; height:440px; border-radius:14px; margin-right:20px; position:relative; float:left; overflow:hidden;}
.destaque_menor {display:inline-block; vertical-align:top; width:480px; height:210px; border-radius:14px; position:relative;  margin-bottom:20px; overflow:hidden;}
.destaques .opacidade {background:rgba(0,0,0,0.5); position:absolute; top:0; bottom:0; right:0; left:0;}
.destaques .opacidade h2.maior {position:absolute; left:24px; bottom:24px; right:24px; color:#FFF; font-size:36px; font-weight:700; line-height:50px;}
.destaques .opacidade h2.menor {position:absolute; left:24px; bottom:24px; right:24px; color:#FFF; font-size:24px; font-weight:700; line-height:32px;}


#col_posts {float:left; width:850px; padding-right:50px;}
#col_posts .post {width:263px; height:280px; text-align:left; font-size:20px; line-height:24px;}
#col_posts .post h1 {font-size:18px;}
#col_posts a {float:left; margin-right:30px}
#col_posts a:nth-of-type(3n) {margin-right:0}
#col_posts .post .img {width:100%; height:180px; position:relative; overflow:hidden; margin-bottom:15px; border-radius:16px;}

#col_ultimos_periodo {float:right; width:270px;}
#col_ultimos_periodo .subtitulo_pagina {margin-bottom:20px;}
#col_ultimos_periodo .post {margin-bottom:20px; text-align:left; font-size:12px; padding-bottom:10px; border-bottom:1px solid #ddd;}
#col_ultimos_periodo .post .titulo {font-size:16px; line-height:24px; font-weight:bold;}
#col_ultimos_periodo .post:hover .titulo {text-decoration:underline}
#col_ultimos_periodo select {width:100%; padding:10px; background:#fff; color:#020101; border:1px solid #ddd;}

#col_post_integra {float:left; width:850px; padding-right:50px;}
#col_post_integra .titulo_chamada {text-align:left; margin:-10px 0 10px; font-size:30px;}
#col_post_integra .data strong {font-weight:700; font-size:14px;}
#col_post_integra iframe {display:block; margin-bottom:20px;}
#col_post_integra img.principal {margin:20px auto 40px; width:100%; height:auto; display:table;}
#col_post_integra .fonte {display:table; text-align:left; margin-top:20px;}

#col_publicidade {float:right; width:300px;}
#col_publicidade img {width:100%; height:auto; margin-bottom:20px;}

#footer {background:#18a2ccff; color:#FFF; text-align:center; padding:30px;}

}

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

.bt {display:table; padding:10px 30px; color:#FFF; font-weight:500; border-radius:100px; background:#18a2ccff; position:relative; margin:30px auto 0; top:0; transition:all 0.3s;}
.bt:hover {top:-10px;}
.meio {margin:40px auto;}

#header {background:#005A99; padding:30px 10px; text-align:center;}
#header .area img {width:180px; height:auto; margin:0 auto 20px;}
#header .area h2 {font-size:26px; color:#FFF; font-weight:300}

#conteudo {width:100%;}
 
.titulo_pagina {text-align:center; font-size:34px; line-height:44px; font-weight:400; text-transform:uppercase; color:#fff; padding:60px 30px;  background:url(../Imagens/bg_parallax.jpg) center center no-repeat; background-attachment:fixed;}

.subtitulo_pagina {font-size:26px; color:#18a2ccff; margin-bottom:20px;}

.miolo {padding:30px;}

.img_pg {width:100%; height:auto; max-width:400px; display:block; margin:30px auto;}

h3.obrigado {font-size:26px; line-height:34px; text-align:center; margin:0 auto 30px;}

#galeria {margin-top:20px; text-align:center;}
#galeria .img {width:150px; height:150px; border:1px solid #eee; display:inline-block; vertical-align:top; margin:10px;}

#blog_home {padding:30px;}
#blog_home .area {margin:0 auto;}
#blog_home .area h2 {font-size:30px; font-weight:500; margin-bottom:30px; text-align:center;}
#blog_home .area .posts .post {margin:0 auto 30px; text-align:center} 
#blog_home .area .posts .post .img {width:100%; padding-bottom:70%; max-width:400px; margin:0 auto 20px; border-radius:16px;}
#blog_home .area .posts .post h3 {color:#18a2ccff; font-weight:600; font-size:20px;}
#blog_home .area .posts .post .data {font-size:14px; color:#999}
#blog_home .area .posts .post p {font-size:15px; line-height:24px; margin:10px 0 16px}
#blog_home .area .posts .post a {font-weight:600; font-size:14px;}

#blog_home .area .posts.desktop {display:none;}

.destaques {display:none;}

#col_posts .post {font-size:20px; line-height:24px;}
#col_posts a {width:100%; max-width:400px; display:table; margin:0 auto 30px;}
#col_posts .post .img {width:100%; padding-bottom:70%; position:relative; overflow:hidden; margin-bottom:15px; border-radius:16px;}

#col_ultimos_periodo {margin:40px 0 0;}
#col_ultimos_periodo .post {margin-bottom:20px; text-align:left; font-size:12px; padding-bottom:10px; border-bottom:1px solid #ddd;}
#col_ultimos_periodo .post .titulo {font-size:16px; line-height:24px; font-weight:bold;}
#col_ultimos_periodo .post:hover .titulo {text-decoration:underline}
#col_ultimos_periodo select {width:100%; padding:10px; background:#fff; color:#020101; border:1px solid #ddd;}

#col_post_integra .titulo_chamada {text-align:left; font-size:24px; margin:0 0 10px;}
#col_post_integra .data strong {font-weight:900; font-size:14px;}
#col_post_integra iframe {display:block; margin-bottom:20px;}
#col_post_integra img.principal {width:100% !important; max-width:400px !important; height:auto; display:table; margin:20px auto;}
#col_post_integra .fonte {display:table; text-align:left; margin-top:20px;}

#col_publicidade {margin:40px auto 20px; max-width:400px;}
#col_publicidade img {width:100%; height:auto; margin-bottom:20px;}


#footer {background:#18a2ccff; color:#FFF; text-align:center; padding:30px 20px;}

}