@import url('https://fonts.googleapis.com/css?family=Raleway');
html{margin:0;padding:0;overflow-x:hidden}
body{font-family:'Open Sans',Arial,serif;color:#494949;}
*{margin:0 auto;padding:0}
ul{list-style:none}
a{text-decoration:none;border:none;color:#000}
a:hover{text-decoration:underline}
p{margin-top:1em}
img{border:none}
.clear{clear:both}
header{width:100%;height:auto;position: relative;}
.fone {padding-top:20px;}
.fone a{ color:#000; font-size:12px; }
.logo{padding:10px 0}
.menu{background:url(../images/bg-menu-amarelo.jpg) right repeat-y #000; padding:10px 0 0 0}
.padding-1{padding:20px}
h1{ color:#000 !important; font-weight:bolder; text-transform:uppercase; font-size:28px !important;}
.section-2{width:100%; position:relative; margin:1% 0 2% 0;padding:1% 0 2%; text-align: center;}
.section-2 a { color:#000;}
.section-2 a:hover { color:#000; text-decoration:none;}
.section-2 h3{font-family: 'Raleway', sans-serif !important; color:#000; font-weight:bolder !important; font-size:18px;}
.links-home{  line-height:1.6em; }
.links-home p{ font-size:13px !important;}
.branco{ background:#fff; padding:20% 10%; min-height:300px;}
.branco:hover {background:#ebebeb !important;}
.cinza { background:#ebebeb !important; padding:20% 10%; min-height:300px;}
.cinza:hover { background:#fff!important;}
.section-3{width:100%;position:relative; padding:2% 0 4% 0; font-size:14px; line-height:1.8em; background:url(../images/bg-noticias.jpg) no-repeat fixed #27425e; color:#fff !important;}
.section-3 a {color:#fff;}
.section-3 a:hover {color:#ffb600;}
.section-3 h2{color:#ffb600 !important; font-family: 'Raleway', sans-serif !important; font-size:28px !important; font-weight:bolder !important;}
.botao a{color:#ffb600 !important; font-size:14px; border:3px solid #ffb600; padding:2% 5%;}
.margin-top{margin-top:5%}
.margin-2{ margin:3% 0;}
.margin-bottom{margin-bottom:3%;}
.padding-top{padding-top: 3%;}
.link-uteis{width:100%;margin-top:3%; color:#fff; text-align:center;}
.link-uteis p{font-size: 1.2em; font-weight: 300;  padding-top: 5%;}
.link-uteis a{ color:#fff;}
.link-uteis a:hover{ color:#fff; text-decoration:none}
.button{width:33%;height:35px;font-size:1.1em;text-transform:uppercase;float:left;font-weight:300;line-height:1em;cursor:pointer;color:#fff;text-align:center;background:#ffb600;border-radius:0;margin-top:10px;margin-right:30px;margin-bottom:10px;padding:10px;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}
.button:hover{background:#000;color:#ffb600;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}
input{font-family:'Open Sans',Arial,serif;font-size:.9em;padding:3px;border:1px solid #ccc;width:100%;height:50px;margin-bottom:2%!important;border-radius:0;background:#fff}
textarea{font-family:'Open Sans',Arial,serif;font-size:.9em;padding:3px;border:1px solid #ccc;width:100%;color:#7f7f7f;margin-bottom:3%;border-radius:0;background:#FFF}
footer{width:100%;height:auto;background:#000;color:#fff;position:relative;line-height:1.8em;padding-top:1%;padding-bottom:1%}
footer h5{color:#fff;}
footer a{color:#fff!important;text-transform:uppercase;font-weight:bolder;margin-bottom:5%}
.footer-2 a,footer a{color:#fff!important;text-decoration:none;font-weight:lighter}
.footer-2{background:#020c14!important;color:#fff;text-align:center!important;font-size:.8em;padding:10px 0}
#mask{position:absolute;left:0;top:0;z-index:9000;background-color:#333;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:-160px}
.close{display:block;float:left;font-weight:700;line-height:1;cursor:pointer;color:#fff;text-align:center;text-shadow:0 -1px 1px #64799e;background:#191d2f;border:.1px solid #051c44;background-color:#25a9e0;background-position:0 0;margin:10px 30px 10px 0;padding:6px 8px}


@media only screen and (max-width :1024px) {
.icon { border: 5px solid #fff; height: 130px;}
.icon .fa {font-size: 3em;}
.menu{background:#000; padding:10px 0 0 0}
}
@media only screen and (max-width :855px) {
.exclui-foto{display:none!important}
.menu{width:100%;margin:0;float:right; background:#000;}
nav{margin-top:0}
}
@media only screen and (max-width :800px) {
.icon{padding-top: 25%; width: 80%; height: 160px !important;}
figure{display:none !important;}
}
@media only screen and (max-width :650px) {
.padding-3{margin-left:20px!important}
.exclui-foto-2{display:none!important}
.text-right{text-align:center!important}
}
@media only screen and (max-width :480px) {
.exclui-coluna{display:none!important}
.banner{display:none!important}
footer{text-align:center;padding: 0%;font-size: 14px;}
.menu{width:100%;}
.icon {padding-top: 25%;width: 80%;height: 260px !important;}
.text-align-2{text-align:center !important;}
.cinza, .branco{ min-height:0; padding:10% 7%;}
}


/* Página Links */
.btn-links{background:none;cursor:pointer;width:100%;padding:5% 2%;display:inline-block;margin-bottom: 30px;text-transform:uppercase;font-size:16px;letter-spacing:1px;font-weight:400;text-align:center;outline:none;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;border:1px solid #003663!important}
.btn-links:hover{color:#fff}
.btn-links:after{content:'';position:absolute;z-index:-1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.btn-links-1{border:1px solid #003663;color:#003663}
.btn-links-1c:after{width:0;height:100%;top:0;left:0; background:#f2a900;color:#000;}
.btn-links-1c:hover,.btn-1c:active{color:#000;}
.btn-links-1c:hover:after,.btn-1c:active:after{width:100%}