body{ padding-top: 0px; padding-bottom: 0px; background-color:#FFF; font-family: 'Source Sans Pro', sans-serif; font-size:16px;}

.desktop{
	display:block !important;
	visibility:visible !important;
}
.mobile{
	display:none !important;
	visibility: hidden !important;
}


.painel-acesso{/*background-color:#ebebeb;*/ background-color:#FFF;}

.navbar {height: 81px; padding-top:0px;}

/**------------------------------------------**/

.navbar-inverse { background-color: #073b5d}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #FEFEFE}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #FEFEFE}

.dropdown-menu { background-color: #FEFEFE; color:#073b5d;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background-color: #FEFEFE;color: #073b5d;  width:100%; border-bottom:5px #46a0f5 solid;}

.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }

.navbar-inverse { border-color: #FEFEFE}
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #073b5d}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #073b5d;  border-bottom:5px #46a0f5 solid; height:80px; font-size:15px; font-weight:bold; text-decoration:none; display:block;/*padding-top:30%;*/}
/*padding comentado na classe acima -> este atributo "bagunçava" o menu do usuário ao se passar o mouse sobre o objeto*/

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #073b5d}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #073b5d}

.dropdown-menu>li>a { color: #073b5d}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #073b5d}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

/**------------------------------------------**/
.theme-showcase{ /*border:0px solid #F00; margin-top:-20px; */ margin-top:67px;  padding:20px 38px 8px 44px; background-color:#FFF; min-height:635px;}

.carousel-control.left, .carousel-control.right { background-image: none }

.carousel-control.left, .carousel-control.right{ background: none !important; filter: progid:none !important; }
.logoAbras{ background:url(../../images/topo_logoAbras.png) no-repeat; width:270px; height:79px; margin:0px; padding:0px; }
.btAcessar{ background:url(../../images/topo_btAcessar.png) no-repeat; width:95px; height:37px; margin:22px 0px 0px 0px; padding:0px; }

.btCadastro{ background:url(../../images/topo_btcadastro.png) no-repeat; width:127px; height:37px; margin:22px 0px 0px 0px; padding:0px; }

.bannerCentral { padding: 50px 100px ; max-width:1172px; color:#FFF; }
.bannerPags { padding: 40px 0px 40px 20px ; max-width:1172px; color:#e7eaec; }
.bannerTelaInfinita{background:url(../../images/img_modTreinaIfplus02.png) no-repeat #e7eaec; background-size: cover; background-position: 100%; };
.textshadown { text-shadow:-4px 5px 7px #000000; font-weight:bold }
.homeDivision { background:#2589de; color:#FFF; height:100px; display: flex; align-items: center; }
.destaques { color:#179c7d; font-size:18px; font-weight:bold; height:45px; vertical-align:middle; padding: 10px 0px 10px 0px }
.titleDestaques { color:#073b5d; font-weight:bold; alignment-adjust: central middle; text-align:center; }
.cursosOnline { border:solid 1px #CCCCCC; padding:15px 0px;}
.cartilhas { border:solid 1px #CCCCCC; padding:15px 0px; min-height:220px;}
.titleCursosOnline { color:#073b5d; font-size:16px; font-weight:bold; alignment-adjust: central middle; text-align:center; }
.titlecartilhas { color:#073b5d; font-size:16px; font-weight:bold; alignment-adjust: central middle; text-align:center; }
.caixatxtCursosOnline { width:auto; height:40px; }
.tituloPag { font-size:23px; color:#073b5d; font-weight:bold }
.textPag { font-size:16px; color:#222}
.titleUnderline { font-size:17px; color:#073b5d; font-weight:bold; border-bottom: solid 1px #073b5d; padding: 12px 0px 0px 0px  }
.caixaModGestTreina {background:#d0d5d9; width:auto; height:inherit; padding:20px; font-weight:bold; height:auto; min-height:250px}

.trianguloL{width:33px; height:80px; background:#073b5d url(../../images/bg_menu_p1.png)no-repeat;}
.trianguloR{width:33px; height:80px; background:#073b5d url(../../images/bg_menu_p2.png)no-repeat;}

/*
@media only screen and (min-width: 600px) {
.trianguloL{width:0px; height:0px;  background:#FFF; background-image: none !important; padding:0px; margin:0px;}
.trianguloR{width:0px; height:0px;  background:#FFF; background-image: none !important; padding:0px; margin:0px;}
	
} 
*/

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

.menu{list-style:none; }
.menu li a{color:#073b5d;width:66px; height:80px; font-size:15px; font-weight:bold; text-decoration:none; display:block;padding-top:30%;}

.btHistorico{ background:url(../../images/topo_btHistorico3.png) no-repeat; width:80px; height:21px; margin:20px 0px 0px 0px; padding:0px; border:0px solid #F3C }
.menu li  a.box_client{	border:0px solid #F3C;  width:90px;  font-size:12px; font-weight:bold;  padding-top:10px;}
/**/.menu li a.box_client:hover{	border:0px solid #FF0; width:90px;  font-size:12px; font-weight:bold;  padding-top:10px; border-bottom:5px #46a0f5 solid;}

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

.menu{list-style:none; }
.menu li a{color:#073b5d;width:86px; height:80px; font-size:15px; font-weight:bold; text-decoration:none; display:block;padding-top:30%;}

.btHistorico{ background:url(../../images/topo_btHistorico2.png) no-repeat; width:100px; height:28px; margin:22px 0px 0px 0px; padding:0px; border:0px solid #00F }
.menu li a.box_client{	border:0px solid #00F; width:130px;  font-size:13px; font-weight:bold;  padding-top:26px;}

/**/.menu li a.box_client:hover{	border:0px solid #FF0; width:130px;  font-size:13px; font-weight:bold;  padding-top:26px; border-bottom:5px #46a0f5 solid;}


} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.menu{list-style:none; }
.menu li a{color:#073b5d;width:96px; height:80px; font-size:15px; font-weight:bold; text-decoration:none; display:block;padding-top:30%;}

.btHistorico{ background:url(../../images/topo_btHistorico.png) no-repeat; width:142px; height:37px; margin:22px 0px 0px 0px; padding:0px; border:0px solid #FF0 }
.menu li a.box_client{	border:0px solid #FF0; width:180px;  font-size:15px; font-weight:bold; padding-top:30px;}

/**/.menu li a.box_client:hover{	border:0px solid #FF0; width:180px;  font-size:15px; font-weight:bold; padding-top:30px; border-bottom:5px #46a0f5 solid;}

}



.menu2{list-style:none; }
.menu2 li a{color:#fff;width:156px; height:80px; font-size:15px; font-weight:bold; text-decoration:none; display:block;padding-top:20%;}


a.lnkM{color:#78797b; border-left:6px solid #ffffff; background-color:#FFF; }
a.lnkM:hover{color:#006beb; border-left:6px solid #006beb; background-color:#016fc6; }
a.lnkM:focus{color:#006beb; border-left:6px solid #006beb; background-color:#016fc6; }
a.lnkM:active{color:#006beb; border-left:6px solid #006beb; background-color:#016fc6; }

a.lnkSM{color:#78797b; border-left:6px solid #ffffff; background-color:#FFF; font-size:12px; height: 25px; padding-top: 10px; padding-bottom: 0px; line-height: 5px; } 
a.lnkSM:hover{color:#006beb; border-left:2px solid #006beb; background-color:#016fc6; font-size:12px; height: 25px; padding-top: 10px; padding-bottom: 0px; margin-left: 14px; padding-left:5px; line-height: 5px;}
a.lnkSM:focus{color:#006beb; border-left:2px solid #006beb; background-color:#016fc6; font-size:12px; height: 25px; padding-top: 10px; padding-bottom: 0px; margin-left: 14px; padding-left:5px; line-height: 5px;}
a.lnkSM:active{color:#006beb; border-left:2px solid #006beb; background-color:#016fc6; font-size:12px; height: 25px; padding-top: 10px; padding-bottom: 0px; margin-left: 14px; padding-left:5px; line-height: 5px;}


li.lx{padding:10px 15px; border-bottom:1px solid #006beb; border-left:0px solid #006beb; font-size:15px; color:#006beb;}

a.lnkLx{color:#006beb; border-left:6px solid #ffffff; background-color:#FFF; }
a.lnkLx2{ color:#78797b; }
a.lnkLx2:hover{color:#006beb;}
a.lnkLx2:focus{color:#006beb;}
a.lnkLx2:active{color:#006beb;}

.list-special3 .list-group-item{border-radius: 0; border:0; color:#78797b; }
.list-special3 .list-group-item:hover{border-radius: 0; color:#006beb; }
.list-special3 .list-group-item:focus{border-radius: 0; color:#006beb; }
.list-special3 .list-group-item.active{border-radius: 0;  background:#FFF url(../../images/bg_menu_1x.png) repeat-x; font-size:15px; color:#006beb; }
.list-special3 .list-group-item.active:focus{border-radius: 0; background:#FFF url(../../images/bg_menu_1x.png) repeat-x; font-size:15px; color:#006beb; }

.list-special3 .list-group-item .bdT{border-radius: 0; border:0; repeat-x; color:#78797b; }
.list-special3 .list-group-item .bdT:hover{border-radius: 0; color:#006beb }
.list-special3 .list-group-item .bdT:focus{border-radius: 0; color:#006beb }

.tableX > tbody > tr > td{border: 1px solid #FFF;}

.blueDT{ background-color:#c2d4ec; text-align:center; padding:3px; }

a.lnkList{ font-size:12px; color:#78797b;}
a.lnkList:hover{ font-size:12px; color:#006beb; text-decoration:none}
a.lnkbottom{ font-size:15px; color:#006beb;}
a.lnkbottom:hover{ color:#006beb; text-decoration:none}

.list-special4 .list-group-item { 			border-radius: 0; height:42px; background-color:#FFF; padding:0px }
.list-special4 .list-group-item:hover{		border-radius: 0; height:42px; background-color:#FFF; padding:0px }
.list-special4 .list-group-item:focus{ 		border-radius: 0; height:42px; background-color:#FFF; padding:0px }

.TitPage{color:#006beb;}

.panel .panel-default{ border-radius: 0; }

.rodape{ color:#FFF; font-size:11px;}


@media(max-width: 1900px){
.homeDivision { background:#2589de; color:#FFF; height:100px; padding: 15px; }
.caixaModGestTreina {background:#d0d5d9; width:auto; height:inherit; padding:20px; font-weight:bold; height:auto; min-height:280px}
}

@media(max-width: 1691px){
.caixaModGestTreina {background:#d0d5d9; width:auto; height:inherit; padding:20px; font-weight:bold; height:auto; min-height:320px}
}

@media(max-width: 1450px){
.homeDivision { background:#2589de; color:#FFF; height:110px; padding: 15px; }
.destaques { color:#179c7d; font-size:16px; font-weight:bold; height:45px; vertical-align:middle; padding: 10px 0px 10px 0px }
.titleDestaques { color:#073b5d; font-weight:bold; alignment-adjust: central middle; text-align:center; font-size:14px; }
.caixaModGestTreina {background:#d0d5d9; width:auto; height:inherit; padding:20px; font-weight:bold; height:auto; min-height:350px}
}

@media(max-width: 1250px){
.caixaModGestTreina {background:#d0d5d9; width:auto; height:inherit; padding:20px; font-weight:bold; height:auto; min-height:400px}
}


@media(max-width: 1200px){
.logoAbras{ background:url(../../images/topo_logoAbras2.png) no-repeat; width:203px; height:59px; margin-top:8px }
.homeDivision { background:#2589de; color:#FFF; height:110px; padding: 15px; }
/*
.menu{ background:url(../../images/topo_bgMenu2.png) no-repeat; min-width: 500px;}
.menu li a{color:#073b5d; font-size:13px; font-weight:bold; text-decoration:none; padding:30px 10px 8px 10px; display:block;}
*/
.bannerCentral { padding: 40px; max-width:968px; color:#FFF }
.destaques { color:#179c7d; font-size:15px; font-weight:bold; height:45px; vertical-align:middle; padding: 10px 0px 10px 0px }
.titleDestaques { color:#073b5d; font-weight:bold; alignment-adjust: central middle; text-align:center; font-size:13px; }
.caixaModGestTreina {background:#d0d5d9; width:auto; height:inherit; padding:20px; font-weight:bold; height:auto; min-height:470px}
}

@media(max-width: 1170px){
.homeDivision { background:#2589de; color:#FFF; height:160px; padding: 15px; }
.destaques { color:#179c7d; font-size:13px; font-weight:bold; height:45px; vertical-align:middle; padding: 10px 0px 10px 0px }
.titleDestaques { color:#073b5d; font-weight:bold; alignment-adjust: central middle; text-align:center; font-size:11px; }
.caixaModGestTreina {background:#d0d5d9; width:auto; height:inherit; padding:20px; font-weight:bold; height:auto; min-height:520px}
.bannerTelaInfinita{background:url(../../images/img_modTreinaIfplus02.png) no-repeat #e7eaec; background-size: cover; background-position: 50%; };
}
	
@media(max-width: 985px){
.logoAbras{ background:url(../../images/topo_logoAbras3.png) no-repeat; width:152px; height:44px; margin-top:14px }
.homeDivision { background:#2589de; color:#FFF; height:190px; padding: 15px; }

.btAcessar{ background:url(../../images/topo_btAcessar2.png) no-repeat; width:72px; height:28px; margin:24px 0px 0px 0px; padding:0px; }
.btCadastro{ background:url(../../images/topo_btcadastro2.png) no-repeat; width:96px; height:28px; margin:24px 0px 0px 0px; padding:0px; }

.bannerCentral { padding: 40px; max-width:685px;  color:#FFF }
.destaques { color:#179c7d; font-size:12px; font-weight:bold; height:45px; vertical-align:middle; padding: 10px 0px 10px 0px }
.titleDestaques { color:#073b5d; font-weight:bold; alignment-adjust: central middle; text-align:center; font-size:10px; }
}

@media(max-width: 774px){
.desktop{
	display:none !important;
	visibility: hidden !important;
}
.mobile{
	display:block !important;
	visibility:visible !important;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #073b5d;  border-bottom:none; height:50px; font-size:15px; font-weight:bold; text-decoration:none; display:block;/*padding-top:30%;*/}
.logoAbras{ background:url(../../images/topo_logoAbras3.png) no-repeat; width:152px; height:44px; margin-top:14px }
.homeDivision { background:#2589de; color:#FFF; height:95px; padding: 15px; }

.btAcessar{ background:url(../../images/topo_btAcessar2.png) no-repeat; width:72px; height:28px; margin:24px 0px 0px 0px; padding:0px; }
.btCadastro{ background:url(../../images/topo_btcadastro2.png) no-repeat; width:96px; height:28px; margin:24px 0px 0px 0px; padding:0px; }

.bannerCentral { padding: 40px; max-width:685px; color:#FFF }
.destaques { color:#179c7d; font-size:18px; font-weight:bold; height:45px; vertical-align:middle; padding: 10px 0px 10px 0px }
.titleDestaques { color:#073b5d; font-weight:bold; alignment-adjust: central middle; text-align:center; font-size:16px; }
.caixaModGestTreina {background:#d0d5d9; width:auto; height:inherit; padding:20px; font-weight:bold; height:auto; min-height:150px}
.bannerTelaInfinita{background:#e7eaec;};
}
	
@media(max-width: 554px){
.destaques { color:#179c7d; font-size:18px; font-weight:bold; height:45px; vertical-align:middle; padding: 10px 0px 10px 0px }
.titleDestaques { color:#073b5d; font-weight:bold; alignment-adjust: central middle; text-align:center; font-size:16px; }
}