/* hecho a mano por Mauricio González carambamoreno.com, branding por Luis Dubón luisdubon.com 
	celeste #AADDE5
	café oscuro #282220
	turquesa #45B9A5
	azul #3DACBC
 */

@import "fonts.css";

/* Small and up */

	/* GENERALES */
	body,h1,h2,h3,h4,h5,h6{font-family: "Circular Medium";}
	body{color: #282220;}
	h1,h2,h3,h4,h5,h6{font-family: "Circular Bold";letter-spacing: -0.5px;}
	p,span{font-family: "Circular Book";}
	.row{width: 100%; max-width: 100%;}
	.row.seccion{padding-top: 25px;padding-bottom: 25px;}
	a{color: #3DACBC;}
	a:hover{color: #AADDE5;}
	a.active:not(.button){font-family: "Circular Bold";color: #3DACBC !important; text-decoration: underline !important;}
	strong{font-family: "Circular Bold"; font-weight: 100;}
	h3{margin-bottom: 30px;max-width: 150px;line-height: 1.5rem;font-size:1.5rem }
	h3 span{margin-bottom: 15px; display: block; clear: both;}
	h4{font-size: 1.1rem;}
	dl{border-left: 2px solid #AADDE5; padding-left: 25px;}
	dd{font-family: "Circular Book";margin-bottom: 20px;}
	p+img{margin: 20px auto 35px;}
	.button, button{background: #3DACBC; color: white;font-family: "Circular Bold";border: 2px solid;border-radius: 0 0 0 0; font-size: 1.1rem;border-bottom: 4px solid;padding: 0.5em 0.8em;text-transform: uppercase;}
	.button:hover, button:hover{background: #3ebcd0;}
	.button:active, button:active{border-bottom: 2px solid;}
	input:not(.button){border-radius: 0 0 0 0; outline: none; box-shadow: 0 0 0 0;}
	input:not(.button):focus{outline:none; box-shadow: 0 0 0 0;border:2px solid !important;}
	
	/* SLIDESHOW */
	.orbit-container{/*height: 330px;*/}
	.orbit+p, .orbit+h4{margin-top: 25px;}
	
	/* HEADER */
	#header #gradiente{background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );     position: absolute;    top: 0;    right: 0;    height: 100%;    width: 45%;    z-index: -1;    opacity: 0.6;}
	#header{/*background: url(../img/montana1.png) 50% 100% repeat-x, url(../img/montana2.png) 50% 100% repeat-x , #AADDE5;*/position: relative;z-index: 110;color: white;background: url(../img/turisticas/antigua323.jpg) 50% 50% no-repeat white; background-size: cover;}
	#header #palos{margin-bottom: 35px;}
	#header #count{margin-bottom: 10px;}
	#header #worldBug{position:absolute; left:16.66%; bottom:55px; }
	
	/* INTRO */
	#intro{background: white;z-index: 70;position: relative;}

	/* NAVEGACIÓN */
		#navegacion {margin-top: 30px;}
		#navegacion a:not(.button), #navegacionHeader a:not(.button){/*font-size: 20px;*/ font-family: "Circular Bold"; color: black;}
		#navegacionHeader a:not(.button){color: white;}
		#navegacion a:not(.button):active{}
		#navegacion a:not(.button):hover, #navegacionHeader a:not(.button):hover{color: #3DACBC; text-decoration: underline;}		
		#navegacionHeader a:not(.button):hover{color: white;}

		/* MENU REVEAL */
		#menuReveal a{font-size: 20px; font-family: "Circular Bold"; color: black;padding: 5px 0;}
		#menuReveal ul{margin-top: 150px;}
		
		/* MENU FIJO */
		#menuFijo{background: #3DACBC; color: white; position: fixed;z-index: 99;left: 0; top: 0; width: 100%; height: 60px; padding: 15px;}
		#menuFijo a:hover{color: white !important;}
		#menuFijo .button{margin-bottom: 0px;display: inline;color: white;}
		#menuFijo .left{float: left;}
		#menuFijo .right{float: right;}	
		#menuFijo p {font-family: helvetica, arial, sans-serif; color: black; font-size: 1.5rem;line-height: 1.5rem;}
		#menuFijo p img{max-width: 40px;display: inline-block;margin-left: 5px;}
		#menuFijo #arriba{bottom: 10px; right: 15px;display:block; position: fixed;z-index: 200;}
		#menuFijo #arriba:hover{color: #45B9A5 !important;  }		
		/* #menuFijo p{margin-bottom: 30px;}	
		#menuFijo p img{display: inline-block;max-width: 35px; margin-left: 5px;} */
		
	/* FOOTER */
	#ribbon{background: #3DACBC; color: white; padding-top: 35px;padding-bottom: 35px;color: white;margin-bottom: 10px;position: relative; z-index: 100;line-height: 0.8rem;}
	#ribbon span{font-size: 0.75rem;font-family: "Circular Bold";}

	/* FOOTER */
	#footer2 {z-index: 90; position: relative;}
	#footer2 hr{margin:0 0 60px;}
	#footer2 #copyrights{margin: 35px 0 70px;}
	#footer2 #palos{margin-bottom: 35px;}
	#footer2 #count{margin-bottom: 10px;}
	#footer2 #arriba2{bottom: 10px; right: 15px;display:block; position: absolute;font-family: "Circular Bold"; color: black;font-size: 1.2rem}
	#footer2 #arriba2:hover{color: #45B9A5; text-decoration: underline;}
	
	/* SUBSCRIBE */
	#subscribe{background: #282220; color:white;padding: 15px; height: 60px; z-index: 100;position: relative;}
	#subscribe p{font-family: "Circular Bold";}
	#subscribe a{color: white; text-decoration: underline;}
	
	/* SUSCRIBE MODAL */
	#suscribeModal {padding: 2rem; border-radius: 0 0 0 0;border: 0 none;}
	#suscribeModal .button{border:0 none;border-bottom: 0 none;}
	#suscribeModal input[type="email"]{margin-bottom: 20px;}
	#suscribeModal input[type="email"]:focus{outline:none; box-shadow: 0 0 0 0;border:2px solid;}
	.close-button{background: transparent; border: 0 none;}
	.close-button:hover{background: transparent; border: 0 none;}
	
	/* REGISTRATION */
	#registration #header {height: 100px; max-height: 100px;}
	#registration h3 {max-width: 500px;}
	#registration h3 a{font-size: 1rem;display: block; clear: both;}	
 
/* Small only */
@media screen and (max-width: 39.9375em) {
	
	/* HEADER */
	#header {padding-top: 17vw;height: 90vh;}
	h1{line-height: 1.2em;font-size:1.8rem;}
	h2{line-height: 1.2em;font-size:1.6rem;}
	h3 span{font-family: helvetica, arial;}
	
	/* FOOTER */
	#ribbon{padding-top: 25px;padding-bottom: 25px;color: white;}
	#footer2{min-height: 90%;}
	
	/* NAVEGACIÓN */	
	#navegacion a:not(.button), #navegacionHeader a:not(.button){font-size: 1.2rem;}	
		
}

/* Medium and up */
@media screen and (min-width: 40em) {

	h1{font-size: 1.9rem;line-height: 1em;}
	p+img{margin: 20px auto 20px;}	
	
	/* HEADER 
	#header{background: url(../img/montana2.svg) 50% 100% repeat-x, url(../img/montana1.svg) 50% 100% repeat-x; background-size: 8%, 48%; height: 80vh;}*/
	#header{height: 80%;}
	#header h1{max-width: 280px;}
	#header #palos{margin-bottom: 35px;}
	#header #count{margin-bottom: 10px;}	
	#header #worldBug{position:absolute; left:8.33333%; bottom:8vh; padding-left:0.9375rem; }

	/* FOOTER */
	#ribbon{padding-top: 35px;padding-bottom: 35px;color: white;}	

	#footer2{background: white;}	
	#footer2 hr{margin:30px 0;}
	#footer2 h1{max-width: 280px !important;}	
	
	/* NAVEGACIÓN */
	#navegacion a:not(.button), #navegacionHeader a:not(.button)	{font-size: 16px;}
	#navegacion .show-for-medium{width:220px;}
	#navegacion .show-for-medium p a{font-size:1rem; text-decoration:underline;}
	/* SUBSCRIBE */ 
	#subscribe{margin-bottom: 60px;}
	
	/* FORM */
	.row .row .form-input-wide, .form-sub-label-container{margin-right:15px;display:block;}
		
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {

	h3{line-height: 1.5rem}
	h2{line-height: 45px;}
	
	button, .button{padding: 0.85em 1em; font-size: 1.2rem;}
	.button:hover{background: #3ebcd0;}
	.button:active{border-bottom: 2px solid;}

	/* HEADER */
	#header{/*background: url(../img/montana1.png) 50% 100% repeat-x, url(../img/montana2.png) 50% 100% repeat-x, #AADDE5; background-size: 410px, 520px;*/background: url(../img/turisticas/antigua323.jpg) 50% 50% no-repeat; background-size: cover; padding-top: 8vw;min-height: 500px;z-index: 170;}
	#dates{line-height: 21px;/*margin-top: 30px;*/ margin-bottom: 20px;}
	#dates span{font-size: 1rem;font-family: "Circular Bold";margin-left: 0px !important;}
	#header .small-centered{margin-left: 8.33333%;float: left;}
	
	#intro{padding-top: 100px;}
	#countdown, #countdown2{margin-bottom: -8px;}
	#countdown+span, #countdown2+span{margin-left: 0px !important; }
	#header span, #navegacion span{font-size: 1rem;font-family: "Circular Bold";display: inline-block;margin-left: 25px;}
		
	/* SUBSCRIBE */
	#subscribeGrande{background: #282220; color:white;padding: 15px; height: 60px;position: relative; z-index: 170;margin-top: -30px;}
	#subscribeGrande p{font-family: "Circular Book";}
	#subscribeGrande a, #subscribeGrande a:hover{color: white;}
	#subscribeGrande a span{color: white; text-decoration: underline;}
	#subscribeGrande strong{margin: 0 20px;}
	
	#subscribeGrande input[type="email"]{height: 30px;border: 0 none; border-bottom: 4px solid white; border-radius: 0 0 0 0;background: transparent;outline: none; box-shadow: 0 0 0 0;color: white;}
	#subscribeGrande input[type="email"]:focus{outline: none;}
	#subscribeGrande .button{border-radius: 0 0 0 0; text-transform: uppercase; padding: 5px 10px;}
	
	/* NAVEGACIÓN */
	
		#navegacionHeader{/*margin-top: 160px;*/ margin-top:15px;}
		#navegacion .show-for-medium{position: fixed;top: 100px;left: 68%;}
		#navegacion p{line-height: 30px;}
		#navegacion img{display: inline-block; max-width: 40px;margin-top: -4px;margin-left: 5px;}
		#navegacion .button, #navegacionHeader .button{margin: 20px 0;border: 0 none;}
		#navegacionHeader .button{max-width: 200px;}		
		#navegacion a:not(.button), #navegacionHeader a:not(.button){font-size: 1.2em; padding: 6px 0;}		
		#navegacion a:not(.button):hover{color: #3DACBC; text-decoration: underline;}				
		#navegacion .show-for-medium ul{margin-top: 15px}
	
	/* FOOTER */
	#footer2 {background: white; z-index: 200; position: relative;}
	#footer2 #palos{margin: 35px 0;}
	#footer2 #count{margin-bottom: 10px;}			
	#footer2 #copyrights{margin: 35px 0 70px;}
	
	/* REGISTRATION */
	#registration #header{height: 160px;min-height: 160px;}
	#registration h2{margin-bottom: 30px;}
	#registration h3{max-width:500px;}
	#registration h3 a{font-size: 1rem;}	
	
	#registration input[type="text"], #registration input[type="email"]{border-radius: 0 0 0 0; outline: none; box-shadow: 0 0 0 0;}
	#registration input[type="text"]:focus, #registration input[type="email"]:focus{outline:none; box-shadow: 0 0 0 0;border:2px solid !important;}	
	#registration #departure{margin-top: 30px; }
	#hotelReservations p{margin-top: 30px;}
	
	#registration #contacto{padding-top: 90px;}
		#sidebar{padding-top: 100px;}
		#sidebar img{max-width: 50px;clear: both;display: block;margin: 15px 0 5px;}
		#sidebar h4{max-width: 150px;}	
		#sidebar #dates{margin: 30px 0; line-height: 1.5;}
		#sidebar ul a:not(.button){font-size: 1.2em; padding: 6px 0; color: black;}		
		#sidebar ul a:not(.button):hover{color: #3DACBC; text-decoration: underline;}		
		#sidebar ul{margin-top: 15px}		
	#registration button{font-size: 1.5rem;}
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* X Large */
@media screen and (min-width:90.0625em) {

	/* HEADER */
	#header .columns{width:350px;}
	.row, #header #subscribeGrande .columns{max-width: 1500px;}
	#header, #header #subscribeGrande{max-width: 100%;}
	
	}
/* X Large only */
@media screen and (min-width:90.0625em) and (max-width:120em) { }

/* XX Large */
@media only screen and (min-width:120.0625em) { }