/**
                                   ###   ###        ##     
                                    ##   ##          #     
                                    ###  ##          #     
  ######   ####  ### ##  ###  ####  # # # #   ####   ####  
   #   #  ##  ##  ## #  #   #  # #  # # # #  ##  ##  #   # 
   #   #  #    #   ##   #####  #    #  #  #  #    #  #   # 
   #   #  ##  ##  # ##  #      #    #  #  #  ##  ##  #   # 
  ### ###  ####  ## ###  #### ###  ###   ###  ####   ####  
                                                                                                                                                                                                                                 
                                                           
 *
 * @author: noxerMob - Soluções práticas para Agências digitais
 * @site: http://www.noxermob.com
 * @date: 2014/09/05
 *
 * Copyright(c) Todos os direitos reservados
 *
**/

body {
	overflow: hidden;
	overflow-y: scroll;	
}
body.page {
	background: #f4f4f4;	
}
a {
	outline: none !important;
}
div.container {
	max-width: 980px;
}
header h1 a,
footer.rodape div.boxItem.boxContato ul.redes li a,
aside.sidebar div.boxFacebook a.btFb,
header a.btLogin,
aside.sidebar div.boxInstagram a.btFb,
header ul.menuPrincipal li a,
section.contato div.boxItem div.titulo a,
section.contato div.formulario button.botao,
section.wod a.btCarregarMais {
	display: block;
	overflow: hidden;
	text-indent: -9999px;	
}

/* Header
--------------------------------------------------*/
header {
	width: 100%;
	height: 330px;
	display: block;
	margin-bottom: 27px;
	background: url(../img/bg/bg_topo_header.png) no-repeat top center;
}
header div.col-md-12 {
	position: relative;	
	height: 330px;
}
header h1 {
    left: 50%;
    margin: 0 0 0 -97px;
    padding: 0;
    position: absolute;
    top: 50px;
}
header h1 a {
	width: 196px;
	height: 196px;
}
header a.btLogin {
	background: url(../img/bg/bg_login.png) no-repeat;
	width: 231px;
	height: 34px;
	float: right;
	margin-top: 9px;	
}
header ul.menuPrincipal {
	float: left;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../img/bg/bg_menu.png) no-repeat;
	width: 980px;
	height: 48px;
}
header ul.menuPrincipal li {
	float: left;
	padding-right: 1px;	
}
header ul.menuPrincipal li:last-child {
	padding-right: 0;	
}
header ul.menuPrincipal li a {
	height: 49px;
}
header ul.menuPrincipal li:nth-child(1) a {
	width: 92px;
}
header ul.menuPrincipal li:nth-child(2) a {
	width: 97px;
}
header ul.menuPrincipal li:nth-child(3) a {
	width: 129px;
}
header ul.menuPrincipal li:nth-child(4) a {
	width: 202px;
}
header ul.menuPrincipal li:nth-child(5) a {
	width: 229px;
}
header ul.menuPrincipal li:nth-child(6) a {
	width: 226px;
}
header ul.menuPrincipal li a:hover,
header ul.menuPrincipal li.current-menu-item a {
	background: url(../img/bg/bg_marcador_mn.png) repeat-x left bottom;
}

/* Content
--------------------------------------------------*/
div.content {
	/*float: left;
	display: block;
	width: 728px;*/	
}
body.home header,
body.home footer {
	margin-bottom: 0;
	margin-top: 0;
}
section.home {
	background: url(../img/bg/bg_home.jpg);
	padding: 27px 0;	
}
section.home div.content h1,
section.home div.content h2,
section.home div.content h3,
section.home div.content h4,
section.home div.content h5,
section.home div.content h6,
section.home div.content h1 a,
section.home div.content h2 a,
section.home div.content h3 a,
section.home div.content h4 a,
section.home div.content h5 a,
section.home div.content h6 a {
	font-family: 'Archivo Narrow';
	margin: 0;
	padding: 0;
	margin-bottom: 22px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #425261;
	text-transform: uppercase;
	background: url(../img/bg/bg_dot_linha_2.png) no-repeat left bottom;
}
section.home div.bemVindo {
	float: left;
	display: block;
	width: 100%;
	height: 382px;	
}
section.home div.bemVindo p {
	font-family: 'Archivo Narrow';
	font-size: 16px;
	color: #8e98a1;
	line-height: 21px;
	margin-bottom: 20px;
	float: left;
	width: 226px;
}
section.home div.bemVindo img {
	float: right;	
}
section.home div.boxVideo {
	float: left;
	display: block;
	padding-bottom: 17px;
	width: 100%;
}
section.home div.boxVideo h1 {
	color: #eb8500;
	background: url(../img/bg/bg_dot_linha_3.png) no-repeat left bottom;
}
section.home div.boxVideo div.txt {
	margin-top: -5px;	
}
section.home div.boxFrase {
	float: left;
	display: block;
	width: 100%;
}
section.home div.boxFrase div.frase {
	float: left;
	display: block;
	padding: 70px 90px 50px 100px;
	position: relative;
}
section.home div.boxFrase div.frase span.inicio {
	background: url(../img/bg/bg_setas.png) no-repeat;
    display: block;
    height: 34px;
    left: 30px;
    position: absolute;
    top: 66px;
    width: 38px;
}
section.home div.boxFrase div.frase span.fim {
	background: url(../img/bg/bg_setas.png) no-repeat -38px 0;
    display: block;
    height: 34px;
    position: absolute;
    right: 60px;
    bottom: 14px;
    width: 38px;	
}
section.home div.boxFrase div.frase cite {
	font-family: 'Archivo Narrow';
	font-style: italic;
	color: #85837f;
	font-size: 24px;
	float: left;
}
section.home div.boxFrase div.frase p {
	font-family: 'Archivo Narrow';
	font-style: italic;
	color: #5a5854;
	font-size: 14px;
	float: right;
	font-weight: bold;
}
section.perguntas div.destaqueInterno {
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
}
section.perguntas div.boxCoach {
	float: left;
	display: block;
	clear: left;
	width: 100%;
	margin-bottom: 40px;	
}
section.perguntas div.boxCoach div.txt {
	float: right;
	display: block;
	max-width: 477px;
}
section.perguntas div.content h1,
section.perguntas div.content h2,
section.perguntas div.content h3,
section.perguntas div.content h4,
section.perguntas div.content h5,
section.perguntas div.content h6,
section.perguntas div.content h1 a,
section.perguntas div.content h2 a,
section.perguntas div.content h3 a,
section.perguntas div.content h4 a,
section.perguntas div.content h5 a,
section.perguntas div.content h6 a {
	font-family: 'Archivo Narrow';
	margin: 0;
	padding: 0;
	margin-bottom: 22px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #425261;
	text-transform: uppercase;
	background: url(../img/bg/bg_dot_linha_2.png) no-repeat left bottom;
}
section.perguntas div.content p {
	font-family: 'Archivo Narrow';
	font-size: 16px;
	color: #8e98a1;
	line-height: 21px;
	margin-bottom: 20px;
}
section.contato div.boxItem {
	float: left;
}
section.contato div.boxItem div.conteudo {
	display: block;
	float: left;
	min-height: 152px;
	width: 100%;
	background: #e3e4e6;
	border: 1px solid #d6d6d6;	
}
section.contato div.formulario {
	float: left;
	width: 100%;
	display: block;
	margin-top: 10px;
	margin-bottom: 40px;
}
section.contato div.formulario .col-xs-6 {
	padding: 0 15px;	
}
section.contato div.formulario input {
	font-family: 'Archivo Narrow';
	background: #FFF;
	width: 100%;
	border: none;
	color: #adb4bb;
	padding: 10px 15px;
	border: 1px solid #d7d7d7;
	margin-bottom: 10px;
	font-size: 14px;
	text-transform: uppercase;
}
section.contato div.formulario textarea {
	font-family: 'Archivo Narrow';
	background: #FFF;
	width: 100%;
	border: none;
	color: #adb4bb;
	padding: 10px 15px;
	border: 1px solid #d7d7d7;
	margin-bottom: 10px;
	font-size: 14px;
	height: 120px;
	text-transform: uppercase;
}
section.contato div.formulario .mensageErro {
	display: none;	
}
section.contato div.formulario .mensageSucesso {
	display: none;	
}
section.contato div.formulario .mensageErro.ativo {
	display: block;	
}
section.contato div.formulario .mensageSucesso.ativo {
	display: block;	
}
section.contato div.formulario input.error,
section.contato div.formulario textarea.error {
	border: 1px solid #FDACAE !important;
}
section.contato div.formulario label.error {
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 1px;
	display: none;
	text-indent: -9999px;
}
section.contato div.formulario button.botao {
	border: none;
	float: right;
	background: url(../img/bt/bt_enviar.png) no-repeat;
	width: 166px;
	height: 40px;
}
section.contato div.content {
	margin: 0;	
}
section.contato div.boxItem.boxLocalizacao {
	width: 100%;
	margin-bottom: 30px;
}
section.contato div.boxItem.boxLocalizacao div.conteudo {
	position: relative;	
}
section.contato div.boxItem.boxLocalizacao div.endereco {
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -140px;
	width: 282px;
	height: 117px;
	background: url(../img/bg/bg_endereco.png) no-repeat;
}
section.contato div.boxItem.boxLocalizacao div.endereco p {
 	color: #3a3a3a;
    float: left;
    margin: 0;
	line-height: 18px;
    padding: 20px 10px 0 110px;
}
section.contato div.boxItem.boxLogos {
	width: 227px;
	margin-left: 25px;
}
section.contato div.boxItem.boxContato {
	width: 100%;
}
section.contato div.boxItem.boxContato ul.redes {
	float: right;
	margin: 0;
	padding: 0;
	margin-top: -58px;
	list-style: none;
}
section.contato div.boxItem.boxContato ul.redes li {
	float: left;
	margin-left: 6px;
}
section.contato div.boxItem.boxContato ul.redes li a {
	width: 31px;
	height: 31px;
	background: url(../img/bg/bg_redes_2.png) no-repeat;
}
section.contato div.boxItem.boxContato ul.redes li:last-child a {
	background-position: -36px 0;
}
section.contato div.boxItem.boxContato div.conteudo ul {
	margin: 0;
	padding: 20px 0 0 0;	
	list-style: none;
}
section.contato div.boxItem.boxContato div.conteudo ul li {
	font-family: 'Archivo Narrow';
	color: #4a5258;
	font-size: 18px;
	text-align: center;
	padding: 4px 0;
}
section.contato div.boxItem.boxContato div.conteudo ul li span {
	font-size: 12px;	
}
section.wod div.boxWood {
	margin-bottom: 20px;
	width: 220px;
	float: left;
	display: block;	
}
section.wod div.boxWood h3 {
	font-family: 'Archivo Narrow';
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #425261;
	text-transform: uppercase;
	background: url(../img/bg/bg_dot_linha_2.png) no-repeat left bottom;
}
section.wod div.boxWood h3 div.icone {
	float: left;
	display: block;
	width: 31px;
	height: 25px;
	margin-right: 25px;
	margin-top: -5px;
	margin-left: 10px;
	background: url(../img/bg/bg_icon_wod.png) no-repeat;	
}
section.wod div.boxWood ul {
	float: left;	
	width: 227px;
	float: left;
	display: block;	
	margin: 0;
	padding: 0;
}
section.wod div.boxWood ul li {
	border-left: 36px solid #00bff3;
	width: 220px;
	float: left;
	display: block;	
	background: #FFF;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
	position: relative;
}
section.wod div.boxWood ul li div.icone {
	background: url(../img/bg/bg_icone_relogio.png) no-repeat;
	width: 19px;
	height: 23px;
	display: block;
	position: absolute;
	left: -28px;
	top: 10px;	
}
section.wod div.boxWood ul li h1 {
	font-family: 'Archivo Narrow';
	background: none;
	font-weight: bold;
	margin: 0;
	padding: 0;	
	margin-bottom: 3px;
	font-size: 16px;
	color: #eb8500;
	text-transform: uppercase;
}
section.wod div.boxWood ul li p {
	font-family: 'Archivo Narrow';
	margin: 0;
	padding: 0;	
	font-size: 13px;
	color: #88939e;
	text-transform: uppercase;
}
section.wod div.boxWood ul li div.wod {
	width: 185px;
	display: block;
	border: 1px solid #e1e1e1;
	border-left: none;
	padding: 15px 10px 15px 18px;
}
section.wod h5 {
	background: url(../img/bg/bg_data.png) no-repeat !important;
	color: #FFF !important;
	text-align: center;
	padding: 11px 0 0 0 !important;
	width: 100%;
	display: block;
	height: 40px;
	float: left;
}
section.wod div.content {
	position: relative;
	padding-bottom: 30px;	
}
section.wod a.btCarregarMais {
	background: url(../img/bg/bg_carregar.png) no-repeat;
	width: 226px;
	height: 40px;	
	position: absolute;
	left: 50%;
	bottom: -30px;
	margin-left: -113px;
}
section.horarios div.boxHorario {
	float: left;
	width: 100%;
	clear: left;
	margin-bottom: 40px;
	margin-top: 20px;
}
section.horarios div.calendario {
	width: 100%;
	display: block;
	float: left;	
}
section.horarios div.calendario table {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
section.horarios div.calendario table th {
	font-family: 'Archivo Narrow';
	text-align: center;	
	font-size: 18px;
	height: 50px;
	text-transform: uppercase;
	width: 93px;
}
section.horarios div.calendario table th.horario {
	width: 70px;
}
section.horarios div.calendario table td.semHorario {
	background: url(../img/bg/bg_fechado.png) no-repeat #f4f4f4 center center;	
}
section.horarios div.calendario table td {
	font-family: 'Archivo Narrow';
	text-align: center;	
	font-size: 14px;
	background: #d6e4e2;
	border: 1px solid #f4f4f4;
	width: 93px;
	height: 93px;
	padding: 14px;
	text-transform: uppercase;
	line-height: 18px;
}
section.horarios div.calendario table td p {
	margin: 0;
	padding: 0;	
	color: #FFF;
}
section.horarios div.calendario table td.selecionado {
	font-family: 'Archivo Narrow';
	overflow: hidden;
	background: #2f5a79;
	color: #FFF;
	line-height: 18px;
}
section.horarios div.calendario table td.horario {
	width: 70px;
	background: #bcccca;
	vertical-align: top;
	padding-top: 10px;
	font-family: 'Archivo Narrow';
	text-align: center;	
	font-size: 18px;
	color: #FFF;
	font-weight: bold;	
}
section .listPosts {
	margin-bottom: 60px;
}

/* Sidebar
--------------------------------------------------*/
aside.sidebar {
	width: 227px;	
}
body.home aside.sidebar div.boxWood {
	min-height: 355px;
}
aside.sidebar div.boxWood {
	margin-bottom: 26px;
	width: 227px;
	float: left;
	display: block;	
}
aside.sidebar div.boxWood h3 {
	font-family: 'Archivo Narrow';
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #425261;
	text-transform: uppercase;
	background: url(../img/bg/bg_dot_linha_2.png) no-repeat left bottom;
}
aside.sidebar div.boxWood h3 div.icone {
	float: left;
	display: block;
	width: 31px;
	height: 25px;
	margin-right: 25px;
	margin-top: -5px;
	margin-left: 10px;
	background: url(../img/bg/bg_icon_wod.png) no-repeat;	
}
aside.sidebar div.boxWood ul {
	float: left;	
	width: 227px;
	float: left;
	display: block;	
	margin: 0;
	padding: 0;
}
aside.sidebar div.boxWood ul li {
	border-left: 36px solid #00bff3;
	width: 227px;
	float: left;
	display: block;	
	background: #FFF;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
	position: relative;
}
aside.sidebar div.boxWood ul li div.icone {
	background: url(../img/bg/bg_icone_relogio.png) no-repeat;
	width: 19px;
	height: 23px;
	display: block;
	position: absolute;
	left: -28px;
	top: 10px;	
}
aside.sidebar div.boxWood ul li h1 {
	background: none;
	font-family: 'Archivo Narrow';
	font-weight: bold;
	margin: 0;
	padding: 0;	
	margin-bottom: 3px;
	font-size: 16px;
	color: #eb8500;
	text-transform: uppercase;
}
aside.sidebar div.boxWood ul li p {
	font-family: 'Archivo Narrow';
	margin: 0;
	padding: 0;	
	font-size: 13px;
	color: #88939e;
	text-transform: uppercase;
}
aside.sidebar div.boxWood ul li div.wod {
	width: 190px;
	display: block;
	border: 1px solid #e1e1e1;
	border-left: none;
	padding: 15px 10px 15px 18px;
}
aside.sidebar div.redesSociais {
	float: left;
}
aside.sidebar div.redesSociais h3 {
	font-family: 'Archivo Narrow';
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #eb8500;
	text-transform: uppercase;
	background: url(../img/bg/bg_dot_linha_3.png) no-repeat left bottom;
}
aside.sidebar div.boxFacebook {
	float: left;
	background: url(../img/bg/bg_fb.jpg) no-repeat;
	height: 350px;
	display: block;
	width: 227px;	
	position: relative;
	margin-bottom: 20px;
}
aside.sidebar div.boxFacebook div.dentro {
	padding: 45px 10px 0 10px;	
}
aside.sidebar div.boxFacebook a.btFb {
    bottom: 16px;
    height: 33px;
    left: 14px;
    position: absolute;
    width: 196px;
}
aside.sidebar div.boxInstagram {
	float: left;
	background: url(../img/bg/bg_is.jpg) no-repeat;
	height: 300px;
	display: block;
	width: 227px;	
	position: relative;
}
aside.sidebar div.boxInstagram ul {
	margin: 0;
	padding: 0;	
}
aside.sidebar div.boxInstagram ul li {
	margin: 0;
	padding: 0;	
}
aside.sidebar div.boxInstagram img {
	height: 196px;
	width: 196px;
}
aside.sidebar div.boxInstagram div.dentro {
	padding: 48px 15px 0 15px;	
}
aside.sidebar div.boxInstagram a.btFb {
    bottom: 16px;
    height: 33px;
    left: 14px;
    position: absolute;
    width: 196px;
}

/* Footer
--------------------------------------------------*/
footer.rodape {
	background: url(../img/bg/bg_rodape.jpg) repeat-x #2d3248;
	min-height: 317px;
	float: left;
	display: block;
	width: 100%;
	margin-top: 27px;
}
footer.rodape div.boxItem {
	margin-top: 60px;	
	float: left;
	width: 100%;
}
footer.rodape div.boxItem div.conteudo {
	display: block;
	float: left;
	min-height: 145px;
	width: 100%;
	position: relative;
	background: url(../img/bg/bg_transparencia.png);	
}
footer.rodape div.boxItem.boxLocalizacao div.endereco {
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -140px;
	width: 282px;
	height: 117px;
	background: url(../img/bg/bg_endereco.png) no-repeat;
}
footer.rodape div.boxItem.boxLocalizacao div.endereco p {
 	font-family: "Archivo Narrow";
	color: #3a3a3a;
    float: left;
    margin: 0;
	line-height: 18px;
    padding: 20px 10px 0 110px;
}
footer.rodape div.boxItem.boxLocalizacao {
	
}
footer.rodape div.boxItem.boxLogos {

}
footer.rodape div.boxItem.boxContato {

}
footer.rodape div.boxItem.boxContato ul.redes {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
footer.rodape div.boxItem.boxContato ul.redes li {
	float: left;
	margin-left: 6px;
}
footer.rodape div.boxItem.boxContato ul.redes li a {
	width: 31px;
	height: 31px;
	background: url(../img/bg/bg_redes.png) no-repeat;
}
footer.rodape div.boxItem.boxContato ul.redes li:last-child a {
	background-position: -36px 0;
}
footer.rodape div.boxItem.boxContato div.conteudo ul {
	margin: 0;
	padding: 20px 0 0 0;	
	list-style: none;
}
footer.rodape div.boxItem.boxContato div.conteudo ul li {
	font-family: 'Archivo Narrow';
	color: #90989f;
	font-size: 18px;
	text-align: center;
	padding: 4px 0;
}
footer.rodape div.boxItem.boxContato div.conteudo ul li span {
	font-size: 12px;	
}
footer.rodape div.boxItem div.titulo {
	width: 100%;
	display: block;
	height: 38px;
	margin-bottom: 20px;
	float: left;
	background: url(../img/bg/bg_dot_linha.png) no-repeat left bottom;
}
footer.rodape div.boxItem div.titulo h3 {
	float: left;
	font-family: 'Archivo Narrow';
	line-height: normal;
	color: #90989f;
	margin: 0;
	padding: 0;
	
}


.mobile-menu { 
	display: none;
	height:50px;
	background-color:#f3f3f3;
	color:#333334;
	background-position:center right; 
	background-repeat: no-repeat; 
	border:1px solid #d9d9d9; 
	border-radius:0px;
	width:100%;
	margin:0;
	padding:15px 14px 15px 5px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
	font-size: 14px !important;
	position: absolute;
	left: 0;
	bottom: 0;
}
.mobile-menu * {
	font-size: 14px !important;	
}


@media (max-width: 768px) {
.mobile-menu { display:block; }
header ul.menuPrincipal {
	display: none;	
}

section.horarios div.calendario {
	overflow: hidden;
	overflow-x: scroll;
}
}

img {
 display: block;
 height: auto;
 max-width: 100%;
}


.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #e3e4e6;
	position: relative;
}

.jspDrag
{
	background: #8e98a1;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 5px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.scroll-pane
{
	width: 100%;
	height: 300px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}