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;min-height: -webkit-calc(100vh - 32px);min-height: -moz-calc(100vh - 32px);min-height: -o-calc(100vh - 32px);min-height: calc(100vh - 32px);}


html, body {}
body {}


#content{padding-top: 16px;padding-bottom: 16px;}



#content #siteTopo{min-height:50px;width: 100%;line-height: 50px;background-color: #FFF;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;float: left;margin-bottom: 20px;}
#content #siteTopo #siteMenu{width:100%;}
#content #siteTopo #siteMenu .menuTabLink a{text-decoration: none;color: #adadad;font-size: 14px;font-weight:bold;padding: 0 16px;float: left;}
#content #siteTopo #siteMenu .menuTabLink a:hover{color: inherit;}
#content #siteTopo #divEmail{float: right;margin-right: 20px;height: 100%;}
#siteTopo #divEmail #txtEmail{font-size: 13px;color: #adadad;height: 100%;line-height: 20px;}
#email:before{position: absolute;content: '\f0e0';font: 22px FontAwesome;padding-right: 7px;bottom: 1px;line-height: 50px;left: 0px;}
#email:empty{display: none;}
#email{display: inline-block;line-height: 50px;height:50px;overflow:hidden;position:relative;padding:0px 30px;max-width:300px;}
#email p{line-height: 50px;padding: 0px 5px;}
#slideContainer {margin-top: 16px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;width: 100%;padding: 0;border:0;position: relative;overflow: hidden; background: #FFFFFF;}
.navBulletsWrapper{display: none !important;}


#sliderFrame{position:  absolute !important;top: 0 !important;left: 0 !important;bottom: 0 !important;right: 0 !importantfont-size:0;margin-bottom: 0 !important;width:100%;}
#slider{position:  relative !important;height: 100% !important;}
div#slider, #slider div.mcSlc {border-radius:5px;}
#slider div.mcSlc {max-width: 100%; max-height: 100%;}
#slideContainer #divTextoSlide{position: absolute;z-index: 9;width: 100%;/* margin-top: 120px; */}
#slideContainer #tituloSite{text-align: center;font-size: 35px !important;color: white;}
#slideContainer #subtituloSite{text-align: center;font-size: 12px;color: white;margin-top: 10px;font-weight: bold;}


.linhaBlocos{width: 100%;margin-top: 4px;position: relative;}
#mainContent{padding-bottom: 5px;}
.diagram{background-color: #FFF;-webkit-box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.1);box-shadow:  0 2px 8px 1px rgba(0, 0, 0, 0.1); border-top: 1px solid #e8eae9;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-align: justify;}
.diagram .diagram{box-shadow: none;}

#content #diagramContent .diagram{border:none; padding: 5px; padding-bottom: 15px; margin-top: 20px;}
#content #diagramContent .titleBox{display:none;}
#content #diagramContent .tresBlocos{width:-webkit-calc(100% / 3 - 40px / 3);width:-moz-calc(100% / 3 - 40px / 3);width:calc(100% / 3 - 40px / 3);margin-left: 0; margin-right: 20px;}
#content #diagramContent .doisBlocos{width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);width:calc(50% - 10px);margin-left: 0; margin-right: 20px;}
#content #diagramContent .content_1_2{float:left;width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);width:calc(50% - 10px);box-sizing:border-box;margin-left: 0;margin-right: 20px;}
#content #diagramContent .content_1_3{float:left;width:-webkit-calc(100% / 3 - 40px / 3);width:-moz-calc(100% / 3 - 40px / 3);width:calc(100% / 3 - 40px / 3);box-sizing: border-box;margin-left: 0;margin-right: 20px;}
#content #diagramContent .content_2_3{float:left;width:-webkit-calc(200% / 3 - 10px);width:-moz-calc(200% / 3 - 10px);width:calc(200% / 3 - 10px);box-sizing: border-box;margin-left: 0;margin-right: 20px;}
#content #diagramContent .ultimoBloco{margin-right: 0px;}
#content #diagramContent .diagramLink {transition: color .2s}
#content #diagramContent .divisoriaDiagramas {display: none !important;}

#content .diagramImagem img[src='magens/blank.gif']{display: none;}
#content span.editavel.diagramImagem:empty {display: none;}



#footer #btnFace{position:relative;font-size:0px;}
#footer #btnGooglePlus{position:relative;font-size:0px;}
#footer #btnTwitter{position:relative;font-size:0px;}
#footer #btnInstagram{position:relative;font-size:0px;}
#footer #btnYoutube{position:relative;font-size:0px;}
#footer #btnLinkedln{position:relative;font-size:0px;}

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

#footer .botaoSocial:empty{display: none;}
#footer{width: 100%;padding-right: 10px;overflow: hidden;}

#botoesSociaisWrapper{float: right;padding-bottom: 10px;margin-top: 5px;}
.botaoSocial{width: 40px;height: 40px;float: left;margin-left: 8px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;white-space: nowrap;overflow: hidden;background:white;}
.botaoSocial:empty {display: none;}


#fixTap {background-color: red;position: absolute;display: none;width: inherit;height: inherit;}
.boxShadow{-webkit-box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.1);box-shadow:  0 2px 8px 1px rgba(0, 0, 0, 0.1); border-top: 1px solid #e8eae9;}


/*DIAGRAMAS*/
#content #diagramContent .editForm table tr td input{border-color:#d3d3d3;}
#content #diagramContent .editForm table tr td textarea{border-color:#d3d3d3;}
#content #diagramContent .editForm div input{border-color:#d3d3d3;}
#content #diagramContent .editForm div textarea{border-color:#d3d3d3;}
#content #diagramContent .editForm input[type=submit]{color:white;background-color:#adadad;}
/*DIAGRAMAS*/




/* topo */
#siteMenu{float:left;}
#content #siteHeader{float:left;width:100%;}
#siteMenu > .menuTab{float:left;}
#siteMenu.mini > .menuTab{padding-right: 15px; background-color: white;}
#siteMenu > .menuTab:nth-of-type(1){display:none;}
#siteMenu.mini .menuTabLink a{padding: 0 15px;overflow: hidden;min-width:200px;}
#content #siteTopo #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;background-color: white;margin-left: 0px;}
#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;}
/* 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;}
#content #siteHeader #siteMenu.mini:hover{}
#siteMenu.mini:before{top:0px;}
#siteMenu.mini > .menuTab{box-shadow: 0 2px 2px rgba(0, 0, 0, .5);}
#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 screen and (max-width:720px){
   #content #diagramContent .diagram {width: 100%;}
}


/* Slide responsivo */
#siteHeader #slideContainer #divTextoSlide {top: calc(50% - 20px);}
/* Slide Responsivo */



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



/* Cores Default */
.backgroundTemplate1{background-color:#ecf0f1;}
.backgroundTemplate2{background-color:#767879;}
.backgroundTemplate3{background-color:#f6f8f8;}
.colorTemplate1{color:#7f8c8d;}
.colorTemplate2{color:#404647;}
.colorTemplate3{color:#bfc6c6;}
#content input,#content textarea{outline-color:#ecf0f1;}

#content #diagramContent .diagramLink:hover {color: #404647;}
#footer #btnFace:hover:before{color:#7f8c8d;}
#footer #btnGooglePlus:hover:before{color:#7f8c8d;}
#footer #btnTwitter:hover:before{color:#7f8c8d;}
#footer #btnInstagram:hover:before{color:#7f8c8d;}
#footer #btnYoutube:hover:before{color:#7f8c8d;}
#footer #btnLinkedln:hover:before{color:#7f8c8d;}
/* Cores Default */

.nav-toggle {
    top: 14px;
}