html, body {height:100%;min-height:100%;}
body {margin:0; padding:0; font-family:Verdana,Arial,Helvetica,sans-serif;}
#content{position: relative;margin: 0 auto;overflow: hidden;min-height: -webkit-calc(100vh - 116px);min-height: -moz-calc(100vh - 116px);min-height: -o-calc(100vh - 116px);min-height: calc(100vh - 116px);}

html, body {background-color:#f2f4f3;}
body {}
#content{position: relative;padding: 0;background-color: #f2f4f3;margin-top: 50px;}

#siteTopo{min-height:50px;max-height:50px;float:left;line-height: 50px;-webkit-tap-highlight-color: rgba(0,0,0,0);text-transform: uppercase;}
#margenTopo{width:100%;height:30px;}
#siteTopo #siteMenu .menuTabLink a{text-decoration: none;color: #FFFFFF;opacity: 0.8;font-size: 13px;padding: 0 8px;float: left;}
#siteTopo #siteMenu .menuTabLink a:hover{color: inherit;}
#siteTopo .divContato{float: left;margin-right: 20px;height: 100%;}
#siteTopo .divContato .txtContato{font-size: 13px;color: #FFFFFF;opacity: 0.8;height: 100%;line-height: 50px;border-color: white;-moz-box-sizing: border-box;box-sizing: border-box;}
.divContato .imgContato{display: inline-block;margin-top: 5px;}
#email,#telefone{display: inline-block;line-height: 50px;position:relative;padding:0px 0px 0px 30px;height: 50px;overflow: hidden;max-width: 200px;font-size:11px;}
#telefone a{color: #FFFFFF;opacity: 0.8;}
#telefone p {margin: 0;}
#email:before{display: inline-block;position: absolute;content: '\f0e0';font: 22px FontAwesome;margin-left: 5px;bottom: 15px;left:0px;}
#telefone:before{display: inline-block;position: absolute;content: '\f095';font: 22px FontAwesome;margin-left: 5px;bottom: 15px;left:0px;}
#email:empty, #telefone:empty{display:none;}

#tituloSite{text-align: center;font-size: 25px !important;margin-top: 25px;margin-bottom: 25px;font-weight: bold;}
#slideContainer {margin-top: 0;margin-bottom: 25px;width: 100%;position: relative; }
#sliderFrame{position:  absolute !important;top: 0 !important;left: 0 !important;bottom: 0 !important;right: 0 !important;font-size:0;margin-bottom: 0 !important;}
#slider{position:  relative !important;height: 100% !important;z-index: 3;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}
div#slider, #slider div.mcSlc {-webkit-background-size: cover !important;background-size: cover !important;background-position: center center !important;}
#slider div.mcSlc {max-width: 100%; max-height: 100%;}
#sliderFrame .navBulletsWrapper{overflow: hidden;bottom: 0;position: absolute;padding: 0;margin: 0;width: auto;top: initial;bottom: -16px;right: -11px;}

.linhaDivisoria{margin-bottom: 15px;border-top: 1px solid #e7e9e8;border-bottom: 1px solid #FFF;width: 100%;display: inline-block;}
.linhaBlocos{width: 100%;position: relative;outline: 1px black;}
#mainContent{padding-bottom: 5px;}
.diagram .diagramImagem img {padding: 2px;}

#footer{padding-top:0px;padding-bottom:0px;margin-top: 20px;min-height: 45px;line-height: 45px;overflow: hidden;position: absolute;right: 0;left: 0;}
#footer #siteAddress {float: left;}
#footer #siteAddressContent p {margin: 0;}
.wrapperAdress{overflow: auto;}
#footer #siteAddressContent {margin: 0;display: inline-block;font-weight: bold;font-size: 13px;}
#siteAddress span a {float: none}
#siteAddress span a img {display: inline-block;}
#botoesSociaisWrapper{float: right;padding-bottom: 4px;margin-top: 2px;}
.botaoSocial{width: 40px;height: 40px;float: left;margin-left: 2px;white-space: nowrap;overflow: hidden;}

#footer #btnLinkedln {background: rgba(255, 255, 255, 0.25);position:relative;font-size:0px}
#footer #btnYoutube {background: rgba(255, 255, 255, 0.25);position:relative;font-size:0px}
#footer #btnInstagram {background: rgba(255, 255, 255, 0.25);position:relative;font-size:0px}
#footer #btnFace {background: rgba(255, 255, 255, 0.25);position:relative;font-size:0px}
#footer #btnGooglePlus {background: rgba(255, 255, 255, 0.25);position:relative;font-size:0px}
#footer #btnTwitter {background: rgba(255, 255, 255, 0.25);position:relative;font-size:0px}

#footer #btnLinkedln:before{position: absolute;content: '\f08c';font: 30px FontAwesome;left: 0px;line-height: 40px;color:white;text-align:center;width:100%;}
#footer #btnInstagram:before{position: absolute;content: '\f16d';font: 30px FontAwesome;left: 0px;line-height: 40px;color:white;text-align:center;width:100%;}
#footer #btnYoutube:before{position: absolute;content: '\f166';font: 30px FontAwesome;left: 0px;line-height: 40px;color:white;text-align:center;width:100%;}
#footer #btnFace:before{position: absolute;content: '\f09a';font: 30px FontAwesome;left: 0px;line-height: 40px;color:white;text-align:center;width:100%;}
#footer #btnGooglePlus:before{position: absolute;content: '\f0d5';font: 30px FontAwesome;left: 0px;line-height: 40px;color:white;text-align:center;width:100%;}
#footer #btnTwitter:before{position: absolute;content: '\f099';font: 30px FontAwesome;left: 0px;line-height: 40px;color:white;text-align:center;width:100%;}

#footer .botaoSocial:empty{display: none;}
.textFooter{color: #FFFFFF;opacity: 0.8;}

#fixTap {position: absolute;display: none;width: inherit;height: inherit;}

/*DIAGRAMAS*/
#content #diagramContent .editForm table tr td input{background:#e6e6e6;}
#content #diagramContent .editForm table tr td textarea{background:#e6e6e6;}
#content #diagramContent .editForm div input{background:#e6e6e6;}
#content #diagramContent .editForm div textarea{background:#e6e6e6;}
#content #diagramContent .diagram {text-align: justify}
.navBulletsWrapper div:hover{opacity:.7}
/*DIAGRAMAS*/

/* topo */
#siteMenu{float:left;}
#content #siteHeader{float:left;width:100%;}
#siteMenu > .menuTab{float:left;}
#siteMenu.mini > .menuTab{padding-right: 15px;}
#siteMenu > .menuTab:nth-of-type(1){display:none;}
#siteTopo .containerContatos{float: right;height:50px;}
#siteMenu.mini .menuTabLink a{padding: 0 15px;overflow: hidden;min-width:200px;}
#siteMenu.mini{cursor: pointer; z-index:10;position: absolute;width: 52px;height: 52px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;margin-left:0px; -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all .2s ease-in-out;}
#siteMenu.mini .menuTab .menuLink{z-index:10;display:none !important;margin-left:-5px;}
#siteMenu.mini > .menuTab:nth-of-type(2){z-index:10;margin-top:52px;}
#siteMenu.mini .menuTab .menuTabLink a{white-space: nowrap; z-index:10;width:120px;}
#siteMenu.mini:hover > .menuTab .menuLink{z-index:10;display:block  !important;}
#siteMenu.mini:before{z-index:10;display: block;content: '\f0c9';position: absolute;height: 3px;width: 25px;right: 14px;top: 31px;font-family:FontAwesome;font-size:28px;}
#siteMenu.mini{}
/* topo */

/* Topo Custom */
#content #siteHeader #siteMenu.mini{background-color:white;left:0px;width:42px;height:42px;margin-left:10px;}
#content #siteHeader #siteMenu.mini .menuTab{border:none;opacity:.7}
#content #siteHeader #siteMenu.mini:hover{}
#siteMenu.mini:before{top:0px;opacity:.7;color:white;}
#siteMenu.mini > .menuTab:nth-of-type(2){margin-top:50px;}
#content #siteHeader #siteMenu.mini:hover > .menuTab{background-color:white;width:auto;margin-left:-11px;}
#content #siteHeader #siteMenu.mini:hover > .menuTab:last-of-type{border-bottom:solid 1px #ddd}
/* Topo Custom */


/* MEDIA QUERYS */
@media screen and (max-width:360px){
    #siteMenu.mini .containerContatos{left:300px;}
}
@media screen and (min-width:360px){
    #siteMenu.mini .containerContatos{left:320px;}
}
@media screen and (min-width:480px){
    #siteMenu.mini .containerContatos{left:440px;}
}
@media screen and (min-width:600px){
    #siteMenu.mini .containerContatos{left:560px;}
}
@media screen and (min-width:720px){
    #siteMenu.mini .containerContatos{left:680px;}
}
@media screen and (min-width:768px){
    #siteMenu.mini .containerContatos{left:728px;}
}
@media screen and (min-width:900px){
    #siteMenu.mini .containerContatos{left:860px;}
}
@media screen and (min-width:1024px){
    #siteMenu.mini .containerContatos{left:984px;}
}
@media screen and (min-width:1200px){
    #siteMenu.mini .containerContatos{left:1160px;}
}
/* media querys*/


/* Cores Default */
#siteTopo #siteMenu .menuTabLink a:hover{color:#000000;}
#siteMenu.mudarBackground a:hover{background-color:#808080;}
#content #diagramContent .editForm input[type=submit]{background:#000000;color:white;}
#footer #btnFace:hover,#footer #btnTwitter:hover{background-color:#808080;}
#siteTopo #siteMenu.mini .menuTabLink a{background-color:#000000;opacity:1;}
#siteTopo #siteMenu.mini .menuTabLink a:hover{background-color:#808080;opacity:1;}
#margenTopo{border-bottom:solid 1px #808080;}
div.navBulletsWrapper div {background-color:#808080;}
div.navBulletsWrapper div.active {background-color: #000000;}

.backgroundTemplate1{background-color:#000000;}
.backgroundTemplate2{background-color:#000000;}
.backgroundTemplate3{background-color:#808080;}
.colorTemplate1{color:#000000;}
.colorTemplate2{color:#000000;}
.colorTemplate3{color:#808080;}
#content input,#content textarea{outline-color:#000000;}
/* Cores Default */

.nav-toggle {
  left: 33px;
  top: 25px;
}