@charset "utf-8";

@font-face {
    font-family: Muli;
    src: url(../fuentes/Muli-Regular.ttf) format('truetype');
    font-weight:400;
}
@font-face {
    font-family: Muli;
    src: url(../fuentes/Muli-LightItalic.ttf) format('truetype');
    font-weight:300;
    font-style:italic;
}
@font-face {
    font-family: Muli;
    src: url(../fuentes/Muli-SemiBold.ttf) format('truetype');
    font-weight:600;
}
@font-face {
    font-family: Muli;
    src: url(../fuentes/Muli-Bold.ttf) format('truetype');
    font-weight:700;
}
@font-face {
    font-family: Muli;
    src: url(../fuentes/Muli-ExtraBold.ttf) format('truetype');
    font-weight:800;
}

a {
    text-decoration:none; color:inherit;
}
html { width:100%; height:100%; font:18px/21px Muli, Arial, sans-serif;}
body {
    width:100%; height:100%; margin:0; padding:0; background-color:#d7d7d7;
}
main {
    position:relative; max-width:1200px; background-color:#fff; box-shadow:0 0 0 22px rgba(255,255,255,0.5);
}
main.indice {
 
}
main.presentacion {
    background:#fff url(imagenes/adornoEsquina.png) -91px -53px/230px auto no-repeat; 
}
main, header, .contenido, footer, form {
	margin:0 auto;
}
.indice .cabeceraSuperior {
    height:19vw; padding:5px; text-align:right; background:#fff url(imagenes/adornoCabecera.png) center bottom / 100% auto no-repeat;
}
.presentacion .cabeceraSuperior, .video .cabeceraSuperior {
    padding:5px; text-align:right;
}
.informacion .cabeceraSuperior, .formulario .cabeceraSuperior {
    height:calc(50px + 10vw); padding:5px; text-align:right; background:#fff url(imagenes/adornoCabecera.png) center bottom / auto 70% no-repeat;
}
.cabeceraSuperior * {
    vertical-align:middle;
}
.cabeceraTitulo {
    margin:20px 5px 0 5px;
}
/* Indice*/
.contenido {
    box-sizing:border-box; background:#fff;
}
.columna {
	box-sizing:border-box; position:relative; display:inline-block; width:50%; padding:30px 20px 20px; vertical-align:top;
}
.boton, .botonVersiones, .tema {
	margin:0 6px 1em 190px; padding-left:10px;
}
.boton {
    position:relative; border-left:1px solid #d5b079; font-weight:400; color:#000; cursor:pointer; transition:all 0.2s linear;
}
.boton:hover, .versiones:hover + .botonVersiones {
	margin-right:1px; border-left:6px solid #d5b079; color:#000; transition:border 0.2s linear;
}
.seccion {
	position:absolute; left:60px; font-weight:800; color:#4e5ca7;
}
.tema {
	position:relative; left:-160px; font-weight:700; color:#bebd00;
}
.ponente {
	font-weight:600; font-size:1rem;
}
.ponente .titulo {
	margin:0; font-size:1.1rem; line-height:0.9rem;
}
.ponente .nombre {
	font-size:1rem; line-height:2rem;
}
.ponencia {
	font-weight:400; font-size:1rem;
}
.versiones {
	position:absolute; z-index:1; left:217px; width:78px;
}
.botonVersiones {
	position:relative; border-left:1px solid #d5b079; padding-top:1.3em; font-weight:400; font-size:0.9em; color:#646363;
}
.original, .doblado {
	display:inline-block; width:16px; height:12px; margin:7px 16px 7px 5px; background:url(imagenes/ing.png) center no-repeat; cursor:pointer; border:1px solid #000;
}
.doblado {
	background-image:url(imagenes/esp.png);
}
.original:hover, .doblado:hover {
	box-shadow:1px 2px 2px 0 rgba(0,0,0,0.7);
}
.navegacion {
	float:right; margin:0 15px; font:700 20px Muli, Arial, sans-serif; color:#4e5ca7;
}
.navegacion > span, .navegacion > a {
	padding:0 10px; border-left:1px solid #d5b079; cursor:pointer; transition:all 0.2s linear;
}

.navegacion > span:hover, .navegacion > a:hover {
	padding-right:5px; border-left:6px solid #d5b079; color:#000; cursor:pointer; transition:all 0.2s linear;
}

/*Proyector video*/
.presentacion .contenido, .video .contenido {
	margin:0 auto; border-color:#fff; border-style:solid; border-width:10px 20px 30px 20px; background-color:#d7d668;
}
.video .contenido {
	margin:0 3%; padding:0.5%;
}
.titulo  {
    margin-left:10px; font-size:1.4em; color:#37448a;
}
.columnaI {
    display:inline-block; max-width:37.5%; margin:0.5% 0 0 0.5%;
}
video {
    width:100%; background-color:black;
}
.presentacion .ponente, .video .ponente {
	font-size:0.8rem; padding:1em; font-style:normal; color:#454545;
}
.subtitulos {
     min-height:5em; padding:10px; background-color:#0055a0; color:#fff;
}
figure {
    display:inline-block; width:60.5%; height:0; padding-bottom:34.031%; margin:0.5% 0.5% 0.5% 1%; vertical-align:top; background:url(../imagenes/diapositivas/diapositiva_001.jpg) center/100% 100% no-repeat; box-shadow:1px 1px 4px 1px rgba(0,0,0,0.6);
}
figure.cuatroTercios {
    padding-bottom:45.375%;
}
footer {
	box-sizing:border-box; font-size:0.7em; color:#646363; background-color:#fff; 
}
form a {
	color:#d5b079;
}
form a:hover {
	color:#000;
}

.cajaPieImagenes {
    padding:50px 30px; background-color:#525ca3;
}
.cajaPieImagenes .derecha {
    margin:0 5px;
}
.cajaPieImagenes .derecha * {
    margin:0 5px;
}
.twitter, .youtube, .linkedin {
    display:inline-block; width:50px; height:50px; border:1px solid #fff; border-radius:50%; background-color:transparent; background-position:center; background-repeat:no-repeat; background-size:70% 70%;
}
.twitter:hover, .youtube:hover, .linkedin:hover {
    background-color:rgba(255,255,255,0.1);
} 
.twitter {
    background-image:url(imagenes/logoTwitter.png);
}
.youtube {
    background-image:url(imagenes/logoYouTube.png);
}
.linkedin {
    background-image:url(imagenes/logoLinkedIn.png);
}
.cajaPieImagenes img.final {
    margin-left:15px; padding-left:25px; border-left:1px solid rgba(255,255,255,0.5);
}
.cajaPieTextos {
    padding:20px 10px; color:#bbbac6; background-color:#2b2b38;
}
.cajaPieTextos a {
	margin-right:30px;
}
.cajaPieTextos a:hover {
	border-bottom:1px solid #bbbac6;
}
.cajaPieImagenes .derecha, .cajaPieTextos span {
	float:right;
}
.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:#58585a;
}

/*Informacion*/
.informacion .contenido {
	position:relative; text-align:justify; border:80px solid #fff;
}
.informacion .contenido:before, .informacion .contenido:after {
	content:''; position:absolute; left:-45px; top:-45px; right:-45px; bottom:-45px; transform:translate(-7px, 7px); border:5px solid #dce0ec;
}
.informacion .contenido:after  {
	transform:translate(3px, -3px); border-color:#e0e5c2;
}
.informacion .titulo {
    font-weight:700;
}
h2 {
	font:600 1.2em Muli, Arial, sans-serif;
}

/*Formulario*/
form {
    width:60%; 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:#58585a;
}
.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;
}
.cursiva {
	font-style:italic;
}

/* - - - - Media queries - - - - */
@media screen and (min-width:1250px) {
	.indice .cabeceraSuperior { height:260px;}
}
@media screen and (max-width:1050px) {
    .cajaPieTextos { text-align:center;}
    .cajaPieTextos span { float:none; display:block; margin:15px 0 10px;}
}
@media screen and (max-width:885px) {
	.columna { width:100%;}
	figure, figure.cuatroTercios { width:98%; padding-bottom:73.5%;}
	.columnaI { max-width:100%; margin:1%;}
}
@media screen and (max-width:750px) {
    .cajaPieImagenes { text-align:center;}
    .cajaPieImagenes > div.derecha { float:none; display:block; margin:0 auto; }
    .cajaPieImagenes img.final { margin:0 30%; padding:0; border-left:none;}
}