@charset "utf-8";

a {
    text-decoration:none; color:inherit;
}
html { width:100%; height:100%;}
body {
    width:100%; height:100%; margin:0; padding:0; background:#ccc linear-gradient(135deg, #ccc 0%, #318c8d 100%) no-repeat fixed; font-size:100%; font-family: Arial, sans-serif;
}
main {
    position:absolute; width:100%; max-width:1280px; left:50%; top:0; transform:translateX(-50%);
    box-shadow:1px 1px 9px 1px rgba(0,0,0,0.3);
}
main.indice, main.video, main.login, main.registro, main.legal {
    overflow:hidden; background:#fff url(imagenes/rayadoFondo.png) center/contain no-repeat; 
}
main.ponencia {
    background:#fff url(imagenes/adornoEsquina.png) -91px -53px/230px auto no-repeat; 
}
header {
    text-align:center;
}
.cabeceraSuperior {
    margin:5px; text-align:right;
}
.cabeceraSuperior img + .boton {
    margin-left:1.5em;    
}
.cabeceraSuperior * {
    vertical-align:middle;
}
.cabeceraTitulo {
    display:inline-block; margin:5px 20px 5px 5px; text-align:right;
}
.columnaI {
    float:left; max-width:37%; margin:1% 0 0 1%; text-align:center; 
}
video {
    width:100%; background-color:black;
}
.subtitulos {
     min-height:5em; padding:10px; background-color:#0055a0; color:#fff;
}
.ponente {
    position:relative; z-index:10; margin:1em 0; color:#004f9c;
}
figure {
    float:right; width:60%; height:0; padding-bottom:45%; margin:1%; background:url(../imagenes/diapositivas/diapositiva_001.jpg) center/100% 100% no-repeat; box-shadow:1px 1px 4px 1px rgba(0,0,0,0.6);
}
.ponencia footer {
    clear:both; box-sizing:border-box; position:relative; margin:15px; border:3px solid #d9dcda; background-color:#efefef;
}
.ponencia footer:after {
    content:""; position:absolute; top:-300px; left:0; width:38%; height:300px; background:url(imagenes/valencia.svg) left bottom/100% auto no-repeat; pointer-events:none;
}
.ponencia footer * {
    display:inline-block; vertical-align:middle;
}
.informacionPie {
    position:absolute; bottom:10px; left:10px; width:calc(100% - 32px); padding:2px 6px; line-height:1.6em; background-color:#ebebeb;
}
.informacionPie a.boton {
    font-size:14px;
}
.informacionPie span {
     float:right; font-size:15px; white-space:nowrap;
}
.boton {
    border-left:2px solid #c7ccc9; padding:3px 3px 3px 5px; background-image:linear-gradient(to right, #318c8d 0%,#318c8d 100%); background-position:center left; background-repeat:no-repeat; background-size:0% 100%; font-size:20px; color:#004f9c; transition:all 0.2s linear; 
}
.boton:hover {
    border-left:2px solid #318c8d; background-size:100% 100%; color:#fff; transition:all 0.2s linear; 
}
.volver {
     
}
.titulo {
    font-size:25px; color:#318c8d;
}
.tituloSegundo {
    font-size:10px; font-weight:900; color:#318c8d;
}
.botonMiniaturas {
    width:50px; height:50px; background:url(imagenes/miniaturaAnterior.png)center top/ 100% 200% no-repeat; 
}
#miniaturasSiguientes.botonMiniaturas {
    background-image:url(imagenes/miniaturaSiguiente.png); 
}
.botonMiniaturas:hover {
    background-position:bottom; 
}
.visor {
    width:calc(100% - 110px); overflow:hidden; white-space: nowrap; background-color:#fff;
}
.miniatura {
    margin:3px; vertical-align:bottom;
}
.imagenMiniatura {
    width:133px; height:100px; border:1px solid #004f9c; margin:1px;
}
.imagenMiniatura:hover {
    border:2px solid #e5322c; margin:0;
}

.imagenMiniatura.seleccionado{
    border:2px solid #e5322c; margin:0;
}
.miniatura img + .textoMiniatura {
    display:block; text-align:center; color:#318c8d;
}

/*  - - - - Index - - - - */
.contenido {
    box-sizing:border-box; position:relative; width:80%; margin:8% 10% 10% 10%; padding:0 2% 0 12%; border:5px solid #d9dcda; background:#fff;
}
.contenido:before {
    content:""; position:absolute; width:23%; height:100%; max-height:584px; transform:translate(-110%,-47%); background:url(imagenes/adornoEsquina.png)center/contain no-repeat; pointer-events:none;
}
.contenido:after {
    content:""; display:block; clear:both;
}
.contenido .titulo, .contenido .tituloSegundo {
    position:absolute; margin-left:-2%;
}
.contenido .titulo {
    transform:translateY(-110%);
}
.contenido .boton {
    display:inline-block; margin-top:3em; padding:8px;  
}
.contenido .boton + .boton {
    margin-top:2em;
}
.ubicacion {
    box-sizing:border-box; float:right; width:220px; padding:31px; margin:32px; text-align:center; font-size:12px; color:#fff; background:#fff url(imagenes/borron.png)center/contain no-repeat;
}
.ubicacion:after {
    content:""; position:absolute; bottom:0; right:0; z-index:1; width:29%; height:100%; transform:translate(34%,41%); background:url(imagenes/adornoOtraEsquina.png) center/contain no-repeat; pointer-events:none;
}
.adornoValencia {
    position:absolute; bottom:0; left:0; width:65%; height:100%; background:url(imagenes/valencia.svg) bottom left/contain no-repeat; pointer-events:none;
}
/*  - - - - Intro y preguntas - - - - */
.video .contenido {
    padding:0;
}
.video .contenido:before {
    transform:translate(-50%,-47%);
}
.contenido video {
    vertical-align:bottom;
}

/* - - - - Formulario - - - - */
.login .contenido {
	font-size:1em; color:#318c8d;
}
.login .contenido a {
	color:#004f9c;
}
form {
    width:60%; padding:12%; padding-bottom:4%; text-align:center;
}
form p {
	font-size:14px; text-align:justify;
}
.inputFormulario {
	position:relative; padding:6px; margin-top:3em; border:1px solid #aaa; background-color:#fcfcfc; box-shadow:inset 0 0 0 2px #e0e0e0; transition:all linear 1s; border-radius:2px;
}
.inputFormulario label{
	position:absolute; top:-90%; left:0; color:#318c8d;
}
.inputFormulario input, .inputFormulario select{
	width:100%; border:none; background-color:transparent; font-size:1em;
}
button {
	box-sizing:border-box; padding:10px 20px; margin-top:2em; border:1px solid #aaa; background-color:#fff; box-shadow:inset 0 0 0 2px #e0e0e0; transition:all linear 0.1s; border-radius:2px; font-size:18px; color:#004f9c;
}
button:hover {
	border:1px solid #999; background-color:#f4f4f4; box-shadow:inset 0 0 0 4px #d0d0d0;
}
.aviso {
	display:none; position:absolute; top:0; right:0; transform:translateY(-110%); max-width:65%; font-size:12px; border-radius:6px;
}
.aviso.error {
	display:initial; padding:3px; color:white; background-color:#e5322c;
}
.aviso.error:after {
	content:""; position:absolute; bottom:-5px; right:10px; z-index:-1; transform:rotate(45deg); width:15px; height:15px; background-color:#e5322c;
}

/* - - - - Textos legales - - - - */
.legal .contenido {
	padding:0 5%;
}
.legal .contenido:before {
    transform:translate(-80%,-47%);
}
.legal .contenido .titulo {
     margin-left:5%;
}
.legal .contenido span:first-child + p {
     margin-top:3em;
}


/* - - - - Media queries - - - - */
@media screen and (max-width:660px) {
    .columnaI {
        max-width:100%; margin:1% 1% 0 1%;
    }
    figure {
        width:96%; padding-bottom:75%; margin:2%;
    }
    .ponencia footer:after {
        width:0; height:0; background:none;
    }
    .contenido {
        margin-top:17%;
    }
    .adornoValencia {
        display:none;
    }
    .informacionPie {
        text-align:center;
    }
    .informacionPie *:last-child {
        float:none;
    }
}
@media screen and (max-width:825px) {
    .contenido .titulo {
        font-size:20px;
    }
}
/*@media screen and (min-height:850px){
    main {
         top:50%; transform:translate(-50%,-50.2%);
    }
}*/