.mobile body { background: #fff; }
.mobile-menu { display: none; }
.mobile .mobile-menu { position: absolute; display: block; width: 100%; height: 60px; background-color: #b8c0dd; overflow: hidden; z-index: 10; }
.mobile .tabs { display: none !important; }
.mobile .mobile-menu .hamburger { background-image: url(data/separadores/pestana_hamburger.png); width: 76px; height: 61px; display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: top; cursor: pointer; }
.mobile .mobile-menu .mobile-sep1 { background-image: url(data/separadores/pestana_patrimonio.png); width: 112px; height: 61px; display: inline-block; background-size: contain; background-repeat: no-repeat; margin-left: -3px; position: relative; vertical-align: top; cursor: pointer; }
.mobile .mobile-menu .mobile-sep2 { background-image:url(data/separadores/pestana_fighistorica.png); width: 153px; height: 61px; display: inline-block; background-size: contain; background-repeat: no-repeat; margin-left: -70px; position: relative; vertical-align: top; cursor: pointer; }
.mobile .mobile-menu .mobile-sep3 { background-image:url(data/separadores/pestana_caderno.png); width: 113px; height: 61px; display: inline-block; background-size: contain; background-repeat: no-repeat; position: relative; vertical-align: top; float: right; right: 10px; cursor: pointer; }
.mobile .mobile-menu .mobile-sep4 { background-image:url(data/separadores/pestana_livro.png); width: 113px; height: 61px; display: inline-block; background-size: contain; background-repeat: no-repeat; position: relative; vertical-align: top; float: right; right: 10px; cursor: pointer; }
.mobile-menu-content { top: 35px; background-color: #cfd5e7; width: 471px; height: 96%; position: absolute; z-index: 7; font-family: "Trebuchet MS", Helvetica, sans-serif; transition: transform .2s ease-in-out; }
.mobile-menu-content.menu-close { transform: translateX(-471px); }
.mobile .mobile-menu-content a { padding: 30px 0 20px 40px; display: block; text-decoration: none; color: #484c59; font-weight: bold; }
.mobile .mobile-menu-content a:first-child { background-image: url(template/1/images/menu-dots.png); background-repeat: no-repeat; background-position: 40px bottom; background-size: initial; }
.mobile .mobile-menu-content #login2 { background-image: url(template/1/images/menu-shadow.png); background-color: #cfd5e7; background-repeat: no-repeat; background-position: top center; background-size: contain; background-size: initial; padding: 20px 0 20px 40px; position: absolute; bottom: 0; }
.mobile .mobile-menu-content #login2 a { padding: 15px 0 0px 0px; }
.mobile .mobile-menu-content #login2 label { display: none; }
.mobile .mobile-menu-content #login2 input { display: block; }
/*.mobile .mobile-menu-content #login2 > div, .mobile .mobile-menu-content #login2 > p { padding: 0px 0 0px 40px; }*/
.mobile .mobile-menu-content #login2 > div input { margin-top: 12px; }
.mobile .mobile-menu-content #login2 > p, .mobile .mobile-menu-content #login2 > div p { font-weight: bold; color: #9ba2b9; }
.mobile .mobile-menu-content #login2 > div input[type="text"], .mobile .mobile-menu-content #login2 > div input[type="password"] { background-color: #e8ecfa; border-width: 0; padding: 7px 5px; border-radius: 7px; }
.mobile .mobile-menu-content #login2 > div input[type="submit"], .mobile .mobile-menu-content #login2 > div input[type="button"] { background-color: #859df1; color: #fff; font-weight: bold; border-width: 0; padding: 7px 5px; border-radius: 7px; }
.mobile .mobile-background { opacity: 1; position: absolute; background-color: rgba(207, 213, 231, .5); top: 60px; bottom: 0; left: 0; right: 0; z-index: 6; transition: opacity .2s ease-in-out; }
.mobile .mobile-background.menu-fade { opacity: 0; }

.mobile .magazine .bottomButtons .open > div:nth-child(1) { text-align: center; left: 50%; transform: translateX(-50%); top: 120%; }
.mobile .magazine .topButtons { /*width: 90%; margin: auto;*/ display: none !important; }
.mobile .bt-menu { display: none; }
.mobile .iframe_ajuda article ul li a { font-size: 0; padding: 5px 0px; }
.mobile #simplemodal-container { padding: 15px; }
.mobile .control-buttons { z-index: 5; height: 65px !important; bottom: 0; position: absolute; width: 100%; background-color: #b8c0dd; }
.mobile .next-button { height: 50px !important; bottom: 5px; right: 2%; top: 50%; transform: translateY(-50%); }
.mobile .previous-button { height: 50px !important; bottom: 5px; left: 2%; top: 50%;transform: translateY(-50%); }
.mobile .left .tabs { left: -8.67%; }
.mobile .left .tabs a:hover { left: 0; }
.mobile .topButtons .cover { margin-left: 0%; width: 100%; }
.mobile .topButtons .cover { margin-left: 0%; width: 100%; }
.mobile .cover .previous-button, .mobile .back .next-button{ display: block !important; opacity: .3; }
.mobile div.jqi { width: 90% !important; transform: translateX(-50%) translateY(-50%) !important; margin-left: initial !important; padding: 5 !important; }

.mobile .magazine-viewport .shadow { -webkit-box-shadow: 0 0 0px #666; -moz-box-shadow: 0 0 0px #666;
-o-box-shadow: 0 0 0px #666; -ms-box-shadow: 0 0 0px #666; box-shadow: 0 0 0px #666; }

.mobile .tip { max-width: 175px; }	
.mobile .tip-top:after { bottom: 28px; left: initial; right: 50%; margin-right: -20px; border-width: 0px 10px 10px; }
.mobile .tip-right:after { bottom: 10px; left: initial; right: 10px; margin-right: -20px; border-width: 10px 10px 0; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.mobile .tip-left:after { bottom: 10px; left: 10px; margin-left: -20px; border-width: 10px 10px 0; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.mobile body > .popup { left: 50% !important; transform: translateX(-50%); width: 90% !important; }

/*@media screen and (max-width: /*700*//*900px) {*/
	.mobile .mobile-menu { height: 35px; }
    .mobile .mobile-menu .hamburger { width: 45px; height: 35px; position: relative; }
	.mobile .mobile-menu .mobile-sep1 { width: 66px; height: 35px; margin-left: -3px; }
	.mobile .mobile-menu .mobile-sep2 { width: 90px; height: 35px; margin-left: -40px; position: relative; }
	.mobile .mobile-menu .mobile-sep3, .mobile .mobile-menu .mobile-sep4 { width: 66px; height: 35px; right: 10px; position: relative; }
	.mobile-menu-content { width: 240px; }
	.mobile-menu-content.menu-close { transform: translateX(-240px); }
	.mobile .mobile-menu-content a { padding: 30px 0 0 25px; }
	.mobile .mobile-menu-content #login2 { padding: 20px 0 20px 25px; background-size: contain; }
	.mobile .mobile-menu-content a:first-child { background-position: 25px bottom; background-size: 165px; }
	.mobile .mobile-background { top: 35px; }
/*}*/

@media screen and (max-width: 350px) {
	.mobile .mobile-menu { height: 32px; }
    .mobile .mobile-menu .hamburger { width: 42px; height: 35px; }
	.mobile .mobile-menu .mobile-sep1 { width: 61px; height: 35px; margin-left: -3px; }
	.mobile .mobile-menu .mobile-sep2 { width: 85px; height: 35px; margin-left: -39px; }
	.mobile .mobile-menu .mobile-sep3, .mobile .mobile-menu .mobile-sep4 { width: 61px; height: 35px; right: 10px; }
	.mobile-menu-content { width: 211px; }
	.mobile-menu-content.menu-close { transform: translateX(-211px); }
}

@media (max-height: 675px), (max-width: 1040px){
	.bt-menu a { background-repeat: no-repeat; background-size: contain; }
	.bt-menu a span { display: none; }
	
}

@media screen and (max-height: 675px){
	.bt-menu a { height: 6%; }
	
}

@media screen and (max-width: 1040px){
	.bt-menu a { width: 4%; }
	
}