@font-face {
		font-family: 'icomoon';
		src:url('../fuentes/icomoon.eot');
		src:url('../fuentes/icomoon.eot?#iefix') format('embedded-opentype'),url('../fuentes/icomoon.woff') format('woff'),url('../fuentes/icomoon.ttf') format('truetype'),url('../fuentes/icomoon.svg#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'atras-delante';
		src:url('../fuentes/atras-delante.eot');
		src:url('../fuentes/atras-delante.eot?#iefix') format('embedded-opentype'),url('../fuentes/atras-delante.woff') format('woff'),url('../fuentes/atras-delante.ttf') format('truetype'),url('../fuentes/atras-delante.svg#atras-delante') format('svg');
		font-weight: normal;
		font-style: normal;
	}
#splash{width:703px;height:346px;margin:0 auto}
#panelReel{position:absolute;top:0;left:0}
#panelReel > *{position:relative;display:block;width:790px;height:560px}
#activity{width:790px;height:560px;margin:auto;overflow:hidden}
#lineas{left:0;height:100%;position:absolute;top:0;width:100%;z-index:0;}
#lineas div{height:2px;line-height:2px;margin:0;padding:0;position:absolute;}
#lineas div:nth-child(even){background:#408bd3}
#lineas div:nth-child(odd){background:#ffb140}
#relacionar{position:relative}
.caracteristica,.mujer,.flechas div,.flechas li,.flechas span{position:absolute}
.caracteristica{border:2px solid #fff;font-size:.9em;list-style:none;padding:.6em 1.5em;right:5px;-webkit-border-radius:.6em;-moz-border-radius:.6em;border-radius:.6em;width:385px;}
.caracteristica:nth-child(even){background:#408bd3}
.caracteristica:nth-child(odd){background:#ffb140}
.caracteristica:nth-child(1){top:25px}
.caracteristica:nth-child(2){top:75px}
.caracteristica:nth-child(3){top:125px}
.caracteristica:nth-child(4){top:175px}
.caracteristica:nth-child(5){top:225px}
.caracteristica:nth-child(6){top:275px}
.caracteristica:nth-child(7){top:325px}
.caracteristica:nth-child(8){top:375px}
.caracteristica:nth-child(9){top:425px}
.caracteristica:nth-child(10){top:475px}
.caracteristica p{color:#fff !important}
.flechas li{left:0;list-style:none;top:0;}
.flechas li:nth-child(even) div,.flechas li:nth-child(even) span{color:#408bd3 !important}
.flechas li:nth-child(odd) div,.flechas li:nth-child(odd) span{color:#ffb140 !important}
.flechas li:nth-child(1) span{top:22px}
.flechas li:nth-child(2) span{top:72px}
.flechas li:nth-child(3) span{top:122px}
.flechas li:nth-child(4) span{top:172px}
.flechas li:nth-child(5) span{top:222px}
.flechas li:nth-child(6) span{top:272px}
.flechas li:nth-child(7) span{top:322px}
.flechas li:nth-child(8) span{top:372px}
.flechas li:nth-child(9) span{top:422px}
.flechas li:nth-child(10) span{top:472px}
.flechas span{left:305px}
.icon-cancel-circle{display:inline-block;vertical-align:top;color:#fff !important;cursor:pointer;font-family:'icomoon';font-size:1.4em;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-shadow:rgba(0,0,0,0.7) 1px 1px 6px;line-height:1;-webkit-font-smoothing:antialiased;}
.icon-cancel-circle:hover{text-shadow:#000 0 0 3px}
.icon-arrow-left,.icon-arrow-right{color:#2ea5bd !important;cursor:pointer;font-family:'atras-delante';font-size:1.7em;speak:none;font-style:normal;font-weight:normal;font-variant:normal;margin:.2em 0 0 0;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
.icon-arrow-left:hover,.icon-arrow-right:hover{color:#000 !important}
.icon-arrow-left{float:left;}
.icon-arrow-left:before{content:"\e000"}
.icon-arrow-right{float:right;}
.icon-arrow-right:before{content:"\e001"}
.icon-arrow-left-2,.icon-arrow-right-2{font-family:'atras-delante';speak:none;font-style:normal;font-weight:normal;font-variant:normal;font-size:3em;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}
.icon-arrow-left-2:before{content:"\e002"}
.icon-arrow-right-2:before{content:"\e003"}
.icon-cancel-circle:before{content:"\e000"}
.mujer{border:4px solid #fff;font-weight:bold;color:#fff !important;font-size:1.2em;left:5px;padding:.6em 4em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;text-align:center;width:80px;}
.mujer:nth-child(1){background:#cb0077;top:190px}
.mujer:nth-child(2){background:#1f7d65;top:300px}
.libro{background:url("../img-html/bg-libro.png") no-repeat center center;background-size:750px 500px;display:block;height:500px;margin:15px auto 0;overflow:hidden;width:750px;}
.libro h2{line-height:1.2em}
.libro p{display:block;text-align:justify;margin:.5em 0}
.libro .paginas{display:inline-block;vertical-align:top;font-size:13px;height:450px;line-height:1.1em;width:42%;}
.libro .paginas:nth-child(odd){padding:3% 2% 5% 5%}
.libro .paginas:nth-child(even){padding:3% 4% 5% 3%}
.libro .autor{font-style:italic;margin:.5em 0}
.libro .fuente{font-size:12px !important;text-align:right}
.libro .tituloObra{color:#fff;display:inline;font-style:italic;margin:0}
.retro{position:absolute;background:#00a4ed;background:-moz-linear-gradient(top,#00a4ed 0%,#0074ae 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00a4ed),color-stop(100%,#0074ae));background:-webkit-linear-gradient(top,#00a4ed 0%,#0074ae 100%);background:-ms-linear-gradient(top,#00a4ed 0%,#0074ae 100%);background:linear-gradient(to bottom,#00a4ed 0%,#0074ae 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#00A4ED, endColorstr=#0074AE,GradientType=0 );display:none;left:50%;margin:0 0 0 -245px;padding:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),rgba(0,0,0,0.9) 0 0 8px;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),rgba(0,0,0,0.9) 0 0 8px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),rgba(0,0,0,0.9) 0 0 8px;-o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),rgba(0,0,0,0.9) 0 0 8px;top:200px;width:450px;z-index:20;}
.retro.incorrecto{background:#e16200;background:-moz-linear-gradient(top,#e16200 0%,#c06500 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e16200),color-stop(100%,#c06500));background:-webkit-linear-gradient(top,#e16200 0%,#c06500 100%);background:-ms-linear-gradient(top,#e16200 0%,#c06500 100%);background:linear-gradient(to bottom,#e16200 0%,#c06500 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#e16200, endColorstr=#c06500,GradientType=0 )}
.retro p{display:inline-block;vertical-align:top;color:#fff !important;font-size:1.2em;text-align:center;width:420px}