﻿.powerby, .powerby a{color:#FFFFFF;}
@media (max-width: 480px) {
.instagram-widget{min-height:970px;}
}
.botao_sys_padrao {color:#FFFFFF;background:#000000;padding:15px;margin:5px;-moz-box-sizing: border-box;  box-sizing: border-box;text-align:center;}
.botao_sys_padrao:hover {background:#222222;color:#FFFFFF}
.botao_sys_padrao2 {color:#FFFFFF;background:#222222;padding:15px;margin:5px;-moz-box-sizing: border-box;  box-sizing: border-box;text-align:center;}
.botao_sys_padrao2:hover {background:#000000;color:#FFFFFF}
.botao_sys_padrao3 {color:#FFFFFF;background:#000000;padding:15px;margin:0px;-moz-box-sizing: border-box;  box-sizing: border-box;text-align:center;}
.botao_sys_padrao3:hover {background:#222222;color:#FFFFFF}
.img_produtos17 div{min-height:90px;min-width: 29.3%;}
.img_produtos17 img:nth-child(1){width: 94%;margin-right: 11px;}
.viewsys_menu_mobile_on, .viewsys_menu_mobile { background: #FFFFFF;filter: alpha(opacity=100); opacity: 1.0;}

@media (max-width: 799px) {
.botao_sys_padrao, .botao_sys_padrao2, .botao_sys_padrao3{width:100%;margin:5px 0;}
}
.viewsys_menu_mobile td {  width: 100%;}
.viewsys_menu_mobile_lateral ul.viewsys_menu_mobile li {width: 100%;}
.viewsys_menu_mobile_lateral a {  min-width: 100%;  max-width: 100%; text-align: center;padding:0;margin:0;}
.viewsys_menu_mobile table { width:96%;margin:0 auto 0 2%;}
.viewsys_menu_mobile tr { width:46%;margin:0 auto 0 2%;float:left;border:0px;}
.viewsys_menu_mobile td { background: #808080;height:125px;border:0px;display: block;margin:2px;}
.viewsys_menu_mobile td:hover { background: #222222;}
.viewsys_menu_mobile a{ color: #FFFFFF; font-size:16px;}
.viewsys_menu_mobile a:hover{ color: #000000;font-size:16px;}
body{color:#222222;}
h2 {color:#000000;font-family: 'Fredericka the Great', sans-serif;}
h3 {color: #FFFFFF;font-family: 'Fredericka the Great', sans-serif;}
a {color: #222222;}
a:hover {color: #000000;}
.viewsys_r_t {display:none;}
.viewsys_r_t_b {color:#000000;font-family: 'Fredericka the Great', sans-serif; font-size: 44px; text-align: center;    padding-top: 30px;background:none;}
.viewsys_caixa_ancora { margin-top: -20px;}
.localizacao_topo,.tb_sys8828 h1 {display:none;}

a img:hover{border:0px;filter: alpha(opacity=100);opacity:1.0;transform: scale(0.8);filter: grayscale(100%);}

.viewsys_foot a, .powerby, .powerby a{color:#000;}
.copyright-foot {    margin-top: 50px;    text-align: center;}

.limit-album { float:left;    height: auto;   width: 50%;}
.img_album_c { float:right;    max-height: 50px;  max-width: 100px;margin-bottom: -3%;}
.viewsys_conteudo h1{display:none;}
.viewsys_text {max-width: 900px;min-height: 600px;}




.responsive-foot {  background:#222222;border-top: 38px #000000 solid;}
#carrossel_div nobr, #test3 nobr{margin:0 20px;}
.img_carrossel{max-width:110px;margin:0 20px;}
#carrossel_div img, #test3 img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%); filter: grayscale(100%);}
#carrossel_div img:hover, #test3 img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);  -ms-filter: grayscale(0%);  -o-filter: grayscale(0%); filter: grayscale(0%);}

.viewsys_menu_mobile { opacity: 1.0;  background: #FFFFFF;color: #000000;}
.viewsys_menu_mobile a{color: #FFFFFF;}
.topo_home_master {display:none;}


#controls {  width: 100%;    margin-right: auto;    margin-left: auto;    background: #808080; color: #FFF;}

.menu-anchor { background: #000000;margin:5px;}
.menu-anchor:before {  background: #FFFFFF; box-shadow: 0 0.45em 0 0 #FFFFFF, 0 0.9em 0 0 #FFFFFF;}


.viewsys_menu{top:-100px;}
.f-nav{ z-index: 999; position: fixed; left: 0; top: -35px; background:#FFFFFF;height:105px;width:100%;   -webkit-transition: top 1s linear; transition: top 1s linear;} 
.f-nav .menu_topo td{max-width:150px; padding: 0 20px}
.f-nav .classlogo2, .f-nav .classlogo{max-width: 100px;  margin-top: 10px;}
.f-nav2{ height:110px;} 


.viewsys_home{min-height:180px;}
.top_info{margin: 20px 0px -22px 0px;}

.viewsys_menu_lateral { background-position: center 50px;}
#volume-input,.top_info,.viewsys_barra_a,.barra_num,.tb_sys8825 h1,.container_bg_agendamento h1{display:none;}



.menu_sys_top	{margin: -20px 0px 0px 0px;position:absolute;}


.tb_sys8820 input[type="submit"] {background: #000000;}

.tb_sys8820 h1{font-size: 25pt; color: #808080;}


.viewsys_barra_a{background: #808080;}
.youtube_playersys{background: #FFFFFF;}

.home_mobely{display:none;}

@media (max-width: 799px) {
.f-nav{ height:145px;top: -75px;} 
.viewsys_text{margin-top:50px;}
.viewsys_conteudo_inicio{max-height:0px;overflow: hidden;}
.viewsys_menu_mov_ativo,.div_logo_d{min-height:220px;min-height: 0px;}
.div_logo_d table{width:80px;float:left;margin:0px;}
.viewsys_menu_lateral {  background: #FFFFFF; margin: -60px 0 -90px 0;height: 135px;}
.div_menu_topo2 table{float:right; margin:10px;}
}
.viewsys_menu_mobile a:hover{color:#FFF;}

.menu_topo2 {float:right:margin:10px;}
.viewsys_menu_mobile_on { background: #FFFFFF;}

#agenda_users{display:none;}
.container_bg_agendamento{float:right;width:96%;padding:2%;background:#FFF;height:600px;overflow: hidden;}
.bg_agendamento{overflow: hidden;}

.responsive-pbn { height: 600px;}

.menu-anchor-in { margin: 25px 0px 0 45px;}
.mobile_menu_52 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f678"}
.mobile_menu_51 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f6f0"}
.mobile_menu_50 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f182"}
.mobile_menu_49 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f57d"}
.mobile_menu_47 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f630"}
.mobile_menu_46 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f0d0"}
.mobile_menu_45 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f19d"}
.mobile_menu_44 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f144"}
.mobile_menu_43 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f21e"}
.mobile_menu_42 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f059"}
.mobile_menu_41 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f0e0"}
.mobile_menu_30 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f4be"}
.mobile_menu_29 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f0c0"}
.mobile_menu_27 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f2b5"}
.mobile_menu_3 a:before{font-family: "Font Awesome 5 Free";display: block; margin-top: 25px;  text-align: center; vertical-align: middle; font-weight: 900; font-size: 48px;padding: 0 0 25px 0; content: "\f2bd"}
