body{margin: 0px; background: #FBFBFB; font-family: 'Nunito', sans-serif;}
/*HEADER*/
.header{min-width: 1000px; background: #FFF; box-shadow: 0px 0px 5px #000; position: relative}
.capa{width: 100%}
/*LOGO*/
.logo{margin: 0px auto; height: 85px; width: 350px; padding: 15px; text-align: center;}
.logo img{height: 100%}
.facebook{position: absolute; top: 37.5px; right: 30px; height: 40px}
.facebook img{height: 100%}
/*BOX E FAIXAS*/
.box{width: 800px; margin: 0 auto; overflow: hidden; padding: 10px;}
.boxImgTransp img, .boxImgCinza img{width: 100%}

.faixaTransp{padding: 0px; background: #F7F7F7}
.boxItemTransp{border: 1px solid #CCC; margin: 5px; background: #FFF; cursor: pointer; float: left; padding: 20px 30px; width: calc(33.33% - 72px);border-radius: 2px}
.boxItemTransp:hover{border: 1px solid #ff5500; }
.boxImgTransp{border-radius: 5px; width: calc(100% - 20px); padding: 15px;}
.boxTextTransp{color: #ff5500; width: 100%; height: 40px; line-height: 40px; font-weight: bold; text-align: center; font-size: 25px;} 

.faixaCinza{padding: 30px 0px; background: #555}
.boxItemCinza{margin: 0px 15px; cursor: pointer; float: left; padding: 0px; width: calc(25% - 30px); border-radius: 2px;}
.boxImgCinza{background: #ffffff; border-radius: 50%; width: calc(100% - 70px); padding: 35px;}
.boxTextCinza{color: #ffffff; width: 100%; height: 30px; line-height: 30px; font-weight: bold; text-align: center; font-size: 20px;}

.faixaLaranja{padding: 30px 0px; background: #ff5500}
.faixaCinza .boxImg{background: #ffffff; border-radius: 50%;}
.faixaCinza .boxText{color: #ffffff;}

.faixaTexto{padding: 0px; }
.faixaTexto h1{color: #ff5500; font-size: 40px; margin: 10px 0px;}
.faixaTexto .descricao{color: #000; font-size: 20px; text-align: justify}

.faixaMiniatura{padding: 30px 0px; background: #EEE; overflow: hidden}
.faixaMiniatura .boxItem{cursor: pointer; float: left; padding: 10px; width: calc(20% - 20px);}
.faixaMiniatura .boxItem:hover{background: #FFF; transition: 0.3s}
.faixaMiniatura .boxImg{background: #FFF; border-radius: 5px; width: calc(100% - 40px); padding: 20px;}
.faixaMiniatura .boxImg img{width: 100%}
.faixaMiniatura .boxText{color: #ff5500; font-size: 20px;}

.fb-like{margin: 0 50%; left: -165px; width: 330px; top: 20px; height: 75px;}
.horarios{color: #ffffff; font-size: 35px; text-align: center; border: 2px solid #FFFFFF}
.itemTable{color: #FFF; padding: 10px; border: 2px solid #FFF; margin-top: 5px;}

.foto{width: 190px; height: 190px; overflow: hidden; float: left; margin: 5px; cursor: pointer}
.foto img{max-width: 332px; max-height: 332px;}
.fotoAmpliada{position: absolute; top: 50px; height: calc(100% - 70px); margin: 0 auto; width: 100%; text-align: center}
.fotoAmpliada img{max-height: 100%; max-width: 100%}
.fechar{background: URL('img/fechar.png'); background-size: 20px; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer}
.avancar{background: URL('img/avancar.png'); background-size: 50px; width: 50px; height: 50px; position: absolute; top: 50%; right: 10px; cursor: pointer; margin-top: -25px}
.voltar{background: URL('img/voltar.png'); background-size: 50px; width: 50px; height: 50px; position: absolute; top: 50%; left: 10px; cursor: pointer; margin-top: -25px}

/*MENSAGEM*/
.label{font-weight: bold; margin-top: 10px}
.inputDiv input{padding: 5px; width: 350px}
.textareaDiv textarea{padding: 5px; width: 350px; height: 150px}
#enviar{cursor: pointer; background: #ff5500; color: #FFF; padding: 10px 20px; margin-top: 10px; border: 0px; width: 350px; font-weight:bold}
#enviar:hover{background: #de4b01; box-shadow: 0px 0px 4px #333}

#boxMsg, #boxTemp{position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.pageBlack{width: 100%; height: 100%; background: #000; opacity: 0.7;}
.txtMsg{padding: 20px; background: #FFF; position: absolute; top: 90px; font-weight: bold; text-align: center; width: 300px; margin-left: -150px; left: 50%; border: 2px solid #800;}
#alert{color: #ff5500; font-weight: bold;}
/*RODAPÉ*/
.foot{background: #000000; color: #ffffff; text-align: center; line-height: 20px; padding: 10px; font-size: 15px; overflow: hidden;}
.endereco{float: left}
.copyright{float: right}
/*Outros*/
a, a:visited, a:hover, a:link, a:active{text-decoration:none; color: initial}