/*------------ Desabilitar Campos ---------*/
#ctribeira {display:none;}
#banner2 {display:none;}
#aviso {display:none;}
#avnome {display:none;}
#avcpf {display:none;}
#avrg {display:none;}
#avend {display:none;}
#avbairro {display:none;}
#avcidade {display:none;}
#avtel {display:none;}
#avemail {display:none;}
/* Alinhamento de Icons */

/* Modal */
.modal {display: none; position: fixed; z-index: 1; margin: 0 auto; background-color: rgba(128,128,128,0.9); width: 100%; height: 100%;}
.modal img { width: 40%; height: 70%; margin: 10% 30%;}
.xfechar { float: right; background-color: #fff; font-size: 2em; color: #000000;padding: 8px; border-radius: 2px; cursor: pointer;}
/*------------ Desabilitar Campos FIM ---------*/
/*=========== RESET ==========*/
* {margin: 0; padding: 0; font-size: 100%; border: none; outline: none; font-weight: 300; box-sizing: border-box;
    font-family: 'Lato', sans-serif;}
a {text-decoration: none;}
ul {list-style: none;}
img {max-width: 100%;}
/*=========== botao scroll =======*/
p{display: block; height: 2500px;}
#myBtn {display: none;position: fixed;bottom: 20px;right: 30px;z-index: 9999;border: none;outline: none;background-color: red;color: white;cursor: pointer;padding: 15px;border-radius: 10px;}    
#myBtn:hover {background-color: #555;}
/*=========== CONTAINER ==========*/
.container {width: 100%; float: left; padding: .5% .5%; text-align: center; background-color: #fff;}
/*=========== BG COLORS ==========*/
.bg-gradient {background: linear-gradient(to right,#191970,#191870);}
.bg-black {background-color: #130400; }
.bg-white {background-color: #fff;}
.bg-tomato {background-color: tomato;}
.bg-blue {background-color: #191970;}
/* Diário Oficial */
.diariooficial { width: 60%; margin-left: 20%;}
.sudesb {width: 300px; margin: 1px;}
/* imagem do diário oficial */
#diariooficial {float: right;}
/*=========== HELPERS ==========*/
.radius {border-radius: 7px;}
/* CABEÇALHO */
.logo {width: 120px; height: 120px; float: left; background: url(https://www.fbvmaster.com.br/css/img/fbvmaster-logo-120-120.png) center center/120px no-repeat;font-size: 0; background-color: #fff;}
/*#home {background: url(img/textura-topo.png); background-color: #fff; background-position: center;}*/
.opcoes {background-color: rgba(255,255,0,0.5); margin: 0%;}
.btn-menu {width: 56px; height: 56px; float: right; text-align: center; color: #fff; border-radius:56px; cursor: pointer;}
/* MENU */
.menu {display:none; width: 100%; height: 100%; position: fixed; background-color: rgba(25,25,112,0.9); top: 0; left: 0;}
.btn-close {font-size: 1.5em; color: #fff; float: right; cursor: pointer; margin: 2% 3% 0 0;}
.menu ul {width: 100%; float: left; text-align: center;}
.menu li {padding: 1%;}
.menu li a {font-size: 2em; color: #fff; padding: 1% 2%;}
.menu li a:hover {border:1px solid #000;}
/* Carta via e-mail */
.carta {font-size: 1.5em; color: #000; width: 90%; float: left; margin: 10% 0 0 0; padding: 15px;}
/* BANNER */
.banner {background: url(img/home1.png) no-repeat; background-size: cover; width: 100%; height: 600px; display: block;}
.banneraviso {width: 90%;margin-top:2%; margin-left: 5%;}
.banneraviso h2 {font-size: 3.5em; color: #191970; font-weight: 700; background-color: rgba(255,99,71,1); text-align: center; padding: 2px; border-radius: 20px;}
.banneraviso article {font-size: 1em; color: #000000; text-align: left; padding: 20px; background-color: rgba(255,99,71,0.9); height: 100%; border-radius: 40px;font-weight: 700;}
.banneraviso a {font-size: 1em; color: #191970;font-weight: 900;}
.banneraviso a:link {color: #191970;}
.banneraviso a:visited {color: red;}
.banneraviso a:hover {color: #fff;}
.banneraviso a:active {color: #191970;}
.bannernews {background: url(img/home3tz.png) no-repeat; width: 100%; height: 450px; display: block; background-size: 100%;}
/* Boletim1 */
.boletim1 {width: 55%; float: right; margin-top: 1%;background-color: rgba(255,99,71,0.7);padding: 18px;}
.boletim1 h2 {font-size: 1.5em; color: #191970; font-weight: 700; text-align: center; }
.boletim1 h3 {font-size: 1em; color: #000; font-weight: 700; text-align: left;}
.boletim1 a {align-items: center; align-content: center; font-size: 2em;}
/* Volei Praia */
.bannervp {background: url(img/home1tz.png) no-repeat; width: 100%; height: 450px; display: block; background-size: cover;}
.bannervpcel {width: 100%;margin-top: 55%;display: none;}
.bannervp h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannervp p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannervpc1 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px;}
.bannervpc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervpc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervpc1 a {font-weight: bold;} 
.bannervpc2 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannervpc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervpc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervpc2 a {font-weight: bold;}  
/* volei quadra */
.bannervq {background: url(img/home2tz.png) no-repeat; width: 100%; height: 450px; display: block; background-size: cover;}
.bannervq h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannervq p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannervqc1 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px;}
.bannervqc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervqc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervqc1 a {font-weight: bold;} 
.bannervqc2 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannervqc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervqc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervqc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannervqc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannervqc2 a {font-size: 1em; font-weight: bold;}
/* estatítica */
.bannerest {background: url(img/etapa1-ribeira-banner1.jpg) no-repeat; width: 100%; height: 1000px; display: block; background-size: cover;}
.bannerest h1 {font-size: 1.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.bannerest h2 {font-size: 1em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannerest p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannerestc1 {width: 90%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px;}
.bannerestc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannerestc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerestc1 a {font-weight: bold;} 
.bannerestc2 {width: 90%; height: 150px; display: none; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannerestc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannerestc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerestc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannerestc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannerestc2 a {font-size: 1em; font-weight: bold;}  
/* inscrição */
.bannerins {background: url(img/home4tz.png) no-repeat; width: 100%; height: 700px; display: block; background-size: cover;}
.bannerins h1 {font-size: 3.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.bannerins h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannerins p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannerinsc1 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px;}
.bannerinsc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannerinsc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerinsc1 a {font-weight: bold;} 
.bannerinsc2 {width: 45%; height: 150px; display: none; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannerinsc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannerinsc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerinsc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannerinsc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannerinsc2 a {font-size: 1em; font-weight: bold;}  
/* --- */
.formulario {width: 70%;}
/* #191970 */
.title {width: 100%;}
.title h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;}
.title h3 {font-size: 1.5em; color: #C11919; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px; font-weight: bold;}
.title h4 {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold;}
.buttons {width: 100%; margin-top: 2%;}
.buttons i {float: right;}
.btn {width: 100%; font-size: 1em; text-align: center; cursor: pointer; padding: 5%; background-color: #fff;}
.btn-cadastrar { color: #130400;}
.btn-sobre {color:#fff ; margin-top: 2%;}
/* SERVIÇOS */
.voleipraia {background: url(img/voleibol-fundo6.jpg) no-repeat fixed; background-size: cover;}
.servico {width: 100%;  text-align: left;  margin-bottom: 3%;}
.voleiquadra {background: url(img/voleiquadra.jpg) no-repeat fixed; background-size: cover;}
.voleinews {background: url(img/noticiasvolei1.jpg) no-repeat fixed; background-size: cover;}
.servico img {border-radius: 7px 7px 0 0;}
.inner {padding: 7%;}
.inner a {font-size: 1.5em; color: #130400; font-weight: 700; }
.inner h4 {font-size: 1.2em; color: #130400; font-weight: 500; }
.inner p {margin-top: 6%; color: #130400; line-height: 1.5em;}
.inner input {width: 100%;  color: #000000; border: 1px solid rgba(0,0,255,0.3); padding: 5%; }
.inner button {width: 100%;  color:#fff; padding: 5%; cursor: pointer; margin-top: 2%; }
.label1 {width: 100%; padding: 5px; color: black; text-align: left; border: 1px solid rgba(0,0,0,0.3);  margin: 5px; border-radius: 10px; float: left; }
.campo1 {width: 100%; padding: 5px; color: white; text-align: left; border: 1px solid rgba(0,0,0,0.3);  margin: 5px; border-radius: 10px; float: left; }
/*AGENDA TELEFONES*/
.agendatel img {width:250px; height: 250;}
/* NEWSLETTER */
.newsletter h2 {font-size: 1.5em; color: #fff; font-weight: 700;}
.newsletter h3 {color: #fff;}
.newsletter form {margin-top: 2%;}
.newsletter input {width: 100%;  color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 5%; }
.newsletter button {width: 100%;  color:#130400; padding: 5%; cursor: pointer; margin-top: 2%; }
/* RODAPÉ */
.social-icons a {font-size: 1em; color: rgba(255,255,255,0.7); margin-right: 3%;}
.social-icons a:last-child {margin-right: 0;}
.social-icons a:hover {color: rgb(255,255,255);}
.copyright {color: rgba(255, 255, 255, 0.7); margin-top:0%;}
/* ========== MOBILE FIRST ==========*/
@media screen and (min-width: 200px) {
/* Boletim1 */
.boletim1 {width: 100%; float: right; margin-top: 50%;background-color: rgba(255,99,71,0.7);padding: 18px;}
.boletim1 h2 {font-size: 1em; color: #191970; font-weight: 700; text-align: center; }
.boletim1 h3 {font-size: 0.8em; color: #000; font-weight: 700; text-align: left;}
.boletim1 a {align-items: center; align-content: center; font-size: 1em;}
#diariooficial {width: 100%; margin-top: 1%;}
.modal {display: none; position: fixed; z-index: 1; margin: 0 auto; background-color: rgba(128,128,128,0.9); width: 100%; height: 100%;}
.modal img { width: 100%; height: 50%;margin: 0 auto;}
.xfechar { float: right; background-color: #fff; font-size: 2em; color: #000000;padding: 8px; border-radius: 2px; cursor: pointer;}
.fechar { align-items: rigth;}
.voleipraia {background: url(img/voleipraia1.jpg) no-repeat fixed; background-size: cover;}
.voleiquadra {background: url(img/voleiquadra.jpg) no-repeat fixed; background-size: cover;}
.voleinews {background: url(img/noticiasvolei1.jpg) no-repeat fixed; background-size: cover;}
/* Banner */
.banner {background: url(img/home1.png) no-repeat; background-size: contain; width: 100%; height: 900px; display: block; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.logo {width: 214px; background: url(img/fbvmaster-logo-120-120.png) center left/120px no-repeat;}
.btn {font-size: 2em;}
.campo1 {width: 100%; padding: 15px; color: white; text-align: left; border: 1px solid rgba(25,25,112,1);  margin: 0 auto; border-radius: 10px; float: center;}
.label1 {width: 100%; color: #000; text-align: left; float: left; padding: 0px; border: 0px;font-weight: bold;}
.aviso1 {width: 100%; padding: 1px; color: white; text-align: left; border: 1px solid rgba(25,25,112,1);  margin: 0 auto; border-radius: 10px; float: center;}
.botao1 {width: 30%; padding: 15px; color: #fff; text-align: center; border: 1px solid rgba(0,0,0,0.3);  margin: 5px; border-radius: 10px; float: center; }
.botao1:hover {background-color: #555; }
.titleh {width: 95%; margin: 0 auto;}
.titleh h2 {font-size: 1.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.6); text-align: center; padding: 2px;}
.titleh h3 {font-size: 1em; color: #C11919; background-color: rgba(255,255,255,0.6); text-align: center; padding: 16px; font-weight: bold;}
.titleh h4 {font-size: 0.8em; color: #000000; text-align: center; padding: 8px; font-weight: bold;}
/* BANNER */
.bannervp {background: url(img/home1tz.png) no-repeat; width: 100%; height: 200px; display: inline-block; background-size: contain;}
#chamada {width: 50%; height: 50%; float: right; margin-top: 20%;}
#chamada h2 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp1 {display: inline-block; width: 90%; background-color: rgba(255,99,71,1); padding: 22px; border-radius: 10px; margin-top: 2%; margin-left: 4%;}
.cabecalhovp1 h1 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp1 h2 {font-size: .8em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp {display: inline-block; width: 90%; background-color: rgba(255,99,71,1); padding: 22px; border-radius: 10px; margin-top: 2%; margin-left: 4%;}
.cabecalhovp h1 {font-size: 1.5em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp h2 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp h3 {font-size: .5em; color: #191970; font-weight: bold; text-align: center;}
.cmasc {background-color: rgba(176,224,230,1);}
.cmasc h2 {background-color: rgba(176,224,230,1);}
.cfem {background-color: rgba(255,105,180,1);}
.cfem h2 {background-color: rgba(255,105,180,1);}
.col1vp {display: inline-block; margin: 1% auto; width: 40%;padding: 3px; border-radius: 10px;margin-left: 4%;}
.col1vp h1 {font-size: .3em; color: #191970; font-weight: bold; text-align: center;}
.col1vp img {margin-left: 48%;}
.col2vp {display: inline-block; margin: 1% auto; width: 8%; padding: 3px; border-radius: 10px;}
.col2vp h1 {font-size: .3em; color: #191970; font-weight: bold; text-align: center;}
.col2vp img {margin-left: 48%;}
.col3vp {display: inline-block; margin: 1% auto; width: 40%; padding: 3px; border-radius: 10px;}
.col3vp h1 {font-size: .3em; color: #191970; font-weight: bold; text-align: center;}
.col3vp img {margin-left: 48%;}
.opvp {width: 45%; display: inline-block; margin-top: 2%;border-radius: 40px; padding: 1%;}
.opvp:hover { background-color: #fff;}
.bannervpc1 {width: 80%; height: 150px; margin-top: 250px; margin-right: 2%; border-radius: 40px;}
.bannervpc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervpc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervpc1 a {font-weight: bold;} 
.bannervpc2 {width: 80%; height: 150px; margin-top: 70px; margin-right: 2%; border-radius: 40px;}
.bannervpc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervpc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervpc2 a {font-weight: bold;}
/* Banner Aviso */
.banneraviso {width: 90%;margin-top:55%; margin-left: 5%;display: inline-block;}
.banneraviso h2 {font-size: 1.5em; color: #191970; font-weight: 700; background-color: rgba(255,99,71,1); text-align: center; padding: 2px; border-radius: 20px;}
.banneraviso article {font-size: 0.7em; color: #000000; text-align: left; padding: 20px; background-color: rgba(255,99,71,0.9); height: 100%; border-radius: 40px;font-weight: 700;}
.banneraviso a {font-size: .6em; color: #191970;font-weight: 900;}
.banneraviso a:link {color: #191970;}
.banneraviso a:visited {color: red;}
.banneraviso a:hover {color: #fff;}
.banneraviso a:active {color: #191970;}
/* ------------------------------------- */
/* Galeria */
.galeria { width: 80%; height: 45%; display: block; margin: 0 auto; border-radius: 2%; background-color: #191870;}
.bordasgaleria {width: 99%; height: 97%; border: solid 4px #fff; border-radius: 2%; margin-top: 1%;}
.painel {cursor: pointer; background-color: #fff;}
.lupa {margin-left: 15%; margin-right: 15%;}
.bordapainel {border: solid 1px; background-color:#fff;}
.margemsuperior {margin-top: 2%; margin-left: 8%;}
.controlefotos {width: 90%; height: 5%; display: block; margin: 0 auto; border-radius: 2%; background-color: #191970;font-size: 1em; color: #fff; text-align: center; padding: 4px;font-weight: bold;}
/* novo bloco */
.bannerins {background: url(img/home4tz.png) no-repeat; width: 100%; height: 1200px; display: inline-block; background-size: contain;}
.bannerins h1 {font-size: 2.0em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.bannerins h2 {font-size: 1.0em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannerins h3 {font-size: 1em; color: #fff; font-weight: bold; background-color: rgba(139,0,0,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerins div.chamada {width: 50%; float: right; margin-top: 20%;}
.bannerins p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannerinsc1 {width: 80%; display: inline-block; margin-top: 100px; margin-right: 1%; border-radius: 40px;}
.bannerinsc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerinsc1 h3 {font-size: 1em; color: #fff; font-weight: bold; background-color: rgba(139,0,0,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerinsc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerinsc1 a {font-weight: bold;} 
/*novo bloco */
    
.bannerinsc2 {width: 45%; height: 150px; display: none; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannerinsc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannerinsc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerinsc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannerinsc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannerinsc2 a {font-size: 1em; font-weight: bold;}
/* volei quadra */
.bannervq {background: url(img/home2tz.png) no-repeat; width: 100%; height: 1000px; display: inline-block; background-size: contain;}
.bannervq h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannervq p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannervqc1 {width: 90%; height: 150px; display: inline-block; margin-top: 50%; margin-right: 2%; border-radius: 40px;}
.bannervqc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervqc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervqc1 a {font-weight: bold;} 
.bannervqc2 {width: 90%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannervqc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervqc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervqc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannervqc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannervqc2 a {font-size: 1em; font-weight: bold;}
/* Diário Oficial */
.diariooficial { width: 90%; margin-left: 5%;}
.sudesb {width: 300px; margin: 1px; margin-left: 5%;}
}
/**/
/**/
/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 400px) {
/* Boletim1 */
.boletim1 {width: 100%; float: right; margin-top: 50%;background-color: rgba(255,99,71,0.7);padding: 18px;}
.boletim1 h2 {font-size: 1em; color: #191970; font-weight: 700; text-align: center; }
.boletim1 h3 {font-size: 0.8em; color: #000; font-weight: 700; text-align: left;}
.boletim1 a {align-items: center; align-content: center; font-size: 1em;}
#diariooficial {width: 100%; margin-top: 1%;}
.modal {display: none; position: fixed; z-index: 1; margin: 0 auto; background-color: rgba(128,128,128,0.9); width: 100%; height: 100%;}
.modal img { width: 100%; height: 50%;margin: 0 auto;}
.xfechar { float: right; background-color: #fff; font-size: 2em; color: #000000;padding: 8px; border-radius: 2px; cursor: pointer;}
.fechar { align-items: rigth;}
.voleipraia {background: url(img/voleipraia1.jpg) no-repeat fixed; background-size: cover;}
.voleiquadra {background: url(img/voleiquadra.jpg) no-repeat fixed; background-size: cover;}
.voleinews {background: url(img/noticiasvolei1.jpg) no-repeat fixed; background-size: cover;}
.banner {background: url(img/home1.png) no-repeat; background-size: contain; width: 100%; height: 900px; display: block; }
.logo {width: 214px; background: url(img/fbvmaster-logo-120-120.png) center left/120px no-repeat;}
.btn {font-size: 2em;}
/*
.campo1 {width: 100%; padding: 15px; color: white; text-align: left; border: 1px solid rgba(25,25,112,1);  margin: 5px; border-radius: 10px; float: right;}
.aviso1 {width: 100%; padding: 15px; color: white; text-align: left; border: 1px solid rgba(25,25,112,1);  margin: 5px; border-radius: 10px; float: right; vertical-align: top;}
*/
.campo1 {width: 100%; padding: 15px; color: white; text-align: left; border: 1px solid rgba(25,25,112,1);  margin: 0 auto; border-radius: 10px; float: center;}
.label1 {width: 100%; color: #000; text-align: left; float: left; padding: 0px; border: 0px;font-weight: bold;}
.aviso1 {width: 100%; padding: 1px; color: white; text-align: left; border: 1px solid rgba(25,25,112,1);  margin: 0 auto; border-radius: 10px; float: center;}
/*.label1 {width: 16%; padding: 15px; color: black; text-align: left; border: 1px solid rgba(0,0,0,0.3);  margin: 5px; border-radius: 10px; float: left;}*/
.botao1 {width: 30%; padding: 15px; color: #fff; text-align: center; border: 1px solid rgba(0,0,0,0.3);  margin: 5px; border-radius: 10px; float: center; }
.botao1:hover {background-color: #555; }
.titleh {width: 95%; margin: 0 auto;}
.titleh h2 {font-size: 1.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.6); text-align: center; padding: 2px;}
.titleh h3 {font-size: 1em; color: #C11919; background-color: rgba(255,255,255,0.6); text-align: center; padding: 16px; font-weight: bold;}
.titleh h4 {font-size: 0.8em; color: #000000; text-align: center; padding: 8px; font-weight: bold;}
/* BANNER */
.bannervp {background: url(img/home1tz.png) no-repeat; width: 100%; height: 200px; display: inline-block; background-size: contain;}
#chamada {width: 50%; height: 50%; float: right; margin-top: 20%;}
#chamada h2 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp1 {display: inline-block; width: 90%; background-color: rgba(255,99,71,1); padding: 22px; border-radius: 10px; margin-top: 2%; margin-left: 4%;}
.cabecalhovp1 h1 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp1 h2 {font-size: .8em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp {display: inline-block; width: 90%; background-color: rgba(255,99,71,1); padding: 22px; border-radius: 10px; margin-top: 2%; margin-left: 4%;}
.cabecalhovp h1 {font-size: 1.5em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp h2 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp h3 {font-size: .5em; color: #191970; font-weight: bold; text-align: center;}
.cmasc {background-color: rgba(176,224,230,1);}
.cmasc h2 {background-color: rgba(176,224,230,1);}
.cfem {background-color: rgba(255,105,180,1);}
.cfem h2 {background-color: rgba(255,105,180,1);}
.col1vp {display: inline-block; margin: 1% auto; width: 40%;padding: 3px; border-radius: 10px;margin-left: 4%;}
.col1vp h1 {font-size: .3em; color: #191970; font-weight: bold; text-align: center;}
.col1vp img {margin-left: 48%;}
.col2vp {display: inline-block; margin: 1% auto; width: 8%; padding: 3px; border-radius: 10px;}
.col2vp h1 {font-size: .3em; color: #191970; font-weight: bold; text-align: center;}
.col2vp img {margin-left: 48%;}
.col3vp {display: inline-block; margin: 1% auto; width: 40%; padding: 3px; border-radius: 10px;}
.col3vp h1 {font-size: .3em; color: #191970; font-weight: bold; text-align: center;}
.col3vp img {margin-left: 48%;}
.opvp {width: 45%; display: inline-block; margin-top: 2%;border-radius: 40px; padding: 1%;}
.opvp:hover { background-color: #fff;}
.bannervpc1 {width: 80%; height: 150px; margin-top: 250px; margin-right: 2%; border-radius: 40px;}
.bannervpc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervpc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervpc1 a {font-weight: bold;} 
.bannervpc2 {width: 80%; height: 150px; margin-top: 70px; margin-right: 2%; border-radius: 40px;}
.bannervpc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervpc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervpc2 a {font-weight: bold;}
/* Banner Aviso */
.banneraviso {width: 90%;margin-top:55%; margin-left: 5%;display: inline-block;}
.banneraviso h2 {font-size: 1.5em; color: #191970; font-weight: 700; background-color: rgba(255,99,71,1); text-align: center; padding: 2px; border-radius: 20px;}
.banneraviso article {font-size: 0.7em; color: #000000; text-align: left; padding: 20px; background-color: rgba(255,99,71,0.9); height: 100%; border-radius: 40px;font-weight: 700;}
.banneraviso a {font-size: .6em; color: #191970;font-weight: 900;}
.banneraviso a:link {color: #191970;}
.banneraviso a:visited {color: red;}
.banneraviso a:hover {color: #fff;}
.banneraviso a:active {color: #191970;}
/* ------------------------------------- */
/* Galeria */
.galeria { width: 80%; height: 45%; display: block; margin: 0 auto; border-radius: 2%; background-color: #191870;}
.bordasgaleria {width: 99%; height: 97%; border: solid 4px #fff; border-radius: 2%; margin-top: 1%;}
.painel {cursor: pointer; background-color: #fff;}
.lupa {margin-left: 15%; margin-right: 15%;}
.bordapainel {border: solid 1px; background-color:#fff;}
.margemsuperior {margin-top: 2%; margin-left: 8%;}
.controlefotos {width: 90%; height: 5%; display: block; margin: 0 auto; border-radius: 2%; background-color: #191970;font-size: 1em; color: #fff; text-align: center; padding: 4px;font-weight: bold;}
/* novo bloco */
.bannerins {background: url(img/home4tz.png) no-repeat; width: 100%; height: 1200px; display: inline-block; background-size: contain;}
.bannerins h1 {font-size: 2.0em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.bannerins h2 {font-size: 1.0em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannerins h3 {font-size: 1em; color: #fff; font-weight: bold; background-color: rgba(139,0,0,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerins div.chamada {width: 50%; float: right; margin-top: 20%;}
.bannerins p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannerinsc1 {width: 80%; display: inline-block; margin-top: 100px; margin-right: 1%; border-radius: 40px;}
.bannerinsc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerinsc1 h3 {font-size: 1em; color: #fff; font-weight: bold; background-color: rgba(139,0,0,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerinsc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerinsc1 a {font-weight: bold;} 
/*novo bloco */

.bannerinsc2 {width: 45%; height: 150px; display: none; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannerinsc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannerinsc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerinsc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannerinsc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannerinsc2 a {font-size: 1em; font-weight: bold;}
/* volei quadra */
.bannervq {background: url(img/home2tz.png) no-repeat; width: 100%; height: 1000px; display: inline-block; background-size: contain;}
.bannervq h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannervq p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannervqc1 {width: 90%; height: 150px; display: inline-block; margin-top: 50%; margin-right: 2%; border-radius: 40px;}
.bannervqc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervqc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervqc1 a {font-weight: bold;} 
.bannervqc2 {width: 90%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannervqc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervqc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervqc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannervqc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannervqc2 a {font-size: 1em; font-weight: bold;}
/* Diário Oficial */
.diariooficial { width: 90%; margin-left: 5%;}
.sudesb {width: 300px; margin: 1px; margin-left: 5%;}
}
/* SMALL DEVICES - TABLETS*/
@media screen and (min-width: 768px) {
/* imagem do diário oficial */
#diariooficial {width: 100%; margin-top: 5%;}
.voleipraia {background: url(img/voleipraia1.jpg) no-repeat fixed; background-size: cover;}
.voleiquadra {background: url(img/voleiquadra.jpg) no-repeat fixed; background-size: cover;}
.voleinews {background: url(img/noticiasvolei1.jpg) no-repeat fixed; background-size: cover;}
.servico {width: 49%; float: left; margin-right: 2%;}
.servico:nth-child(2){margin-right: 0;}
.newsletter h2 {font-size: 2em;}
.newsletter h3 {font-size: 1.5em;}
.newsletter input {width: 70%; padding: 2%; float: left; margin-right: 1%;}
.newsletter button {width: 29%; padding: 2%; float: right; margin-top: 0;}
.campo1 {width: 100%; padding: 15px; color: white; text-align: left; border: 1px solid rgba(25,25,112,1);  margin: 0 auto; border-radius: 10px; float: center;}
.label1 {width: 100%; color: #000; text-align: left; float: left; padding: 0px; border: 0px;font-weight: bold;}
.aviso1 {width: 100%; padding: 1px; color: white; text-align: left; border: 1px solid rgba(25,25,112,1);  margin: 0 auto; border-radius: 10px; float: center;}
.botao1 {width: 30%; padding: 15px; color: #fff; text-align: center; border: 1px solid rgba(0,0,0,0.3);  margin: 5px; border-radius: 10px; float: center; }
.botao1:hover {background-color: #555; }
.banner {width: 100%; background: url(img/home1.png) no-repeat; background-size: contain; height: 800px; display: block; }
/* BANNER */
.bannervp {background: url(img/home1tz.png) no-repeat; width: 100%; height: 400px; display: block; background-size: contain;}
#chamada {width: 50%; height: 50%; float: right; margin-top: 20%;}
#chamada h2 {font-size: 2em; color: #191970; font-weight: bold; text-align: center;}
.bannervp h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannervp p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannervp div.chamada {width: 50%; float: right; margin-top: 20%;}
.cabecalhovp1 {display: inline-block; margin: 0 auto; width: 90%; background-color: rgba(255,99,71,1); padding: 22px; border-radius: 10px; margin-top: 2%; margin-left: 6%;}
.cabecalhovp1 h1 {font-size: 2em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp1 h2 {font-size: 1.5em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp {display: inline-block; margin: 0 auto; width: 90%; background-color: rgba(255,99,71,1); padding: 22px; border-radius: 10px; margin-top: 6%; margin-left: 6%;}
.cabecalhovp h1 {font-size: 3em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp h2 {font-size: 2em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp h3 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.cmasc {background-color: rgba(176,224,230,1);}
.cmasc h2 {background-color: rgba(176,224,230,1);}
.cfem {background-color: rgba(255,105,180,1);}
.cfem h2 {background-color: rgba(255,105,180,1);}
.col1vp {display: inline-block; margin: 1% auto; width: 40%;padding: 3px; border-radius: 10px;margin-left: 7%;}
.col1vp h1 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.col1vp img {margin-left: 48%;}
.col2vp {display: inline-block; margin: 1% auto; width: 8%; padding: 3px; border-radius: 10px;}
.col2vp h1 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.col2vp img {margin-left: 48%;}
.col3vp {display: inline-block; margin: 1% auto; width: 40%; padding: 3px; border-radius: 10px;}
.col3vp h1 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.col3vp img {margin-left: 48%;}
.opvp {width: 30%; display: inline-block; margin-top: 2%;border-radius: 40px; padding: 1%; margin-left: 2%;}
.opvp:hover { background-color: #fff;}
.bannervpc1 {width: 85%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px; margin-bottom: 2%;}
.bannervpc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervpc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervpc1 a {font-weight: bold;} 
.bannervpc2 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top; margin-bottom: 2%;}
.bannervpc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervpc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervpc2 a {font-weight: bold;}
.banneraviso {width: 95%;margin-top:2%; margin-left: 5%;}
.banneraviso h2 {font-size: 2em; color: #191970; font-weight: 700; background-color: rgba(255,99,71,1); text-align: center; padding: 2px; border-radius: 20px;}
.banneraviso article {font-size: .5em; color: #000000; text-align: left; padding: 20px; background-color: rgba(255,99,71,0.9); height: 100%; border-radius: 40px;font-weight: 700;}
.banneraviso a {font-size: .9em; color: #191970;font-weight: 900;}
.banneraviso a:link {color: #191970;}
.banneraviso a:visited {color: red;}
.banneraviso a:hover {color: #fff;}
.banneraviso a:active {color: #191970;}
/* Galeria */
.galeria { width: 60%; height: 20%; display: block; margin-left: 5%; border-radius: 2%; background-color: #191870;}
.bordasgaleria {width: 99%; height: 97%; border: solid 4px #fff; border-radius: 2%; margin-top: 1%;}
.painel {cursor: pointer; background-color: #fff;}
.lupa {margin-left: 15%; margin-right: 15%;}
.bordapainel {border: solid 1px; background-color:#fff;}
.margemsuperior {margin-top: 2%; margin-left: 25%;}
.controlefotos {width: 90%; height: 5%; display: block; margin: 0 auto; border-radius: 2%; background-color: #191970;font-size: 1em; color: #fff; text-align: center; padding: 4px;font-weight: bold;}
/* novo bloco */
.bannerins {background: url(img/home4tz.png) no-repeat; width: 100%; height: 1550px; display: inline-block; background-size: contain;}
.bannerins h1 {font-size: 3.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.bannerins h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannerins h3 {font-size: 1em; color: #fff; font-weight: bold; background-color: rgba(139,0,0,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerins div.chamada {width: 50%; float: right; margin-top: 20%;}
.bannerins p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannerinsc1 {width: 70%; display: inline-block; margin-top: 300px; margin-right: 1%; border-radius: 40px;}
.bannerinsc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerinsc1 h3 {font-size: 1em; color: #fff; font-weight: bold; background-color: rgba(139,0,0,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerinsc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerinsc1 a {font-weight: bold;} 
/*novo bloco */
.bannerinsc2 {width: 45%; height: 150px; display: none; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannerinsc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannerinsc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerinsc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannerinsc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannerinsc2 a {font-size: 1em; font-weight: bold;} 
.modal {display: none; position: fixed; z-index: 1; margin: 0 auto; background-color: rgba(128,128,128,0.9); width: 100%; height: 100%;}
.modal img { width: 100%; height: 100%; margin: 0 auto;}
.xfechar { float: right; background-color: #fff; font-size: 2em; color: #000000;padding: 8px; border-radius: 2px; cursor: pointer;}
/* volei quadra */
.bannervq {background: url(img/home2tz.png) no-repeat; width: 100%; height: 450px; display: block; background-size: cover;}
.bannervq h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannervq p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannervqc1 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px;}
.bannervqc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervqc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervqc1 a {font-weight: bold;} 
.bannervqc2 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannervqc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervqc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervqc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannervqc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannervqc2 a {font-size: 1em; font-weight: bold;}
/* Diário Oficial */
.diariooficial { width: 60%; margin-left: 20%;}
.sudesb {width: 300px; margin: 1px;}
/* Boletim1 */
.boletim1 {width: 55%; float: right; margin-top: 1%;background-color: rgba(255,99,71,0.7);padding: 18px;}
.boletim1 h2 {font-size: 1.5em; color: #191970; font-weight: 700; text-align: center; }
.boletim1 h3 {font-size: 1em; color: #000; font-weight: 700; text-align: left;}
.boletim1 a {align-items: center; align-content: center; font-size: 2em;}
}
/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
/* imagem do diário oficial */
#diariooficial {width: 100%; margin-top: 5%;}
.voleipraia {background: url(img/voleipraia1.jpg) no-repeat fixed; background-size: cover;}
.voleiquadra {background: url(img/voleiquadra.jpg) no-repeat fixed; background-size: cover;}
.voleinews {background: url(img/noticiasvolei1.jpg) no-repeat fixed; background-size: cover;}
.title {width: 100%; float: center; text-align: center;}
.title h2 {font-size: 3em;}
.title h3 {font-size: 2em;}
.title h4 {font-size: 1em;}
.buttons {width: 30%; float: right; margin-top: 0; }
.servico {width: 32%; }
.servico:nth-child(2){margin-right: 2%;}
.servico:nth-child(3){margin-right: 0;}
.newsletter input {width: 60%; float: none;}
.newsletter button {width: 20%; float: none;}
.campo1 {width: 100%; padding: 15px; color: white; text-align: left; border: 1px solid rgba(25,25,112,1);  margin: 0 auto; border-radius: 10px; float: center;}
.label1 {width: 100%; color: #000; text-align: left; float: left; padding: 0px; border: 0px;font-weight: bold;}
.aviso1 {width: 100%; padding: 1px; color: white; text-align: left; border: 1px solid rgba(25,25,112,1);  margin: 0 auto; border-radius: 10px; float: center;}
.botao1 {width: 30%; padding: 15px; color: #fff; text-align: center; border: 1px solid rgba(0,0,0,0.3);  margin: 5px; border-radius: 10px; float: center; }
.botao1:hover {background-color: #555; }
.banner {width: 100%; background: url(img/home1.png) no-repeat; background-size: cover; height: 600px; display: block; }
/* BANNER */
.bannervp {background: url(img/home1tz.png) no-repeat; width: 100%; height: 500px; display: block; background-size: contain;}
#chamada {width: 50%; height: 50%; float: right; margin-top: 20%;}
#chamada h2 {font-size: 2.5em; color: #191970; font-weight: bold; text-align: center;}
.bannervp h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannervp p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannervp div.chamada {width: 50%; float: right; margin-top: 20%;}
.cabecalhovp1 {display: inline-block; margin: 0 auto; width: 90%; background-color: rgba(255,99,71,1); padding: 22px; border-radius: 10px; margin-top: 2%; margin-left: 6%;}
.cabecalhovp1 h1 {font-size: 2em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp1 h2 {font-size: 1.5em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp {display: inline-block; margin: 0 auto; width: 90%; background-color: rgba(255,99,71,1); padding: 22px; border-radius: 10px; margin-top: 2%; margin-left: 6%;}
.cabecalhovp h1 {font-size: 3em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp h2 {font-size: 2em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp h3 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.cmasc {background-color: rgba(176,224,230,1);}
.cmasc h2 {background-color: rgba(176,224,230,1);}
.cfem {background-color: rgba(255,105,180,1);}
.cfem h2 {background-color: rgba(255,105,180,1);}
.col1vp {display: inline-block; margin-left: 6%; width: 40%;padding: 3px; border-radius: 10px;}
.col1vp h1 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.col1vp img {margin-left: 48%;}
.col2vp {display: inline-block; width: 8%; padding: 3px; border-radius: 10px;}
.col2vp h1 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.col2vp img {margin-left: 48%;}
.col3vp {display: inline-block; width: 40%; padding: 3px; border-radius: 10px;}
.col3vp h1 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.col3vp img {margin-left: 48%;}
.opvp {width: 30%; display: inline-block; margin-top: 2%;border-radius: 40px; padding: 1%; margin-left: 2%;}
.opvp:hover { background-color: #fff;}
.bannervpc1 {width: 85%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px;}
.bannervpc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervpc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervpc1 a {font-weight: bold;} 
.bannervpc2 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannervpc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervpc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervpc2 a {font-weight: bold;}
.banneraviso {width: 95%;margin-top:5%; margin-left: 2.5%;}
.banneraviso h2 {font-size: 3em; color: #191970; font-weight: 700; background-color: rgba(255,99,71,1); text-align: center; padding: 2px; border-radius: 20px;}
.banneraviso article {font-size: .8em; color: #000000; text-align: left; padding: 20px; background-color: rgba(255,99,71,0.9); height: 100%; border-radius: 40px;font-weight: 700;}
.banneraviso a {font-size: 1em; color: #191970;font-weight: 900;}
.banneraviso a:link {color: #191970;}
.banneraviso a:visited {color: red;}
.banneraviso a:hover {color: #fff;}
.banneraviso a:active {color: #191970;}
/* Galeria */
.galeria { width: 60%; height: 20%; display: block; margin: 0 auto; border-radius: 2%; background-color: #191870;}
.bordasgaleria {width: 99%; height: 97%; border: solid 4px #fff; border-radius: 2%; margin-top: 1%;}
.painel {cursor: pointer; background-color: #fff;}
.lupa {margin-left: 15%; margin-right: 15%;}
.bordapainel {border: solid 1px; background-color:#fff;}
.margemsuperior {margin-top: 2%; margin-left: 20%;}
.controlefotos {width: 90%; height: 5%; display: block; margin: 0 auto; border-radius: 2%; background-color: #191970;font-size: 1em; color: #fff; text-align: center; padding: 4px;font-weight: bold;}
/* novo bloco */
.bannerins {background: url(img/home4tz.png) no-repeat; width: 100%; height: 1550px; display: inline-block; background-size: contain;}
.bannerins h1 {font-size: 3.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.bannerins h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannerins h3 {font-size: 1em; color: #fff; font-weight: bold; background-color: rgba(139,0,0,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerins div.chamada {width: 50%; float: right; margin-top: 20%;}
.bannerins p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannerinsc1 {width: 70%; display: inline-block; margin-top: 300px; margin-right: 1%; border-radius: 40px;}
.bannerinsc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerinsc1 h3 {font-size: 1em; color: #fff; font-weight: bold; background-color: rgba(139,0,0,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerinsc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerinsc1 a {font-weight: bold;} 
/*novo bloco */
.bannerinsc2 {width: 45%; height: 150px; display: none; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannerinsc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannerinsc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerinsc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannerinsc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannerinsc2 a {font-size: 1em; font-weight: bold;}  
.modal {display: none; position: fixed; z-index: 1; margin: 0 auto; background-color: rgba(128,128,128,0.9); width: 100%; height: 100%;}
.modal img { width: 100%; height: 100%; margin: 0 auto;}
.xfechar { float: right; background-color: #fff; font-size: 2em; color: #000000;padding: 8px; border-radius: 2px; cursor: pointer;}
/* volei quadra */
.bannervq {background: url(img/home2tz.png) no-repeat; width: 100%; height: 450px; display: block; background-size: cover;}
.bannervq h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannervq p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannervqc1 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px;}
.bannervqc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervqc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervqc1 a {font-weight: bold;} 
.bannervqc2 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannervqc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervqc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervqc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannervqc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannervqc2 a {font-size: 1em; font-weight: bold;}
/* Diário Oficial */
.diariooficial { width: 60%; margin-left: 20%;}
.sudesb {width: 300px; margin: 1px;}
/* Boletim1 */
.boletim1 {width: 55%; float: right; margin-top: 1%;background-color: rgba(255,99,71,0.7);padding: 18px;}
.boletim1 h2 {font-size: 1.5em; color: #191970; font-weight: 700; text-align: center; }
.boletim1 h3 {font-size: 1em; color: #000; font-weight: 700; text-align: left;}
.boletim1 a {align-items: center; align-content: center; font-size: 2em;}
}
/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {
/* imagem do diário oficial */
#diariooficial {width: 100%; margin-top: 5%;}
.title h4 {font-size: 1em;}
.voleipraia {background: url(img/voleipraia1.jpg) no-repeat fixed; background-size: cover;}
.voleiquadra {background: url(img/voleiquadra.jpg) no-repeat fixed; background-size: cover;}
.voleinews {background: url(img/noticiasvolei1.jpg) no-repeat fixed; background-size: cover;}
.cadastro {padding-left:50px; padding-right:50px;padding-top:50px;}
.formulario {width: 100%;}
.banner {background: url(img/home1.png) no-repeat; background-size: cover; width: 100%; height: 850px; display: block; }
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {width: auto; height: 120px; line-height: 120px; float: right; background-color: rgba(255,255,255,0); display: block !important; position: static; font-weight: bold;}
.menu li {padding: 0; float: left;}
.menu li a {color:#130400; font-size: 1em; padding: 15px; }
.menu li a:hover {border: none; color:#da6709; font-weight: bold;}
.campo1 {width: 100%; padding: 15px; color: white; text-align: left; border: 1px solid rgba(25,25,112,1);  margin: 0 auto; border-radius: 10px; float: center;}
.label1 {width: 100%; color: #000; text-align: left; float: left; padding: 0px; border: 0px;font-weight: bold;}
.aviso1 {width: 100%; padding: 1px; color: white; text-align: left; border: 1px solid rgba(25,25,112,1);  margin: 0 auto; border-radius: 10px; float: center;}
.botao1 {width: 30%; padding: 15px; color: #fff; text-align: center; border: 1px solid rgba(0,0,0,0.3);  margin: 5px; border-radius: 10px; float: center; }
.botao1:hover {background-color: #555; }
/* BANNER */
.bannervp {display: inline-block; background: url(img/home1tz.png) no-repeat; width: 100%; height: 700px; background-size: cover;}
#chamada {width: 50%; height: 50%; float: right; margin-top: 20%;}
#chamada h2 {font-size: 2.5em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp1 {display: inline-block; margin: 0 auto; width: 90%; background-color: rgba(255,99,71,1); padding: 22px; border-radius: 10px; margin-top: 2%; margin-left: 6%;}
.cabecalhovp1 h1 {font-size: 2em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp1 h2 {font-size: 1.5em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp {display: inline-block; margin: 0 auto; width: 90%; background-color: rgba(255,99,71,1); padding: 22px; border-radius: 10px; margin-top: 2%;margin-left: 6%;}
.cabecalhovp h1 {font-size: 3em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp h2 {font-size: 2em; color: #191970; font-weight: bold; text-align: center;}
.cabecalhovp h3 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.cmasc {background-color: rgba(176,224,230,1);}
.cmasc h2 {background-color: rgba(176,224,230,1);}
.cfem {background-color: rgba(255,105,180,1);}
.cfem h2 {background-color: rgba(255,105,180,1);}
.col1vp {display: inline-block; margin: 1% auto; width: 40%;padding: 3px; border-radius: 10px;margin-left: 8%;}
.col1vp h1 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.col1vp img {margin-left: 48%;}
.col2vp {display: inline-block; margin: 1% auto; width: 5%; padding: 3px; border-radius: 10px;}
.col2vp h1 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.col2vp img {margin-left: 48%;}
.col3vp {display: inline-block; margin: 1% auto; width: 40%; padding: 3px; border-radius: 10px;}
.col3vp h1 {font-size: 1em; color: #191970; font-weight: bold; text-align: center;}
.col3vp img {margin-left: 48%;}
.opvp {width: 25%; display: inline-block; margin-left: 5%;border-radius: 40px; padding: 1%;}
.opvp:hover { background-color: #fff;}
.bannervpc1 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px;}
.bannervpc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervpc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervpc1 a {font-weight: bold;} 
.bannervpc2 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannervpc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervpc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervpc2 a {font-weight: bold;}
/* BANNER AVISO */
.banneraviso {width: 90%;margin-top:2%; margin-left: 5%;}
.banneraviso h2 {font-size: 3.5em; color: #191970; font-weight: 700; background-color: rgba(255,99,71,1); text-align: center; padding: 2px; border-radius: 20px;}
.banneraviso article {font-size: 1em; color: #000000; text-align: left; padding: 20px; background-color: rgba(255,99,71,0.9); height: 100%; border-radius: 40px;font-weight: 700;}
.banneraviso a {font-size: 1em; color: #191970;font-weight: 900;}
.banneraviso a:link {color: #191970;}
.banneraviso a:visited {color: red;}
.banneraviso a:hover {color: #fff;}
.banneraviso a:active {color: #191970;}
/* Galeria */
.galeria { width: 40%; height: 5%; display: block; margin: 0 auto; border-radius: 2%; background-color: #191870;}
.bordasgaleria {width: 99%; height: 97%; border: solid 4px #fff; border-radius: 2%; margin-top: 1%;}
.painel {cursor: pointer; background-color: #fff;}
.lupa {margin-left: 15%; margin-right: 15%;}
.bordapainel {border: solid 1px; background-color:#fff;}
.margemsuperior {margin-top: 2%; margin-left: 30%;}
.controlefotos {width: 90%; height: 5%; display: block; margin: 0 auto; border-radius: 2%; background-color: #191970;font-size: 1em; color: #fff; text-align: center; padding: 4px;font-weight: bold;}
/* inscrição */
.bannerins {background: url(img/home4tz.png) no-repeat; width: 100%; height: 1550px; display: inline-block; background-size: contain;}
.bannerins h1 {font-size: 3.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,1); text-align: center; padding: 2px;}
.bannerins h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannerins h3 {font-size: 1em; color: #fff; font-weight: bold; background-color: rgba(139,0,0,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerins div.chamada {width: 50%; float: right; margin-top: 20%;}
.bannerins p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannerinsc1 {width: 70%; display: inline-block; margin-top: 300px; margin-right: 1%; border-radius: 40px;}
.bannerinsc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerinsc1 h3 {font-size: 1em; color: #fff; font-weight: bold; background-color: rgba(139,0,0,1); text-align: center; padding: 22px;border-radius: 10px;}
.bannerinsc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerinsc1 a {font-weight: bold;} 
.bannerinsc2 {width: 45%; height: 150px; display: none; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannerinsc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannerinsc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color:1 rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannerinsc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannerinsc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannerinsc2 a {font-size: 1em; font-weight: bold;}
/* modal */
.modal {display: none; position: fixed; z-index: 1; margin: 0 auto; background-color: rgba(128,128,128,0.9); width: 100%; height: 100%;}
.modal img { width: 100%; height: 100%; margin: 0 auto;}
.xfechar { float: right; background-color: #fff; font-size: 1em; color: #000000;padding: 8px; border-radius: 2px; cursor: pointer;}
/* volei quadra */
.bannervq {background: url(img/home2tz.png) no-repeat; width: 100%; height: 450px; display: block; background-size: cover;}
.bannervq h2 {font-size: 2.5em; color: #191970; font-weight: 700; background-color: rgba(255,255,255,0.7); text-align: center; padding: 2px;} 
.bannervq p {font-size: 1em; color: #000000; text-align: center; padding: 2px; font-weight: bold; background-color: rgba(255,255,255,0.5); height: 100%;} 
.bannervqc1 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px;}
.bannervqc1 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervqc1 p {font-size: 1em; color: #000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervqc1 a {font-weight: bold;} 
.bannervqc2 {width: 45%; height: 150px; display: inline-block; margin-top: 60px; margin-right: 2%; border-radius: 40px; vertical-align: top;}
.bannervqc2 h2 {font-size: 1.5em; color: #fff; font-weight: bold; background-color: rgba(255,99,71,0.9); text-align: left; padding: 22px;border-radius: 10px;}
.bannervqc2 p {font-size: 1em; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;font-weight: bold;}
.bannervqc2 ul,ol {font-size: 18px; font-weight: bold; color: #000000; text-align: left; padding: 32px; background-color: rgba(255,99,71,0.7); height: 100%;border-radius: 40px;}
.bannervqc2 li {font-size: 18px; font-weight: bold; color: #000000; text-align: left;}
.bannervqc2 a {font-size: 1em; font-weight: bold;}
/* Diário Oficial */
.diariooficial { width: 60%; margin-left: 20%;}
.sudesb {width: 300px; margin: 1px;}
/* Boletim1 */
.boletim1 {width: 55%; float: right; margin-top: 1%;background-color: rgba(255,99,71,0.7);padding: 18px;}
.boletim1 h2 {font-size: 1.5em; color: #191970; font-weight: 700; text-align: center; }
.boletim1 h3 {font-size: 1em; color: #000; font-weight: 700; text-align: left;}
.boletim1 a {align-items: center; align-content: center; font-size: 2em;}
/* Carta via e-mail */
.carta {font-size: 1.5em; color: #000; width: 90%; float: left; margin: 0 auto; padding: 15px;}
}