/*
Theme Name: Cura Espectral
Theme URI: http://www.curaespectral.com.br
Description: Um sistema de cura que desperta e permite o processo de auto-conhecimento, construindo base e abertura para a expressão do SER.
Version: 2.0
Author: Lila Nascimento
Author URI: lila_nascimento@hotmail.com 
Tags: cura, cura espectral, despertar, auto-conhecimento, expressão do ser, cd nous, cynara barbosa pamplona
*/
/* CSS Document */
@charset "utf-8";
/*Páginas Internas*/
@import url("style-interna.css");
/*----------------*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   MODIFICADO
*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, 
a, ul, li, article, main, footer, header, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}	
/* HTML5 display-role reset for older browsers */
article, main, footer, header, nav, section { 
	display: block;
	}
html{ width:100%;}
ul {list-style: none;}
/* Fim Eric Meyer reset */

/* utilidades */
*, *:before, *:after {
  -moz-box-sizing: border-box; 
  	-webkit-box-sizing: border-box;
   		box-sizing: border-box;
		}
.cf:before,.cf:after {content: " "; display: table;}
.cf:after { clear: both;}
.cf {*zoom: 1;}
/* Fim utilidades */

/*TAGS e CLASSES*/	
* {/*aplicação generalizada para evitar diferenças em navegadores*/	
	margin:0 auto; /*Centraliza em navegadores padrão*/
	padding:0;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}	
a {
	outline:0; /*retirar bordas pontilhadas dos links, que aparecem no Firefox*/
	/* HACK IE6 para funcionar os links */
	_position:relative;
	text-decoration:none;
	}

h1 {
	margin-top:0; /*Retira margem superior em navegadores padrão*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color: #1C1C1C;
	text-align:center;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	margin-bottom:10px;
	}
h2 {
	margin-top:0; /*Retira margem superior em navegadores padrão*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color: #363636;
	text-align:left;
	font-style: normal;
	font-weight: 500;
	font-variant: normal;
	margin-bottom:10px;
	}
h3 {
	margin-top:0; /*Retira margem superior em navegadores padrão*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #4F4F4F;
	text-align:center;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	margin-bottom:10px;
	}
p {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif,;
	font-size:14px; 
	color:#333;
	line-height: 22px;
	margin-bottom: 10px;
	}
ul { margin:0; padding:0; list-style:none;}

strong {font-weight: 600;}

img {margin: 0;	padding: 0;}

.clear { clear:both;}
.ocultar{ display:none;}
.bloco{ display: block;}

/*Saiba mais*/	
.saiba-mais-home, .saiba-mais-home-2 {
	font-size: 16px;
	padding:3px 8px;
	border-radius: 10px;
	display: block;
	}
	.saiba-mais-home { margin: 0 auto; margin-top: 20px;}
	a.saiba-mais-home {display: inline-block; border: 1px dashed #333;}
		a.saiba-mais-home:hover {background-color: #EEE;}
		.saiba-mais-home-2 {
			width: 190px;
			text-align: center;
			background-color: #6F467E;
			color: #FFF;
			margin: 0 auto;
			}
		.saiba-mais-home a:hover, .saiba-mais-home-2 a:hover {text-decoration:underline;}

/*Texto chamada*/
.chamada {
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:600;
	text-align:center;
	line-height: 120%;
	color: #7B9BB0;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	}	

/*///MOBILE first////////////*/
/*Estrutura Geral*/
body{
	width: 100%; 
	font-family:"Oswald", Arial, Helvetica, sans-serif; 
	font: 62.5%/1.4 sans-serif; /*Para facilitar o uso da unidade de medida em tornando 1em=10px*/
	background: url(../img/bg-m.jpg) fixed; /*Image by pikisuperstar on Freepik*/
	background-size:cover;
	margin-bottom:30px;
	}
#topo {	
	width:100%; 
	position:fixed; 
	z-index:740;
	}
/*Menu-principal*/
	#menu-topo {
		height:6.9em; 
		background: #9925be url(../img/topo-titulo-m.png) center no-repeat;
		background-size: cover;
		background-size: 100% 100%;
		}
		
		@media screen and (max-width: 899px) {
		.nav { /*Área da Barra de menu*/
			height:6.9em;
			width:5em;
			text-align:center;
			background: #15b315;
			padding-top:0.1em;
			float:right;
			position: absolute;
			z-index: 99999;
			}
			/*Listagem do menu*/
			.nav ul:hover li {
				display: block;
				width:15em;
				margin: 0;
				position:relative;
				top:4.8em; /*Posição*/
				}
			.nav li { 
				display: none;
				font-family: "Oswald", Arial, Helvetica, sans-serif;
				font-size: 1.4em;
				margin-top:4.0em;
				background:#15b315;
				border:#15b315 1px solid;
				padding: 0;
				list-style: none; 
				}
				
				.nav a {
					display: block;
					text-align: left;
					text-decoration: none;
					color: #fff;
					padding: 0.5em 1.2em;
					}
					.nav a:hover { background:#33e833; color:#0B0B61;}
						
		.nav .current { display: block;} /*Página ativa*/
			.nav .current a {/*HOME*/
				cursor:default;
				color: #FFFFFF;
				margin-left: 0;
				margin-top:-30em; /*Recurso para não mostrar o nome Home*/
				}
				.nav .current a:after { /*BARRINHAS PARALELAS*/
					width:35px;
					height:35px;
					margin-top:10px;
					left:0.2em; 
					top:0.2em;
					content: "";
					font-size:2.5em;
					background:url(../img/barras-menu.png) no-repeat;
					position:absolute;
					}
		} /*Fim Menu Principal MOBILE - max-width: 899px*/
					
#mae { width:100%; margin:0 auto; padding-top: 68px;}
main { width:100%;}

/*CONTEÚDO*/
#area1, #area2, #area3, #area4, #area5, #area6, #area7 {
	width: 100%; 
	height: auto; 
	padding: 15px;
	margin-bottom: 50px;
	}
#area1, #area5, #area7 {background-color: #FFF;}
#area3 {background-color: #FFFFF0;}
#area2, #area4, #area6 {margin: 0 auto; background-color: none;}

	#col1-a1,#col2-a1, #col3-a1, #col1-a3, #col2-a3,#col1-a5, #col2-a5,#col1-a7, #col2-a7, #col3-a7 {
		width: 100%; 
		height: auto;
		}
	#col2-a1, #col3-a1, #col1-a3, #col2-a3 {padding: 30px;}
	
	#col1-a2, #col1-a4, #col1-a6 {
		width:60%; 
		height: auto;
		margin:0 auto;
		}
		
/*Area1 - A cura - Cynara*/	
#area1 { padding-top:40px;}
	#col1-a1 img { display: block; width: 70%; margin: 0 auto;}

/*Area 2 - Chamada Cristais*/
#area2 {
	background: url(../img/foto-cristal_home.png) bottom no-repeat;
	background-size: contain;
	}
	#col1-a2 { margin-top:30px; margin-bottom:70%;}

/*Area3 - O anjo - Indicações*/

/*Area4 - Chamada cursos*/	
#area4 {
	background: url(../img/simbolo-cura-espectral.png) top no-repeat;
	background-position: 50% 0;/* horizontal e vertical */
	}
	#col1-a4 {margin-top:320px;}
/*Area 5 - Cursos*/
#area5 h2  { margin:30px 0;	text-align: center;}
	section.bx-curso-home { 
		width:80%;
		max-width:332px;		
		display:block; 
		margin: 0 auto; 
		margin-bottom: 60px; 
		}
		.bx-curso-home img {width:100%;}
			.bx-curso-home a h3:hover { background-color: #A3C49F;}
			.bx-curso-home h3 {
				display: block;
				min-height: 70px;
				text-align: center;
				background-color: #D9E7D8;
				padding: 8px;
				}
/*Area 6 - Chamada Alma*/
	
/*Area7 - Outros Projetos*/
#area7 {margin-bottom: 0; padding-bottom:80px;}	
#area7 h2  { margin:40px 0;	text-align: center;}
	#col2-a7, #col3-a7 { padding:0 30px;}
	#col2-a7 { margin-bottom: 50px;}
		#col1-a7 img {
			display: block; 
			margin: 0 auto; 
			margin-bottom: 50px;
			}
	#col2-a7.saiba-mais-home { margin-top: 0; margin-left:50%;}
		#col2-a7 a.saiba-mais-home, #col3-a7 a.saiba-mais-home {
			display: block; 
			width:40%; 
			text-align: center;  
			margin-top:10px; 
			margin-bottom:12px;
			background-color: #FFFFD7;	
			}
			#col2-a7 a.saiba-mais-home:hover, #col3-a7 a.saiba-mais-home:hover {background-color: #EEE;}
/*RODAPÉ*/
#voltar-topo {float: right; margin-top: -20px;}
	#voltar-topo img {width: 30px;}
#rodape {padding: 50px; background-color:#524281;}
	#rodape h2 {
		font-size:14px; 
		font-weight:600;
		margin-bottom: 20px;
		color:#FFFFD7;
		}
	#rodape p, #rodape li a {color:#FFF; font-size:14px;}
	
	#rodape ul li{
			display:block;
			height:28px;
			margin-bottom: 10px;
			padding-left:30px; 
			}
			#rodape li a {margin-bottom: 15px; }
			
			.ico-email, .ico-wa, .ico-face, .ico-insta {background-position: 0 2px;}
				.ico-email {background: url("../img/ico-email.png") no-repeat;}
				.ico-wa {background: url("../img/ico-wa.png") no-repeat;}
				.ico-face {background: url("../img/ico-face.png") no-repeat;}
				.ico-insta {background: url("../img/ico-insta.png") no-repeat;}
				
	#contatos, #redes-sociais, #capta-leads { 
		display:block; 
		margin-bottom: 50px; 
		}

	#capta-leads { max-width: 400px;
		}
		#capta-leads p { font-size: 13x; color: #FFFFD7;}
		#capta-leads a { color: rgb(0, 255, 94);}
	
			.capta-leads-item { 
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #fff;
				text-align: left;
				}
			.capta-leads-campo { height: 27px; margin-bottom: 5px; max-width: 350px;}

			.enviar-cad-mailing { 
				display:block;
				width:200px ;
				height:32px;
				line-height: 32px;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 15px;
				text-align:center;
				color:#FFFFFF;
				font-weight:600;
				text-transform:uppercase;
				background-color:#FF6600;
				border: #FF6600 solid 1px;
				margin-top: 15px;
				cursor:pointer;
				border-radius: 10px;
				}
				a.enviar-cad-mailing:hover {
					color:#FF6600;
					font-weight:600;
					background-color:#FFFF00;
					}
	
#copyright p{font-size: 12px; text-align: center; display: block; }

/*Fim Mobile First*/


/*/////VIEWPORT min-width: 600px*/	
@media screen and (min-width: 600px) {
/*Area1 - A cura - Cynara*/	
#col1-a1 img { width: 50%; }
/*Area 5 - Cursos*/
section.bx-curso-home {
	width: 30%; 
	display:block; 
	margin-left: 15px;
	margin-bottom: 30px;
	float: left; 
	}
	.bx-curso-home a h3 {min-height: 90px;}
/*Area 7 - Outros Projetos*/
#area7 {padding-bottom:30px;}
#col2-a7, #col3-a7{padding:0 20px;float:left;}
#col2-a7, #col3-a7 {width: 50%;float:right;}
	#col2-a7 a.saiba-mais-home, #col3-a7 a.saiba-mais-home { width:40%;}

/*Rodape*/
#rodape {height: 340px; padding: 30px 14px;}
	#contatos, #redes-sociais{padding:0;}
	.ico-email, .ico-wa, .ico-face, .ico-insta {background-size: 20px;}
		#contatos {width: 38%; float:left;}
		#redes-sociais {width:28%; float:left;}
		#capta-leads {width: 33%; float:right; }

			#capta-leads h2 {text-align: center;}
			#capta-leads p { font-size: 12px; text-align: center; line-height: 140%;}
	
	.enviar-cad-mailing {margin: 0 auto; width: 150px; font-size: 12px;}
	
		
}/*Fim viewport min-width: 600px*/	


/*/////VIEWPORT min-width: 720px*/	
@media screen and (min-width: 720px) {
/*Areas*/
#col2-a1, #col3-a1, #col1-a3, #col2-a3, #col2-a7, #col3-a7 {
	width:50%; 
	float:left;
	}
/*Area 2 - Chamada Cristais*/
#col1-a2 { margin-bottom:55%;}
	
/*Area7 - Outros Projetos*/
#col1-a7 {width: auto; float:left;}
#col2-a7, #col3-a7 {padding:0 30px; margin-bottom: 20px;}
	#col2-a7 h2, #col3-a7 h2 {margin:0;}

}/*Fim viewport min-width: 720px*/	



/*/////VIEWPORT min-width: 900px*/	
@media screen and (min-width: 900px) {
/*Estrutura Geral*/	
body{ 
	background: url(../img/bg.jpg) fixed; background-size: cover;}/*Image by pikisuperstar on Freepik*/
#topo {background-image: none;}	
/*Marca*/
	#banner-topo {
		min-width:900px; 
		max-width:1000px; 
		background: #9925be url(../img/topo-titulo.png) center no-repeat;
		height:78px;
		margin:0 auto; 	
		}
		/*Menu-principal*/
		#menu-topo {
			width:100%;
			height:40px;
			line-height:40px;
			background-image: none;	
			background-color: #15b315;
			text-align:center;
			}
			
			#menu-topo ul li {display:inline-block; margin-left: 0;}
				#menu-topo ul li.nav-home-ocult {display: none;} /*Ocultar Home do menu para não aparecer 2 vezes*/
				#menu-topo li a {
					display:inline-block;
					line-height:38px;
					color:#FFF;
					font-family:Arial, Helvetica, sans-serif;
					font-size:16px;
					font-weight:500;
					text-decoration:none;
					padding:0 9px;
					min-width:110px;
					}
					#menu-topo li a:hover {
						background-color:#33e833;
						color:#0B0B61;
						}
#mae {
	min-width:900px; 
	max-width:1000px; 
	padding: 118px 0 0 0;
	background-color: none;
	}

/*CONTEUDO*/														
#area1, #area2, #area3 {margin-bottom: 50px;}
#col1-a3, #col2-a3, #col2-a7, #col3-a7 {
	width:50%; 
	float:left;
	}

/*Area1 - A cura - Cynara*/	
#col1-a1 img { width: 100%; }	
#col1-a1, #col2-a1, #col3-a1 {padding:0; margin:0;}
#col2-a1, #col3-a1 {width: 50%;float:right;}
	#col1-a1 {width: auto; float:left;}	
	#col2-a1 {margin-bottom: 50px;}

/*Area 2 - Chamada Cristais*/
#area2 {
	background: url(../img/foto-cristal_home.png) right no-repeat;
	background-color: none;	
	}
	#col1-a2 {
		width: 40%; 
		padding:0; 
		margin:0; 
		float: left;
		}
/*Area3 - O anjo - Indicações*/	
	
/*Area4 - Chamada cursos*/	
#area4 {
	height: 300px; 
	background: url(../img/simbolo-cura-espectral.png) left no-repeat;
	background-position: 15% center;/* 20% à direita e 40% abaixo */
	background-color: none;	
	margin-bottom: 30px;
	}
	#col1-a4 {
		width: 50%; 
		padding:0; 
		margin:5% 7% 0 0; 
		float: right;
		}	
/*Area 5 - Cursos*/
.bx-curso-home img {width: 268px; height:161px;}
.bx-curso-home h3 {font-weight: 500;}

.col1-a5, .col2-a5{display: block; padding-bottom: 50px;}	
	
section.bx-curso-home {
	width: auto; 
	margin-left: 40px;
	}
/*Area 6 - Chamada Alma*/
	
/*Area7 - Outros Projetos*/
#area7 {padding:20px 70px;}
	#area7 h3 {font-size: 18px;}
		#area7 h3 strong {font-weight: 500;}
		#col2-a7, #col3-a7 {
			width: 50%;
			padding:0;
			margin-right: 20px;
			float:right; 
			}
			#col2-a7 h3, #col3-a7 h3 {margin-bottom:25px;}
		#col1-a7 {width: auto; float:left;}	
		#col2-a7 {margin-bottom: 50px;}
		
/*Rodapé*/				
#rodape {padding: 30px; width: 100%; height:;}
	#contatos, #redes-sociais, #lista-contatos{
		width: auto;
		margin-bottom:0; 
		}
		#contatos, #redes-sociais {float: left; }
		#contatos {margin-right:130px;}
		#capta-leads {width: 33%; float:right; }

			#capta-leads p { font-size: 13px;}

}/*Fim viewport min-width: 900px*/