@charset "utf-8";

/* Configurações Gerais
a { color: #e60004; } */
a:hover { color: #3e4555; }
body { background: #414141; }

/* Topo */
.bg-barra { background: #414141; }
.barra form input[type="text"] { background: #bcbcbc; color: #414141; }
.barra form input[type="submit"] { background: #292929; color: #FFF; }
.barra form input[type="submit"]:hover { background: #00c753; }

/* Menu */
.bg-menu { background: #FFF; }
.menu nav ul li a { color: #555; }
.menu nav ul li a.at { background: #bcbcbc; color: #FFF; }
.menu nav ul li a:hover { background: #a7a7a7; color: #FFF; }

/* Inicial */
.bg-inicial { background-image: url(../imagens/bg-inicial.jpg); }
.inicial li a { background: #4d555b; color: #FFF; border-bottom: 1px solid #4d555b; border-top: 1px solid #4d555b; }
.inicial li a:hover { background: #353e44; color: #ffbf00; border-bottom: 1px solid #ffbf00; border-top: 1px solid #ffbf00; }

/* Banner */
.banner-texto h2 { color: #555; }
.banner-texto p { color: #797979; }
.banner-texto a.bt-mais { background: #3e4555; color: #FFF; }
.banner-texto a.bt-mais:hover { background: #525a6b; }

/* Framework Swiper */
.swiper-button-prev, .swiper-button-next{ background-color: rgba(0,0,0,0.0); padding: 1.5em 1em; border: 1px solid transparent; z-index: 887; }
.swiper-button-prev:hover, .swiper-button-next:hover { background-color: rgba(0,0,0,0.3); padding: 1.5em 1em; border: 1px solid #BCBCBC; }
.swiper-noticias-prev, .swiper-noticias-next { z-index: 886!important; }

/* Casas */
.casas-lista * { margin: 0; padding: 0; list-style: none; }
.casas-lista { background: #FFF; overflow: hidden; text-align: center; padding-top: 1px; padding-bottom: 1em; }
.casas-lista ul { overflow: hidden; background: #F4F4F4; display: block; max-width: 1080px; margin: 0 auto; }
.casas-lista li { display: inline-block; margin: 1em 3%; text-align: center; }
.casas-lista a { display: block; }
.casas-lista img { display: inline-block; width: auto; height: 2.2em; }

/* Título Interno */
.titulo a { color: #3e4555; }
.titulo a:hover {color: #525a6b; }

/* Conteudo */
.bg-conteudo { background: #FFF; }

/* Botões */
.botoes a { background: #196839; color: #FFF; }
.botoes a:hover { background: #10552c;  max-height: 100%; }
.botoes img { width: 3.1em; height: 3.1em; max-height: 100%; margin-bottom: 0.5em; transition: all ease-in-out .3s; }
.botoes a:hover img { max-height: 0em; max-width: 0em; width: 0em; height: 0em; transition: all ease-in-out .3s; }


/* Botões Interna */
.botoes_interna a.at { background: #3e4555; }
.botoes_interna a:hover { background: #525a6b; color: #FFF; }

/* Notícias */
.noticias ul{display:flex;}
.noticias li, .videos li { float: left; overflow: hidden; width: 23%; margin-right: 2.6%; }
.noticias li:nth-child(4n), .videos li:nth-child(4n) { margin-right: 2.6%; }
.noticias a, .videos a { display: block; color: #555; }
.noticias img, .videos img { border: 2px solid #F9F9F9; display: block; filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); }
.noticias h5, .videos h5 { padding: 0.5em 0; font-size: 1em; }
.noticias p, .videos p { font-size: 0.9em; color: #C6C6C6; margin-bottom: 1.5em; }
.noticias a:hover img, .videos a:hover img { border: 2px solid #01aa43; filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); }
.noticias a:hover h5, .videos a:hover h5 { color: #01aa43; }
.noticias a:hover p, .videos a:hover p { color: #555; }
.active-orange { background: #196839!important; }
.swiper-videos-prev, .swiper-videos-next { width: 32px; z-index: 0!important;position: relative; top: -26px!important; }

@media only screen and (max-width: 720px) {
  /* Notícias */
  .noticias li { width: 47.5%!important; margin-right: 5%; margin-bottom: 3%; font-size: 0.95em; }
  .noticias li:nth-child(2n) { margin-right: 2.6%; }
}
@media only screen and (max-width: 420px) {
  /* Notícias */
  .noticias li { width: 100%!important; margin-right: 0; }

}
/* Vídeo do youtube responsivo */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 250px;
  padding: 1em;
}

/* Vídeos home */
.overlay        { width: 100%; height: 100%; background:rgba(0, 0, 0, 0.7); position: fixed; z-index:2; left: 0; bottom: 0; }
.modal_contents { z-index:999!important; width: 50%; height: 50%; z-index: 3; display: table; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: white; }
.centro         { min-height: 450px; display: table-cell;text-align: center;vertical-align: middle; }
.modal { visibility:hidden; }
.modal-header h3{color: #34495E;text-align: center;font-weight: bold;font-size: 22px;}
.modal-header .mobile-close{ box-sizing:border-box; font-size: 15px; border-radius:20px;float:right;margin-top:9px;margin-right:10px;width:38px;height:38px;color:white;cursor:pointer; }
.modal-body{text-align:center!important;}
.modal-body .content-right{height: 225px;width: 50%;position: relative;top: 55px;}
.content-right .sponsor-name{font-weight: bold;color: #000;}
.modal_contents h1 {margin: 0;padding: 0;line-height: 32rem;text-align: center;display: block;}
.modal_close {position: absolute;right:2rem;top: 2rem;text-decoration: none;display:none;}
.modal-show {visibility: visible;}
.modal-transition {-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.modal-show .modal-transition {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
@media (max-width: 1139px){
  .modal p{text-align: center;}
  .modal-body .content-left{width: 80%; display:block;float: none; margin: 0 auto;border-right: none;border-bottom:1px solid #ccc;}
  .modal-body .content-right{width: 80%;display: block;margin: 40px auto;float: none;border-right: none;}
}
@media (max-width: 1027px){.modal-header h3{font-size: 18px;}}
@media (max-width : 767px){ .modal_contents {top: 0;left: 0;bottom: 0;width: 100%;margin: 0;}.modal-header h3{font-size: 22px;}.modal-header .mobile-close{display: block;position: absolute;right: 10px;top: 10px;cursor: pointer;}.modal_close{display: block;}.modal-transition {-webkit-transform: translateX(-0) translateY(150%);-moz-transform: translateX(-0) translateY(150%);-ms-transform: translateX(-0) translateY(150%);transform: translateX(-0) translateY(150%);}}
@media (max-width: 495px){.modal-header h3{font-size: 18px;}.tv-logo-ico{width:340px!important;margin-top:50px;}.modal_contents { height: 100%; } }
@media (max-width: 415px){.modal-header h3{font-size: 15px;}.tv-ico { width: 216px; height: 60px;  }}
.tv{outline: rgb(3, 92, 3);outline-offset:2px;outline-style:solid;outline-width:4px;}
.modal-texto{font-size:20px; margin-bottom:5%;height:auto;}
.play-hover{width:100%;height:auto;background-image:url("http://localhost/2015/struc-basic-2015/style/imagens/icones/plus.png");background-repeat: no-repeat;}

/* Preto e branco */
.pb{background-color:black;border-bottom: 1px solid #000;background-color:black;color:white;}
.bt-pb{position:relative;top:-22px;cursor:pointer;display:block;margin:0 auto;transform:scale(1);transition:all 0.5s ease;margin-top:42px;}
.bt-pb:hover{transform:scale(1.2);transition:all 0.5s ease}

/* Dados */
.bg-dados { background: #196839; }
.dados span.num { color: #FFF; }
.dados span.des { color: #FFF; }

/* Rodape */
.bg-rodape { background: #434343; }
.rodape .grupo-links h6 { color: #FFF; }
.rodape .grupo-links a { color: #c4c4c4; border-bottom: 1px solid #737373; }
.rodape .grupo-links a:hover { color: #00c753; border-bottom: 1px solid #00c753; }
.rodape .grupo-links.redes { border-left: 1px solid #737373; }
.bg-contato { background: #535353; }

/* Revista Fiec - Ver mais */
.exibe-01.revista-mais {  display: none; }
.exibe-02.revista-mais {  display: none; }
.revista-one { cursor:pointer; margin: 0.7em; border: 3px solid #e3e3e3; border: 1px solid black; padding: 0.1em 1em; width: auto; display: inline-block; color: white; background: #008A57; font-size: 13px; }
.revista-two { margin: 0.7em;border: 3px solid #e3e3e3; border: 1px solid black; padding: 0.1em 1em; width: auto; display: inline-block; color: white; background: #008A57; font-size: 13px; }


@media only screen and (max-width: 1024px) {
  .casas-lista img { height: 2em; }
}
@media only screen and (max-width: 950px) {
  .casas-lista li { margin: 1em 2%; }
  .casas-lista img { height: 1.2em; }
  .swiper-pagination {
    display: none;
  }
}
@media only screen and (max-width: 720px) {
  .casas-lista li { margin: 1em 1%; }
  .casas-lista img { height: 1em; }
}
@media only screen and (max-width: 420px) {
  .casas-lista img { height: 0.8em; }
}

/* Agenda de Eventos */
.coluna      { width: 100%; box-sizing: border-box; line-height: 24px; font-size: 14px; float: left; padding: 1em }
.coluna-meio {  min-width: 250px; min-height: 200px; width: 48%; box-sizing: border-box; padding: 0.3em 0; float: left; margin-bottom: 1em }
.coluna-gap  {  margin-right: 2%; }
.coluna-titulo {
      border: 1px solid #999;
    display: flex;
    align-items: center;
    padding: 1em;
    background: #d3d3d3;
    color: #676767;
    background-image: url('../imagens/agenda.png');
    background-repeat: no-repeat;
    background-size: 113px;
    background-position-x: 108%;
    background-position-y: 44%;
    background-origin: border-box;
}
.coluna-titulo:hover { background-size: 130px; font-weight: normal }
.coluna-titulo li { list-style: none; }
.coluna li { list-style: none; }
img.icone-eventos:hover { position: relative; top: 3px; left: 1px; width: 20px; margin-right: 6px; opacity: 1 }
.center { text-align: center; margin: 0 auto }
img.icone-eventos { position: relative; top: 3px; width: 20px; margin-right: 6px; opacity: 0.5 }
.box-border { border-left: 1px solid #BCBCBC; border-right: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; }
ul.coluna.box-border { margin-top: 0; min-height: 200px; }
ul.coluna.coluna-titulo {  margin-bottom: 0;  margin-top: 0 ; min-height: 80px;}

/* Popup Imagem */
#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:rgba(0,0,0,0.6);
    display:none;
}

#boxes .window {
    position:fixed;
    left:0;
    top:40px;
    display:none;
    z-index:9999;
    height: auto;
    width: 33%;
}
.window img{ max-width: 100%; }
.close {
    display: block;
    text-align: right;
    background: #414141;
    border: none;
    color: white;
    padding: 9px 14px;
    height: 37px;
    width: 76px;
    cursor: pointer;
    position: absolute;
    transition: all ease-in .5s;
    right: 0;
}
.close:hover {
    background:#515151;
    transition: all ease-in .5s;
}
/* Fim Popup Imagem */
.formulario label input, .formulario label select, .formulario label textarea { min-height: 30px }

.inicial ul { max-width: 806.82px }
.inicial li a span { font-size: 19px }
.inicial li a img  { margin-top: 5px }