/*	Borde de prueba para ver zonas 
*{background-color:rgba(0, 0, 255, 0.1);	border: solid 1px #FF0000; margin:-1px;	}
*/


/* Evitar parpadeos en Firefox */
.miniatura, .miniatura img, .ventana-in {
	will-change: transform;
}



/* --------------------
	Colores fondo ventana de cajas
   -------------------- */

.parent-miniaturas, .parent-miniaturas-ilustracion, .parent-miniaturas-3d, .parent-miniaturas-animacion, .parent-miniaturas-grafica, .ventana-sombra {
	background-color:#567d7e; /* olds 477075 3d3d3d(dremin.com) */
}


/* --------------------
	Pop Head
   -------------------- */

.pophead-on, .pophead-off { /* Colocador de Ventana */
	display:none;
	width:100%;
	z-index:11;
	height:750px;
/* para relative (original, dinamico)
		position:relative;
		margin-top:-120px; /* -90 tapa iconos, -120 tapa h3 */
/* para absolute (encaja con menu cv de botones Ir a) */
		position:absolute;
		top:90px; /* 90 tapa iconos, 120 tapa h3 */
	right:0px;
	margin-right:0px;
	margin-left:0px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4 ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}

.pophead-off {
	top:0%;
/* para relative
		margin-top:-450px; */
/* para absolute */
		margin-top:-200px;
	transform:scale(0.01);
	-webkit-transform: scale(0.01);
	-moz-transform: scale(0.01);
	-o-transform: scale(0.01);
	-ms-transform: scale(0.01);
	opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0);
}

.pophead-on {
	top:0%;
/* para relative
		margin-top:-120px; /* -90 tapa iconos, -120 tapa h3 */
/* para absolute */
		margin-top:90px;		
	transform:scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
}

.pophead-in { /* Centrador de ventana*/
	margin-left:auto; margin-right:auto;
	width:950px;
}

.pophead-sombra { /* Borde, emisor de sombra, y margen inferior */
	float:left;
	width:100%;
	margin-bottom:250px; /* orig 50px, subido para botones cv*/
	box-shadow: 0px 0px 25px rgba(0,0,0,0.4);
	border: solid 1px #a4a4a4;
}

.pophead-sombra, .pophead-cuerpo {
	border-radius:32px;
	overflow:hidden;
}

/* -- Pop Head botón X -- */

.pophead-x-contenedor {
	float:right;
	width:60px;
	height:60px;
	margin-bottom:-60px;
}

.pophead-x {
	float:right;
	width:54px; height:54px;
	margin-top:7px; margin-right:7px;
	background-color:#ff2d31; /* gris #cfcfcf; rojos: #ff2d31; hover: #ff585b; */
	background-image:url("../img/x.gif");
	background-position: center;
	background-repeat:no-repeat;
	border-radius:27px;
/*	border: solid 1px #ddd;*/
	transform:scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	cursor:pointer;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	transition: all 0.12s ease-in-out;
	-webkit-transition: all 0.12s ease-in-out;
	-moz-transition: all 0.12s ease-in-out;
	-o-transition: all 0.12s ease-in-out;
	-ms-transition: all 0.12s ease-in-out;
}

.pophead-x:hover {
	background-color:#ff585b;
/*	border: solid 1px #aaa;*/
	transform:scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
}


/* -- pophead-insert, contenido de pophead -- */
.pophead-cuerpo {
	z-index:12;
	width:100%;
	overflow:hidden;
/*	padding:50px 20px 20px 20px;*/
	min-height:500px;
	float:left;
	background-color:#fff;
}


/* -- PopHead Demo Reel -- */

.pophead-demo-txt {
	letter-spacing:0.03em;
	color:#666;
	float:left;
	text-align:center;
	width:900px;
    font-size: 19px;
    line-height: 10px;
}

.pophead-demo-txt span {
	color:#111;
	font-size:30px;
	line-height:50px;
}

#pophead-demo-video {
	float:left;
	width:853px; height:480px;
	margin-left:30px;
	margin: 20px 15px 15px 40px;
	border-radius: 10px; overflow: hidden;
}

/* Subir el brillo del mp4, que en Firefox se veía oscuro (blanco de fondo se veía gris) */
.video-brillo {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness");/* Firefox 3.5+ */
/* -webkit-filter:brightness(108.5%);	Chrome 19+ & Safari 6+ */
}


/* --------------------
	Fade y Pop
   -------------------- */


/* Fade de página index, bajo ventana de secciones de Cajas */
#fade-index { 
	display:none;
	z-index:10;
	background-color:#95dfea; /* olds 84e2ef, 7cc4cc, BCD, 579, DEF */
}

/* Fade de Pop, ventana para incrustar vídeos */
#pop-fade { 
	display:none;
	z-index:20;
	background-color:#000;
}

/* Efectos de ambos Fades (index y pops animación) */
.fade-on, .fade-off {
	height:100%;
	width:100%;
	position:fixed;
	top:0; left:0;
	margin:0; padding:0;
	transition:All 0.4s ease;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
}

.fade-on {
	opacity:0.8;
	-moz-opacity:0.8;
	filter: alpha(opacity=80); /* IE8 */	
}

.fade-off, .pop-off {
	opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0); /* IE8 */	
}

.pop-on, .pop-off {
	height:100%;
	width:100%;
	top:0; left:0;
	margin:0; padding:0;
	transition:All 0.35s ease;
	-webkit-transition:All 0.35s ease;
	-moz-transition:All 0.35s ease;
	-o-transition:All 0.35s ease;
}

.pop-on {
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100); /* IE8 */	
}

#pop-ventana {
	display:none;
	z-index:21;
	position:fixed;
	left:50%; margin-left:-440px;
	top:20%; /* old top:50%; margin-top:-300px; */
	width:855px; height:510px;
}

.pop-boton-x-contenedor {
	float:right;
	width:100%; height:30px;
}

#pop-insert, .pop-insert {
	z-index:35;
	float:right;
	border: 2px solid #336666;
	box-shadow: 0px 0px 40px rgba(000,000,000,0.8);
}


/* Desenfoque tras ventana. No usado, sobrecarga mucho el navegador (se activaría en el jquery) */
.blur {
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-o-filter: blur(4px);
	-ms-filter: blur(4px);
	filter: blur(4px);
/*	transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.5s ease-in-out;
	-moz-transition:All 0.5s ease-in-out;
	-o-transition:All 0.5s ease-in-out;
	-ms-transition:All 0.5s ease-in-out;*/
}

/* --------------------
	Ventana Exterior
   -------------------- */

.transicion-ventana {
	transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.5s ease-in-out;
	-moz-transition:All 0.5s ease-in-out;
	-o-transition:All 0.5s ease-in-out;
	-ms-transition:All 0.5s ease-in-out;
}

.ventana { /* Colocador de Ventana en cajas*/
	display:none;
	width:100%;
	position:absolute;
	z-index:11;
	height:750px; /* 40 titulo + 710 (520 cajas + 190 headers)  */
	top:0;
/*	margin-top:-100px; tapando botones */
	margin-top:-190px; /* hasta arriba*/
	right:0px;
	margin-right:0px;
	margin-left:0px;
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
	color:#f5f5f5;
/*	text-shadow: 0px 0px 2px rgba(255,255,255,0.5),
	0px 0px 7px rgba(0,0,0,0.6);*/
/*	background-color:rgba(255, 0, 0, 0.5);*/
}

.ventana-in { /* Centrador de ventana*/
	margin-left:auto; margin-right:auto;
	width:950px; /* ancho fijo */
/*	max-width:950px;*/
/* variable:
	max-width:1400px;
	min-width:500px; */
/* Para acotar el interior de la ventana:
	overflow:hidden;
	height:800px; */
}

.ventana-sombra { /* Borde, emisor de sombra, y margen inferior */
	float:left;
	width:100%;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
/*	box-shadow: 0px 0px 2px rgba(0,0,0,0.4),
	0px 0px 30px rgba(0,0,0,0.3);*/
	margin-bottom:50px;
}


/* --------------------
	Ventana, colocación en Cajas
   -------------------- */

.ventana-caja-1, .ventana-caja-2, .ventana-caja-3, .ventana-caja-4 { 
	transform:scale(0.01) rotate(-90deg) skew(-20deg);
	-webkit-transform: scale(0.01) rotate(-90deg) skew(-20deg);
/*	-moz-transform: scale(0.01) rotate(-90deg) skew(-20deg);*/
	-o-transform: scale(0.01) rotate(-90deg) skew(-20deg);
	-ms-transform: scale(0.01);
	opacity:0; 
	-moz-opacity:0;
	filter: alpha(opacity=0); /* IE8 */	
}

.ventana-caja-1, .ventana-caja-2, .ventana-caja-3, .ventana-caja-4 {
	top:45%;
	margin-top:-280px;
}

.ventana-caja-1 {
	margin-right:390px;
}

.ventana-caja-2 {
	margin-right:130px;
}

.ventana-caja-3 {
/*	margin-left:130px;*/
	margin-right:-130px;
}

.ventana-caja-4 {
/*	margin-left:390px;*/
	margin-right:-390px;
}


/* --------------------
	Ventana interior
   -------------------- */

.ventana-head {
	font-weight:bold;
	width:100%;
	float:left;
	height:40px;
	background-color:#000; /*olds 2c303a 3d3d3d #083f44; #05F*/
}

.ventana-head span {
	position:relative;
	height:40px;
	float:left;
	font-size:29px;
	margin-left:40px;
	margin-top:2px;
	letter-spacing:0.03em;
}


/* ventana-insert */
.ventana-cuerpo {
	width:100%;
	min-height:1100px; /*	min-height:850px; */
	float:left;
/*	background-color:#477075; old (dremincom) 3d3d3d */
/*	background-color:rgba(71, 112, 117, 0.8);*/
}

.ventana-texto {
	font-size:20px;
	letter-spacing:0.03em;
	line-height:24px;
	color:#e1e1e1;
	text-align:center;
	float:left;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}

.ventana-pie {
	float:left;
	width:100%;
}

.titulo-subsecciones {
	float: left;
	width: 90%;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:0px;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.04em;
	color:#2b3e3f;
/*	(old ver. sin iconos)
	font-size: 19px;
	line-height: 22px;
	letter-spacing: 0.05em;
	color: #567d7e;
	background-color: #cccccc;
	padding-left: 20px;
	border-radius:8px; */
}

.icono-capas, .icono-codigo, .icono-juego, .icono-play, .icono-puntero, .icono-seleccion, .icono-iconos {
	background-repeat:no-repeat; background-position:left;
	float:left;
	width:30px; height:30px;
	margin-left:-15px;
	margin-right:10px;
}

.icono-capas { background-image:url("../img/iconos/icono-capas.gif"); }
.icono-codigo { background-image:url("../img/iconos/icono-codigo.gif"); }
.icono-juego { background-image:url("../img/iconos/icono-juego.gif"); }
.icono-play { background-image:url("../img/iconos/icono-play.gif"); }
.icono-puntero { background-image:url("../img/iconos/icono-puntero.gif"); }
.icono-seleccion { background-image:url("../img/iconos/icono-seleccion.gif"); }
.icono-iconos { background-image:url("../img/iconos/icono-iconos.gif"); }


/* --------------------
	Botones X
   -------------------- */

.ventana-boton-x, .boton-x-miniaturas, .pop-boton-x {
	float:right;
	background-color:#ff2d31; /* olds eb4747 e33*/
	background-repeat:no-repeat;
	cursor:pointer;
	-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;
}

.ventana-boton-x {
/*	display:none;*/
	position:relative;
	width:150px; height:40px; 
	top:0;
	right:0;
	background-image:url("../img/x.gif");
	background-position: 90px 5px;
}

.boton-x-miniaturas, .pop-boton-x {
	width:120px;
	height:30px;
	background-position: 72px -1px;
	background-image:url("../img/x-light.gif");
}

.boton-x-miniaturas {
	margin-top:10px;
}

.ventana-boton-x:hover, .boton-x-miniaturas:hover, .pop-boton-x:hover {
	background-color:#ff585b; /* olds ff6666; ff7575;*/
}

/* --- Boton X esquina, pestaña metálica --- */

.boton-x-esquina {
	position:absolute; top:-25px; right:0px;
	width:100px; height:25px;
	background-image:url("../img/boton-x.png");
	background-position:left;
	background-repeat:no-repeat;
	}
	
.boton-x-esquina:hover {
	background-position:-100px 0px;
	}

/* --------------------
	Botón Volver arriba
   -------------------- */

.boton-subir-contenedor {
	margin-top:-25px;
	margin-bottom:15px;
	margin-left:auto; margin-right:auto;
	width:200px;
	height:70px;
	cursor:pointer; cursor:hand;
}

.boton-subir-alt, .boton-subir-flecha {
	transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease;
}

.boton-subir-alt {
	float:left;
	width:200px;
	height:20px;
	color:#cecece; /* c4badf; */
/*	font-weight:bold;*/
	font-size:17px;
	line-height:15px;
	text-align:center;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0); /* IE8 */	
	letter-spacing:0.4em;
}

.boton-subir-contenedor:hover .boton-subir-alt {
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
	letter-spacing:0.03em;
}

.boton-subir {
	float:left;
	margin-left:75px;
	height:50px; width:50px;
	background-color:#cfcfcf; border-radius:25px;
/*	background: url("../img/boton-subir-fondo.gif") bottom no-repeat;*/
}

.boton-subir-flecha {
	position:relative;
	top:0px;
	width:50px; height:50px;
	cursor:pointer; cursor:hand;
	background: url("../img/boton-subir-flecha.gif") bottom no-repeat;
}

.boton-subir-contenedor:hover .boton-subir-flecha {
	top:-10px;
}


/* --------------------
	Miniaturas
   -------------------- */

.parent-miniaturas, .parent-miniaturas-ilustracion, .parent-miniaturas-3d, .parent-miniaturas-animacion {
	float:left;
	padding-left:15px; padding-right:15px;
	width:100%;
	margin:0;
}

.miniatura-contenedor, .miniatura-titulo, .miniatura {
	width:154px;
}

.miniatura-contenedor {
	float:left;
	width:25%; /* 25% para 4, 20% para 5, 16% para 6 */
	min-width:184px; /* 154 + 15 + 15 */
	height:145px; /* 120 + 25 */
	margin-bottom:32px;
}

.miniatura-titulo {
	font-size:17px;
	color:#d8d8d8;
	line-height:22px;
	letter-spacing:0.02em;
	margin-left:auto; margin-right:auto;
	height:25px;
	width:150px; /* 160 - 10*/
}

.miniatura, .miniatura-play {
	width:160px;
	height:120px;
	margin-left:auto; margin-right:auto;
/*	box-shadow: 2px 2px 2px rgba(0,0,0,0.5),
	1px 1px 7px rgba(0,0,0,0.3);*/
	transition:All 0.2s ease;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	transform:scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1) ;
	-ms-transform: scale(1);
}

.miniatura { background: url("../img/miniatura.gif") center no-repeat; }

.miniatura-play { background: url("../img/miniatura-play.gif") center no-repeat; }

.miniatura:hover, .miniatura-play:hover { /*No tocar valores de sombras y escala, diferentes valores renderizan raro en chrome y ff*/
/*	box-shadow: 3px 3px 3px rgba(0,0,0,0.3),
	2px 2px 17px rgba(0,0,0,0.2);*/
	transform:scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1); /* en alguna prueba anterior, FF renderizaba mejor a 1.09*/
	-o-transform: scale(1.1) ;
	-ms-transform: scale(1.1);
}

.miniatura-play img {
	opacity:1; -moz-opacity:1; filter: alpha(opacity=100); /* IE8 */
	transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease;
}

.miniatura-play img:hover { opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); /* IE8 */	}

.miniatura img, .miniatura-play img {
	float:left;
	cursor:pointer; cursor:hand;	
	width:150px; height:110px;
	margin:4px;
/*	border: solid 1px #EEE; si no se pone img de fondo */
}

.miniatura-contenedor + img:hover miniatura-contenedor + miniatura-titulo {
	color:#00C;
}


/* --------------------
	Miniaturas de Video
   -------------------- */

.parent-video-50 { float:left; margin-bottom:20px; }

.video-contenedor, .video-contenedor-50 {
	float:left;
	height:132px;
	margin-top:6px;
	margin-bottom:6px;
}
	.video-contenedor { width:100%; }
	.video-contenedor-50 { width:50%; min-width:450px; }


.video-film, .video-film-50 {
	cursor:pointer; cursor:hand; 
	margin-left:auto; margin-right:auto;
	height:132px;
	background-color:#639294; /* old #466566; */
	border-radius:10px;
/*	border: 1px solid;
	border-color: #90a6a7 #364f50 #364f50 #90a6a7; */
/*	border-top: 1px solid #90a6a7;
	border-left: 1px solid #90a6a7;
	border-right: 1px solid #364f50;
	border-bottom: 1px solid #364f50; */
}
	.video-film { width:520px; }
	.video-film-50 { width:445px; }

.video-miniatura {
	float:left;
	width:160px; height:120px;
	margin-left:17px;
	margin-top:7px;
	background: url("../img/miniatura-video.gif") center no-repeat;
	z-index:30;
}

.video-miniatura img {
	margin: 4px 0 0 4px;
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
	z-index:31;
/*	border: solid 1px #efefef; border-radius:6px;  Desactivado al tener borde rectangular la imagen de fondo*/
}

.video-texto, .video-texto-50 {
	float:left;
	height:120px;
	margin-left:15px; margin-top:7px;
	color:#d6d6d6;
	line-height:20px;
	white-space: nowrap;
}
	.video-texto {
	width:320px;
	font-size:18px;
	letter-spacing:0.05em;
	}
	.video-texto-50 {
	width:250px;
	font-size:17px;
	letter-spacing:0.02em;	
	}

.video-titulo {
	display:block;
	margin-top:6px;
	margin-bottom:10px;
	font-size:25px;
	color:#f9f9f9;
/*	letter-spacing:0.11em; */
}

/* Mini texto sobre popups de vídeo */
.texto-popup-video {
	position:relative;
	top:-20px; left:0px;
	width:500px; height:0px; padding-left:10px;
	white-space:nowrap;
	color:#aaa;
	font-family:Verdana;
	font-size:10px;
}

.tapa-vimeo {
	position:absolute;
	right:5px; top:5px;
	width:45px; height:85px;
	background-color:#111a19;
	border-radius:10px;
	color:#4d5151;
	font-family:Arial; font-weight:bold; font-size:12px; line-height:12px; text-align:center;
}

.texto-popup-video, .tapa-vimeo {
	cursor:default;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;	
}


/* --- Hovers film --- */

.video-film, .video-film-50, .video-miniatura img {
	transition:All 0.25s ease;
	-webkit-transition:All 0.25s ease;
	-moz-transition:All 0.25s ease;
	-o-transition:All 0.25s ease;
}

.video-film {
	transform:scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1) ;
	-ms-transform: scale(1);
}

.video-film:hover, .video-film-50:hover {
	background-color:#60a1a4; /* old #466566; */
	transform:scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05); /* en alguna prueba anterior, FF renderizaba mejor a 1.09*/
	-o-transform: scale(1.05) ;
	-ms-transform: scale(1.05);
}

.video-film:hover .video-miniatura img, .video-film-50:hover .video-miniatura img {
	opacity:0.5;
	-moz-opacity:0.5;
	filter: alpha(opacity=50);
}

/* --- fin film --- */


/* --------------------
	Menú CV flotante
   -------------------- */

.menu-flotante-off {
	opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0); /* IE8 */	
}

.menu-flotante-on {
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100); /* IE8 */	
}

.cv-menu {
	display:none;
	z-index:13;
	position:fixed;
	top:160px; /* altura real 121px + margen para no tapar la X de cerrar, luego subido cv-menu-caja */
	width:100%; height:2px;
}

.cv-menu-colocador {
	position:relative;
	width:950px; height:1px;
	margin-left:auto; margin-right:auto;
}

.cv-menu-caja {
	color:#FFF;
	float:left;
	width:145px; height:180px;
	margin-top:-39px; /* 160 - 121 */
	margin-left:-89px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.cv-boton-ir {
	float:right;
	width:145px; height:30px;
	margin-bottom:5px;
	text-align:right;
	cursor:context-menu;
}

.cv-boton-ir span {
	color:#FFF; /* #2b3e3f; */
	background-color:#2b3e3f; border-radius:15px;	
	line-height:29px;
	pointer:default;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	margin-right:10px;
	font-size:1px;
	padding:0px 0px;
	opacity:0;
	-moz-opacity:0;
	filter: alpha(opacity=0); /* IE8 */
}

.cv-boton-ir:hover span {
	font-size:18px;
	padding:4px 12px;
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100); /* IE8 */
}

.cv-boton-ir-icono {
	float:right;
	overflow:visible;
	width:30px; height:30px;
	background-color:#2b3e3f;
	border-radius:15px;
	transform:scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);
	cursor:pointer;
}

.cv-boton-ir-icono:hover {
	transform:scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}

.cv-boton-ir span, .cv-boton-ir-icono {
	transition: all 0.12s ease-in-out;
	-webkit-transition: all 0.12s ease-in-out;
	-moz-transition: all 0.12s ease-in-out;
	-o-transition: all 0.12s ease-in-out;
	-ms-transition: all 0.12s ease-in-out;
}

/* ( Los estilos de los iconos del menú cv flotante están en css incrustado de cv.html, porque comparten clase con los de las cabeceras de apartados del CV ) */

.cv-menu-tapa {
	float:left;
	width:115px; height:180px;
	margin-top:-180px;
/*	background-color: rgba(50,50,50,0.5);*/
}