@charset "utf-8";
/* CSS Document */

.index_bloque1 {
	background:url(../images/home.jpg) no-repeat;
	background-size:100%;
	position:relative;
	width:100%;
	padding:0px;
	overflow:hidden;
}

.index_bloque1:before,
.index_bloque2:before,
.index_bloque3:before,
.index_bloque5:before,
.galeriaImagenes:before {
	content:"";
	display:block;
	padding-top:100%;
}

.content {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}

.ratio_61:before {
	padding-top:61.05%;
}

.ratio_47:before {
	padding-top:47%;
}

.ratio_44:before {
	padding-top:44%;
}

.ratio_60:before {
	padding-top:60%;
}

.ratio_56:before {
	padding-top:56.25%;
}

.index_bloque1 .arbolIzquierdo,
.index_bloque1 .arbolDerecho {
	position:absolute;
	top:0px;
	height:100%;
}

.index_bloque1 .arbolIzquierdo {
	left:-250px;
}

.index_bloque1 .arbolDerecho {
	right:-250px;
}

.index_bloque1 .posterLeona {
	position:absolute;
	height:50%;
	bottom:-150px;
	left:4%;
}

.index_contenedorVideo {
	width:82%;
	padding:0px 9%;
	height:100%;
	position:relative;
	z-index:1;
}

.index_contenedorVideo p {
	font-family: 'Titillium Web', sans-serif;
	font-size:70px;
	font-weight:200;
	color:#fff;
	padding-top:20%;
	text-align:right;
	line-height:80px;
	letter-spacing:10px;
}

.template_separacion.trewas_ra {
	background:url(../images/head-ra.png) no-repeat right;
}

.template_separacion.trewas_ra p {
	padding-top:80px !important;
}

.index_bloque2,
.index_bloque5 {
	position:relative;
	width:100%;
	padding:0px;
}

.index_bloque2 .content {
	overflow:hidden;
}

.index_bloque2 .index_desplazamiento_trewasRa {
	width:800%;
	height:100%;
	position:relative;
	left:0px;
	z-index:1;
}

.index_bloque2 .index_desplazamiento_trewasRa .seccion {
	height:100%;
	display:inline-block;
	vertical-align:top;
}

.index_bloque2 .index_desplazamiento_trewasRa .seccion .cuerpo {
	width:82%;
	padding:0px 9%;
	height:100%;
	position:relative;
}

.index_bloque2 .index_desplazamiento_trewasRa .seccion .cuerpo table {
	width:40%;
	height:100%;
	float:right;
}

.index_bloque2 .index_desplazamiento_trewasRa .seccion .cuerpo p {
	text-align:justify;
	font-family: 'Quicksand', sans-serif;
	font-size:21px;
	color:#fff;
	font-weight:300;
}

.index_bloque2 .index_desplazamiento_trewasRa .seccion .cuerpo p.titulo {
	font-weight:400;
}

.index_bloque2 .index_desplazamiento_trewasRa .seccion .cuerpo p.texto {
	padding-bottom:10px;
}

.index_bloque2 .index_desplazamiento_trewasRa .seccion .cuerpo p.link {
	width:78px;
	height:29px;
	float:right;
}

.index_bloque2 .pestana_boton {
	position:absolute;
	width:9%;
	height:100%;
	cursor:pointer;
	top:0px;
	z-index:2;
}

.index_bloque2 .pestana_boton p.link {
	width:23px;
	height:52px;
	margin:0px auto;
	position:relative;
	top:50%;
}

.index_bloque2 .pestana_boton .mascara {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

.index_bloque3 {
	width:100%;
	height:600px;
	padding:0px;
	position:relative;
	background-color:#262123;
}

.index_bloque3 .front,
.index_bloque3 .back {
	position:absolute;
	width:100%;
	height:100%;
}

.index_bloque3 .back {
	z-index:1;
}

.index_bloque3 .front {
	z-index:2;
}

.template_separacion.comunicacion {
	background:url(../images/head-comunicacion.png) no-repeat right;
}

.index_bloque4 {
	width:100%;
	height:800px;
}

.index_bloque4 .contenedor {
	width:50%;
	height:50%;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	position:relative;
}

.index_bloque4 .contenedor .superior,
.index_bloque4 .contenedor .inferior,
.index_bloque4 .contenedor .mascara {
	width:100%;
	height:100%;
	position:absolute;
	z-index:3;
	color:#fff;
	font-family: 'Quicksand', sans-serif;
	font-size:21px;
	font-weight:300;
	text-align:center;
	cursor:pointer;
}

.index_bloque4 .contenedor .superior {
	z-index:2;
}

.index_bloque4 .contenedor .superior p {
	padding-top:22%;
}

.index_bloque4 .contenedor .inferior {
	z-index:1;
	top:100%;
	background-color:#1d1815;
}

.index_bloque4 .contenedor .inferior p {
	padding:30% 9% 0px 9%;
}

.template_separacion.imprenta {
	background:url(../images/head-imprenta.png) no-repeat right;
}

.index_bloque5 {
	background:url(../images/imprenta.jpg) no-repeat;
	background-size:100%;
}

.index_bloque5 .imprentaCuerpo {
	width:25%;
	height:100%;
	background-color:#262123;
	font-family: 'Quicksand', sans-serif;
	font-size:21px;
	font-weight:300;
	text-align:center;
	float:right;
	color:#fff;
}

.index_bloque5 .imprentaCuerpo p {
	padding-top:85%;
	line-height:35px;
}

.index_comoEscanear table tbody tr td {
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:14px;
	color:#fff;
	font-weight:200;
}

.index_comoEscanear table tbody tr td.columna1 p {
	font-size:50px;
	font-weight:300;
	display:inline-block;
}

.index_comoEscanear table tbody tr td.columna1 p sup {
	font-size:14px;
}

.index_comoEscanear table tbody tr td.columna1 span.circulo {
	font-size:30px;
	background-color:#022e39;
	position:relative;
	padding:5px 10px;
	border-radius:30px;
	font-weight:bold;
	color:#21a2dc;
}

.index_comoEscanear table tbody tr td.columna1 span.mini {
	font-size:12px;
	position:relative;
	top:-20px;
	right:30px;
}

.index_comoEscanear table tbody tr td.columna3 {
	padding:0px 40px;
}

.index_comoEscanear table tbody tr td.columna3 p.titulo {
	font-size:24px;
	text-align:left;
}

.index_comoEscanear table tbody tr td.columna3 .primero {
	height:93px;
	text-align:left;
}

.index_comoEscanear table tbody tr td.columna3 .primero p,
.index_comoEscanear table tbody tr td.columna3 .segundo p,
.index_comoEscanear table tbody tr td.columna3 .tercero p {
	display:inline-block;
	text-align:left;
	vertical-align:top;
	padding:20px 0px 0px 10px;
	line-height:18px;
}

.index_comoEscanear table tbody tr td.columna3 .primero p img {
	width:90px;
}

.index_comoEscanear table tbody tr td.columna3 .segundo {
	height:145px;
	padding:10px 0px 5px 0px;
	text-align:left;
}

.index_comoEscanear table tbody tr td.columna3 .segundo p {
	padding-top:40px;
}

.index_comoEscanear table tbody tr td.columna3 .tercero {
	height:145px;
	text-align:left;
	padding-top:5px;
}

.index_comoEscanear table tbody tr td.columna2 p.link {
	width:26px;
	height:26px;
	position:absolute;
	top:40px;
	right:40px;
}

.index_comoEscanear table tbody tr td.columna2 .galeriaImagenes {
	position:relative;
	width:100%;
	max-width:825px;
	overflow:hidden;
	margin:60px auto 0px auto;
}

.index_comoEscanear table tbody tr td.columna2 .galeriaImagenes .desplazamiento {
	height:100%;
	position:relative;
	left:0px;
}

.index_comoEscanear table tbody tr td.columna2 .galeriaImagenes .desplazamiento div {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	text-align:center;
	min-width:400px;
	min-height:240px;
}

.index_comoEscanear table tbody tr td.columna2 .galeriaImagenes .desplazamiento div img {
	height:100%;
}

.index_comoEscanear table tbody tr td.columna2 .contenedorBotones {
	width:100%;
	height:10px;
	padding-top:5px;
	text-align:center;
}

.index_comoEscanear table tbody tr td.columna2 .contenedorBotones span {
	display:inline-block;
	vertical-align:top;
	position:relative;
	padding:5px;
	border-radius:5px;
	background-color:#fff;
	cursor:pointer;
	margin:0px 2px;
}

.index_comoEscanear table tbody tr td.columna2 .contenedorBotones span:hover,
.index_comoEscanear table tbody tr td.columna2 .contenedorBotones span.activo {
	background-color:#118bc0;
}

.index_comoEscanear table tbody tr td.columna2 .escanea {
	position:absolute;
	bottom:40px;
	right:40px;
	height:80px;
}

.index_comoEscanear table tbody tr td.columna2 .escanea img {
	display:inline-block;
	vertical-align:top;
}

.index_comoEscanear table tbody tr td.columna2 .escanea span {
	position:relative;
	top:25px;
	font-size:18px;
	right:20px;
}

.index_popupIlustradores {
	width:800px;
	height:600px;
	background-color:#262123;
}

.index_popupIlustradores table tbody tr td p.link.tacha {
	width:26px;
	height:26px;
	float:right;
	padding-bottom:18px;
}

.index_popupIlustradores table tbody tr td {
	width:100%;
}

.index_popupIlustradores table.index_popupIlustradores_ilustrador {
	display:none;
}

.index_popupIlustradores table.index_popupIlustradores_menu tbody tr td.titulo {
	height:188px;
	padding:26px 26px 0px 26px;
	font-family: 'Titillium Web', sans-serif;
	font-weight:200;
	font-size:25px;
	color:#fff;
	text-align:left;
	vertical-align:top;
}

.index_popupIlustradores table.index_popupIlustradores_menu tbody tr td.galeria {
	height:412px;
	padding:0px;
	vertical-align:top;
	background-color:#342e31;
}

.index_popupIlustradores table.index_popupIlustradores_menu tbody tr td.galeria div.info {
	display:inline-block;
	vertical-align:top;
	width:374px;
	padding-left:26px;
	height:103px;
}

.index_popupIlustradores table.index_popupIlustradores_menu tbody tr td.galeria div.info div.texto {
	display:inline-block;
	vertical-align:top;
	width:140px;
	font-family: 'Titillium Web', sans-serif;
	font-weight:200;
	font-size:18px;
	color:#fff;
	padding-top:25px;
}

.index_popupIlustradores table.index_popupIlustradores_menu tbody tr td.galeria div.info img.imagen {
	cursor:pointer;
	width:234px;
	height:103px;
}

.index_popupIlustradores table tbody tr td p.link.visita {
	width:127px;
	height:15px;
	position:relative;
	left:-10px;
}

.index_popupIlustradores table tbody tr td p.link.visita img {
	width:inherit;
	height:inherit;
}

.index_popupIlustradores table.index_popupIlustradores_ilustrador tbody tr td.titulo {
	height:77px;
	padding:23px 23px 0px 23px;
	font-family: 'Titillium Web', sans-serif;
	font-weight:200;
	font-size:25px;
	color:#fff;
	text-align:left;
	vertical-align:top;
}

.index_popupIlustradores table.index_popupIlustradores_ilustrador tbody tr td.titulo p.link.visita {
	left:0px;
}

.index_popupIlustradores table.index_popupIlustradores_ilustrador tbody tr td.imgGrande {
	height:423px;
	padding:0px 23px;
	text-align:center;
	vertical-align:top;
}

.index_popupIlustradores table.index_popupIlustradores_ilustrador tbody tr td.imgGrande img {
	width:754px;
	height:403px;
}

.index_popupIlustradores table.index_popupIlustradores_ilustrador tbody tr td.galeria {
	height:100px;
	padding:0px 23px;
	text-align:center;
	background-color:#342e31;
}

.index_popupIlustradores table.index_popupIlustradores_ilustrador tbody tr td.galeria p.link.flecha {
	width:14px;
	height:31px;
	display:inline-block;
	vertical-align:top;
	position:relative;
	top:15px;
	margin:0px 5px;
}

.index_popupIlustradores table.index_popupIlustradores_ilustrador tbody tr td.galeria img.imagen {
	width:110px;
	height:62px;
	cursor:pointer;
	margin:0px 5px;
}