@import url("torres-2017.basics.carnets.css");

.bodier.wrapper .container.generador .grid > .secBox span {font-size:2.6rem;display:block;text-align:center;}

.bbody{width:49.5rem;display:inline-block;margin:-0.2rem;}
.info{padding-top:2em;}
.info .ima{top:0;left:-1.75rem;z-index:-1;}

.demo form{width:100%;display:inline-block;top:2em;left:0;position:absolute;margin:0 -0.2em;padding-left:2em;border-left:49.5rem solid transparent;}
.demo form .step2.hddn ~ .pasos{border-left:0;width:64%;}
.demo form .pasos{padding:0 2em;border-left:17.8rem solid transparent;}
.demo form .pasos h2{font-size:260%;}
.demo form .pasos p{font-size:180%;}
.demo form .step2.hddn{clip:rect(0,0,0,0);position:absolute;}
.demo form > .step2{position:absolute;clip:auto;max-width:18.8rem;width:36%;overflow:auto;z-index:1;}
.demo form .step2 h2{padding-top:2rem;}

.demo form .select:hover span,.demo form input:hover[type="submit"]{background:#246960;}

.demo form .droparea{height:27.8rem;max-width:18.8rem;width:36%;}
.demo form .droparea.hddn{position:absolute;clip:rect(0,0,0,0);}
.demo form .droparea input{position:absolute;display:inline-block;left:0;}

.demo form .info input[type="text"]{width:80%;min-width:18rem;max-width:30rem;}
.demo form .info select[name="tarea"]{width:80%;min-width:18rem;}

/* estilos portada */
.generador + .container.byside{margin-top:-5.2em;margin-bottom:3.2rem;}
.generador + .container.byside .gridBox .cell iframe{border-top-width:0;height:40rem;}