/* GLOBALES */
@font-face{
	font-family:'Code Pro'; font-weight:normal;
	src: url(fonts/code-pro-normal.eot);
	src: url(fonts/code-pro-normal.eot?#iefix) format("embedded-opentype");
	src: url(fonts/code-pro-normal.otf) format("truetype"), url(fonts/code-pro-normal.woff) format("woff"), url(fonts/code-pro-normal.svg#wf) format("svg")
}
@font-face{
	font-family:'Code Pro'; font-weight:bold;
	src: url(fonts/code-pro-bold.eot);
	src: url(fonts/code-pro-bold.eot?#iefix) format("embedded-opentype");
	src: url(fonts/code-pro-bold.otf) format("truetype"), url(fonts/code-pro-bold.woff) format("woff"), url(fonts/code-pro-bold.svg#wf) format("svg")
}

@font-face{
	font-family:'Gotham'; font-weight:normal;
	src: url(fonts/Gotham-Book.eot);
	src: url(fonts/Gotham-Book.eot?#iefix) format("embedded-opentype");
	src: url(fonts/Gotham-Book.otf) format("truetype"), url(fonts/Gotham-Book.woff) format("woff"), url(fonts/Gotham-Book.svg#wf) format("svg")
}
@font-face{
	font-family:'Gotham'; font-weight:bold;
	src: url(fonts/Gotham-Bold.eot);
	src: url(fonts/Gotham-Bold.eot?#iefix) format("embedded-opentype");
	src: url(fonts/Gotham-Bold.otf) format("truetype"), url(fonts/Gotham-Bold.woff) format("woff"), url(fonts/Gotham-Bold.svg#wf) format("svg")
}
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body{ margin:0; background:#000 url(fondo-cuerpo.jpg) top center no-repeat; background-size: 100%; font-family:'Gotham',Arial,sans-serif; color:#fff; padding-bottom:7vw; }
a{ text-decoration:none; }
sup{ text-transform: lowercase }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after{ clear: both; }
.clearfix { zoom: 1; }

.cuerpo{ margin:4vw auto; } 
.cabezal{ text-align:center; }
.cabezal .logo{ display:inline-block; width:25vw; float:left; margin-left:1vw; }
.cabezal .titulo{ display:inline-block; width:30vw; float:right; margin-right:3vw;  }
.caja{ /*background:rgba(255,255,255,0.2);*/ margin:3vw; padding:7vw; font-size:4.5vw;  }

@media screen and (min-device-width : 768px){
	.cuerpo{ padding:0 2vw; max-width:954px;  }
	.cabezal .logo{ width:15vw; margin:0; }
	.cabezal .titulo{ width:20vw; margin-right:1vw; }
	.caja{ margin:2vw 0; padding:2vw; }
}

@media screen and (min-device-width : 1024px){
	.cuerpo{ padding:0; max-width:954px;  }
}

/* HOME */
.p-home .caja{ text-transform:uppercase; text-align:center;}
.p-home .linea1{ color:#fff; font-size:7vw }
.p-home .linea2{ padding:3vw 0; font-size:5.5vw; font-weight:bold; color:#fff; line-height:120%; text-shadow:0 1px 2px #000}
.p-home .linea3{ font-weight:normal; color:#fff; font-size:3vw;  text-shadow:0 1px 2px #000}
.p-home .linea3 a{ color:yellow}
.p-home .inscribete{ display:inline-block; padding:3vw 6vw; font-size:4vw; font-weight:bold; text-transform:uppercase; color:#fff; text-align:center; margin:7vw auto; background-color:#0076fe; }
.p-home .inscribete:hover{ background-color:#15a5fe; }

@media screen and (min-device-width : 768px){
	.p-home .caja{ padding:3vw; }
	.p-home .linea1{ color:#fff; font-size:5vw }
	.p-home .linea2{  font-size:3vw;  }
	.p-home .inscribete{ font-size:2vw; padding:2vw 4vw; margin:4vw auto 2vw auto;}
}



/* FORM */
.p-form .caja{ padding:5vw; }
.p-form .label{ text-shadow:0 1px 2px #000; }
.p-form input[type=text], .p-form textarea{ border:0 none; height:6vw; background-color:#fff; text-align:left; font-size:4vw; font-family:Arial,sans-serif; color:#999; line-height:5vw; font-weight:bold; text-indent:1vw;  }
.p-form textarea{ padding:1vw; height:15vw; text-indent:0; font-family:Arial,sans-serif;}
.p-form .custom-select{ height:6vw; border:1px solid #e7ebf6; overflow:hidden; background-color:#fff; padding-left:1vw; box-shadow:0 3px 3px -2px rgba(0,0,0,0.1) }
.p-form .custom-select select{ outline:none; background-color:#fff; border:0 none; width:100%; background:transparent; font-size:4vw; color:#999; font-weight:bold;  } 
.p-form .custom-select select option{ background-color:#fff; line-height:2vw; font-size:2vw; color:#999; font-weight:bold; }
.p-form .custom-select select::-ms-expand{ border:0 none; background:transparent; }
.p-form input[type=checkbox]{ display:none }
.p-form input[type=checkbox] + label:before { width:5vw; height:5vw; display: inline-block; background:#fff; content:"\00a0"; font:bold 4vw/5vw sans-serif; margin: 0 2vw 0 0; padding:0; vertical-align: top; cursor:pointer; }
.p-form input[type=checkbox]:checked + label:before { background:#fff; color:#5477d3; content:"\2713"; text-align: center; cursor:pointer; }
.p-form input[type=checkbox]:checked + label:after { font-weight: bold;  cursor:pointer;}

@media screen and (min-device-width : 768px){
	.p-form .caja{ font-size:2vw; padding:0; }
	.p-form input[type=text], .p-form textarea{ border:0 none; height:3vw; background-color:#fff; text-align:left; font-size:1.5vw; color:#999; line-height:3vw; font-weight:bold; text-indent:.5vw; }
	.p-form textarea{ padding:0.5vw; height:7vw; text-indent:0; font-family:inherit; line-height:2vw; font-size:1.5vw; }
	.p-form .custom-select{ height:3vw; }
	.p-form .custom-select select{ font-size:2vw; }
	.p-form .custom-select select option{ font-size:2vw; }
	.p-form input[type=checkbox] + label:before{ width:2vw; height:2vw; font-size:1.5vw; line-height:1.5vw; margin: 0.1vw 1vw 0 0;}
}

.p-form .personales{ margin-top:4vw; }
.p-form .personales .label{ display:inline-block; width:30%; margin:0.7vw 0; vertical-align:middle; text-transform:uppercase; }
.p-form .personales .field{ display:inline-block; width:67%; margin:0.7vw 0; vertical-align:middle;}
.p-form .personales .field input{ width:100% }
.p-form .personales .label.extenso{ width:98%; margin-bottom:0;  }
.p-form .personales .field.extenso{ width:98%; margin-top:2px }
.p-form .personales .label.medio, .p-form .personales .field.medio{ width:48.5% }
.p-form .personales .triple{ float:left; width:33%; }
.p-form .personales .field textarea{ width:100%; }
.p-form .personales .aclaracion{ width:98%; font:normal 1.2vw Arial,sans-serif; color:#fff; overflow:auto; height:30vw; scrollbar-face-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #333; scrollbar-arrow-color: #fff; }
.p-form .personales .aclaracion::-webkit-scrollbar{  width: 8px;  /* for vertical scrollbars */  height: 8px; /* for horizontal scrollbars */}
.p-form .personales .aclaracion::-webkit-scrollbar-track{ background: rgb(30, 30, 30); }
.p-form .personales .aclaracion::-webkit-scrollbar-thumb{ background: rgb(255, 255, 255); }

.p-form .personales .cargar{ width:130px; height:25px; position:relative; overflow:hidden; cursor:pointer; margin-top:5px; }
.p-form .personales .cargar .texto{ width:100%; height:100%; font-weight:normal; font-size:10pt; color:#fff; line-height:25px; text-align:center; text-transform:uppercase;  background-color:#003979; margin:0 auto; cursor:pointer; }
.p-form .personales .cargar.completo .texto{ color:#fff; background-color:#5477d3; }
.p-form .personales .cargar.completo .texto .estado1, .campos .sube .campo .label .estado2{ display:none }
.p-form .personales .cargar.completo .texto .estado2{ display:inline; }
.p-form .personales .cargar input{ position:absolute; opacity:0; top:0; left:0; width:100%; height:100%; margin:0; cursor:pointer; }

@media screen and (min-device-width : 768px){
	.p-form .personales{ font-size:1.5vw; }
	.p-form .personales .aclaracion{ height:10vw; }
}

.p-form .idea{ margin-top:4vw; font-size:2vw; }
.p-form .idea .label{ margin:0.7vw 0 0 0; text-transform:uppercase; }
.p-form .idea .field{ margin:0.7vw 0; }
.p-form .idea .field input{ width:100% }
.p-form .idea .field textarea{ width:100%;  }
.p-form .idea .label.corto{ display:inline-block;  width:30%; margin:5px 0; }
.p-form .idea .field.corto{ display:inline-block;  width:67%; margin:5px 0; }

@media screen and (min-device-width : 768px){
	.p-form .idea{ font-size:1.5vw; }
}

.p-form .tyc{ margin-top:4vw; font-size:2vw; }
.p-form .tyc .label{ cursor:pointer; text-transform:uppercase; }
.p-form .tyc .texto{ margin:0.7vw 0; font:normal 1.2vw Arial,sans-serif; color:#fff; overflow:auto; height:30vw; scrollbar-face-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #333; scrollbar-arrow-color: #fff; }
.p-form .tyc .texto::-webkit-scrollbar{  width: 8px;  /* for vertical scrollbars */  height: 8px; /* for horizontal scrollbars */}
.p-form .tyc .texto::-webkit-scrollbar-track{ background: rgb(30, 30, 30); }
.p-form .tyc .texto::-webkit-scrollbar-thumb{ background: rgb(255, 255, 255); }

@media screen and (min-device-width : 768px){
	.p-form .tyc{ font-size:1.5vw; margin:4vw  }
	.p-form .tyc .texto{ font-size:1vw; height:10vw; }
}


.p-form .enviar{ margin-top:8vw }
.p-form .enviar #f_enviar{ display:block; padding:3vw 6vw; font-size:4vw; font-weight:bold; text-transform:uppercase; color:#fff; text-align:center; background-color:#0076fe; border:0 none; margin:0 auto; cursor:pointer }
.p-form .enviar #f_enviar:hover{ background-color:#15a5fe; }
.p-form .enviar #f_enviar .spinner{ display:none }
.p-form .enviar #f_enviar.enviando .spinner { display:inline-block; margin: 5px; height: 25px; width: 25px; animation: rotarspinner 0.8s infinite linear; border: 8px solid #fff; border-right-color: transparent;  border-radius: 50%; vertical-align:middle; }
.p-form .enviar .errores{ height:4vw; font-size:4vw; line-height:auto; color:#f00; font-weight:bold; text-align:center; text-transform:uppercase; margin:1vw auto 0 auto; -webkit-animation: blink-animation 1s steps(5, start) infinite; animation: blink-animation 1s steps(5, start) infinite; }

@keyframes rotarspinner {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}

@keyframes blink-animation {
  to { visibility: hidden; }
}
@-webkit-keyframes blink-animation {
  to { visibility: hidden; }
}

@media screen and (min-device-width : 768px){
	.p-form .personales, .p-form .idea, .p-form .confirmacion{ display:inline-block; width:43%; vertical-align:top; margin-left:4.6%; }
	.p-form .idea .cargar{ float:right; margin-top:0; }
	.p-form .enviar{ margin-top:4vw; }
	.p-form .enviar #f_enviar{  font-size:2vw; padding:2vw 4vw;  }
	.p-form .enviar .errores{ height:3vw; font-size:2vw; }
}