@charset "UTF-8";
/* CSS by laPatineta.com */


	/*-- Previos --*/
	img, embed, object, video, iframe  	{ max-width:100%; }
	@-webkit-viewport 	{ width: device-width; }
	@-moz-viewport		{ width: device-width; }
	@-ms-viewport 		{ width: device-width; }
	@-o-viewport 		{ width: device-width; }	
	@-webkit-viewport, @-moz-viewport, @-ms-viewport, @-o-viewport, @viewport  	{ width: device-width; }

	* 					{ -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative; font-size: 100%;}
	
	::selection 			{ background: #CFF; }
	::-moz-selection 		{ background: #CFF; }

	.selector { 
    background-size: cover;
    /* The url is relative to the document, not to the css file! */
    /* Prefer absolute urls to avoid confusion. */
    -ms-behavior: url(/backgroundsize.min.htc);
	}

	html 		{  }
	body 		{ background-color: #1D1F21;  min-height: 100vh; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 1.2em; overflow-x: hidden; border-right:10px solid #FFDF47;}
	.container  		{ max-width: 95%; margin:0 auto; background: #1D1F21;  }
	
	img 		{ width: 100%; }
	a 			{ color:white; -webkit-transition: all .5s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
	.button 		{ display: inline-block; text-align: center; border:1px solid #FFDF47; color:white; font-weight: 100; text-decoration: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; letter-spacing: 1px; }
	.button:hover 		{ color: rgba(255,255,255,0.5); }
	.yellow 		{ color:#FFDF47; }	
	header 				{ width: 100%; overflow: hidden; font-size: 0.9em;}
	header .yellowbar	{ width: 200px; height: 10px; background: #FFDF47; }
	header h1			{ background: url('../img/gonzalo-serratosa.png') no-repeat; background-size: 210px 40px; width: 210px; height: 40px; text-indent: -999999px; margin: 20px 0px 35px 30px; float:left; }
	header ul.nav		{ display: inline-block; background: #000000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; top:24px; margin-left: 50px; float: left; max-width: 45%;}
	header ul.nav li	{ display: inline-block; list-style: none; }
	header ul.nav li a	{ padding: 10px 15px; text-decoration: none; display: inline-block; font-weight: 300;}
	header ul.nav li:first-child a	{ padding-left:20px;}
	header ul.nav li:last-child a	{ padding-right:20px;}
	header ul.nav li a:hover	{ opacity: 0.5; }
	header ul.nav li a.current	{ color:#FFDF47;}
	header ul.nav li a.current:hover	{ opacity: 1;}
	.body_recursos .nav-recursos, .body_coaching .nav-coaching, .body_sobremi .nav-sobremi, #contacto .nav-contacto, #home .nav-home 	{ color:#FFDF47; }
	header .highlight 		{ max-width: 202px; padding:10px 25px; float:left; clear:right; margin: 22px 0px 0 20px; font-size: 1.1em;}
	nav, #burger 		{ display: none; }
	

	
	h2 			{ font-size: 2em; color:white; font-weight: 300; }
	h3			{ font-size: 1.2em; color:white; font-weight: 300; margin-bottom:15px; margin-top:10px; line-height:1.2em; }
	
	#home .owl-carousel 			{ width: calc(100% + 10px);}
	#home .owl-carousel div.owl-item div.caption	{ max-width: 100%; line-height: 1.3em; position: absolute; bottom:20px; right:100px; z-index: 9999999; color:white; font-weight: 200; font-size: .8em; font-style: italic; padding: 7px 12px; background: #1D1F21; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-top-left: 8px; -moz-border-radius-bottom-left: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; height: 35px; }
	#home .owl-carousel div.owl-item div.caption p.frase	{  display: inline-block;}
	#home .owl-carousel div.owl-item div.caption p.frase:before	{ content: '“'; top:5px; position:relative; font-size: 1.5em; color:#FFDF47; margin-right: 5px;}
	#home .owl-carousel div.owl-item div.caption p.frase:after	{ content: '”'; top:5px; position:relative; font-size: 1.5em; color:#FFDF47; margin-left: 5px;}
	#home .owl-carousel div.owl-item div.caption p.autor	{ display: inline-block; font-size: 1em; font-weight: 100; text-align: center;}
	#home .owl-carousel div.owl-item div.caption p.autor a.button	{ padding: 1px 8px; margin-left: 10px; font-size: 0.9em;}

	#home .owl-nav 	{ top:-65px; right:20px; position: absolute; text-align: right; background: #1D1F21; display: inline-block; padding: 8px 10px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-top-right: 8px; -moz-border-radius-bottom-right: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; height: 35px; }
	#home .owl-prev, #home .owl-next	{ top:1px; display: inline; background: url('../img/arrow.png') no-repeat center center;  background-size: 10px 16px; color:transparent; text-indent: -99999px;}
	#home .owl-next	{ background: url('../img/arrow2.png') no-repeat center center; background-size: 10px 16px; }
	#home .owl-next:hover, #home .owl-prev:hover	{ opacity: 0.5;}

	#home article.gonzalo 			{ margin:50px 30px 0px 30px; padding-bottom: 80px; max-width: calc(100%); overflow: hidden; color: white; }
	#home article.gonzalo p 		{ font-weight: 100; margin-bottom: 20px; max-width: 600px; line-height: 1.4em; font-family: 'Anaheim', sans-serif; }
	#home article.gonzalo div.col-left				{ float:left; width: 20%; }
	#home article.gonzalo div.col-left img			{ width: 100%; margin-bottom: -5px; height: auto;}
	#home article.gonzalo div.col-middle			{ float:left; width: 43%; padding: 0 50px;}
	#home article.gonzalo div.col-middle h2			{ display: inline-block; margin-bottom: 20px; margin-top: 10px;}
	#home article.gonzalo div.col-middle p			{ color:#ABABAC;}
	#home article.gonzalo div.col-middle .button	{ padding: 8px 15px; margin-top: 0px;}
	#home article.gonzalo div.col-right				{ float:right; width: 33%; margin-top: 50px; padding-right: 30px;}
	#home article.gonzalo div.col-right	p			{ text-align: right; padding: 10px; font-size: 0.8em; opacity: 0.7;}

	.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	#home article.recursos 				{ padding: 30px 30px 50px 30px; }
	#home article.recursos h2			{ display: inline-block; margin-right: 10px; margin-bottom: 20px;}
	#home article.recursos .button		{ top: -3px; font-size: 0.8em; padding: 1px 8px;}
	#home article.recursos section		{ max-width: 100%; overflow: hidden; margin:20px 0;}
	#home article.recursos section div	{ float: left; padding-right: 40px; width: 20%;}
	#home article.recursos h3			{ color: white; font-weight: 400; margin-bottom: 10px;}
	#home article.recursos ul 			{ padding-left: 20px;}
	#home article.recursos ul li		{ color: #FFDF47; font-size: 0.8em; font-family: 'Anaheim', sans-serif;}
	#home article.recursos ul li a		{ text-decoration: none;}






	#page article 						{  min-height: calc(100vh - 130px); margin:0 auto; padding-bottom: 70px;}
	#page article section.sidebar 		{ position: absolute; top:0; left:0; width: 241px; z-index: 2; padding: 30px; font-size: 0.9em;}
	#page article section.sidebar ul	{ list-style: none;}
	#page article section.sidebar ul li a::after			{ content: '•'; color:transparent; margin-left: 8px; font-size: 1.5em; position: relative; top:4px;}
	#page article section.sidebar ul li a.current::after			{ color: #FFDF47;}
	#page article section.sidebar ul li a			{ text-decoration: none; padding: 8px 0; display: inline-block;}
	#page article section.sidebar ul li a:hover		{ opacity: 0.5;}
	#page article section.sidebar ul li a.current:hover	{ }
	#page article section.paper 		{ border:2px solid black; border-left: 241px solid black; z-index: 1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0px; color:#ABABAB; min-height: 100vh; width: 100%; overflow:hidden; }
	#page article section.paper div.text		{ padding: 50px; max-width: 800px; }
	#page article section.paper div.image		{ }
	#page article section.paper div.image img		{ }

	#page article section.paper div.text  		{ font-family: 'Anaheim', sans-serif;}
	#page article section.paper div.text h2		{ margin-bottom: 40px; color: #FFDF47; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
	#page article section.paper div.text p		{ margin-bottom: 15px; font-family: 'Anaheim', sans-serif; line-height:1.4em;}
	#page article section.paper div.text ul 	{ margin-bottom: 30px; }
	#page article section.paper div.text ul li	{ margin: 0 0 10px 0; list-style: none; font-family: 'Anaheim', sans-serif; padding-left: 19px; text-indent: -15px; line-height: 1.3em; }
	#page article section.paper div.text ul li::before	{ content: '•'; color:#FFDF47; margin-right: 6px; position: relative; top:3px;}
	#page article section.paper div.text ol  	{ counter-reset: item; margin-bottom: 30px;}
	#page article section.paper div.text ol li	{ margin: 0 0 10px 0; list-style: none; font-family: 'Anaheim', sans-serif; padding-left: 19px; text-indent: -15px; line-height: 1.3em; }
	#page article section.paper div.text ol li::before	{ content: counter(item) ". "; counter-increment: item; color:#FFDF47;  }
	#page article section.paper div.text ul ol  	{ margin-left: 30px;}

	#page article section.paper div.text a		{ color:white; text-decoration: none; text-decoration: underline;}
	#page article section.paper div.text strong		{ color: #d6d6d6; background: #FFDF47; background: rgba(255, 255, 255, .09); padding: 0 2px; font-weight: 300;}
	#page article section.paper div.text img		{ width: 100%; margin: 25px 0;}

	#page article section.paper .typeform-share 	{ padding: 10px 15px; text-decoration: none !important;}
	#typeform-wrapper.popup img 					{ width: auto; }

	
	#contacto article 		{ max-width: 900px; margin: 30px; color: white; }
	#contacto article h2	{ margin-bottom: 30px; }
	#contacto article p		{ margin-bottom: 15px; color: #ABABAB; font-family: 'Anaheim', sans-serif;}
	#contacto article a		{ text-decoration: none; }
	#contacto article div.datos		{ margin-bottom: 50px; margin-top: 30px; font-weight: 100; }

	footer 						{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99999999999; background: black; border-right: 10px solid #FFDF47; }
	footer div			{ text-align: right; padding: 10px 30px; color: white; font-size: 0.8em; letter-spacing: 1px; font-weight: 100;}
	footer div .yellow	{ color: #FFDF47;}
	footer div a			{ text-decoration: none;}


	/* 404 */

	#cuatro .container article  	{ border:1px dashed #FFDF47; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
	#cuatro .container article h2 	{ padding: calc(50vh - 98px) 0; display: inline-block; width: auto; font-size: 2em; font-weight: 300;}









	/* ------- TABLET ------ */
	@media screen and (max-width: 1100px) {

		.button 		{ font-weight: 400; }

		
		header ul.nav		{ max-width: calc(100% - 210px);}
		
		header .highlight 		{  display: none;}
		
		#home .owl-carousel 	{ display: none;}
		#home .owl-nav 	{-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
		#home .owl-prev, #home .owl-next	{ padding: 15px 15px;}

		#home article.gonzalo 	 						{ margin-top: 30px; }
		#home article.gonzalo p 						{ max-width: 100%; }
		#home article.gonzalo div.col-left				{ float:left; width: 20%; }
		#home article.gonzalo div.col-middle			{  width: 80%; padding-right: 0;}
		#home article.gonzalo div.col-right				{ float:right; width: 100%; margin-top: 50px; padding-right: 0px;}
		
		#home article.recursos section div	{ padding-right: 40px; width: 25%;}

	footer div			{ font-weight: 300;}



	}



	/* ------- MOVIL ------ */
	@media screen and (max-width: 800px) {
		.container  		{ max-width: 100%;  }

		header h1			{ background-size: 160px 31px; width: 160px; height: 31px;}

		
		header ul.nav 				{ display: none; }
		header .highlight 			{ display: none;  }
		#burger 					{ display: initial; float: right; margin-right: 13px; text-decoration: none; padding: 10px 14px; margin-top: 5px; font-weight: 400; position: fixed; top: 10px; right: 10px; background: transparent; z-index: 99999999999999999999999999999; background: #1D1F21;}
		
		.mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview>li .mm-next:after { border-color:#FFDF47; }
		.mm-navbar-bottom-1 		{ bottom:43px; }
		.mm-panels>.mm-panel 		{ padding: 0 31px 0 0px;  }
		.mm-menu.mm-theme-dark .mm-listview 	{ font-size: 1em; }
		.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next) 	{ left: 20px; }
		.mm-menu.mm-theme-dark .mm-listview>li a.current 	{ color: #FFDF47; }
		.mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar>*, .mm-menu.mm-theme-dark em.mm-counter { color:#FFDF47; }
		.mm-listview>li>a, .mm-listview>li>span 	{ padding: 15px 10px 15px 20px; }


		#home .owl-carousel 		{ display: none; }

		#home article.gonzalo 	 						{ padding-top: 0; margin-top: 0; }
		#home article.gonzalo p 						{ max-width: 100%; }
		#home article.gonzalo div.col-left				{ width: 100%; }
		#home article.gonzalo div.col-left img			{ max-height: 80vh; width: auto;}
		#home article.gonzalo div.col-middle			{  width: 100%; margin-top: 30px; padding-left: 0; }
		#home article.gonzalo div.col-middle h2			{ }
		#home article.gonzalo div.col-middle .button	{ }
		#home article.gonzalo div.col-right				{ width: 100%; }
		#home article.gonzalo div.col-right	p			{ }

		#home article.recursos section div	{ padding-right: 0px; width: 100%; margin-bottom: 20px;}


		#page article section.sidebar 		{ display: none;}
		#page article section.paper 		{ border-left: none; border:none; border-radius: 0;}
		#page article section.paper div.text		{ padding: 30px;}
		#page article section.paper div.text h2 	{ line-height: 1.2em; }

		#contacto article div.datos	.yellow	{ display: block; margin: 20px 0;}
		#contacto img	{margin-bottom: 60px;}


		footer div			{ font-size: .9em; padding: 10px; display: none;}
	
		#cuatro .container article  	{ margin: 0 30px; }





	}