.html5 .page { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.html5 .navbar-header { float: left; height: 78px; padding-top: 20px !important; }
.html5 .navbar-brand { padding: 0; margin-left: 0; float: left; }
.html5 .navbar-brand img { width: 90px; }
.html5 .main-navigation ul { margin-top: 0!important; }

.html5 .main-navigation { max-height: 375px!important; margin: 0!important; }

/*Responsive code for max-width: 1000px*/
.html5 .header-main .navbar-header { float: none; }
.html5 .header-main .navbar-toggle { display: block; }

.html5 .header-main .main-navigation ul { float: none !important; }
.html5 .header-main .main-navigation ul > li { float: none; }

/*Design for max-width: 1200px*/
.html5 .header-main .main-navigation,
.html5 .header-main .main-navigation .container { padding-left: 0 !important; padding-right: 0 !important; }

.html5 .main-navigation { margin: 0!important; }

.html5 .main-navigation ul > li > ul { margin-top: 0px; border-top-right-radius: 0; border-top-left-radius: 0px; }

.html5 .main-navigation ul li { right: auto!important; left: 0!important; }

.html5 .main-navigation { max-height: none !important; }


/*Dropdown Menu Slide Down Effect*/
.html5 .main-navigation ul ul { position: static; border: 0; float: none; width: auto; }

.html5 .main-navigation ul .open ul { margin-top: 0; position: static; box-shadow: none; background-color: transparent; }

/*common*/
.html5 header, hgroup, nav, section { display: block;}
#bannerHome{margin-top:82px;}
.html5 header { width: 100%; float: left; }

/*off-canvas-navigation*/
#wrapperMenu{display:none!important;}

.html5 #wrapper #sidemenu { display: none !important; }
.html5 .menuactive #wrapper #sidemenu,
.mostraMobile{ display: block !important; }
.html5 .rwd #wrapper { min-width: 300px; max-width: 380px; }
.html5 .onlymobile { display: block !important; }
.html5 .rwd [role="navigation"] { height: 0; overflow: hidden; clear: both; }
.html5 .rwd [role="navigation"] { -webkit-transition: .25s all ease-in; -moz-transition: .25s all ease-in; -ms-transition: .25s all ease-in; -o-transition: .25s all ease-in; transition: .25s all ease-in; }
.html5 .rwd .active-nav [role="navigation"] { height: auto; }
.html5 .clear { clear: both; }
.html5 .invisible { visibility: hidden; }
.html5 .clearfix:before, .clearfix:after { display: table; content: ""; }
.html5 .clearfix:after { clear: both; }
.html5 .clearfix { *zoom: 1; }
.html5 .block { display: block; }

.html5 .rwd .mobilenav { display: block; }

.html5 .rwd .table { display: block!important; }

.html5 .menuactive #wrapper { min-width: 0; max-width: 100%; overflow: hidden; padding: 0;}
.html5 .menuactive .page { overflow: hidden; width: 100%; background:#FFF;}
.html5 .page { position: relative; z-index: 10; }
.html5 .menuactive #sidemenu { display: block; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; margin: 0; box-shadow: 5px 0 5px -2px #888; z-index: 15; }
.html5 .page,
#sidemenu { transition: 0.25s all ease-in-out; -webkit-transition: 0.25s all ease-in-out; -moz-transition: 0.25s all ease-in; -ms-transition: 0.25s all ease-in; -o-transition: 0.25s all ease-in; -webkit-backface-visibility: hidden;}
.html5 #sidemenu ul { list-style: none; position: relative; margin: 0 0 20px 0; padding: 0; z-index: 9; -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; -o-transition: -o-transform .3s linear; transition: transform .3s linear; -webkit-backface-visibility: hidden;}
.html5 #sidemenu ul  li{float:left; width:100%;}
.html5 #sidemenu ul  li a{color:#FFF; padding:7px 24px; width:100%;}
.html5 #sidemenu ul  li a:hover{background:#9300be;}
.html5 .guardaFecharMenu{float:left; width:100%; padding:8px 10px 0 10px;}
#sidemenu .guardaFecharMenu .fecharMenu{background:#b6bbc6; color:#FFF; font-weight:bold; float:right; padding:5px 8px;}
.html5 .guardaFecharMenu a:hover{text-decoration:none;}
#sidemenu h2{ background:#5ECDC4; color:#FFF; text-transform:uppercase; padding:6px 24px; float:left; width:97%; font-size:14px; font-weight:bold; margin:9px 10px 2px 0;}


.menuMobile, #logoJovens{margin-left:22px;}
#linksTopo{margin-right:15px;}
.html5 .navmenu { clear: both; }
.html5 .closemenu { background: transparent; cursor: pointer; height: 100%; left: 0; z-index:100;  position: absolute; top: 0px; width: 100%; }

.html5 .rwd .logo { -webkit-background-size: 48px 48px; background-size: 48px 48px; }
.html5 .navigation { position: relative; z-index: 25; }

.html5 .navmenu ul { position: relative; margin: 0; padding: 0; }
.html5 .navmenu { position: relative; margin: 0 0 7px 0; margin: 0; padding: 0; width: 100%; height: 26px; background: #d3f3cf; list-style: none; font: normal 13px Arial,sans-serif; }
.html5 .navmenu > li { float: left; margin: 0; padding: 0; }
.navmenu > li > a { display: block; float: left; padding: 5px 15px 5px 14px; border-right: 1px solid #66bcdc; text-decoration: none; font-weight: 700; line-height: 16px; }
.html5 .navmenu li.mhover > ul { display: block; }


.top-bar { display: none; }

@media only screen and (min-width:460px) and (max-width:999px) {
    .html5 .rwd #wrapper { min-width: 460px; max-width: 540px; }
    .html5 .rwd .stage01 { height: 146px; }
    .html5 .rwd .size-col-c { width: 480px; }
    .html5 .rwd .margiblock { width: 240px; }
    .html5 .rwd .size-col-d { margin-right: 0; width: 480px; }
    .html5 .menuactive #sidemenu { width: 50%; }
    .html5 .menuactive .page {-webkit-transform: translateX(50%); -moz-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); }
}

@media only screen and (max-width:459px) {
    .html5 .menuactive #sidemenu { width: 65%;  }
    .html5 .menuactive .page { -webkit-transform: translateX(65%); -moz-transform: translateX(65%); -o-transform: translateX(65%); transform: translateX(65%);}
}


/*Customização de Cores*/
.html5 .main-navigation { background-color: #6C778D; padding-top: 0px; padding-right: 0px; }

/*primeiro nível*/
.html5 .main-navigation ul > li > a:hover { text-decoration: none; }

/*fim de customização de cores*/
.html5 .main-navigation ul > li > a { width: auto; }
.html5 .main-navigation { display: none; }

#sidemenu { display: block; }

ul#listaMenu { width: auto; border-top: 6px solid #f4c553 }


ul#listaMenu > li { width: 100%; float: left; padding: 0; }

ul#listaMenu > li > a { width: 100%; height: 100%; float: left; font-weight: bold; text-align: left; padding: 26px 0px 0 19px; line-height: 26px; }

ul#listaMenu > li.marcado { background-color: #fff; }


.html5 .containerInputBusca { float: left; height: 29px; }

.html5 .nav-menu ul ul { background: #FFF!important; border-radius: 10px 40px 10px 40px!important; }

.html5 li.open a.active { border: none!important; }

.html5 .open ul li:last-child a { border: none!important; }

.html5 .oculto-m { display: none; }
.html5 #menuForm { margin-top: 17px; margin-bottom: 26px; }
.html5 .searchInput { width: auto; z-index: 100; }
.html5 .searchInput .containerInputBusca { position: absolute; right: 37px; width: 188px; }
.html5 #listaMenu li { width: 100%!important; height: 78px; background: none; }
.html5 #header > .nav > .container { padding-left: 12px; padding-right: 19px; height: auto; float: left; width: 100%; }
.html5 .searchInput #buscaMenu { width: 188px; }


@media screen and (max-width: 767px) {
    /*.html5 .navbar-header { margin: 0; width: 90%; text-align: center; }*/
    .html5 .navbar-form { border: 0; }
    .html5 #menuForm { padding-top: 0; }
	
	.html5 #header > .nav > .container { height: 76px; }
	.html5 .navbar-header { position: absolute; width: 90px; left: 50%; margin-left: -45px; }
}