@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
/*---------------------------------------------------------
 1. RESET
-------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;  padding: 0;  border: 0; vertical-align: baseline;}
main			{display: block;}
body			{line-height: 1;}
ol, ul		{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after	{content: '';  content: none;}
table			{border-collapse: collapse;  border-spacing: 0;}
html			{font-size: 100%;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}
a:focus		{outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section		{display: block;}
audio, canvas, video		{display: inline-block; *display: inline;  *zoom: 1;}
audio:not([controls])	{display: none;}
sub, sup					{line-height: 0;  position: relative;  vertical-align: baseline;}
sup			{top: -.5em;}
sub			{bottom: -.25em;}
img			{border: 0;  -ms-interpolation-mode: bicubic;}
button, input, select, textarea	{font-size: 100%;  margin: 0;  vertical-align: baseline;  *vertical-align: middle;}
button, input					{line-height: normal;  *overflow: visible;}
button::-moz-focus-inner, input::-moz-focus-inner		{border: 0;  padding: 0;}
button, input[type="button"], input[type="reset"], input[type="submit"]		{cursor: pointer;  -webkit-appearance: button;}
input[type="search"]		{-webkit-appearance: textfield;}
input[type="search"]:-webkit-search-decoration		{-webkit-appearance: none;}
textarea		{overflow: auto;  vertical-align: top;}
/*---------------------------------------------------------
 2. BASIC STYLE
-------------------------------------------------------- */
html, body	{width:100%!important; height:100%!important;}
body			{margin:0; padding:0; font-size:100%; font-weight:400 ;line-height:130%; color:#888; font-family:'Quicksand', sans-serif;
			letter-spacing: 0.2px; text-align:justify;	background-color:#FFF !important; background-image:url(../images/bg.png); background-size:100% 1200px; background-repeat:no-repeat; background-attachment:fixed;}
::-webkit-input-placeholder {color: #666;}
:-moz-placeholder {color: #666; /* Firefox 18- */}
::-moz-placeholder {color: #666; /* Firefox 19+ */}
:-ms-input-placeholder {color: #666;}
/* - - - - - - - - - -   G A G   - - - - - - - - - - */
h1, h2, h3, h4, h5, h6	{color: #888; font-weight:700;}
h1	{font-size: 200%; color: #EF6B00; letter-spacing: -1px; margin-bottom. 0px;}
h2	{font-size: 180%; color: #EF6B00; letter-spacing: -1px; margin-bottom. 15px;}
h3	{font-size: 120%; letter-spacing: -0.6px; margin-bottom: 15px;}
h4	{font-size: 110%; letter-spacing: -0.4px;}
h5	{font-size: 100%;}
h6	{font-size: 100%;}
.cmtz	{font-size: 120%; color:#999 !important;}
a 	{text-decoration:none!important;}
b 	{font-weight:500;}
hr	{color:#AABA0A; background:#AABA0A; width:100%; height:2px; border:none; margin-bottom: 20px; }
img		{border: none !important; max-width:100%;}
.thumbnail		{border: none !important; }
p		{margin-bottom: 15px}
.list	{list-style-image: url(../images/bullet.png); margin-left: 40px; margin-bottom: 40px; }
.list2	{list-style-image: url(../images/bullet2.png); margin-left: 40px; margin-bottom: 40px; }
.list li	{margin-bottom: 10px; font-size: 100%;}
.left		{float: left}
.right		{float: right}
.title		{text-align: center; margin-bottom: 40px;}
.title hr	{width: 60%;}

/* COLORS - - - - - - - - - - - - - - - - - - - - */
.morado			{background-color:#aa80ff!important;}
.morado:hover	{opacity:0.75}
.rosa			{background-color:#f590aa!important;}
.rosa:hover		{opacity:0.75}
.amarillo		{background-color:#eebb00!important;}
.amarillo:hover	{opacity:0.75}
.esmeralda		{background-color:#5bd6e6!important;}
.esmeralda:hover{opacity:0.75}
.green	{color: #AABA0A}
.orange	{color: #EF6B00}
.gray	{color: #333}
.black	{color: #000; text-shadow: none!important;}

/* BOTONES - - - - - - - - - - - - - - - - - - - - */
.btn	{height:40px; line-height:40px; padding:0 15px; border:0; color:#FFF!important; font-family:Arial, sans-serif !important; font-size:100%!important; font-weight:bold; background:#AABA0A !important; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.btn:hover, .btn:focus	{background: #EF6B00 !important;}

/* HEADER - - - - - - - - - - - - - - - - - - - - */
header		{position:relative; width:100%; height:120px; z-index:10; margin:0; padding:0;
			background-image:url(../images/header.png); background-size:cover; background-position:center bottom; background-repeat:no-repeat;}
#logo		{position:absolute; z-index:200; left:1%;}					
#slogan 		{position:absolute; z-index:200; text-align:right; bottom:3%; right:1%;}
#slogan h2	{position:relative; color:#FFF; margin:0px; padding:0px; font-size:200%; letter-spacing:-1px; font-weight:700;
			top:80%; text-shadow:2px 2px 3px #596105; }
.phone-info a {color: #5cb48e;}
.social-icons {text-align: right;}
.social-icons a {color: white;}
.social-icons li {display: inline-block;  margin-left: 15px;}
#whatsapp {float:right; margin:5px}

/* MENU MAIN - - - - - - - - - - - - - - - - - - - - */
#menu-big	{width:25%; height:100%; margin:0; padding:0; text-align:right;}
#nav 		{display: inline-block; width: 270px; height: 100%; margin: 0px; padding: 0px; right: 0px; background-color: #;}
#nav ul		{margin: 0px; padding: 0px;}
#nav li		{width: 120px; height: 96px; background-image: url(../images/nav.png);  background-size: cover;  background-repeat: no-repeat; margin: 0px 0px -40px 0px; padding: 0px;}
#nav li:hover	{background-image: url(../images/nav_top.png);}
#nav .nav-li2	{margin-left: 120px}
.main-menu .active		{background-image: url(../images/nav_top.png); background-repeat: no-repeat}
#nav a		{color: #FFF; display: block; font-size: 18px; font-weight: ; letter-spacing: px; padding: 35px 0px 40px 0px; text-align: center; line-height: 18px; text-decoration: none }
#nav a:hover	{color: #000 }
#nav a.doble {padding: 27px 0px 40px 0px; line-height: 20px; }

/* MENU RESPONSIVE - - - - - - - - - - - - - - - - - - - - */
.responsive-menu 	{position:relative; text-align:center; z-index:99; margin-top:0; margin-bottom:60px;}
.toggle-menu		{color:white !important; background:#EF6B00; padding:15px 30px; margin:0; text-transform:uppercase; display:inline-block;
					font-weight:bold; text-decoration:none!important; width:100%}
.toggle-menu i		{margin-right:15px;}
.show-menu		{background: #AABA0A; display: none;}
.show-menu li		{display: block;  border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.show-menu li:last-child {border-bottom: 0;}
.show-menu a		{padding: 15px 20px;  display: inline-block;  width: 90%;  color: white; text-transform: uppercase;  font-size: 16px;  font-weight:700; background: transparent; text-decoration: none !important; background: none !important;}
.show-menu a:hover		{color: #000;}
.show-menu a i	{margin-right: 15px;}

/* CALL TO ACTION - - - - - - - - - - - - - - - - - - - - */
#call	{padding:0 15px 10px; color:#555; font-size:18px; font-weight:500; border:7px double #EF6B00; border-radius:9px; margin-top:30px;
		background:#EEF1CE;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    4px 4px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow:         4px 4px 5px 0px rgba(0, 0, 0, 0.5);		
		}
#call h2	{background:#EF6B00; color:#FFF; font-weight:400; padding:0 0 5px 0; margin:0 -15px 10px; font-size:30px; line-height:30px;
		letter-spacing:1px;}
#call a	{background:#AABA0A; color:#FFF; font-weight:500; padding:5px 20px; display:inline-block; font-size:22px; line-height:22px;
		border-radius:10px; margin:-4px 0 20px 0; border:5px solid #FFF;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    4px 4px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow:         4px 4px 5px 0px rgba(0, 0, 0, 0.5);
		}
#call a:hover	{background:#EF6B00;}
#call b	{color:#333; font-weight:700;}

/* Footer - - - - - - - - - - - - - - - - - - - - */
.site-footer	{position:relative; z-index:11; padding:30px 0px 0px 0px; height:120px; margin-top:30px;
				text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);	background-image:url(../images/footer.png); background-size:100% 100%; background-repeat:no-repeat;}
.site-footer a	{color: #5cb48e;}
address	{float:left; margin-left:20px!important; color:#FFF; font-size:14px; font-weight:700;}
#social			{position:absolute; right: 15px; bottom:25px; width: auto; padding: 0px; }
#social	a		{display:inline-block}
#facebook		{width: 40px; height: 40px; margin: 10px 10px 0px 0px; background-image: url(../images/facebook.png);}
#facebook:hover	{background-image: url(../images/facebook2.png)}
#twitter		{width: 40px; height: 40px; margin: 10px 10px 0px 0px; background-image: url(../images/twitter.png);}
#twitter:hover	{background-image: url(../images/twitter2.png)}

/* PAGES - - - - - - - - - - - - - - - - - - - - */
#page-content 	{padding-top: 20px; padding-bottom: -10px;}

/* PAGES BGS - - - - - - - - - - - - - - - - - - - - */
#page-2		{background: url('../images/esco.jpg') no-repeat;  background-position: top; }
#page-3		{background: url('../images/terapias.jpg') no-repeat;  background-position: top; }
#page-4		{background: url('../images/cursos.jpg') no-repeat;  background-position: top; }
#page-6		{background: url('../images/contacto.jpg') no-repeat;  background-position: center left; }


/* INICIO - - - - - - - - - - - - - - - - - - - - */
.trast p b		{font-weight:400; color: #000}
.trast img		{display: inline-block; vertical-align: middle; width: 100%; height: auto; text-align: center; margin-top:5%}
.marco			{border: 1px solid #dddddd; border-radius: 6px; padding:10px;}
.trast li 		{list-style-image: url(../images/vineta.png); padding:0px 0px 5px 0px; margin: 0px 0px 0px 10px; }
.trast li span		{margin-left: -6px}
.promos		 	{text-align: center}
.promo img		{width: 65% !important; border:0 !important; text-align: center}
.promo img:hover	{opacity: 0.5}
.promo-txt		{position:relative; z-index:10; border:2px solid #AABA0A; padding: 10px; margin-top: -20px; width:100%; min-height:150px;
				-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.promo-txt p		{margin: 0px; padding: 0px; font-weight:700!important; font-size: 100%; line-height:110%; color: #444;}
.promo-txt a		{position:absolute; z-index:100; bottom:10px; right:10px;}


/* ACERCA - - - - - - - - - - - - - - - - - - - - */
#bigtxt	p	{font-size: 105%; text-align: right; line-height: 30px; font-weight:700;}

/* TERAPIAS - - - - - - - - - - - - - - - - - - - - */
.terapias .ind	{border:0 !important; text-align: ; margin-top: -20px;}
.hor-list		{margin-left:20px;}
.hor-list li		{float:left; white-space: nowrap; margin-right:75px; font-weight:700}

/* CURSOS - - - - - - - - - - - - - - - - - - - - */
#cursos		{margin: 0 0 40px 0;  padding: 0!important;}
#cursos > li	{display: inline-block;  border-radius: 0px; margin: 0px -3px!important; padding: 0px !important;}
#cursos > li  {font-size: 100%;  font-weight:700;  margin: 0px 10px!important; padding: 0px 10px; text-transform: uppercase; font-family:Arial, sans-serif !important; letter-spacing: -0.5px; text-decoration: underline;}

/* CURSOS TABS - - - - - - - - - - - - - - - - - - - - */
.nav-pills ul	{}
.nav-pills li		{margin: 0px 2px 2px 0px !important; padding: 0px;}
.nav-pills li	a	{background-color: #AABA0A;  font-size: 120% !important;  font-weight:700;  color: #FFF; margin: 0px  px 0px 0px !important;  padding: 0px 10px !important;
				border-radius: 10px; min-height: 60px; line-height: 60px; word-wrap:break-word !important; white-space:normal !important}

.nav-pills li.active a			{background-color: #EF6B00 !important; color: #000;}
.nav-pills li a:hover	{background-color: #EF6B00 !important;}
.nav-pills li a img	{padding: 5px 10px 5px 0px; margin: 0px 0px 0px -5px; display: inline-block; float: left; }
.tab-pane h3			{text-decoration: underline;  text-align: center; margin-bottom: 30px;}

/* BLOG - - - - - - - - - - - - - - - - - - - - */
.blog ul li		{padding:10px 10px 10px 20px; margin: 0px 0px 10px 0px; background: #AABA0A; border-radius: 6px; }
.blog ul li:hover	{background: #EF6B00;}
.blog ul a		{color: #FFF !important; font-size: 140%;  text-decoration: none !important;}

.rss-box				{}
.rss-title				{color: #EF6B00; font-size: 140% !important; margin-bottom: 30px; font-weight:700}
.rss-items				{}
.rss-item				{}
.rss-item a:				{color: #AABA0A !important; font-size: 120% !important;  margin-bottom: 20px;}
.rss-item-auth			{}
.rss-date				{color: #AABA0A}

/* Contacto - - - - - - - - - - - - - - - - - - - - */
#contactForm input, #contactForm textarea {width: 100%;  outline: 0;  padding: 8px 10px;  margin-bottom: 20px;  max-width: 100%;  border: 1px solid #dddddd;}
#contactForm  label {font-size: 100%}

#map-canvas		{display: none; height: 300px;  border-radius: 6px; }
.map-btn		{display: inline-block;}
.map-btn.right	{float: right; margin-top: -73px;}
.map-btn a		{display: inline-block; color: #FFF; background: #AABA0A; padding: 8px 15px; border-radius: 4px; text-decoration: none; font-size: 90%;}
.map-btn a:hover	{color: #FFF; background: #EF6B00;}

/* AVISO - - - - - - - - - - - - - - - - - - - - */
#aviso-dir	 	{display: inline-block; text-align: left; padding: 10px 20px; border-radius: 6px; border: 2px solid #AABA0A;}
#aviso-dir	  	{font-size: 90% !important; }

/* SLIDES PAGES - - - - - - - - - - - - - - - - - - - - */
.sld-page .title h2, .sld-page .title h3	{line-height:30px!important; margin-top:0px}
.sld-page  h3	{margin-top:30px}
.sld-page  h4	{margin:30px 0 10px 0}
.sld-page 		{color:#76923c!important;}
.sld-cont 		{border:1px solid #AABA0A; border-bottom:none; padding:0;}
.sld-page .sld-cont:last-child	{border-bottom:1px solid #AABA0A!important;}
.sld-txt, .sld-img	{display:table!important; table-layout:fixed!important; height:100px!important; margin:0; padding:0;}
.v-mid			{display:table-cell!important; vertical-align:middle!important;}
.sld-txt		{border-right: 1px solid #AABA0A!important; padding:0;}
.sld-txt .v-mid	{padding:0 10px;}
.sld-cont span	{color:#EF6B00; font-weight:700; margin-right:10px;}
.sld-img		{text-align:center!important; margin:0; padding:0;}
.sld-cont img	{max-height:96px; width:auto; margin:0; padding:0; }
.end img			{width:35%!important; margin-bottom:20px; vertical-align: middle;}

.depresion img	{padding-top:4px!important;}

/* Ansiedad - - - - - - - - - - - - - - - - - - - - */
.normal			{font-weight:400!important;}
.img-top		{vertical-align:top; margin-right:30px}
.b				{font-weight:700;}
.bullet			{vertical-align:top; margin:3px 5px 0 0}
.ansiedad .sld-img		{padding:10px; text-align:center!important;}
.sld-img .img-title		{text-align:left!important; margin-bottom:20px;}
.ansiedad .sld-img img	{width:60%!important; height:auto; max-height:600px!important; margin:0; padding:0; text-align:center!important;}
.ansiedad .sld-txt		{border-right:none!important; padding:10px 0 0 20px; text-align:left!important;}
/* Pareja - - - - - - - - - - - - - - - - - - - - */
.pareja, .green2	{color:#76923c!important; }
.pareja h4		{color: #EF6B00; text-align:center; margin:30px 0 10px 0;}
.pareja .bullets img	{width:8px; high:auto; margin:20px 10px 40px;}

/* Slider Buttons - - - - - - - - - - - - - - - - - - - - */
.flexslider	{border:none;}
#slider-01	{margin:-20px -15px 60px; padding: 0 0 40px!important;	background: #F5F5F5;}
.slidebtn	{position:absolute; left:15px; bottom:5%; padding:24px 8px; background:#FFF; font-size:20px; font-weight:700!important;
			color:#EF6B00!important; border-radius:50%; border:3px solid #000;}
.slidebtn2	{position:absolute; left:15px; top:45%; padding:24px 8px; background:#FFF; font-size:16px; line-height:16px;
			font-weight:700!important; color:#EF6B00!important;	border-radius:50%; border:3px solid #000;}
.slidebtn3	{position:absolute; right:10px; top:10px; background:#FFF; font-size:20px; line-height:24px; font-weight:700!important; color:#EF6B00!important; text-align:center;
			padding:2px 8px!important; border-radius:6px; border: 2px solid #000;}
.slidebtn3b	{position:absolute; right:40px; top:180px; background:#FFF; font-size:16px; line-height:24px; font-weight:700!important; color:#EF6B00!important; text-align:center;
			padding:2px 8px!important; border-radius:6px; border: 2px solid #000;}		
.slidebtn3 span, .slidebtn3b span	{font-size:20px; line-height:20px; font-weight:700!important; color:#000!important; text-align:center;}			
.font20		{font-size:20px; line-height:26px;}
.font24		{font-size:24px; line-height:30px;}
.font40		{font-size:50px; line-height:50px;}


/* RESPONSIVE - - - - - - - - - - - - - - - - - - - - */
@media screen and (min-width: 1200px){

}
@media screen and (max-width: 1400px){

}
@media screen and (min-width:992px){
  #slider-01	{overflow:hidden; -webkit-border-radius: 20px 0 0 0; -moz-border-radius: 20px 0 0 0; border-radius: 20px 0 0 0;}
}

@media screen and (max-width: 991px){
  #slider-01	{margin-top:-80px; }	
  .phone-info {text-align: center;}
  .social-icons {text-align: center; margin-top: 20px;}
  .social-icons li:first-child {margin-left: 0;}
  .subscribe-form .button-holder {margin-top: 20px; text-align: center;}
  .site-bg		 {background-image: none !important;}
  body			{background: none}
  .site-footer	{height:145px; padding:10px 0 50px 0; text-shadow:none;
				background-image: url(../images/footer2.png); background-size:1200px 100%; background-repeat:no-repeat;}
  #cur-dirig div	{padding-bottom: 20px;}
  address			{color:#333; font-size:14px; font-weight:700}
  #social		{bottom:70px; width: auto; padding:0px; right:5px!important;}

}

@media only screen and (min-width:769px) {
  #slider-02	{display:none}
}

@media screen and (max-width:768px){
  header			{width:100%; height:120px; background-size:200% 100%; background-position:left bottom;}	
  #slider-02	{margin:-80px -15px 60px; padding: 0 0 40px!important;	background: #F5F5F5;}	
  #slider-01, .flex-direction-nav	{display:none}	
  .profile-thumb {float: none; margin-bottom: 25px; width: 60%; height: auto;}
  #logo			{width:55%; height:auto;}  
  #slogan h2		{font-size:26px;}
  .in 			{padding: 0px 5px !important;}
  .content		{padding: 0px 5px !important;}
  .nav-pills li 	{width: 100%;}
  .promo img		{width: 25% !important;}

  .promo-txt	{min-height:120px!important;}
}
@media screen and (max-width:620px){
  .nav-pills li a	{white-space:normal !important; text-align:left !important; height:auto !important; line-height:120% !important;  font-size: 110% !important;}
  .hor-list li	{margin-right:40px;} 
}
@media screen and (max-width:560px){
  #slogan h2		{font-size:22px;}
}

@media screen and (max-width: 480px){
  .profile-thumb {float: none; margin-bottom: 25px; width: 80%; height: auto;}
  .in 			{padding: 0px 0px !important;}
  .content		{padding: 0px 0px !important;}
  #cur-dirig div	{width: 50% !important;}
  .promo img		{width: 50% !important;}
  address		{width: 85%; margin-left: 5px !important;}
  #social		{margin-right: 5px !important;}

}

@media screen and (max-width:767px) and (min-width:560px){

  .trast img		{width:60%!important; height:auto;} 
  
}