/*
=========
==RESET==
=========
*/
* { color: #2a2a2a; font-family:"droidsans", Arial; line-height: 20px; font-size: 100%; font-weight: 300;}
p { border: 0; font-size: 14px; color:#2a2a2a; margin: 0; padding: 0; outline: 0; font-family:"droidsans", Arial;}
ul { margin: 0; padding: 0; list-style-type: none;}
fieldset { border: 0; margin: 0; outline: 0; padding: 0;}
textarea { resize: none;}
a { color: #2a2a2a; text-decoration: none; outline: none; font-size: 16px; display: block;}
a.active{ color: #2a2a2a}
hr { border: none;}
img{max-width: 100%;}
input, button, textarea { outline:none; box-sizing:border-box;}
h1{font-size: 21px; margin: 3px 0; font-family: "droidsansbold", Arial; font-weight: bold; color: #2a2a2a; display: block; line-height: 30px;}
h2{font-size: 18px; font-family: "droidsans", Arial; color: #2a2a2a; margin: 0; display: block; line-height: 28px;}
h3{font-size: 18px; font-family: "droidsans", Arial; color: #999; margin: 0; line-height: 100%;}
h4{font-size: 18px; margin: 20px 0 0px; padding: 0;}
h5{font-size: 14px; margin: 5px 0; padding: 0;}
.clearfix {overflow: auto;}
div{box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
strong{font-family: "droidsansbold";}
small{font-size: 12px;}

::-webkit-input-placeholder {color: #2a2a2a; font-size: 16px;}
:-moz-placeholder {color: #2a2a2a; font-size: 16px;}
::-moz-placeholder {color: #2a2a2a; font-size: 16px;}
:-ms-input-placeholder {color: #2a2a2a; font-size: 16px;}

/*
=================
==GENERAL TOOLS==
=================
*/

body {width: 100%; font-size: 100%; overflow-x: hidden;}
#main-container{margin: 0 auto; position: relative; width: 100%;}
.container {display: table; margin: auto; position: relative; width: 100%; padding: 0 1%; }
.container-especial{padding: 0; overflow: hidden;}
.main{width: 100%; float: left; overflow: hidden; background: #fff; padding: 40px 0 0;}
.hide{display: none;}
.mg-top20{width: 100%; float: left; height: 20px;}
.mg-top10{width: 100%; float: left; height: 10px;}
.clear{width: 100%; float: left; clear: both; height: 3px;}
.floatnone{float: none;}
.floatleft{float: left;}
.floatright{float: right;}
.col{width: 50%;}
.input{width: 100%; float: left;}
.input-col{width: 49%;}
.placeholder{color: #2a2a2a; font-size: 16px;}
.center{margin: auto; display: table; clear: both;}
.captcha{width: 40%;}
.mobile, .menu-mob{display: none;}
.visible{display: block !important;}
.invisible{display: none !important;}
.middle{overflow: hidden; text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.esconde{display: none;}


/*
==============
===API MARK===
==============
*/
div.search span,
div.search input:not([type='checkbox']),
button {
  display: block;
}

div.search input:not([type='checkbox']),
button {
  margin-top: 4px;
}

div.panel {
  margin-bottom: 15px;
}

div.panel .panel-body p:last-child {
  margin-bottom: 0;
}

mark {
  padding: 0;
}


/*
==============
==SITE TOOLS==
==============
*/
.textcenter{text-align: center;}
.textjustify{text-align: justify;}
.textleft{text-align: left;}
.textright{text-align: right;}
.active{}
a.active{background: #fecc00; border: 1px solid #fecc00; color: #2a2a2a !important; transition: all 1s ease-in-out;}
a.active:hover{background: none; color: #fff !important}
.activepag{}
a.activepag{color: #fecc00 !important}
.txt-col{width: 48%;}
.cabecalho{width: 100%; float: left; height: 200px;}
.padding20{padding: 20px}
.bgvideo{width: 100%; float: left; overflow: hidden;}
.transition-border{width: 100%; float: left; background: url(../img/borda.png) repeat-x; position: absolute; top: 1000px; height: 80px}
.pag{background: #dfdcd9; width: 100%; float: left; min-height: calc(100vh - 75px);}
.mg-pag{width: 100%; float: left; position: relative; padding: 110px 0 0;}
.pag .tt{padding: 0 10px; position: relative;}
	.pag .tt h1{font-size: 30px; line-height: 36px; padding: 0 0 0 0; margin: 0; text-transform: uppercase;}
	.pag .tt h2{font-size: 14px; line-height: 14px; padding: 0 2px 0; margin: 0;}

.btn_voltar{width: 100%; float: left; text-align: right; position: relative; z-index: 2}
	.btn_voltar a{top: 20px; right: 20px; font-size: 16px; line-height: 16px; border-radius: 4px; padding: 5px; border: 2px solid #2a2a2a; background: #2a2a2a; color: #fff; position: absolute; text-align: center; font-weight: bold; }
		.btn_voltar a:hover{background: none; color: #2a2a2a;}
		.btn_voltar a .close-x{width: 17px; height: 17px; background: url(../img/close-white.png) no-repeat center; background-size: cover;}
		.btn_voltar a:hover .close-x{background: url(../img/close-black.png) no-repeat center; background-size: cover;}
		.texto .btn_voltar a{color: #fff;}
		.texto .btn_voltar a:hover{color: #2a2a2a;}
.conhecimento-txt .btn_voltar{padding: 20px ; float: left;}
	.conhecimento-txt .btn_voltar a{right: 0px;}
.btn_voltar{color: #fff;}

.btn_desmarcar{text-align: right; margin-top: 10px;position: absolute;right: 2.5%;top: -30px;background: #ff0; padding: 5px;transition: .3s;}
.btn_desmarcar:hover{
	background: transparent;
}
.btn_desmarcar:hover .btn_desmarcar:after {
	border-color:transparent;
}
 .btn_desmarcar:after{content: "";position: absolute;top: 9px; right: -9%; margin-left: -5px;		border-width: 7px; border-style: solid; border-color: transparent transparent transparent #ff0;
    z-index: 100;
  }
	.btn_desmarcar a{font-size: 12px;width: 50%; display: inline; text-transform: uppercase; margin: 5px 0; padding: 2px 2px; }


.tooltip {position: relative; display: inline-block;}
   	.tooltip .tooltiptext {visibility: hidden; font-weight: bold; width: 120px; background-color: #2a2a2a; color: #fff; text-align: center; padding: 6px 0; border-radius: 4px; position: absolute; z-index: 1; right: 160%; top: -2px; opacity: 0; transition: opacity 0.6s;}
   	.tooltip .tooltiptext::after {content: ""; position: absolute; top: 9px; right: -10%; margin-left: -5px; border-width: 7px; border-style: solid; border-color: transparent transparent transparent #2a2a2a; z-index: 100}
		 .tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}
		 
.tooltipe {position: relative; display: inline-block;}
		 .tooltipe .tooltiptexte {visibility: hidden; font-weight: bold; min-width: 120px; background-color: #2a2a2a; color: #fff; text-align: center; padding: 6px 0; border-radius: 4px; position: absolute; z-index: 1; right: 18%; top: 45px; opacity: 0; transition: opacity 0.6s;}
   	.tooltipe .tooltiptexte::after {content: ""; position: absolute; top: -13px; right: 42%; margin-left: -5px; border-width: 7px; border-style: solid; border-color: transparent transparent  #2a2a2a transparent; z-index: 100}
   	.tooltipe:hover .tooltiptexte {visibility: visible; opacity: 1;}

.tooltip-bottom {position: relative; display: inline-block;}
   	.tooltip-bottom .tooltiptext {visibility: hidden; font-weight: bold; width: 120px; background-color: #2a2a2a; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1; left: 50%; margin-left: -61px; top: 40px; opacity: 0; transition: opacity 0.6s;}
   	.tooltip-bottom .tooltiptext::after {content: ""; position: absolute; top: -12px; left: 50%; margin-left: -6px; border-width: 7px; border-style: solid; border-color: transparent transparent #2a2a2a transparent; z-index: 100}
   	.tooltip-bottom:hover .tooltiptext {visibility: visible; opacity: 1;}
   	.coluna .tooltiptext{font-size: 12px;}

/*
===========
==COLUNAS==
===========
*/
.col-100{width: 100%;}
.col-95{width: 95%;}
.col-90{width: 90%;}
.col-85{width: 85%;}
.col-80{width: 80%;}
.col-75{width: 75%;}
.col-70{width: 70%;}
.col-65{width: 65%;}
.col-60{width: 60%;}
.col-55{width: 55%;}
.col-50{width: 50%;}
.col-45{width: 45%;}
.col-40{width: 40%;}
.col-35{width: 35%;}
.col-33{width: 33.33333%;}
.col-30{width: 30%;}
.col-25{width: 25%;}
.col-20{width: 20%;}
.col-15{width: 15%;}
.col-10{width: 10%;}
.col-5 {width:  5%;}

/*
==========
==HEADER==
==========
*/
header{}
.header{width: 100%; position: fixed; top: 0; z-index: 1000; background: #000202;}
	.desktop{width: 100%; float: left; position: relative;}	
	.desktop-after{width: 100%; height: 40px; background: #fff; position: relative; float: left; z-index: -1; display: none;}		
	.desktop-before{width: 100%; height: 40px; background: #fff; position: absolute; top: -40px; display: none;}		
	.logo{position: absolute; left: 1%; top:20px; width: 114px; z-index: 5;}	
	.menu-desktop{width: 100%; float: left; padding: 0; position: relative;}
	.menu-desktop ul li.link-ativo > a{color: #fff}
	.menu-superior ul{width: 100%; text-align: left; padding: 10px 0;}	
		.menu-superior ul li{width: auto; display: inline-block; margin: 0 auto; padding: 5px 7px 0; border-bottom: 2px solid rgba(0,0,0,0);}	
		.menu-superior ul li:first-child{margin: 0 0 0 140px;}
			.menu-superior ul li a{display: inherit; color: #919191; font-size: 12px;}	
			.menu-superior  ul li:hover a{color: #fff;}
			.menu-superior  ul li:hover{border-bottom: 2px solid #cc0303;}
	.menu-inferior > ul{width: 100%; float: right; text-align: right; margin: 10px 0 0; padding: 10px 0;}
		.menu-inferior ul li{width: auto; position: relative; display: inline-block; margin: 0 auto; padding: 5px 9px 0; border-bottom: 2px solid rgba(0,0,0,0);}	
			.menu-inferior > ul ul li{position: relative; padding: 5px 0 0px; display: inline-block;}
			.menu-inferior > ul ul li:before{content: '|'; width: 3px; overflow: hidden; margin: 0 3px; position: relative;}
			.menu-inferior > ul ul li:hover a{color: #cc0303;}
			.menu-inferior > ul ul li:first-child:before{content: ''; width: 3px; color: #fff;  margin: 0 3px; position: relative;}
			.menu-inferior > ul > li:hover > a{color: #fff;}
			.menu-inferior > ul > li:hover{border-bottom: 2px solid #cc0303;}			
			.menu-inferior > ul ul li a{padding: 0px 5px; color: #000; margin: 0;}			
			.menu-inferior ul li a{display: inherit; color: #919191; font-size: 15px;}
	.index .desktop-after{width: 100%; height: 40px; background: none; position: relative; float: left; z-index: -1; display: none;}			
			.index .menu-inferior > ul ul li:before{color: #fff;}			
			.index .menu-inferior > ul ul li:first-child:before{content: ''; color: #000;}	
			.index .menu-inferior ul ul li a{color: #fff;}	
			.index .menu-inferior > ul ul li:hover a{color: #fecc00;}				
		.line-header{width: 72.5%; height: 1px; position: absolute; right: 0; top: 55px; background: rgba(255,255,255,0.15); display: block;}
	
	footer .menu-superior ul{padding: 0px;}
	header .menu-inferior{}		
		header .menu-inferior> ul ul{width: 600px; position: absolute; top: 100%; left: 50%; margin-left:-300px; text-align: center; padding: 15px 0 0; display: none;}
		header .menu-inferior> ul ul:before{content: ''; position: absolute; left: 50%; margin-left: -7px; top: -2px; width: 0; height: 0; border-width: 7px; border-style: solid; border-color: transparent transparent #fff transparent;}
	footer .menu-inferior{}
		footer .menu-inferior> ul ul{width: 600px; position: absolute; top: -210%; left: 50%; margin-left:-300px; text-align: center; padding: 0 0 30px; display: none;}
		footer .menu-inferior> ul ul:after{content: ''; position: absolute; left: 50%; margin-left: -7px; bottom: 9px; width: 0; height: 0; border-width: 7px; border-style: solid; border-color: #fff transparent transparent transparent;}

/*
================
==MENU LATERAL==
================
*/
	#coluna-menu-lateral{box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; padding: 20px 0; display: block;}
	/*.menu-lateral::-webkit-scrollbar {display: none;}
	.menu-lateral::scrollbar {display: none;}	*/
	.menu-lateral{width: 25%; background: #666666; float: left; margin: 0 0 0 1%; padding: 0px; height: 80vh; overflow-y: auto; overflow-x: auto;}
	.menu-lateral.fixed-top{position: fixed; margin: 20px 0 0 1%; height:80vh; top: 100px; bottom: auto;}
	.menu-lateral.fixed-bottom{position: absolute; margin: 20px 0 0 1%; height: 80vh; top: auto; bottom: 25px;}
	.menu-lateral > nav > ul{width: 100%;}
	.menu-lateral ul{position: relative;}
		.menu-lateral ul.menu, .menu-lateral ul.menu-conhecimento{background: #666666;}
		.menu-lateral ul.submenu-1{background: rgba(255,255,255,0.4);}
		.menu-lateral ul.submenu-2{background: rgba(255,255,255,0.4);}
		.menu-lateral ul.submenu-3{background: rgba(255,255,255,1);}
		.menu-lateral ul.menu a p, .menu-lateral ul.menu-conhecimento a p{margin: 0 25px 0 20px; color: #fff; font-weight: normal; font-size: 14px;}
		.menu-lateral ul.submenu-1 a p{margin: 0 25px 0 30px; color: #000; font-weight: normal; font-size: 14px;}
		.menu-lateral ul.submenu-2 a p{margin: 0 25px 0 40px; font-size: 12px;}
		.menu-lateral ul.submenu-3 a p{margin: 0 25px 0 50px; font-size: 11px;}	
		.obra .menu-lateral ul.submenu-3 a p{margin: 0 25px 0 30px; font-size: 11px; color: #000}			
		.menu-lateral ul > li:hover > a > p{color: #fecc00;}
		.menu-lateral ul > li:hover > a > p:after{color: #fecc00;}
		.menu-lateral ul > li.ativo:hover > a > p:after{color: #fecc00;}
		.menu-lateral ul.submenu-3 > li:hover > a > p{color: #CC0303;}		
	.menu-lateral ul li{position: relative; width: 100%;}
	.menu-lateral ul li a{padding: 7px 10px; position: relative; padding: 10px 0 ; border-bottom: 1px solid rgba(0,0,0,0.2); border-top: 1px solid rgba(255,255,255,0.3);}
	.menu-lateral ul.menu > li:last-child a, .menu-lateral ul.menu-conhecimento > li:last-child a{border-bottom: 1px solid rgba(0,0,0,0);}
	.menu-lateral ul li a p{position: relative;}
	.menu-lateral ul li ul{width: auto; margin: 0; display: none;}
	.menu-lateral ul li ul li{}
	.menu-lateral ul li.mais > a > p:after{content: "+"; position: absolute; right: -15px; top: 50%; margin-top: -12px; font-weight: bold; font-size: 24px; color: #fff;}
	.menu-lateral ul li.mais.ativo > a > p:after{content: "-"; position: absolute; right: -12px; top: 50%; margin-top: -12px; font-weight: bold; font-size: 26px; color: #fff;}
	.menu-lateral ul li.mais ul li.mais > a > p:after{content: "+"; position: absolute; right: -15px; top: 50%; margin-top: -12px; font-weight: bold; font-size: 22px; color: #666666;}
	.menu-lateral ul li.mais ul li.mais.ativo > a > p:after{content: "-"; position: absolute; right: -12px; top: 50%; margin-top: -12px; font-weight: bold; font-size: 24px; color: #666666;}
	.menu-lateral ul.submenu-3 li.mais > a > p:after{content: ""; position: absolute; right: -15px; top: 50%; margin-top: -12px; font-weight: bold; font-size: 20px; color: #666666;}
	.menu-lateral ul.menu-conhecimento li.mais > a > p:after{content: "";}
	.infancia-e-juventude .menu-lateral ul.submenu-1 li.mais > a > p:after{content: ""; position: absolute; right: -15px; top: 50%; margin-top: -12px; font-weight: bold; font-size: 20px; color: #666666;}
	.texto-aba ul li.letras ul h2{
		font-size: 16px;
	}
	.texto-aba ul li.letras ul p{
		font-size: 14px;
	}
	
/*
=========
==INDEX==
=========
*/
.img-kardec{margin: 0 auto;}
	.img-kardec-center{text-align: left; width: 100%; position: fixed;  z-index: -1; top: 100px; opacity: 0.75;left:10%}
.link-direto{margin: 250px 0 20px; width: 100%; float: left;}
	.link-direto .box-link-direto{width: 350px; float: right; text-align: right; margin: 0; padding: 20px 30px; background: rgba(255,255,255,0.5);}
	.link-direto h1{font-size: 28px; line-height: 36px; text-align: left; color: #000;}
	.link-direto h2{font-size: 18px; line-height: 25px; text-align: left; color: #000;}
	.link-direto h3{font-size: 14px; line-height: 20px; text-align: left; color: #111; font-weight: bold;}
	.link-direto a{text-align: right; background: rgba(204,3,3,.75); display: inline-block; padding: 5px 10px; font-weight: bold; color: #FFF; margin: 10px 0 0; border: 2px solid rgba(204,3,3,0);}
	.link-direto a:hover{border: 2px solid #fecc00; color: #fecc00; background: none;}

/*        
================
==APRESENTAÇÃO==
================
*/   
	.conteudo-apresentacao{ padding: 0 0 50px; }
    .divisor-apresentacao{width: 100%; float: left; height: 1px; background: #cfcfcf; margin: 50px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}   
    .conteudo-apresentacao .txt{width: 100%; float: left; text-align: center; margin: -20px 0 0;}
    .conteudo-apresentacao .txt h1{margin: 0; padding: 0; background: #DFDCD9; padding: 5px 30px; display: inline-block;}  
    .conteudo-apresentacao .txt p{text-align: center; margin: 5px;}	
    .conteudo-apresentacao .txt a:hover{text-decoration: underline}	
    .conteudo-apresentacao .bloco{padding: 20px; margin: 20px 0; text-align: center;}     	
    .conteudo-apresentacao .bloco p{margin: 0; text-align: center; padding: 0 20px;}
   	.bloco .number{width: 50px; height: 50px; padding: 10px 0; background: #CECECE; margin: 0 auto; border-radius: 50%; 
   		text-align: center; font-size: 30px; font-weight: bold; line-height: 30px; display: inline-block;}
   	.bloco h2 {margin: 0px; text-align: left; display: inline-block;}	
   	.conteudo-apresentacao p.subtt{font-weight: bold; padding: 10px 0 0;}
   	.conteudo-apresentacao p a{font-size: 14px;}
   

/*
====================
==BACKGROUND VIDEO==
====================
*/
.bg_video{position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; 
	background: url(../video/bg-k.jpg) no-repeat; background-size: cover;}
.stars{width: 100%; float: left; margin-top: 70px; position: fixed; height: 400px}
.k-stars{width: 20%; position: absolute; right: 0%; z-index: 0; opacity: 0.4;}
	.lk1{position: absolute; height: 50px; margin-top: 96px; margin-right: 310px; right: 0; display:none;}
	.lk2{position: absolute; height: 65px; margin-top: 148px; margin-right: 309px; right: 0; display:none;}
	.lk3{position: absolute; height: 150px; margin-top: 57px; margin-right: 266px; right: 0; transform: rotate(66deg) scale(1.25, 0.5); display:none;}
	.lk4{position: absolute; height: 168px; margin-top: 85px; margin-right: 266px; right: 0; transform: rotate(-55deg) scale(1.25, 0.5); display:none;}

	.k1{position: absolute; width: 30px; margin-top: 80px; margin-right: 300px; right: 0; display: none}
	.k2{position: absolute; width: 30px; margin-top: 130px; margin-right: 300px; right: 0; display: none}
	.k3{position: absolute; width: 30px; margin-top: 200px; margin-right: 300px; right: 0; display: none}
	.k4{position: absolute; width: 30px; margin-top: 100px; margin-right: 225px; right: 0; display: none}
	.k5{position: absolute; width: 30px; margin-top: 180px; margin-right: 225px; right: 0; display: none}

.cross-stars{width: 20%; position: absolute; right: 0%; z-index: 0; opacity: 0.4}
	.lc1{position: absolute; height: 50px; margin-top: 117px; margin-right: 156px; right: 0; display:none;}
	.lc2{position: absolute; height: 60px; margin-top: 115px; margin-right: 156px; right: 0; transform: rotate(90deg); display:none;}		

	.c1{position: absolute; width: 30px; margin-top: 104px; margin-right: 145px; right: 0; display: none}
	.c2{position: absolute; width: 30px; margin-top: 154px; margin-right: 145px; right: 0; display: none}
	.c3{position: absolute; width: 30px; margin-top: 130px; margin-right: 175px; right: 0; display: none}
	.c4{position: absolute; width: 30px; margin-top: 130px; margin-right: 115px; right: 0; display: none}
	.c5{position: absolute; margin-top: 160px; margin-right: 69px; right: 0;font-size:22px; color:white; text-transform: uppercase;display:none;}
	
	/* Felicidade */
	.lk1f{position: absolute; height: 50px; margin-top: 96px; margin-right: 310px; right: 0; display:none;}
	.lk2f{position: absolute; height: 65px; margin-top: 148px; margin-right: 309px; right: 0; display:none;}
	.lk3f{position: absolute; height: 150px; margin-top: 57px; margin-right: 266px; right: 0; transform: rotate(66deg) scale(1.25, 0.5); display:none;}
	.lk4f{position: absolute; height: 168px; margin-top: 85px; margin-right: 266px; right: 0; transform: rotate(-55deg) scale(1.25, 0.5); display:none;}

	.k1f{position: absolute; width: 30px; margin-top: 80px; margin-right: 300px; right: 0; display: none}
	.k2f{position: absolute; width: 30px; margin-top: 130px; margin-right: 300px; right: 0; display: none}
	.k3f{position: absolute; width: 30px; margin-top: 200px; margin-right: 300px; right: 0; display: none}
	.k4f{position: absolute; width: 30px; margin-top: 100px; margin-right: 225px; right: 0; display: none}
	.k5f{position: absolute; width: 30px; margin-top: 180px; margin-right: 225px; right: 0; display: none}

.cross-stars{width: 20%; position: absolute; right: 0%; z-index: 0; opacity: 0.4}
	.lc1f{position: absolute; height: 50px; margin-top: 117px; margin-right: 156px; right: 0; display:none;}
	.lc2f{position: absolute; height: 60px; margin-top: 115px; margin-right: 156px; right: 0; transform: rotate(90deg); display:none;}		

	.c1f{position: absolute; width: 30px; margin-top: 104px; margin-right: 145px; right: 0; display: none}
	.c2f{position: absolute; width: 30px; margin-top: 154px; margin-right: 145px; right: 0; display: none}
	.c3f{position: absolute; width: 30px; margin-top: 130px; margin-right: 175px; right: 0; display: none}
	.c4f{position: absolute; width: 30px; margin-top: 130px; margin-right: 115px; right: 0; display: none}
	.c5f{position: absolute; margin-top: 160px; margin-right: 20px; right: 0;font-size:22px; color:white; text-transform: uppercase;display:none;}
/* Paz */
	.lk1p{position: absolute; height: 50px; margin-top: 96px; margin-right: 310px; right: 0; display:none;}
	.lk2p{position: absolute; height: 65px; margin-top: 148px; margin-right: 309px; right: 0; display:none;}
	.lk3p{position: absolute; height: 150px; margin-top: 57px; margin-right: 266px; right: 0; transform: rotate(66deg) scale(1.25, 0.5); display:none;}
	.lk4p{position: absolute; height: 168px; margin-top: 85px; margin-right: 266px; right: 0; transform: rotate(-55deg) scale(1.25, 0.5); display:none;}

	.k1p{position: absolute; width: 30px; margin-top: 80px; margin-right: 300px; right: 0; display: none}
	.k2p{position: absolute; width: 30px; margin-top: 130px; margin-right: 300px; right: 0; display: none}
	.k3p{position: absolute; width: 30px; margin-top: 200px; margin-right: 300px; right: 0; display: none}
	.k4p{position: absolute; width: 30px; margin-top: 100px; margin-right: 225px; right: 0; display: none}
	.k5p{position: absolute; width: 30px; margin-top: 180px; margin-right: 225px; right: 0; display: none}

.cross-stars{width: 20%; position: absolute; right: 0%; z-index: 0; opacity: 0.4}
	.lc1p{position: absolute; height: 50px; margin-top: 117px; margin-right: 156px; right: 0; display:none;}
	.lc2p{position: absolute; height: 60px; margin-top: 115px; margin-right: 156px; right: 0; transform: rotate(90deg); display:none;}		

	.c1p{position: absolute; width: 30px; margin-top: 104px; margin-right: 145px; right: 0; display: none}
	.c2p{position: absolute; width: 30px; margin-top: 154px; margin-right: 145px; right: 0; display: none}
	.c3p{position: absolute; width: 30px; margin-top: 130px; margin-right: 175px; right: 0; display: none}
	.c4p{position: absolute; width: 30px; margin-top: 130px; margin-right: 115px; right: 0; display: none}
	.c5p{position: absolute; margin-top: 160px; margin-right: 90px; right: 0;font-size:22px; color:white; text-transform: uppercase;display:none;}

	/* consciência */
	.lk1c{position: absolute; height: 50px; margin-top: 96px; margin-right: 310px; right: 0; display:none;}
	.lk2c{position: absolute; height: 65px; margin-top: 148px; margin-right: 309px; right: 0; display:none;}
	.lk3c{position: absolute; height: 150px; margin-top: 57px; margin-right: 266px; right: 0; transform: rotate(66deg) scale(1.25, 0.5); display:none;}
	.lk4c{position: absolute; height: 168px; margin-top: 90px; margin-right: 266px; right: 0; transform: rotate(-55deg) scale(1.25, 0.5); display:none;}

	.k1c{position: absolute; width: 30px; margin-top: 80px; margin-right: 300px; right: 0; display: none}
	.k2c{position: absolute; width: 30px; margin-top: 130px; margin-right: 300px; right: 0; display: none}
	.k3c{position: absolute; width: 30px; margin-top: 200px; margin-right: 300px; right: 0; display: none}
	.k4c{position: absolute; width: 30px; margin-top: 100px; margin-right: 225px; right: 0; display: none}
	.k5c{position: absolute; width: 30px; margin-top: 180px; margin-right: 225px; right: 0; display: none}

.cross-stars{width: 20%; position: absolute; right: 0%; z-index: 0; opacity: 0.4}
	.lc1c{position: absolute; height: 50px; margin-top: 117px; margin-right: 156px; right: 0; display:none;}
	.lc2c{position: absolute; height: 60px; margin-top: 115px; margin-right: 156px; right: 0; transform: rotate(90deg); display:none;}		

	.c1c{position: absolute; width: 30px; margin-top: 104px; margin-right: 145px; right: 0; display: none}
	.c2c{position: absolute; width: 30px; margin-top: 154px; margin-right: 145px; right: 0; display: none}
	.c3c{position: absolute; width: 30px; margin-top: 130px; margin-right: 175px; right: 0; display: none}
	.c4c{position: absolute; width: 30px; margin-top: 130px; margin-right: 115px; right: 0; display: none}
	.c5c{position: absolute; margin-top: 160px; margin-right: -10px; right: 0;font-size:22px; color:white; text-transform: uppercase;display:none;}

	/* Perdão */
	.lk1a{position: absolute; height: 50px; margin-top: 96px; margin-right: 310px; right: 0; display:none;}
	.lk2a{position: absolute; height: 65px; margin-top: 148px; margin-right: 309px; right: 0; display:none;}
	.lk3a{position: absolute; height: 150px; margin-top: 57px; margin-right: 266px; right: 0; transform: rotate(66deg) scale(1.25, 0.5); display:none;}
	.lk4a{position: absolute; height: 168px; margin-top: 85px; margin-right: 266px; right: 0; transform: rotate(-55deg) scale(1.25, 0.5); display:none;}

	.k1a{position: absolute; width: 30px; margin-top: 80px; margin-right: 300px; right: 0; display: none}
	.k2a{position: absolute; width: 30px; margin-top: 130px; margin-right: 300px; right: 0; display: none}
	.k3a{position: absolute; width: 30px; margin-top: 200px; margin-right: 300px; right: 0; display: none}
	.k4a{position: absolute; width: 30px; margin-top: 100px; margin-right: 225px; right: 0; display: none}
	.k5a{position: absolute; width: 30px; margin-top: 180px; margin-right: 225px; right: 0; display: none}

.cross-stars{width: 20%; position: absolute; right: 0%; z-index: 0; opacity: 0.4}
	.lc1a{position: absolute; height: 50px; margin-top: 117px; margin-right: 156px; right: 0; display:none;}
	.lc2a{position: absolute; height: 60px; margin-top: 115px; margin-right: 156px; right: 0; transform: rotate(90deg); display:none;}		

	.c1a{position: absolute; width: 30px; margin-top: 104px; margin-right: 145px; right: 0; display: none}
	.c2a{position: absolute; width: 30px; margin-top: 154px; margin-right: 145px; right: 0; display: none}
	.c3a{position: absolute; width: 30px; margin-top: 130px; margin-right: 175px; right: 0; display: none}
	.c4a{position: absolute; width: 30px; margin-top: 130px; margin-right: 115px; right: 0; display: none}
	.c5a{position: absolute; margin-top: 160px; margin-right: 50px; right: 0;font-size:22px; color:white; text-transform: uppercase;display:none;}

		/* autoconhecimento */
		.lk1d{position: absolute; height: 50px; margin-top: 96px; margin-right: 310px; right: 0; display:none;}
		.lk2d{position: absolute; height: 65px; margin-top: 148px; margin-right: 309px; right: 0; display:none;}
		.lk3d{position: absolute; height: 150px; margin-top: 57px; margin-right: 266px; right: 0; transform: rotate(66deg) scale(1.25, 0.5); display:none;}
		.lk4d{position: absolute; height: 168px; margin-top: 90px; margin-right: 266px; right: 0; transform: rotate(-55deg) scale(1.25, 0.5); display:none;}
	
		.k1d{position: absolute; width: 30px; margin-top: 80px; margin-right: 300px; right: 0; display: none}
		.k2d{position: absolute; width: 30px; margin-top: 130px; margin-right: 300px; right: 0; display: none}
		.k3d{position: absolute; width: 30px; margin-top: 200px; margin-right: 300px; right: 0; display: none}
		.k4d{position: absolute; width: 30px; margin-top: 100px; margin-right: 225px; right: 0; display: none}
		.k5d{position: absolute; width: 30px; margin-top: 180px; margin-right: 225px; right: 0; display: none}
	
	.cross-stars{width: 20%; position: absolute; right: 0%; z-index: 0; opacity: 0.4}
		.lc1d{position: absolute; height: 50px; margin-top: 117px; margin-right: 156px; right: 0; display:none;}
		.lc2d{position: absolute; height: 60px; margin-top: 115px; margin-right: 156px; right: 0; transform: rotate(90deg); display:none;}		
	
		.c1d{position: absolute; width: 30px; margin-top: 104px; margin-right: 145px; right: 0; display: none}
		.c2d{position: absolute; width: 30px; margin-top: 154px; margin-right: 145px; right: 0; display: none}
		.c3d{position: absolute; width: 30px; margin-top: 130px; margin-right: 175px; right: 0; display: none}
		.c4d{position: absolute; width: 30px; margin-top: 130px; margin-right: 115px; right: 0; display: none}
		.c5d{position: absolute; margin-top: 160px; margin-right: -95px; right: 0;font-size:22px; color:white; text-transform: uppercase;display:none;}

		/* Bondade */
		.lk1b{position: absolute; height: 50px; margin-top: 96px; margin-right: 310px; right: 0; display:none;}
		.lk2b{position: absolute; height: 65px; margin-top: 148px; margin-right: 309px; right: 0; display:none;}
		.lk3b{position: absolute; height: 150px; margin-top: 57px; margin-right: 266px; right: 0; transform: rotate(66deg) scale(1.25, 0.5); display:none;}
		.lk4b{position: absolute; height: 168px; margin-top: 90px; margin-right: 266px; right: 0; transform: rotate(-55deg) scale(1.25, 0.5); display:none;}
	
		.k1b{position: absolute; width: 30px; margin-top: 80px; margin-right: 300px; right: 0; display: none}
		.k2b{position: absolute; width: 30px; margin-top: 130px; margin-right: 300px; right: 0; display: none}
		.k3b{position: absolute; width: 30px; margin-top: 200px; margin-right: 300px; right: 0; display: none}
		.k4b{position: absolute; width: 30px; margin-top: 100px; margin-right: 225px; right: 0; display: none}
		.k5b{position: absolute; width: 30px; margin-top: 180px; margin-right: 225px; right: 0; display: none}
	
	.cross-stars{width: 20%; position: absolute; right: 0%; z-index: 0; opacity: 0.4}
		.lc1b{position: absolute; height: 50px; margin-top: 117px; margin-right: 156px; right: 0; display:none;}
		.lc2b{position: absolute; height: 60px; margin-top: 115px; margin-right: 156px; right: 0; transform: rotate(90deg); display:none;}		
	
		.c1b{position: absolute; width: 30px; margin-top: 104px; margin-right: 145px; right: 0; display: none}
		.c2b{position: absolute; width: 30px; margin-top: 154px; margin-right: 145px; right: 0; display: none}
		.c3b{position: absolute; width: 30px; margin-top: 130px; margin-right: 175px; right: 0; display: none}
		.c4b{position: absolute; width: 30px; margin-top: 130px; margin-right: 115px; right: 0; display: none}
		.c5b{position: absolute; margin-top: 160px; margin-right: 30px; right: 0;font-size:22px; color:white; text-transform: uppercase;display:none;}


.one-stars{width: 20%; position: absolute; right: 0%; z-index: 0; opacity: 0.4}
	.lo1{position: absolute; height: 160px; margin-top: 53px; margin-right: 28px; right: 0; transform: rotate(3deg); display:none;}
	.lo2{position: absolute; height: 70px; margin-top: 45px; margin-right: 57px; right: 0; transform: rotate(50deg); display:none;}

	.o1{position: absolute; width: 30px; margin-top: 82px; margin-right: 70px; right: 0; display: none}
	.o2{position: absolute; width: 30px; margin-top: 42px; margin-right: 20px; right: 0; display: none}
	.o3{position: absolute; width: 30px; margin-top: 192px; margin-right: 30px; right: 0; display: none}

.others{width: 20%; position: absolute; right: 0%; z-index: 0; opacity: 0.4}	
	.lot1{position: absolute; height: 70px; margin-top: 45px; margin-right: 857px; right: 0; transform: rotate(50deg); display: none;}
	.lot2{position: absolute; height: 70px; margin-top: 345px; margin-right: 957px; right: 0; transform: rotate(50deg); display: none;}
	.lot3{position: absolute; height: 65px; margin-top: 548px; margin-right: 909px; right: 0; display: none;}

	.ot1{position: absolute; width: 30px; margin-top: 82px; margin-right: 870px; right: 0; display: none;}
	.ot2{position: absolute; width: 30px; margin-top: 42px; margin-right: 820px; right: 0; display: none;}
	.ot3{position: absolute; width: 30px; margin-top: 382px; margin-right: 970px; right: 0; display: none;}
	.ot4{position: absolute; width: 30px; margin-top: 342px; margin-right: 920px; right: 0; display: none;}
	.ot5{position: absolute; width: 30px; margin-top: 530px; margin-right: 900px; right: 0; display: none;}
	.ot6{position: absolute; width: 30px; margin-top: 600px; margin-right: 900px; right: 0; display: none;}

/*      
=============
==ANIMATION==
=============
*/ 

/*.js é adicionado para garantir que os elementos fiquem visíveis caso o browser não possua JS*/
.js .anima1, .js .anima2, .js .anima3, .js .anima4{
    opacity: 0;
}

.anima-nomes{width: 1080px; min-height: 768px; position: relative; overflow: hidden; margin: 0 auto; display: table;}
	.anima1{font-size: 80px; line-height: 80px; position: absolute; top: 60px; left: 20%;}
	.anima2{font-size: 50px; line-height: 50px; position: absolute; top: 430px; left: 40%;}
	.anima3{font-size: 60px; line-height: 60px; position: absolute; top: 500px; right: 10%;}
	.anima4{font-size: 40px; line-height: 40px; position: absolute; top: 130px; right: 10%;}

	.anima{
		text-transform: uppercase;
		font-weight: bold;
		color: #fff; 				
		-webkit-animation:  entrada 5s;
    -moz-animation:     entrada 5s;
    -o-animation:       entrada 5s;
    animation:          entrada 5s;
    -webkit-animation-fill-mode:    both;
    -moz-animation-fill-mode:       both;
    -o-animation-fill-mode:         both;
    animation-fill-mode:            both;
    -webkit-animation-iteration-count: 	infinite;
    -moz-animation-iteration-count: 		infinite;
    -o-animation-iteration-count: 			infinite;
    animation-iteration-count: 					infinite;
	}

@keyframes entrada {
    0%   	{ 
        opacity: 0;
        transform: scale(0,0);
    }    
    50% 	{ 
        opacity: .15;         
        transform: scale(.5,.5);
    }
    100% 	{ 
        opacity: 0;         
        transform: scale(1,1);
    }
}

@keyframes entrada {
    0%   	{ 
        opacity: 0;
        transform: scale(0,0);
    }    
    50% 	{ 
        opacity: .15;         
        transform: scale(.5,.5);
    }
    100% 	{ 
        opacity: 0;         
        transform: scale(1,1);
    }
}

@keyframes entrada {
    0%   	{ 
        opacity: 0;
        transform: scale(0,0);
    }    
    50% 	{ 
        opacity: .15;         
        transform: scale(.5,.5);
    }
    100% 	{ 
        opacity: 0;         
        transform: scale(1,1);
    }
}

@keyframes entrada {
    0%   	{ 
        opacity: 0;
        transform: scale(0,0);
    }    
    50% 	{ 
        opacity: .15;         
        transform: scale(.5,.5);
    }
    100% 	{ 
        opacity: 0;         
        transform: scale(1,1);
    }
}

@keyframes entrada {
    0%   	{ 
        opacity: 0;
        transform: scale(0,0);
    }    
    50% 	{ 
        opacity: .15;         
        transform: scale(.5,.5);
    }
    100% 	{ 
        opacity: 0;         
        transform: scale(1,1);
    }
}

/*
================
==ALLAN KARDEC==
================
*/
.allan-kardec{}
	.conteudo-allan-kardec{padding: 0 0 50px;}
	.tabela{width: 100%; float: left; padding: 20px 0; box-sizing: border-box;}
	.tabela .tabela-head, .tabela .tabela-body{width: 100%; float: left; margin: 0 0 2px;}
	.tabela .tabela-head{box-shadow: 0 0 8px rgba(0,0,0,0.1); }
		.conhecimento-de-si .tabela{padding: 0;}
		.tabela p{font-size: 14px; text-align: center;}
		.tabela .tabela-head p{font-weight: bold; color: #fff; /*padding: 10px 2px;*/ font-family:"droidsans", Arial; font-size: 16px;}	
		.tabela .tabela-body p{color: #000; /*padding: 7px 2px;*/ font-family:"droidsans", Arial; font-size: 14px;}
		.conteudo-allan-kardec .tabela .tabela-body a{width: 30px; min-height: 30px; position: relative; margin: 0 5px; display: inline-block; background: url(../img/download.png) no-repeat center;}
		.conteudo-allan-kardec .tabela .tabela-body a:hover{background: url(../img/download-hover.png) no-repeat center;}
		.conteudo-allan-kardec .tabela .tabela-body a p{padding: 50px 0 0;}
	.tabela .coluna{float: left; min-height: 75px; /*overflow: hidden;*/ text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
	.tabela .tabela-head .coluna{min-height: 40px;}
		.tabela .coluna-1{width: 70%; text-align: left; }
		.tabela .coluna-1 p{text-align: left; width: 100%; padding: 0 20px;}	
		.tabela .coluna-2, .tabela .coluna-3{width: 15%;}
		.tabela .tabela-body ul li.claro .coluna-1, .tabela .tabela-body ul li.claro .coluna-2, .tabela .tabela-body ul li.claro .coluna-3{padding: 0; background: #fff; }
		.tabela .tabela-body ul li.escuro .coluna-1, .tabela .tabela-body ul li.escuro .coluna-2,.tabela .tabela-body ul li.escuro .coluna-3{padding: 0; background: #f2f1f0; }
	.tabela .tabela-body ul{width: 100%; box-sizing: border-box; padding: 0px;}
	.tabela .tabela-body ul li{width: 100%; margin: 2px 0px; float: left; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
	.tabela .tabela-body ul li:hover .coluna{background: #999999; cursor: pointer;}
	.tabela .tabela-body ul li:hover .coluna p{color: #fff;}	
	.conteudo-allan-kardec .tabela .tabela-body ul li:hover a{background: url(../img/download-white.png) no-repeat center;}
	.conteudo-allan-kardec .tabela .tabela-body ul li:hover a:hover{background: url(../img/download-hover.png) no-repeat center;}
	.conteudo-noticias .tabela .tabela-body .coluna-1{width: 100%;}
	.conteudo-noticias .tabela .tabela-body ul li{position: relative;}
	.conteudo-noticias .tabela .tabela-body ul li a{position: absolute; bottom: 10px; right: 20px;}

	/*BIOGRAFIA*/
	.biografia img{
		margin: 5px 10px 5px 10px;
	}

	/*ITEM LEFT*/
    .item-left{width: 52.5%; float: left; margin: -50px 0 0; min-height: 160px;}
    .item-left .topo{width: 100%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; position: relative;}
    .item-left .orb-maior{width: 50px; height: 50px; border-radius: 50%; background: #000; float: right;}
    .item-left .linha{width: 100px; height: 50px; float: right;}    	
    	.item-left .linha .line{width: 100%; height: 4px; float: right; background: #000; margin: 24px 0 0px;}
    .item-left .orb-menor{width: 25px; height: 25px; border-radius: 50%; background: #000; margin: 12.5px 0 12.5px 5px; float: right;}
    .item-left .item-tt{height: 50px;}
    	.item-left .item-tt p{font-size: 20px; text-align: right; color: #000; font-weight: bold; padding: 15px 5px 15px 0;}
    .item-left .item-txt{width: 100%; float: left; margin: -10px 0 0;}
    	.item-left .item-txt p{text-align: left; font-size: 14px; padding: 0 70px 0 0;}
    	.item-left .item-txt p a, .item-right .item-txt p a{font-size: 14px; color: #cc0303; display: inline-block; padding: 0px 2px; font-weight: bold;}

    /*ITEM RIGHT*/
    .item-right{width: 52.5%; float: right; margin: -50px 0 0; min-height: 160px;}
    .item-right .orb-maior{width: 50px; height: 50px; border-radius: 50%; background: #000; float: left;}
    .item-right .linha{width: 100px; height: 50px; float: left;}    	
    	.item-right .linha .line{width: 100%; height: 4px; float: left; background: #000; margin: 24px 0 0px;}
    .item-right .orb-menor{width: 25px; height: 25px; border-radius: 50%; background: #000; margin: 12.5px 5px 12.5px 0px; float: left;}
    .item-right .item-tt{height: 50px;}
    	.item-right .item-tt p{font-size: 20px; text-align: left; color: #000; font-weight: bold; padding: 15px 5px 15px 0;}
    .item-right .item-txt{width: 100%; float: left; margin: -10px 0 0;}
    	.item-right .item-txt p{text-align: left; font-size: 14px; padding: 0 0px 0 70px;}

    /*DEFINE COR DO ITEM*/
    .item-vermelho{}
    .item-vermelho .orb-maior, .item-vermelho .linha .line, .item-vermelho .orb-menor{background: #d36659;}
    .item-vermelho .item-tt p, .item-vermelho .linha p{color: #d36659;}    

    .item-verde{}
    .item-verde .orb-maior, .item-verde .linha .line, .item-verde .orb-menor{background: #5da688;}
    .item-verde .item-tt p, .item-verde .linha p{color: #5da688;}

    .item-roxo{}
    .item-roxo .orb-maior, .item-roxo .linha .line, .item-roxo .orb-menor{background: #755e6e;}
    .item-roxo .item-tt p, .item-roxo .linha p{color: #755e6e;}

    .item-amarelo{}
    .item-amarelo .orb-maior, .item-amarelo .linha .line, .item-amarelo .orb-menor{background: #eca218;}
    .item-amarelo .item-tt p, .item-amarelo .linha p{color: #eca218;}

    .item-verde-escuro{}
    .item-verde-escuro .orb-maior, .item-verde-escuro .linha .line, .item-verde-escuro .orb-menor{background: #007d7b;}
    .item-verde-escuro .item-tt p, .item-verde-escuro .linha p{color: #007d7b;}

    .item-laranja{}
    .item-laranja .orb-maior, .item-laranja .linha .line, .item-laranja .orb-menor{background: #e37e54;}
    .item-laranja .item-tt p, .item-laranja .linha p{color: #e37e54;}

	.linha-do-tempo{padding: 100px 0 0px;}

	.perfil{}
		.perfil h4{padding: 0; margin: 0;}
		.perfil p{padding: 10px 0;}
		.perfil .escuro{background: #f2f1f0;}
		.perfil .claro{background: #fff;}
		.perfil .txt{box-shadow: 0 0 8px rgba(0,0,0,0.1); padding: 20px; margin: 5px 0 0;}
	.biografia{padding: 0 10px 20px; }
		.biografia p{padding: 10px 0; }
	.referencias .tt{background: #666666; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
	.referencias .tt h1{color: #fff; font-size: 14px;}
	.referencias .topico{padding: 10px 20px; margin: 10px 0;  box-shadow: 0 0 8px rgba(0,0,0,0.1);}
	.referencias .topico.claro{background: #fff;}
	.referencias .topico.escuro{background: #f2f1f0;}
	.referencias .topico h2{}
	.referencias .topico p{padding: 5px 20px;}
	.referencias .topico p.p2{padding: 2px 40px;}
	.referencias .topico h2 a{display: inline-block; font-size: 14px !important;}
	.referencias .topico p a{display: inline-block; font-size: 14px !important;}
	.referencias .topico h2 a:hover{text-decoration: underline; color: #fecc00;}

/*        
================
==APRESENTAÇÃO==
================
*/ 
.colors li:nth-child(even){
	background-color: #f2f1f0;
}
.colors li:nth-child(odd){
	background-color: #FFF;
}

/*
=================
==ESTUDE KARDEC==
=================
*/
	.conteudo-estude-kardec .listagem{width: 100%; min-height: 600px; float: left; padding: 20px 0; box-sizing: border-box;}
		.lista-head{background: #666666; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
		.lista-body{padding: 3px 0;}
		.lista-head, .lista-body{width: 100%; float: left;}
		.lista-head p{width: 94%; text-align: left; padding: 10px 3%;}
		.lista-body p{width: 90%; text-align: left; padding: 10px 5%;}
		.lista-head p{font-size: 14px; font-weight: bold; color: #fff;}
		.lista-body p{font-size: 14px; font-weight: normal;}
		.lista-body ul{width: 100%; text-align: left;}
		.lista-body ul li{width: 49.7%; margin: 3px .3% 3px 0; box-shadow: 0 0 8px rgba(0,0,0,0.1); float: left;}
		.lista-body ul li:nth-child(even){margin: 3px 0 3px .3%;}
		/*.lista-body ul li:nth-child(2n+1){background: #f2f1f0;}*/
		.lista-body ul li.claro{background: #fff;}
		.lista-body ul li.escuro{background: #f2f1f0;}
		.lista-body ul li:hover{background: #999999;}
		.lista-body ul li:hover a p{color: #fff;}
		.lista-body ul li a{width: 100%; text-align: left; float: left; min-height: 75px;  overflow: hidden; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
		.estude-kardec .lista-body p{text-transform: uppercase;}
		
		.abas{width: 100%; float: left; margin: 0; text-align: left; box-sizing: border-box; padding: 0 0 0 15px;}
		.abas li{width: auto; box-sizing: border-box; display: inline-block; cursor: pointer; margin: 2px 0; padding: 5px 5px; font-weight: bold; background: none; border: 1px solid #666666}
		.abas li p{padding: 0px 10px; color: #2a2a2a; text-align: center;}
		.abas li.ativo{background: #666666; border: 1px solid rgba(0,0,0,0)}
		.abas li#aba0, .abas li.ativo#aba0{background: #666666;}
		.abas li.ativo p{color: #fff;}
		.abas li .formato-txts{width: 35px; height: 20px; display: inherit; margin: 0 0 -5px; background: url(../img/text-show.png) no-repeat center; background-size: cover;}		
		.abas li.ative .formato-txts{width: 35px; height: 20px; display: inherit; margin: 0 0 -5px; background: url(../img/text-hide.png) no-repeat center; background-size: cover;}
		/*.abas li:hover .formato-txts{background: url(../img/text-show-hover.png) no-repeat center; background-size: cover;}
		.abas li:hover.ative .formato-txts{background: url(../img/text-hide-hover.png) no-repeat center; background-size: cover;}*/
		#coluna-txt-obra{width: 46.5%; margin: 0 .5% 0 .5%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; position: relative;}
		#coluna-txt-obra.expande{width: 72.5%; margin: 0 1% 0 .5%;}
		#coluna-txt-obra.fixed-top, #coluna-txt-obra.fixed-bottom{margin: 0 0 0 26.5%;}
		#coluna-txt-obra.fixed-top.expande, #coluna-txt-obra.fixed-bottom.expande{margin: 0 0 0 26.5%;}
	
		#texto-obra .texto, .infancia-e-juventude .texto{width: 100%; float: left; padding: 0 20px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
		#texto-obra .texto{padding: 5px 20px 20px; overflow: hidden;}	
		.coluna-txt{width: 72.5%; margin: 0 1% 0 .5%; float: left;}
		.coluna-notas{width: 25%; margin: 0 1% 0 .5%; float: right; }
		#notas{background: #C9C7C4; height: 80vh; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); overflow-y: scroll; overflow-x: auto; display: none;}
		/*#notas::-webkit-scrollbar {display: none;}
		#notas::scrollbar {display: none;}*/
		#notas.fixed-top{position: fixed; margin: 20px 0 0 1%; height: 80vh; top: 100px; bottom: auto; right: 1%;}
		#notas.fixed-bottom{position: absolute; margin: 20px 1% 0 .5%; height: 80vh; top: auto; bottom: 25px; right: 0;}
		.notas{margin: 5px 0 0; padding: 5px 20px 20px;}
		#notas .texto{ min-height: 200px;}
		.cap-mobile{display: none;}
		
		.texto {text-align: center; overflow: hidden;}
		.texto li.letras {margin: 3px 0; padding: 0; box-sizing: border-box;}
		.texto li.letras a{width: 32px; height: 32px; font-family: "droidsans", Arial; font-size: 20px; font-weight: bold; text-align: center; margin: 0; padding: 0; color: #fff; background: #666666; overflow: hidden; text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}		
		.texto li.letras:hover a, .texto li.letras.ativo a{color: #fff; background: #000202;}

/*
===============
==RESET TEXTO==
===============
*/
	.texto{overflow: hidden; min-height: 600px;}	
	.texto * {color: #2a2a2a; font-family:"droidsans", Arial; font-size: 16px line-height: 20px; font-size: 100%; font-weight: 300; text-align: justify;}
	.texto p {border: 0; font-size: 16px; color:#2a2a2a; margin: 0; padding: 0; outline: 0; font-family:"droidsans", Arial; line-height: 25px;}
	.texto ul {margin: 0; padding: 0; list-style-type: none; text-align: justify;}
	.texto li {margin: 0; padding: 0; font-family:"droidsans", Arial; font-size: 16px; text-align: justify;}
	.texto fieldset { border: 0; margin: 0; outline: 0; padding: 0; text-align: justify;}
	.texto textarea { resize: none;}
	.texto a {color: #2a2a2a; font-family:"droidsans", Arial; font-size: 16px; text-decoration: none; outline: none; font-size: 16px; display: inline-block; text-align: justify;}
	.texto a.active{color: #2a2a2a}
	.texto a span{color: #2a2a2a!important;}
	.texto a:hover{text-decoration: underline;}
	.texto hr { border: none;}
	.texto img{max-width: 100%; height: auto !important;}
	.texto input, .texto button, .texto textarea { outline:none; box-sizing:border-box; text-align: justify;}
	.texto h1{font-size: 26px; margin: 0; font-family: "droidsansbold", Arial; font-weight: bold; color: #2a2a2a; display: block; line-height: 30px; text-align: justify; }
	.texto h2, .texto h3, .texto h4, .texto h5, .texto h6{font-size: 18px; font-family: "droidsans", Arial; color: #2a2a2a; margin: 0; display: block; line-height: 28px; text-align: justify; }
	.texto div{box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; font-family:"droidsans", Arial; font-size: 16px; text-align: justify;}
	.texto strong{font-family: "droidsansbold"; text-align: justify;}
	.texto small{font-family:"droidsans", Arial; font-size: 12px; text-align: justify;}
	.texto u, .texto i{font-family:"droidsans", Arial; text-align: justify;}	
	.texto .caminho{width: 100%; min-height: 30px; float: left; padding: 5px; margin: 0 0 10px; background: rgba(255,255,255,.4); color: #2a2a2a; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; font-weight: bold; font-size: 14px; font-family:"droidsans", Arial;}
	.tituloTexto{clear: both;}

/*
======================
==CONHECIMENTO DE SI==
======================
*/
	.conhecimento-de-si .tabela{width: 72.5%; margin: 0px 1% 0 .5%; float: right;}
	.conhecimento-de-si .tabela h4{margin: 0; font-family: "droidsansbold", Arial; font-size: 18px;}
	.conhecimento-de-si .tabela p{text-align: left;  font-family:"droidsans", Arial; font-size: 16px;}
	.conhecimento-de-si .tabela .tabela-body{width: 100%; margin: 0; padding: 0 0 0 10px; min-height: 600px;}
	.conhecimento-de-si .tabela .tabela-body ul li{min-height: 100px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
	.conhecimento-de-si .tabela .tabela-body ul li.claro{background: #fff;}
	.conhecimento-de-si .tabela .tabela-body ul li.escuro{background: #f2f1f0;}
	.conhecimento-de-si .tabela .tabela-body ul li:hover{background: #999999; cursor: pointer;}
	.conhecimento-de-si .tabela .tabela-body ul li:hover p, .conhecimento-de-si .tabela .tabela-body ul li:hover h4, .conhecimento-de-si .tabela .tabela-body ul li:hover b, .conhecimento-de-si .tabela .tabela-body ul li:hover strong, .conhecimento-de-si .tabela .tabela-body ul li:hover i, .conhecimento-de-si .tabela .tabela-body ul li:hover small, .conhecimento-de-si .tabela .tabela-body ul li:hover u, .conhecimento-de-si .tabela .tabela-body ul li:hover sub, .conhecimento-de-si .tabela .tabela-body ul li:hover sup, .conhecimento-de-si .tabela .tabela-body ul li:hover a{color: #fff;}
	.conhecimento-de-si .tabela .tabela-body ul li a{width: 100%; box-sizing: border-box; padding: 20px 0 0 20px; height: 100px;}
	.conhecimento-de-si .tabela .tabela-body ul li a p img{display: none;}
	.conhecimento-txt{padding: 0 20px; min-height: 600px; position: relative; width: 72.5%; margin: 0 1% 0 .5%; box-sizing: border-box;}	
	.social-toolbar{width: 100%; text-align: right; padding: 20px 0;}
	.imprimir, .socialface, .enviar{display: inline-block; margin: 0 0 0 3px; padding: 5px 10px; border-radius: 4px;}
	.imprimir-icon{width: 20px; height: 20px; margin: -5px 5px; position: relative; display: inline-block; background: url(../img/printer.png) center no-repeat; }
	.email-icon{width: 20px; height: 20px; margin: -4px 5px; position: relative; display: inline-block; background: url(../img/email.png) center no-repeat; }
		.imprimir:hover a, .enviar:hover a{color: #fff;}
		.imprimir:hover .imprimir-icon{background: url(../img/printer-hover.png) center no-repeat;}
		.enviar:hover .email-icon{background: url(../img/email-hover.png) center no-repeat;}
		.imprimir:hover, .enviar:hover {background: #2a2a2a;}
		.obra .socialface, .obra .enviar, .conhecimento-de-si .socialface, .conhecimento-de-si .enviar{ display: none;}
	
/*
========================
==INFANCIA E JUVENTUDE==
========================
*/
	.conteudo-infancia-e-juventude{}
	.conteudo-infancia-e-juventude .img{padding: 30px 0;}

/*
============
==NOTÍCIAS==
============
*/
	.conteudo-noticias .listagem{width: 100%; float: left; margin: 30px 0; min-height: 600px;}
	.conteudo-noticias .listagem li{padding: 20px; position: relative; margin: 5px 0; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
	.conteudo-noticias .listagem li.escuro:hover, .conteudo-noticias .listagem li.claro:hover {background: #999999;}
	.conteudo-noticias .listagem li:hover h2, .conteudo-noticias .listagem li:hover p{color: #fff;}
	.conteudo-noticias .listagem li.claro {background: #fff;}
	.conteudo-noticias .listagem li.escuro {background: #f2f1f0;}
	.conteudo-noticias .listagem li h2{font-size: 26px; line-height: 32px; padding: 0 0 10px;}
	.conteudo-noticias .listagem li p{font-size: 16px; line-height: 22px;}
	.conteudo-noticias .listagem li p.data{font-size: 12px; line-height: 16px; padding: 10px 0 20px;}
	.conteudo-noticias .listagem li a{text-align: right; background: rgba(204,3,3,.75); position: absolute; bottom: 20px; right: 30px; padding: 5px 10px; font-weight: bold; color: #FFF; margin: 10px 0 0; border: 2px solid rgba(204,3,3,0);}
	.conteudo-noticias .listagem li a:hover{border: 2px solid #fff; color: #fff; background: none;}

	.paginacao{width: 100%; float: left; margin: 0 0 30px;}	
	.paginacao *{font-size: 14px;}
	.paginacao a{display: inline-block; margin: 0 10px; font-family: "droidsansbold", Arial; font-size: 16px; font-weight: bold;}
	.paginacao a:hover{color: rgba(204,3,3,.75);}
	.navPag{}
	.prevPag{}
	.nextPag{}

/*
===========
==NOTÍCIA==
=========== 
*/
	.conteudo-noticia .txt{padding: 10px 20px;}

/*
============
==PRODUTOS==
============
*/
	.conteudo-produtos{min-height: 600px;}
	.lista-de-produtos ul{width: 100%;}
	.lista-de-produtos ul li{width: 25%; float: left; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; background: #DFDCD9;}
	.lista-de-produtos ul li:hover{background: #C8C8C8; cursor: pointer;}	
	.lista-de-produtos ul li .img {overflow: hidden; text-align: center; height: 220px; transition: 1s;}
	.lista-de-produtos ul li .img img {transition: .4s;}
	.lista-de-produtos ul li:hover .img img{transform: scale(1.2);}
	.lista-de-produtos ul li .txt h1{font-size: 18px; font-weight: bold; margin: 0; padding: 0 20px; line-height: 25px}
	.lista-de-produtos ul li .txt h2{font-size: 14px; font-weight: bold; margin: 0; padding: 0 20px; line-height: 21px}
	.lista-de-produtos ul li .txt h1:hover, .lista-de-produtos ul li .txt h2:hover{text-decoration: underline;}
	.lista-de-produtos ul li:hover .txt h1{color: #000;}
	.lista-de-produtos ul li .txt {text-align: center;}
	.lista-de-produtos ul li .txt a{display: inline-block; padding: 5px 10px; background: #BB2424; color: #fff; font-size: 14px; margin: 10px 0; border: 2px solid #BB2424; font-weight: bold; text-decoration:none;}
	.lista-de-produtos ul li .txt a:hover{background: none; color: #BB2424;}
	#form-produto{max-width: 400px; text-align: center; display: none; background: #DFDCD9; padding: 20px 0;}
	#form-produto .img{width: 150px; display: inline-block; margin: 0 auto;}
	#form-produto .form-contato{width: 80%; margin: 0 10%;}
	.conteudo-contato#form-produto{margin: 0;}
/*
==========
==MÍDIAS==
==========
*/
	
	.albuns{min-height: 600px;}
	.albuns ul{width: 100%; text-align: left;}
	.albuns ul li{width: 300px; float: left; margin: 0 auto; padding: 0; margin: 10px;}
	.albuns ul li .album{width: 100%; position: relative; min-height: 300px; display: inline-block;}
	.albuns ul li .album:hover .info{display: flex;}
	.album .fundo{position: static;}
	.album .info{position: absolute; min-height: 300px; width: 100%; top: 0; left: 0; border: 4px solid #fecc00; background: rgba(255,255,255,.1); overflow: hidden; display: -webkit-none; display: none; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
	.album .info p{color: #fecc00; text-align: center; font-size: 26px; line-height: 34px; margin: 150px 0 0}

	.album{margin: 20px 0; min-height: 600px}
	.album .img{width: 30%; text-align: center; float: left;}
	.album .lista{width: 70%; text-align: left; float: left; padding: 0 20px;}
	.album .lista ul li{padding: 0; margin: 0px 0 10px;}

	.audio{display: inline-block; margin: 0 0px -10px;}
	.conteudo-audio{margin: 10px 0 20px;}	
	.audio-toolbarw{idth: 100%; display: none; position: fixed; bottom: 0; left: 0; text-align: center; padding: 10px 0 15px 0; background: #D13938; z-index: 10; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
	.audio-toolbar audio{display: inline-block; background: none !important;}
	.audio-toolbar p{display: inline-block; color: #fff; font-weight: bold;}

	.audio .lista{width: 70%; float: right;}
	.audio .lista ul{width: 100%; float: left;}
	.audio .lista ul li{width: 100%; position: relative; float: left; text-align: center; margin: 5px 0 20px;}
	.audio .lista ul li iframe{width: 100%; margin: 10px 0 auto; float: left; }

	.video .lista{width: 100%; float: left; min-height: 600px;}
	.video .lista ul{width: 100%; float: left;}
	.video .lista ul li{width: 33.33333%; height: 400px; position: relative; float: left; text-align: center; margin: 0; box-sizing: border-box; padding: 0 10px; overflow: hidden;}
	.video .lista ul li video{display: inline-block; width: 310px; height: 210px; margin: 0 auto}
	.video .lista ul li iframe{width: 100%; margin: 10px 0 auto; float: left; }
		
/*
==========
==FOOTER==
==========
*/
footer{width: 100%; float: left; z-index: 90; background: #000202; padding: 0px; position: relative; z-index: 1;}
footer .logo{position: relative; left: 0; top: 0px; width: 80px; margin: 20px 0 0}
footer .menu-desktop{width: auto; float: right; padding: 0px;}
footer .menu-inferior ul{width: 100%; text-align: center;}
	.footer-topo{background: #fecc00;}
	.line-footer{width: 100%; float: left; height: 1px; background: rgba(255,255,255,0.15); margin: 10px 0 5px}
	.index .rodape{width: 100%; text-align: right; padding: 5px 0px 10px;}
		.index .rodape p, .rodape a{color: #919191; font-size: 12px; line-height: 16px; width: auto; display: inline-block;}
		.index .rodape a{padding: 0 0 0 7px; font-size: 12px; }
		.index .rodape a:hover{color: #fecc00; text-decoration: underline;}
	.rodape{width: auto; text-align: left; padding: 5px 0px 10px;}
		.rodape p, .rodape a{color: #919191; font-size: 12px; line-height: 16px; width: auto; display: inline-block;}
		.rodape a{padding: 0 0 0 7px; font-size: 12px; }
		.rodape a:hover{color: #fecc00; text-decoration: underline;}
	
/*        
===========
==CONTATO==
===========
*/
	.bg-contato{height: 200px; background: #b0b0b0;}
    .bg-pagina{height: 200px; background: url(../img/bg-pagina.jpg)no-repeat; background-position: center;} 
    .icone-pagina{text-align: center; margin: -90px 0 0}
	.borda-icone-pagina{width: 176px; height: 176px; background: rgba(255,255,255,0.3); padding: 10px; margin: 0 auto; border-radius: 50%;}
	.icone{width: 100%; height: 100%; background: url(../img/icon-pagina.png)no-repeat; background-position: center;}
    .conteudo-contato{margin: 0 0 50px;}
    .contato .tt-index p{text-align: center; font-size: 20px; font-weight: bold; margin: 40px 0 20px;} 
    .form-contato {width: 450px; margin: 0 auto; padding-top: 10px; text-align: center;}    
        .form-contato input{width: 100%; background: #f7f5f4; border: 1px solid #0f1010; border-left: 8px solid #0f1010; padding: 7px; margin: 2px 0;}
            .form-contato input:hover, .form-contato input:focus{ border: 1px solid #fecc00; border-left: 8px solid #fecc00;}
        .form-contato textarea{width: 100%; background: #f7f5f4; border: 1px solid #0f1010; border-left: 8px solid #0f1010; padding: 7px; margin: 2px 0;}
            .form-contato textarea:hover, .form-contato textarea:focus{ border: 1px solid #fecc00; border-left: 8px solid #fecc00;}
        .form-contato button{width: 100px; height: 35px; background: #0f1010; color: #fff; border: 0; text-align: center; margin: 0 auto;}
            .form-contato .bt-enviar{width: 100px; margin: 0 auto;  padding-top: 10px; display: inline-block; }  
            .form-contato button:hover{background: #fecc00; color: #000}
            #recaptcha{width: 305px !important; margin: 0 auto; padding-top: 210px;}
   .map{position: relative;}   
        #mapa-classic{width:100%; height: 400px; margin: 0 auto; }
        .info-mapa{position: absolute; padding: 0 10px; z-index: 900;background: #fff;width: 250px;height: 105px;left: 30px;top: 90px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}
            .info-mapa > h1{font-size: 18px; line-height: 22px;}
            .info-mapa > p{font-size: 14px; line-height: 18px;}

/*
==============
==NEWSLETTER==
==============
*/
.newsletter{width: 100%; max-width: 500px; background: #f3f3f3; padding: 30px 0; display: none;}
.newsletter h2{text-align: center; padding: 10px 0 0; font-weight: bold; font-size: 20px;}
.newsletter h3{text-align: center; padding: 0px 0 10px; font-weight: normal; font-size: 16px; color: #000;}
.newsletter form{width: 90%; margin: 0 5%; text-align: center;}    
	.newsletter form input{width: 100%; background: #f7f5f4; border: 1px solid #0f1010; border-left: 8px solid #0f1010; padding: 7px; margin: 2px 0;}
	    .newsletter form input:hover, .newsletter form input:focus{border: 1px solid #fecc00; border-left: 8px solid #fecc00;}
	.newsletter form button{width: 100px; height: 35px; background: #0f1010; color: #fff; border: 0; text-align: center; margin: 10px 0 auto; display: inline-block;}
		.newsletter form button:hover{background: #fecc00; color: #000}

/*
============
==BUSCADOR==
============
*/
	#cse-search-box{width: 40%; position: absolute; top: 10px; right: 0;}
	.form-buscar{padding: 0px;}
		.form-buscar:hover, .form-buscar:focus{background: rgba(255,255,255,0);}
		.form-buscar input{display: inline-block; float: left;}
		.form-buscar input[type="text"]{background: #fff; border: 1px solid #ccc; padding: 5px 10px; font-size: 12px; width: 85%; border-radius: 5px;}
			.form-buscar input[type="text"]:hover, .form-buscar input[type="text"]:focus{background: #fff; border: 1px solid rgba(0,0,0,.4);}
		.form-buscar input[type="submit"]{background: url(../img/lupa.png) no-repeat center; background-size: cover; width: 30px;  border: none; margin: 3px 0 0; border-radius: 5px;}
			.form-buscar input[type="submit"]:hover, .form-buscar input[type="submit"]:focus{background: url(../img/lupa-hover.png) no-repeat center; background-size: cover;}
		.form-buscar img{filter: grayscale(1) brightness(2);}
			.form-buscar img:hover, .form-buscar img:focus{filter: grayscale(0) brightness(1);}
		.form-buscar input::-webkit-input-placeholder {color: rgba(0,0,0,0.4); font-size: 14px;}
		.form-buscar input:-moz-placeholder {color: rgba(0,0,0,0.4); font-size: 14px;}
		.form-buscar input::-moz-placeholder {color: rgba(0,0,0,0.4); font-size: 14px;}
		.form-buscar input:-ms-input-placeholder {color: rgba(0,0,0,0.4); font-size: 14px;}	
	.resultados{padding: 30px 0 20px;}