/*
 *   Framework
 *   Copyright (C) 2016 OPS Empresas
 *   http://www.opsempresas.com.br
**/

/*HTML-BODY*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}

ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
.object-cover {object-fit: cover; object-position: 50% 20%;}

body {font-size: 100%; background: #FFF;}

#dhtml {width: 100%; height: 100%; position: fixed; z-index: 99999999999999999; top: 0; left: 0; background: url(../images/png/fundodhtml.png) repeat;}
#dhtml .x {opacity: 1; width: 11px;height: 17px;float: right;background: url(../images/png/btnX.png) no-repeat;margin: 4px 4px -45px -19px;position: relative;z-index: 999;cursor: pointer;}
#dhtml .boxinfodhtml {max-width: 772px;max-height: 320px;display: flex;margin: 15% auto;/* border: 5px solid #FFF; */}
#dhtml .boxinfodhtml .bannerpizza {max-width: 400px;width: 100%;height: 400px;display: block;margin: 0 auto;padding: 0 44px 0;}

#boxnews {width: 100%;height: auto;margin: 0 auto;position: relative;z-index: 1;background: #00a85a;}
#boxnews #cont {width: 100%; max-width: 970px; min-height: 150px; margin: 0 auto; position: relative; z-index: 9; display: flex; flex-direction: row; justify-content: center; align-items: center;}
#boxnews #cont .tlt {width: 254px;height: 60px;line-height: 45px;float: left;margin: 0 0 0 6px;background: url(../images/png/tlt-consulta.png) no-repeat;}

#boxnews #cont .icon01 {width: 110px; height: 48px; margin: 0 30px;background: url(../images/png/logoboavista.png) no-repeat;background-size: contain;}

#boxnews #cont .form_consulta {width: 480px;height: auto;margin: 0 0 0 55px;}
#boxnews #cont .form_consulta input[type="text"] {width: 206px;padding: 0 12px 0 12px;height: 40px;float: left;margin: 0 0 0 0;font-family: 'Calibri';font-size: 15px;color: #999;overflow: hidden;background: url(../images/png/input.png) no-repeat;border: none;} 
#boxnews #cont .form_consulta input[type="password"] {width: 117px; padding: 0 12px 0 12px; height: 40px; float: left; margin: 0 0 0 15px; font-family: 'Calibri'; font-size: 15px; color: #999; overflow: hidden; background: url(../images/png/input02.png) no-repeat; border: none;} 
#boxnews #cont .form_consulta input[type="submit"] {width: 78px;height: 40px;float: right;margin: 0 0 0 0;background: #156c44;border: none;font-family: 'Calibri';font-size: 15px;font-weight: bold;color: #ffffff;border-radius: 8px;} 
#boxnews #cont .form_consulta input[type="submit"]:hover {background: #00a85a;BORDER: 4px solid #156c44;}
#boxnews #cont .form_consulta .esqueci {width: 108px; height: 17px; line-height: 17px; float: left; margin: 3px 0 0 0; font-family: 'Calibri'; font-size: 11px; color: #FFF; text-align: left; overflow: hidden;}
#boxnews #cont .form_consulta .esqueci:hover {color: #88ACD5;}

/*CONTAINER*/
#container {margin: 0 auto; width: 100%;}

/*HEADER*/
#header {width: 100%;height: auto;display: table;margin: 0 auto;padding-bottom: 5px;position: relative;z-index: 2;background: url(../images/png/imgbody.png) #00a85a bottom center repeat-x;}
#header #contHeader {width: 100%;height: 105px;display: block;margin: 0 auto;position: fixed;z-index: 9;background: #fff;border-bottom: solid 2px #fff;}

#header #contHeader .logo {width: 155px; height: 82px; display: inline-block; float: left; margin: 10px 0 32px 245px; background: url(../images/png/logo.png) no-repeat; background-size: contain; overflow: hidden;}

#header #contHeader .header-menu-link {width: 100px; height: auto; float: left; margin: 40px 0 0 38px; font-family: 'Avenir LT Std 85 Heavy'; font-size: 20px; color: #00A85A; text-align: center;}
#header #contHeader .header-menu-link .seta {width: 25px; height: 23px; display: block; margin: 0 auto 5px; background: url(../images/png/setamenu2.png) no-repeat;}
#header #contHeader .header-menu-link:hover {color: #156c44;}
#header #contHeader .header-menu-link:hover .seta {background-position: 0 -23px;}    

#header #menu {width: 240px;height: 257px;position: absolute;top: 105px;display: none;background: #156c44;position: absolute;z-index: 99999;border-bottom-right-radius: 35px;border: 2px solid #fff;}
#header #menu li {width: 100%;float: left;margin-bottom: 2px;}
#header #menu li a {height: 22px; line-height: 22px; display: block; margin-left: 30px; font-family: 'Calibri'; font-size: 15px; color: #FFF;}
#header #menu li a span {background: url(../images/png/spanhover.png) no-repeat;width: 20px;float: right;height: 20px;}
#header #menu li a i{font-size:30px;}
#header #menu li a:hover .span {width: 9px;height: 16px;float: left;margin: 2px 5px 0 0;background: url(../images/png/spanhover.png) no-repeat;}
#header #menu li a:hover {color: #00a85a;}
#header #menu .close {height: 20px; line-height: 20px; font-family: 'Calibri'; font-size: 15px; color: #FFF;}
#header #menu .close .icon {width: 20px; height: 20px; float: left; margin-right: 6px; background: url(../images/png/icon-fechar.png) no-repeat;}
#header #menu .close:hover .icon {background-position: 0 -20px;}

#header .associar {width: 220px;height: 26px;line-height: 26px;float: left;margin: 38px 0 0 35px;background: url(..images/png/associar.gif) no-repeat;}

#header .data {width: 30%;height: 18px;line-height: 120%;float: right;margin: 42px 27px 0 0;font-family: 'Calibri';font-size: 12px;color: #238C00;text-align: right;}

#header #navsup {width: 57px; height: 24px; float: right; margin: 39px 30px 0 0;}
#header #navsup #inicio {width: 24px; height: 24px; float: left; background: url(../images/png/navsup.png) no-repeat;} 
#header #navsup #inicio:hover {background-position: 0 -24px;} 
#header #navsup #contato {width: 24px;height: 24px;float: right;background: -33px 0 url(../images/png/navsup.png) no-repeat;} 
#header #navsup #contato span {width: 40px;color:#fff;font-size:12px;margin-top: 36px;float: right;}
#header #navsup #contato span:hover {color: #006435;}
#header #navsup #contato:hover {background-position: -33px -24px;} 
#header #navsup .associar2  {width: 25px;height: 26px;float: right;margin: 0 0 0 0;background: url(../images/png/iconassociar.png) no-repeat;display: none;}
#header #navsup .associar2 span {width: 40px;color:#fff;font-size:12px;margin: 36px -5px 0 0;float: right;}
#header #navsup .associar2 span:hover {color:#006435;}

#header #boxpainel {width: 100%;max-width: 1450px;height: auto;display: block;margin: 110px auto 0 auto;}

#header #menu li ul {width: 100%;float: left;height: 97%;padding-bottom: 10px;position: absolute;margin: 0 0 0 0;z-index: 9999999;background: #156c44;/* overflow-y: overlay; *//* border-radius: 10px; */top: 0;border-bottom-right-radius: 35px;border: 2px solid #fff;}
/*#header #menu li ul::-webkit-scrollbar { width: 0px;}*/
#header #menu li ul li {box-sizing: border-box;padding: 0 10px;width: 100%;height: auto;float: left;margin: 0 0 5px 0;}
#header #menu li ul .item a {height: 30px;padding-top: 4px;}
#header #menu li ul li:last-child  {text-align:center;background-color: #00a85a;width: 99.7%;height: 28px;border-bottom-right-radius: 35px;margin-top: 0px;color:#000;}
#header #menu li ul li:last-child a {color:#000;font-size:20px;/* font-weight:bold; */}
#header #menu li ul li a {height: 16px;line-height: 12px;display: block;font-family: 'arial';font-size: 13px;color: #FFF;margin-left: 0;}
#header #menu li ul li a:hover {color: #fff;}

#header #menu li ul .metadeMenu {width: 50%;padding: 0;margin: 0 0 5px 0;}
#header #menu li ul .metadeMenu .txtGrd {font-size: 11px;}
#header #menu li .menuLongo {height: 292px;width: 296px;}

#header .boxmenu {width: 100%; display: table; margin: 0 auto;}
#header .boxmenu .navigation {width: 100%; max-width: 880px; height: 39px; display: block; margin: 16px auto 0;}
#header .boxmenu .navigation li {height: 39px;float: left;margin-right: 14px;}
#header .boxmenu .navigation li:last-child {margin-right: 0;}
#header .boxmenu .navigation li a {height: 39px; line-height: 22px; float: left; font-family: 'Calibri'; font-size: 15px; color: #006f3c;}
#header .boxmenu .navigation li a:hover {color: #31C100;}

#header .boxmenu .navigation li ul {width: 370px; float: left; height: auto; padding-bottom: 15px; position: absolute; margin: 39px 0 0 0; z-index: 9999999; background: #00a85a;}
#header .boxmenu .navigation li ul li {box-sizing: border-box; padding: 0 10px; width: 185px; height: auto; float: left; margin: 6px 0 4px 0;}
#header .boxmenu .navigation li ul li a {width: 100%; height: 20px; line-height: 20px; float: left; margin: 0 0 0 0; text-align: left; padding: 0 0 0 0; font-size: 13px; color: #FFF;}
#header .boxmenu .navigation li ul li a:hover {color: #156c44;}
/*FIM HEADER*/

/*CONTENT*/
#content {min-height: 450px; margin: 0 auto;}
/*FIM CONTENT*/

/*FOOTER*/
#footer {width: 100%;min-height: 0;margin: 0 auto;background: url(../images/png/imgfooter.png) top center repeat-x;}
#footer #meio {width: 100%;max-width: 1350px;min-height: 128px;margin: 0 auto;padding: 0;position: relative;z-index: 1;}

#footer #meio .boxredes {width: 243px;height: 40px;float: left;margin: 54px 0 0 5%;}
#footer #meio .boxredes .txt {width: 131px;height: 31px;line-height: 120%;float: left;margin-top: 7px;font-family: 'Avenir LT Std 95 Black';font-size: 12px;color: #156c44;text-align: right;}
#footer #meio .boxredes .face {width: 40px; height: 40px; float: left; margin-left: 10px; background: url(../images/png/iconredes.png) 0 0 no-repeat;}
#footer #meio .boxredes .face:hover {background-position: 0 -40px;}
#footer #meio .boxredes .you {width: 40px; height: 40px; float: right; background: url(../images/png/iconredes.png) -40px 0 no-repeat;}
#footer #meio .boxredes .you:hover {background-position: -40px -40px;}

#footer #meio .boxend {width: 355px; height: 58px; float: right; margin: 42px 33px 0 0;}
#footer #meio .boxend .tel {width: 250px; height: 34px; line-height: 120%; float: right; font-family: 'Calibri'; font-size: 30px; color: #DFE5EB; font-weight: bold; text-align: right;}
#footer #meio .boxend .tel i {font-size: 20px; font-weight: normal;}
#footer #meio .boxend .end {width: 354px; height: 24px; line-height: 120%; float: left; font-family: 'Calibri'; font-size: 20px; color: #DFE5EB; text-align: right;}

#footer #meio .copy {width: 100%;height: 23px;line-height: 23px;float: left;margin: 0 0 0 0;font-family: 'FranklinGothicMediumCond';font-size: 16px;text-align: center;color: #FFF;}
#footer #meio .copy a {color: #FFF;}
#footer #meio .copy a:hover {color: #156c44;}
/*FIM FOOTER*/
 
/*FIM CONTAINER*/
/*FIM HTML-BODY*/