/*---------------- 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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,fieldset, legend,caption,.filters ul li p, figure{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent; line-height:normal; font-weight:normal;}
body{background:#000}
.interiores{padding-top:100px;}
.interiores header{background:#333}
html{overflow-x:hidden; height:100%; }
ol,ul,li{list-style:none;font-weight:lighter}
p{font-weight:200; font-size:.8em; line-height:1.5em}
.dnone{display: none}
.sticky + .content{padding-top: 150px;}
.bck-line{ background: url("../graphics/astro.png") center no-repeat #000; background-size: cover}
.bck{}
.background{background: url("../images/background.png") center 120px; background-repeat: no-repeat; }
table{border-collapse: collapse; border-spacing: 0; text-align: left;  font-size: .6em; loat: left; width: 100%; text-transform: uppercase; font-weight:600}
table tr{border-bottom:1px solid #141418}
table td{padding:2px 4px}
table tbody tr:nth-child(even) {background-color: #b5b5b529; }
table tbody tr:nth-child(odd) {background-color: #39302a;  }
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
em{font-style:normal}
a{text-decoration:none;cursor:pointer;  font-weight:400; transition: background-color 0.3s, color 0.3s;  text-align: left; background: none; border:none }
button{font-size:1.1em}
.clear{clear: both}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
button{text-decoration:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.blur{opacity:0}
strong{font-weight:600;}
.padleft40{padding-left:40px;}
.padright40{padding-right:40px;}
.tleft{text-align:left;}
.hide{display: none}

html, body {height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; font-family: 'Hanken Grotesk', sans-serif; font-family: "Hanken Grotesk", sans-serif; font-optical-sizing: auto; font-style: normal; letter-spacing:.2px;}
#enconstruccion{ }
#enconstruccion, #form {text-align: center; padding:0px 100px 70px; border-radius: 20px; box-shadow: 2px 3px 26px #000; background: #2f2f2fc7; border: 1px solid #616162; }
#enconstruccion img, #form img{display:block; margin:0 auto 30px auto; width:240px;}
#enconstruccion h1{color: #fff; text-shadow:1px 0px 2px #000; font-weight:500; font-size:1.6rem}
 #form label{display: block; color: #fff; text-align: left; margin-top: 16px; font-size: .9em;}
 #form h1{color: #e8f7f8; text-shadow:1px 0px 2px #022729c2; font-size:1.4em}
#enconstruccion p{color: #fff; font-weight:300;  padding: 10px 0 20px; display: block; font-size: 1em; width: 640px; text-shadow:1px 0px 2px #022729c2}
#form p{color: #fff; font-weight:300;  padding: 10px 0 0px; display: block; font-size: 1em; width: 640px; text-shadow:1px 0px 2px #022729c2;}
#countdown{display: flex; justify-content: center; align-items: center; }
.box {text-align: center; margin: 0 10px; }
.box span { display: block; font-size: 3.5em; color:#fff; font-weight:200;  text-shadow:1px 0px 2px #022729c2;}
.box em{color: #e8f7f8;  font-size:.9em;  text-shadow:1px 0px 2px #022729c2;}
#enconstruccion a{background:#da33b2; border-radius:29px; -moz-border-radius:29px; -webkit-border-radius: 29px; color: #fff; margin: 50px auto 0 auto; display: block; width: 480px; text-align: center; padding: 14px 0; box-shadow: 0px 2px 17px #12959e; border:3px solid #db9ecc; transition: background-color 0.3s ease, color 0.1s ease; cursor: pointer}
#form #enviarForm{background:#81d0d5; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius: 15px; color: #fff; font-size:1em; margin:30px auto 0 auto; display: block; width: 100%; text-align: center; padding: 14px 0; box-shadow: 0px 2px 17px #12959e; border: 3px solid #2eb6ba; transition: background-color 0.6s ease, color 0.6s ease; cursor: pointer}
#enconstruccion a:hover{background:#f2fafb ; color: #0e959e; border: 3px solid #46d6da;}
#form #enviarForm:hover{background: #f2fafb; color:#0e959e; border: 3px solid #46d6da;}
.points {font-size: 2em; color:#fff; height:40px; line-height:18px; text-align:center}
.treinta{float:left; width:16%; height: 40px; padding: 0 10px; border: 1px solid #d6f1f4; border-radius: 4px; margin-top: 10px; margin-right:2%; box-shadow: 0px 0px 15px #0e929c;}
.sesenta{float:left; width:82%; height: 40px; padding: 0 10px; border: 1px solid #d6f1f4; border-radius: 4px; margin-top: 10px; box-shadow: 0px 0px 15px #0e929c;}
.cien{float: left; width: 100%; height: 40px; padding: 0 10px; border: 1px solid #d6f1f4; border-radius: 4px; margin-top: 10px; box-shadow: 0px 0px 15px #0e929c;}

#form .treinta:focus {background-color: #fdf9ee; border:1px solid #9eceff }
#form .sesenta:focus {background-color: #fdf9ee; border:1px solid #9eceff }
#form .cien:focus {background-color: #fdf9ee; border:1px solid #9eceff }
#form{display:none}
.ui-widget.ui-widget-content{font-size:.85em;}



@media only screen and (max-width:1366px) {

}

@media only screen and (max-width:1280px) {

}


@media only screen and (max-width: 1024px){
	#enconstruccion, #form{padding:40px 50px 70px}
}


@media only screen and (max-width:798px){
	#enconstruccion, #form{padding:40px 20px 70px;}
	#enconstruccion p, #form p{width:440px; margin:0 auto}
	#enconstruccion h1, #form h1{font-size:1.7em}
}
	
@media (max-width:640px){
#enconstruccion img, #form img{width:240px; margin-top:20px}

	
}


@media (max-width:540px) {
	#enconstruccion p, #form p{width:280px; margin:0 auto; font-size:1.2em}
	#enconstruccion h1, #form h1{font-size:1.7em}
	#enconstruccion a{width:300px; font-size:.85em; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
	.treinta, .sesenta, .cien{height:58px; font-size:1em; padding:0 20px}
	.treinta{width:33%}
	.sesenta{width:65%}
	html, body{display:block; justify-content: inherit; align-items: inherit}
	#enconstruccion, #form{ border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; height:100vh  }
}

@media (max-width:320px) {
	
	#enconstruccion p, #form p{width:100%; margin:inherit}
	#enconstruccion h1, #form h1{font-size:1.7em}
	#enconstruccion a{width:280px}
	
}

@media (max-width:290px) {
	
	#enconstruccion p, #form p{width:240px; margin:0 auto; font-size:.85em}
	#enconstruccion h1, #form h1{font-size:1.4em}
	#enconstruccion a{width:230px; padding: 10px 10px; line-height: 23px;}
	.box span{font-size:1.4em}
	
}