/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  *  *  *  *
 * Stylesheet/Hoja de Estilos: styles
 * Project/Projecto: Abril de 2015 - 4 Direcciones
 * Autor: Claudia Buitrago - clau.btrg@gmail.com 
 * Todos los derechos: 8 Manos http://8manos.com/
 *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  *  *  */
/*
/*
	1. Generales
	2. Home
		2.1. Header
		2.2. Teaser
		2.3. Proyectos
		2.4. Nosotros
		2.5. Manifiesto
		2.6. Contacto
	3. Interna Blog
		3.1. Intro
		3.2. Imagen principal
		3.3. Contenido
		3.4. Comentarios
	4. Listado Blog
		4.1. Paginado
	5. Servicios
		5.1. Intro
		5.2. Contenido
		5.3. Proyectos
	6. Tienda
		6.1. Intro
		6.2. Listado
		6.3. Pop contenido
		6.4. Venta exitosa
		6.5. Venta errónea
	7. Interna proyecto
		7.1. Teaser
		7.2. Ficha tecnica
		7.3. Galeria
		7.4. Marcas	
		7.5. Categorías de proyectos
				
	8. Responsive
*/

/*Colores
	Rosado:#E8228B;
	Cafe texto:#80754D;*/
/*1. Generales*/
@import url(http://fonts.googleapis.com/css?family=Share+Tech);
@import url("fonts/icons.css");
@import url("fonts/gin-round.css");
@import url("fonts/gin-round-oblique.css");
html, body {
	background: #ECECED;
	color: #FFF;
	font-family: 'Share Tech', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Gin-Round';
	font-weight: normal;
}
a {
	text-decoration: none;
}
em {
	font-style: italic;
}
strong {
	font-weight: 700;
}
.replaced_txt {
	display: block;
	text-indent: -99999em;
}
.clear_float {
	clear: both;
}
input[type=button], input[type=submit] {
	cursor: hand;
	cursor: pointer;
}
.container {
	margin: 0 auto;
}
#home {
	overflow: hidden;
}
/*2. Home*/
/*2.1. Header*/
header h1, header h4 {
	height: 160px;
	width: 160px;
	position: absolute;
	left: 60px;
	top: 60px;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
}
header h1 a, header h4 {
	background: url(../images/misc/logo-4-direcciones-fondo.png) 0 -16px no-repeat;
	background-size: 150px;
	display: block;
	height: 160px;
	width: 160px;
}
.en header h1 a, .en header h4 {
	background: url(../images/misc/logo-4-direcciones-fondo-en.png) 0 -16px no-repeat;
	background-size: 150px;
}
header h4 {
	top: 20px;
	left: 20px;
}
.stick {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 500;
}
#trigger-menu-close {
	display: none;
}
/*Menú hamburguesa*/
header nav a {
	color: #000;
	font-family: 'Gin-Round';
	font-size: 7.5em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding-bottom: 15px;
}
header nav a:hover, header nav li.current a {
	color: #16d5bd;
	text-shadow: -1px 1px 2px #000, 2px 2px 0px #000, -2px -2px 0px #000, 1px -2px 0px #000, -1px 2px 0px #000, -5px -6px 0px #000, -4px -6px 0px #000;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
header nav {
	width: 100%;
	padding: 30px 0;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.trigger {
	background: #FCFF01;
	color: #231915;
	display: block;
	font-size: 4em;
	right: 55px;
	padding: 4px 0px 0px 6px;
	position: absolute;
	top: 125px;
	z-index: 1000;
	width: 39px;
}
.trigger:hover {
	background: #231915;
	color: #FCFF01;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
#nav_container {
	background: #16d5bd;
	left: -200%;
	position: fixed;
	top: 30px;
	z-index: 9999;
	transition: all .3s ease;
	-webkit-transition: left .3s ease;
	-moz-transition: left .3s ease;
	-ms-transition: left .3s ease;
	-o-transition: left .3s ease;
}
#nav_container.open {
	left: 0;
	overflow-y: auto;
	top: 0;
	width: 100%;
	height: 100%;
}
header nav li {
	margin: 0 auto;
	padding-left: 0;
	text-align: center;
}
.redes_resp {
	display: block;
	width: 210px;
	text-align: center;
	margin: 0 auto;
}
.redes_resp p {
	color: #000;
	font-family: 'Gin-Round';
	font-size: 2.8em;
	padding: 0 0 10px 0;
}
.redes_resp ul {
	overflow: hidden;
	text-align: center;
}
.redes_resp ul li {
	display: inline-block;
	padding-left: 3px;
}
.redes_resp a {
	color: #000;
	font-size: 1.6em;
	padding: 2px 0 10px 0;
	text-transform: uppercase;
}
.redes_resp a:hover {
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.redes_resp li:after {
	content: " / ";
	color: #000;
}
.redes_resp li:last-child:after {
	content: "";
}
#trigger-menu-close {
	background-color: #232322;
	display: block;
	color: #FCFF01;
	font-size: 2em;
	font-weight: 700;
	padding: 10px;
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 1000;
}
#trigger-menu-close:hover {
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
/*Idioma*/
#lang {
	color: #000;
	margin: 0;
	position: absolute;
	right: 102px;
	top: 70px;
}
#lang a {
	color: #000;
	height: 31px;
	width: 45px;
	position: absolute;
}
#lang #esp {
	background: url(../images/misc/esp-inac.svg) 0 0 no-repeat;
	background-size: contain;
	left: 0;
	top: 0;
}
#lang #ing {
	background: url(../images/misc/ing-inac.svg) 0 0 no-repeat;
	background-size: contain;
	left: 11px;
	top: 17px;
	z-index: 1000;
}
#lang #esp:hover, #lang #esp.current {
	background: url(../images/misc/esp-act.svg) 0 0 no-repeat;
	background-size: contain;
}
#lang #ing:hover, #lang #ing.current {
	background: url(../images/misc/ing-act.svg) 0 0 no-repeat;
	background-size: contain;
}
/*Redes*/
.accordion {
	position: absolute;
	right: 55px;
	z-index: 3;
	top: 173px;
}
.accordion h6 {
	background-color: #FCFF01;
	cursor: pointer;
	text-align: right;
}
.accordion h6:hover, .accordion h6.ui-state-active {
	background-color: #231915;
}
.accordion a {
	display: block;
	color: #FFF;
}
.accordion a:hover, .accordion a:hover span {
	color: #231915;
}
{
 color: #231915;
}
.accordion li:first-child {
	border-top: 0 none;
}
.accordion li {
	border-top: 1px solid #7D8A3A;
	margin: 0 10px;
}
.accordion li a {
	text-transform: uppercase;
	padding: 5px 0;
	font-size: 1.7em;
	color: #7D8A3A;
	text-align: center;
}
.accordion h6 a {
	color: #231915;
	display: inline-block;
	font-size: 3.1em;
	padding: 6px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.accordion h6.ui-state-active a {
	color: #FCFF01;
}
.accordion h6 a:hover, .accordion h6:hover a {
	color: #FCFF01;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.accordion .ui-accordion-content {
	background: #FCFF01;
	position: relative;
}
/*2.2.teaser*/
.teaser {
	background: url(../images/misc/backgrounds/teaser.jpg) 0 0 no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.teaser:after {
	content: "";
	background-image: url(../images/misc/backgrounds/AF-ICONOS-DIBUJO-TEASER-INICIO-IZQ.svg), url(../images/misc/backgrounds/AF-ICONOS-DIBUJO-TEASER-INICIO-DER.svg);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
	background-size: contain;
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	pointer-events: none;
}
.teaser video {
	display: block;
}
.teaser h1 {
	position: absolute;
	left: 50%;
	top: 17%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 400px;
}
.teaser h1 img {
	display: block;
	bottom: 0;
	height: 100%;
	right: 0;
	left: 0;
	padding: 0;
	width: 100%;
	top: 0;
}
.teaser .view_more {
	bottom: 10%;
	color: #fff;
	font-size: 8em;
	left: 0;
	margin: 0 auto;
	right: 0;
	position: absolute;
	text-align: center;
	z-index: 2;
	animation: arrowDown alternate ease-in-out 1s;
	animation-iteration-count: infinite;
	-webkit-animation: arrowDown alternate ease-in-out 1s;
	-moz-animation: arrowDown alternate ease-in-out 1s;
	-ms-animation: arrowDown alternate ease-in-out 1s;
	-o-animation: arrowDown alternate ease-in-out 1s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
}
 @keyframes arrowDown {
 0% {
 opacity:0.5;
 transform:  translate(0px, -15px);
}
 100% {
 opacity:1;
 transform:  translate(0px, 0px);
}
}
@-webkit-keyframes arrowDown {
 0% {
 opacity:0.5;
 transform:  translate(0px, -15px);
}
 100% {
 opacity:1;
 transform:  translate(0px, 0px);
}
}
@-moz-keyframes arrowDown {
 0% {
 opacity:0.5;
 transform:  translate(0px, -15px);
}
 100% {
 opacity:1;
 transform:  translate(0px, 0px);
}
}
@-ms-keyframes arrowDown {
 0% {
 opacity:0.5;
 transform:  translate(0px, -15px);
}
 100% {
 opacity:1;
 transform:  translate(0px, 0px);
}
}
/*2.3. Proyectos*/
.proyectos {
	position: relative;
}
.proyectos h2 {
	color: #000;
	font-size: 12em;
	padding: 63px 0 100px 260px;
	text-shadow: -5px 8px 0px #DBC02E, -4px 8px 0px #DBC02E;
}
.proyectos h2 img {
	width: 665px;
}
.proyectos .filtros {
	left: 30px;
	position: absolute;
	z-index: 10;
}
.proyectos .filtros li {
	padding-bottom: 15px;
}
.proyectos .filtros li a.current:before {
	content: "\e60a";
	font-family: '4direcciones-ic';
	font-size: 0.8em;
	color: #231915;
	left: -25px;
	position: absolute;
	top: 12px;
}
.proyectos .filtros li a {
	color: #434142;
	font-family: 'Gin-Round';
	font-size: 3.3em;
	margin-left: 40px;
	position: relative;
	text-transform: uppercase;
}
.proyectos .filtros li a:hover {
	border-bottom: 5px solid #434142;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.proyectos .filtros li a.current {
	color: #000000;
	border-bottom: 5px solid #434142;
}
.proyectos .cont_proy {
	background: url(../images/misc/backgrounds/bg_proyecto.png) right bottom repeat;
	padding-bottom: 60px;
}
.proyectos .cont_proy ul {
	position: relative;
}
.hexagon {
	cursor: pointer;
	height: 110px;
	position: absolute;
	width: 190px;
	background-position: center center;
	z-index: 1;
}
.hexagon .face1, .hexagon .face2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: inherit;
	z-index: -1;
	/* Keeps borders smooth in webkit */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.hexagon .face1:before, .hexagon .face2:before {
	content: '';
	position: absolute;
	width: 220px;
	height: 220px;
	background: inherit;
}
.hexagon .face1 {
	transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
}
.hexagon .face1:before {
	left: 0;
	transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	-webkit-transform-origin: left top;
	transform: rotate(-60deg) translate(-110px, 0);
	-moz-transform: rotate(-60deg) translate(-110px, 0);
	-ms-transform: rotate(-60deg) translate(-110px, 0);
	-o-transform: rotate(-60deg) translate(-110px, 0);
	-webkit-transform: rotate(-60deg) translate(-110px, 0);
}
.hexagon .face2 {
	transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
}
.hexagon .face2:before {
	right: 0;
	transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	-webkit-transform-origin: right top;
	transform: rotate(60deg) translate(110px, 0);
	-moz-transform: rotate(60deg) translate(110px, 0);
	-ms-transform: rotate(60deg) translate(110px, 0);
	-o-transform: rotate(60deg) translate(110px, 0);
	-webkit-transform: rotate(60deg) translate(110px, 0);
}
/*Hexagon hover*/
.hexagon_hov {
	background: rgba(216,73,76,0.6);
	height: 110px;
	position: relative;
	width: 190px;
	transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
}
.hexagon:hover .hexagon_hov {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.hexagon_hov:before, .hexagon_hov:after {
	border-left: 95px solid transparent;
	border-right: 97px solid transparent;
	content: "";
	left: 0;
	position: absolute;
	width: 0;
}
.hexagon_hov:before {
	border-bottom: 55.6px solid rgba(216,73,76,0.6);
	bottom: 100%;
}
.hexagon_hov:after {
	border-top: 55.6px solid rgba(216,73,76,0.6);
	top: 100%;
	width: 0;
}
/*Categorias de proyectos*/
.cat_1 .hexagon_hov, .category-pelicula .hexagon_hov {/*Film*/
	background: rgba(15,232,0,0.6);
}
.cat_1 .hexagon_hov:before, .category-pelicula .hexagon_hov:before {
	border-bottom: 55.6px solid rgba(15,232,0,0.6);
}
.cat_1 .hexagon_hov:after, .category-pelicula .hexagon_hov:after {
	border-top: 55.6px solid rgba(15,232,0,0.6);
}
.cat_2 .hexagon_hov, .category-contenido-infantil .hexagon_hov {/*Niños*/
	background: rgba(255,163,230,0.6);
}
.cat_2 .hexagon_hov:before, .category-contenido-infantil .hexagon_hov:before {
	border-bottom: 55.6px solid rgba(255,163,230,0.6);
}
.cat_2 .hexagon_hov:after, .category-contenido-infantil .hexagon_hov:after {
	border-top: 55.6px solid rgba(255,163,230,0.6);
}
.cat_3 .hexagon_hov, .category-lado-b .hexagon_hov {/*Lado B*/
	background: rgba(22,213,189,0.6);
}
.cat_3 .hexagon_hov:before, .category-lado-b .hexagon_hov:before {
	border-bottom: 55.6px solid rgba(22,213,189,0.6);
}
.cat_3 .hexagon_hov:after, .category-lado-b .hexagon_hov:after {
	border-top: 55.6px solid rgba(22,213,189,0.6);
}
.cat_4 .hexagon_hov, .category-documental .hexagon_hov {/*Documental*/
	background: rgba(255,255,0,0.6);
}
.cat_4 .hexagon_hov:before, .category-documental .hexagon_hov:before {
	border-bottom: 55.6px solid rgba(255,255,0,0.6);
}
.cat_4 .hexagon_hov:after, .category-documental .hexagon_hov:after {
	border-top: 55.6px solid rgba(255,255,0,0.6);
}
/**/
.hexagon_hov p {
	color: #FFF;
	font-size: 1.7em;
	padding-left: 15%;
	position: relative;
	text-transform: uppercase;
	top: 50%;
	width: 40%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.hexagon h4 {
	font-size: 4em;
	font-size: 4em;
	padding-right: 15%;
	position: relative;
	text-align: right;
	text-transform: uppercase;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.hexagon.fecha {
	cursor: default;
}
/*2.4. Nosotros*/
.mod .container {
	width: 670px;
}
.mod h2 {
	font-size: 12em;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.mod p {
	font-size: 1.9em;
	line-height: 1.7em;
	padding-bottom: 30px;
}
.nosotros {
	background: #16d5bd;
	padding-top: 40px;
	background: #16d5bd url(../images/misc/backgrounds/composicion-nosotros.png) center bottom no-repeat;
	background-size: 100%;
}
.nosotros h2 {
	color: #FFF;
}
/*2.5. Manifiesto*/
.manifiesto {
	background-color: #df482c;
	background-image: url(../images/misc/backgrounds/bck-manifiesto-izq.svg), url(../images/misc/backgrounds/bck-manifiesto-der.svg);
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 18% 35%, 20% 38%;
	padding: 60px 0 130px 0;
}
.manifiesto h2 {
	color: #DF482C;
	font-size: 13em;
	letter-spacing: 0.05em;
	padding-bottom: 40px;
	text-shadow: 3px 0 0 #ffff01, -3px 0 0 #ffff01, 0 3px 0 #ffff01, 0 -3px 0 #ffff01, 2px 2px #ffff01, -2px -2px 0 #ffff01, 2px -2px 0 #ffff01, -2px 2px 0 #ffff01;
}
.manifiesto p {
	color: #000;
	font-size: 2em;
}
.manifiesto p strong {
	color: #FFF;
	border: 2px solid #FFF;
	font-weight: normal;
	font-size: 1.3em;
	padding: 2px 7px;
	text-transform: uppercase;
}
/*2.6. Contacto*/
.contacto {
	background: url(../images/misc/backgrounds/contacto.jpg) top right no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
.contacto .col_b {
	float: right;
	padding-top: 20%;
	width: 50%;
}
.contacto .col_b h2 {
	padding: 50px 0 20px 0;
	font-size: 5.2em;
	max-width: 510px;
}
.contacto .col_b p {
	font-size: 2.5em;
	line-height: 1.3em;
	max-width: 460px;
	padding-bottom: 30px;
}
.contacto form {
	max-width: 510px;
}
.contacto form li {
	overflow: hidden;
	padding-bottom: 10px;
}
.contacto form label {
	font-size: 2.2em;
	padding-bottom: 10px;
	display: block;
}
.contacto form input {
	border: 0 none;
	border-bottom: 1px solid #fff;
	background: rgba(255,255,255,0.4);
	font-size: 1.9em;
	padding: 1px 2%;
	width: 96%;
}
.contacto form textarea {
	border: 0 none;
	border-bottom: 1px solid #fff;
	background: rgba(255,255,255,0.4);
	font-size: 1.9em;
	padding: 1px 2%;
	width: 96%;
	height: 57px;
}
.contacto form submit, .contacto form button {
	float: right;
	color: #FFF;
	font-size: 2.2em;
	background: rgba(0,0,0,0.4);
	margin-top: 10px;
	padding: 10px 10px;
	box-shadow: -3px 3px 0px 0px rgba(255, 254, 255, 0.4);
	-webkit-box-shadow: -3px 3px 0px 0px rgba(255, 254, 255, 0.4);
	-moz-box-shadow: -3px 3px 0px 0px rgba(255, 254, 255, 0.4);
	-ms-box-shadow: -3px 3px 0px 0px rgba(255, 254, 255, 0.4);
}
.contacto form submit:hover, .contacto form button:hover {
	background: rgba(0,0,0,1);
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.contacto article {
	max-width: 510px;
	overflow: hidden;
	padding: 8% 0 50px 0;
}
.contacto article .info_con {
	float: right;
	width: 60%;
}
.contacto article h3 {
	font-size: 4.2em;
	padding-bottom: 20px;
	float: left;
	width: 30%;
}
.contacto article li {
	border-bottom: 1px solid #FFF;
	font-size: 1.2em;
	overflow: hidden;
	padding: 5px 0;
}
.contacto article li span, .contacto article li a {
	color: #FFF;
	font-size: 1.5em;
	float: left;
	padding: 2px 0 0 8px;
}
.contacto article li a:hover {
	text-decoration: underline;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.contacto article li i {
	font-size: 2em;
	float: left;
}
.contacto article li .ic-scale, .contacto article li .ic-mail {
	padding-left: 4px;
}
.contacto article li:nth-child(1) a {
	padding-left: 15px;
}
.contacto article li:nth-child(3) span {
	padding-left: 14px;
}
.contacto article li:nth-child(4) span {
	padding-left: 42px;
}
.contacto article li:nth-child(4) {
	border-bottom: 0 none;
}
.contacto h4 {
	bottom: 55px;
	left: 5px;
	position: absolute;
}
.contacto h5 {
	bottom: 30px;
	font-family: 'Share Tech', sans-serif;
	font-size: 1.2em;
	left: 20px;
	position: absolute;
}
.contacto h5 a {
	color: #fff;
}
.contacto .new_form input {
	border-bottom: 0 none;
	background-color: rgba(255,255,0,0.7);
	float: left;
	font-size: 3.5em;
	padding: 4px 2%;
	width: 85%;
}
.contacto .new_form .send_mail {
	background-color: rgba(255,255,0,1);
	color: #231915;
	float: right;
	font-size: 2.65em;
	margin: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
}
.contacto .new_form .send_mail:hover {
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
/*3. Blog*/
.internas header {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}
.internas header nav {
	padding: 0 190px 0 0;
}
.internas header h1 a {
	width: 180px;
}
.internas header h1 {
	left: 40px;
	top: 40px;
}
.internas .intro span.ic-arrow-down-intro {
	display: none;
	bottom: -30px;
	color: #0fe800;
	left: 50%;
	position: absolute;
	font-size: 3em;
	/* font-weight: 900; */
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
/*3.1. Intro*/
.internas .intro {
	padding-top: 40px;
	position: relative;
}
.internas .intro .container {
	background: url(../images/misc/backgrounds/cabezote-blog.svg) center center no-repeat;
	background-size: contain;
	min-height: 400px;
}
.i_blog .intro {
	background: #ffdcba;
}
.i_blog .intro h2 {
	position: relative;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-moz-transform: translateY(50%);
	transform: translateY(50%);
}
/*3.2. Imagen principal*/
.i_blog figure img {
	display: block;
	height: auto;
	width: 100%;
}
.i_blog figure {
	height: 400px;
	overflow: hidden;
}
/*3.3. Contenido*/ 
.i_blog {
	background: #ffdcba;
}
.i_blog .content .container {
	overflow: hidden;
	padding: 45px 0 200px 0;
	width: 960px;
}
.i_blog .content .col_a {
	float: left;
	width: 65%;
}
.i_blog .content .col_b {
	float: right;
	width: 30%;
}
.i_blog .content, .i_blog .content a, .blog .lista_items .relacionados h5, .blog .lista_items .relacionados a {
	color: #231915;
}
.i_blog .content h3 {
	font-family: 'Share Tech', sans-serif;
	font-size: 5.9em;
	padding-bottom: 40px;
	text-rendering: optimizeLegibility;
	max-width: 65%;
}
.i_blog .content .col_a article h6 {
	background: #222221;
	color: #fff;
	display: inline-block;
	font-family: 'Share Tech', sans-serif;
	font-size: 1.5em;
	margin-bottom: 10px;
	padding: 4px 10px 3px 10px;
	text-transform: uppercase;
}
.i_blog .content .col_a article .breadcrumb {
	padding-bottom: 10px;
}
.i_blog .content .col_a article .breadcrumb li, .i_blog .content .col_b aside li, .blog .lista_items .relacionados li {
	display: inline-block;
	font-size: 1.5em;
	text-rendering: optimizeLegibility;
}
.i_blog .content .col_a article .breadcrumb li:first-child {
	text-transform: uppercase;
}
.i_blog .content .col_a article .breadcrumb li a:hover, .i_blog .content .col_b aside .temas li a:hover, .blog .lista_items .relacionados .temas li a:hover {
	text-decoration: underline;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.i_blog .content .col_a article .breadcrumb li a:after, .i_blog .content .col_b aside .temas li a:after, .blog .lista_items .relacionados .temas li a:after {
	content: " / ";
	padding-right: 2px;
}
.i_blog .content .col_a article .breadcrumb li:last-child a:after, .i_blog .content .col_b aside .temas li:last-child a:after, .blog .lista_items .relacionados li:last-child a:after {
	content: "";
}
.i_blog .content .col_a article img {
	display: block;
	height: auto;
	width: 100%;
}
.i_blog .content .col_a article .ic-img {
	display: block;
	font-size: 2em;
	padding-bottom: 20px;
}
.i_blog .content .col_a article blockquote {
	font-size: 2.2em;
	line-height: 1.5em;
	padding-bottom: 40px;
}
.i_blog .content .col_a article p {
	font-size: 1.6em;
	line-height: 1.7em;
	padding-bottom: 20px;
}
.i_blog .content h5, .blog .lista_items .relacionados h5 {
	border-bottom: 4px solid #231915;
	display: inline-block;
	font-size: 2.5em;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.i_blog .content form {
	width: 80%;
}
.i_blog .content form li {
	overflow: hidden;
	padding-bottom: 10px;
}
.i_blog .content form label {
	float: left;
	font-size: 1.6em;
	display: block;
	padding-top: 7px;
}
.i_blog .content form label small {
	font-size: 1.2em;
	text-transform: uppercase;
}
.i_blog .content form input {
	border: 3px solid #231915;
	font-size: 1.9em;
	padding: 1px 2%;
	float: right;
	background: none;
	width: 300px;
}
.i_blog .content form textarea {
	border: 3px solid #231915;
	font-size: 1.9em;
	padding: 1px 2%;
	float: right;
	background: none;
	width: 300px;
}
.i_blog .content form submit, .i_blog .content form button {
	float: right;
	color: #FFF;
	font-size: 2.2em;
	background: rgba(0,0,0,1);
	margin-top: 10px;
	padding: 10px 10px;
	box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
	-webkit-box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
	-moz-box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
	-ms-box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
}
.i_blog .content form submit:hover, .i_blog .content form button:hover {
	background: #0fe800;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.i_blog .content aside, .blog .lista_items .relacionados {
	border: 5px solid #231915;
	padding: 20px;
}
.i_blog .content .col_b aside .temas, .blog .lista_items .relacionados .temas {
	padding-bottom: 15px;
}
.i_blog .content .col_b aside .temas li, .blog .lista_items .relacionados .temas li {
	font-size: 1.6em;
	line-height: 1.3em;
}
.i_blog .content .col_b aside h5, .blog .lista_items .relacionados h5 {
	font-size: 2.2em;
	margin-bottom: 15px;
}
.i_blog .content .col_b aside .medios li, .blog .lista_items .relacionados .medios li {
	line-height: 1.8em;
}
.i_blog .content .col_b aside .medios li a, .blog .lista_items .relacionados .medios li a {
	border: 1px solid #231915;
	border-radius: 11px 10px;
	padding: 1px 8px;
	margin-right: 10px;
}
.i_blog .content .col_b aside .medios li a:hover, .blog .lista_items .relacionados .medios li a:hover {
	background: #231915;
	color: #FFF;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
/*3.4. Comentarios*/
#listaComentarios {
	border-bottom: 4px solid #231915;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 80%;
}
.commentlist .comment-author a {
	font-family: 'Gin-Round';
	font-size: 2.2em;
}
.commentlist .comment-author .says {
	font-size: 1.6em;
	padding-left: 5px;
}
.comment-meta.commentmetadata a {
	background: #222221;
	color: #fff;
	display: inline-block;
	font-size: 1.4em;
	margin: 6px 0 10px 0;
	padding: 3px 8px;
	text-transform: uppercase;
}
.comment-body p {
	font-size: 1.6em;
	line-height: 1.7em;
	padding-bottom: 20px;
}
.reply {
	padding-bottom: 30px;
	text-align: right;
}
.reply .comment-reply-link {
	border: 1px solid #231915;
	font-size: 2em;
	padding: 3px;
	text-transform: uppercase;
}
.reply .comment-reply-link:hover {
	background: #231915;
	color: #fff;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
#listaComentarios .navigation a {
	font-size: 1.7em;
	font-weight: 700;
}
#listaComentarios .navigation small {
	display: block;
	font-size: 1.4em;
	text-align: center;
}
#listaComentarios .navigation .alignleft {
	text-align: left;
}
#listaComentarios .navigation .alignright {
	text-align: right;
}
/*4. Listado blog*/
.blog .lista_items {
	background-color: #ffdcba;
	background-image: url(../images/misc/backgrounds/bg-blog-top.svg), url(../images/misc/backgrounds/bg-blog-bottom.svg);
	background-position: left -28px, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 20%;
}
.blog .lista_items .container {
	padding-top: 80px;
	overflow: hidden;
	width: 870px;
}
.blog .lista_items .col_c {
	float: left;
	padding: 0 1.65%;
	width: 30%;
}
.blog .lista_items .col_c li {
	padding-bottom: 40px;
}
.blog .lista_items figure {
	height: auto;
}
.blog .lista_items article {
	background: #fff;
	color: #5B5B5F;
	overflow: hidden;
	padding: 25px;
}
.blog .lista_items article a {
	color: #5B5B5F;
}
.blog .lista_items h3 {
	font-family: 'Share Tech', sans-serif;
	font-size: 2.7em;
	padding: 0 5px 20px 5px;
	text-rendering: optimizeLegibility;
}
.blog .lista_items p {
	font-size: 1.45em;
	line-height: 1.6em;
	padding: 0 5px 20px 5px;
}
.blog .lista_items .view_more {
	background: #5B5B5F;
	color: #FFF;
	padding: 2px 5px 1px 5px;
	font-size: 0.9em;
}
.blog .lista_items .view_more:hover {
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.blog .lista_items hr {
	border-top: 1px solid #231915;
	padding-bottom: 20px;
}
.blog .lista_items .mult {
	float: left;
	font-size: 2em;
	margin-right: 10px;
}
.blog .lista_items .date {
	color: #000;
	float: left;
	font-size: 1.4em;
	font-weight: 600;
	padding-top: 4px;
}
.embed-container {
	height: 0;
	max-width: 100%;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/*Videos*/
.blog .lista_items .relacionados li {
	font-size: 1.4em;
	padding-bottom: 0;
}
.blog .lista_items .relacionados .medios li a {
	padding: 1px 6px;
}
/*4.1. Paginado*/
.paginado {
	clear: both;
	margin-bottom: 100px;
	position: relative;
}
.paginado ul {
	overflow: hidden;
	text-align: center;
}
.paginado ul li {
	display: inline-block;
	margin: 0 5px;
}
.paginado ul li a, .paginado ul li span {
	border: 2px solid #231915;
	color: #231915;
	display: block;
	font-size: 1.6em;
	font-weight: 700;
	padding: 6px 10px;
	margin-top: 3px;
}
.paginado ul li a:hover, .paginado ul li span {
	background: #231915;
	color: #fff;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.paginado ul li .next, .paginado ul li .prev {
	background: url(../images/misc/backgrounds/arrow-next.svg) 0 0 no-repeat;
	border: 0 none;
	color: #231915;
	font-family: 'Share Tech', sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin: 0;
	padding: 7px 42px 16px 41px;
	position: relative;
}
.paginado ul li .prev {
	background: url(../images/misc/backgrounds/arrow-prev.svg) 0 0 no-repeat;
	padding: 6px 42px 16px 41px;
}
.paginado ul li .next:hover {
	background: url(../images/misc/backgrounds/arrow-next.svg) 0 0 no-repeat;
	color: #231915;
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.paginado ul li .prev:hover {
	background: url(../images/misc/backgrounds/arrow-prev.svg) 0 0 no-repeat;
	color: #231915;
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.paginado ul li span.dots {
	background: none;
	border: 0 none;
	color: #231915;
}
/*5. Servicios*/
.servicios {
	background: #df482c;
}
/*5.1. Intro*/
.servicios .intro {
	background: #df482c;
	padding-top: 0;
}
.servicios .intro .container {
	background: url(../images/misc/backgrounds/cabezote-servicios.svg) center top no-repeat;
}
.servicios.en .intro .container {
	background: url(../images/misc/backgrounds/cabezote-servicios-en.svg) center top no-repeat;
}
.servicios .intro .container h2 {
	color: #C20000;
	font-size: 10em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.servicios .intro span.ic-arrow-down-intro {
	color: #00FFBA;
}
/*5.2. Contenido*/
.servicios .content {
	background-image: url(../images/misc/backgrounds/bg-servicios-top.svg), url(../images/misc/backgrounds/bg-servicios-bottom.svg);
	background-position: -15px top, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 20%;
	padding: 80px 0 100px 0;
}
.servicios .content .container {
	width: 570px;
}
.servicios .content, .servicios .content a {
	color: #FFF;
}
.servicios .intro_txt {
	padding-bottom: 60px;
}
.servicios .intro_txt p {
	font-size: 1.9em;
	line-height: 1.6em;
}
.servicios .lista_serv article .container {
	border-bottom: 5px solid #F2DA01;
	overflow: hidden;
	padding-bottom: 40px;
	position: relative;
}
.servicios .lista_serv li:last-child article .container {
	border-bottom: 0 none;
}
.servicios .lista_serv>li {
	padding-bottom: 40px;
}
.servicios .lista_serv article .col_a {
	float: left;
	width: 60%;
}
.servicios .lista_serv article .col_b {
	float: right;
	width: 38%;
}
.servicios .lista_serv h2 {
	font-family: 'Share Tech', sans-serif;
	font-size: 3.7em;
	padding-bottom: 20px;
	text-transform: uppercase;
}
.servicios .col_a p {
	font-size: 1.4em;
	line-height: 1.7em;
	width: 85%;
}
.servicios .lista_serv article .col_b img {
	width: 100%;
}
.servicios .lista_serv .ver_pro {
	color: #231915;
	background: #F2DA01;
	bottom: 0;
	position: absolute;
	right: 0;
	padding: 8px 12px 2px 15px;
}
.servicios .lista_serv .ver_pro:after {
	content: "\e609";
}
.servicios .lista_serv .ver_pro:before {
	content: "";
}
.servicios .lista_serv .ver_pro span {
	font-family: 'Share Tech', sans-serif;
	font-size: 1.9em;
	padding-right: 10px;
	text-transform: uppercase;
}
.servicios .lista_serv .ver_pro:hover {
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.servicios .proy {
	background: #F2DA01;
	display: none;
	overflow: hidden;
	position: relative;
	top: -5px;
	width: 100%;
}
.servicios .proy h3 {
	color: #df482c;
	font-size: 10em;
	left: 110px;
	position: absolute;
	top: 80px;
	/* width: 450px; */
	line-height: 1em;
	z-index: 2;
}
.servicios .proy h3 strong {
	font-weight: normal;
	font-size: 1.3em;
	display: block;
}
.servicios #lang #esp {
	color: #00FFBA;
}
.servicios .hexagon h4 {
	color: #FFF;
}
/*6. Tienda*/
.tienda {
	background: #d3f3ff;
}
/*6.1. Intro*/
.tienda #lang #esp {
	color: #ff006b;
}
.tienda .intro {
	background: #d3f3ff;
	padding-top: 0;
}
.tienda .intro .container {
	background: url(../images/misc/backgrounds/cabezote-tienda.svg) center top no-repeat;
}
.tienda.en .intro .container {
	background: url(../images/misc/backgrounds/cabezote-tienda-en.svg) center top no-repeat;
}
.tienda .intro .container h2 {
	color: #FFF;
	font-size: 10em;
	letter-spacing: 0.02em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-shadow: -7px 5px 0px #ff006b, -9px 7px 0px rgba(255,255,255,0);
}
.tienda .intro span.ic-arrow-down-intro {
	color: #ff006b;
}
/*6.2. Listado*/
.tienda .lista_items {
	background: url(../images/misc/backgrounds/bg-tienda.svg) left bottom repeat-x;
	background-size: 50%;
}
.tienda .lista_items .container {
	overflow: hidden;
	padding-top: 80px;
	width: 960px;
}
.tienda .lista_items .col_c {
	float: left;
	padding: 0 1.65%;
	width: 30%;
}
.tienda .lista_items .col_c li {
	padding-bottom: 40px;
}
.tienda .lista_items .col_c li figure {
	border: 5px solid #211915;
	margin-bottom: 20px;
}
.tienda .lista_items .col_c li figure img {
	display: block;
	height: auto;
	width: 100%;
}
.tienda .lista_items h3 {
	padding-bottom: 5px;
}
.tienda .lista_items h3 a, .tienda .lista_items {
	color: #231915;
	font-family: 'Share Tech', sans-serif;
}
.tienda .lista_items h3 a, .tienda .lista_items p {
	font-size: 2.1em;
	padding-bottom: 20px;
}
.tienda .lista_items .comprar {
	background: #000;
	color: #FFF;
	display: inline-block;
	font-size: 2.3em;
	padding: 5px 45px 8px 15px;
	position: relative;
	box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
	-webkit-box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
	-moz-box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
	-ms-box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
}
.tienda .lista_items .comprar span {
	font-size: 0.9em;
	font-family: 'Share Tech', sans-serif;
}
.tienda .lista_items .comprar.ic-canasto:before {
	content: "";
}
.tienda .lista_items .comprar.ic-canasto:after {
	content: "\e600";
	position: absolute;
	right: 14px;
	top: 7px;
}
.tienda .lista_items .comprar:hover {
	background: #ff006b;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
/*6.3. Pop contenido*/
.prod_ficha {
	background: #FFF;
	color: #231915;
	overflow: hidden;
	padding: 30px;/*width: 770px;*/
}
.prod_ficha .row {
	width: 100%;
	overflow: hidden;
}
.prod_ficha h4 {
	font-size: 3em;
	color: #000;
	padding-bottom: 20px;
}
.prod_ficha .col_a {
	float: left;
	width: 35%;
}
.prod_ficha .col_b {
	float: right;
	width: 60%;
}
.prod_ficha figure img {
	display: block;
	height: auto;
	margin: 0 auto;
	padding-bottom: 15px;
	width: 100%;
}
.prod_ficha form li {
	font-size: 1.6em;
	padding-bottom: 8px;
}
.prod_ficha fieldset {
	padding-bottom: 10px;
}
.prod_ficha .radio_btn label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
}
.prod_ficha .radio_btn input[type=radio] {
	display: none;
}
.prod_ficha .radio_btn label:before {
	bottom: 1px;
	background-color: #FFF;
	border: 2px solid #231915;
	border-radius: 8px;
	content: "";
	display: inline-block;
	font-family: '4direcciones-ic';
	height: 13px;
	left: 0;
	margin-right: 10px;
	position: absolute;
	width: 13px;
}
.prod_ficha .radio_btn input[type=radio]:checked + label:before {
	content: "\e6f1";
	color: #231915;
	font-size: 0.8em;
	line-height: 13px;
	text-align: center;
}
.prod_ficha input[type=text], .prod_ficha input[type=email] {
	border: 2px solid #231915;
}
.prod_ficha .tipo_1 {
	overflow: hidden;
}
.prod_ficha .tipo_1 label {
	display: block;
	padding-bottom: 5px;
}
.prod_ficha .tipo_1 input[type=text] {
	width: 94%;
	padding: 1px 2%;
}
.prod_ficha .col_d {
	float: left;
	width: 60%;
}
.prod_ficha .col_d:first-child {
	margin-right: 10%;
	width: 30%;
}
.prod_ficha .col_b h2 {
	font-family: 'Share Tech', sans-serif;
	font-size: 2.8em;
	line-height: 1em;
	padding-bottom: 10px;
}
.prod_ficha .col_b h5 {
	font-family: 'Share Tech', sans-serif;
	font-size: 2.1em;
	padding-bottom: 10px;
}
.prod_ficha .col_b p {
	font-size: 1.6em;
	padding-bottom: 5px;
}
.prod_ficha .col_b p.desc {
	padding-bottom: 10px;
}
.prod_ficha .col_b li p {
	font-size: 1em;
}
.prod_ficha .camp_ab {
	padding-top: 25px;
}
.prod_ficha .camp_ab li {
	overflow: hidden;
}
.prod_ficha .camp_ab input[type=text], .prod_ficha .camp_ab input[type=email] {
	float: right;
	padding: 1px 2%;
	width: 54%;
}
.prod_ficha .camp_ab input[type=submit], .prod_ficha .camp_ab button {
	background: #000;
	bottom: 15px;
	color: #FFF;
	display: inline-block;
	font-size: 1.3em;
	padding: 5px 45px 8px 15px;
	position: absolute;
	right: 30px;
	box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
	-webkit-box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
	-moz-box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
	-ms-box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
}
.prod_ficha .camp_ab input[type=submit]:hover, .prod_ficha .camp_ab button:hover {
	background: #ff006b;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.prod_ficha .camp_ab input[type=submit] span, .prod_ficha .camp_ab button span {
	font-family: 'Share Tech', sans-serif;
}
.prod_ficha .camp_ab .ic-canasto:before {
	content: "";
}
.prod_ficha .camp_ab .ic-canasto:after {
	content: "\e600";
	position: absolute;
	right: 14px;
	top: 7px;
}
#cboxClose {
	background: url(../images/misc/cerrar.svg) center center no-repeat;
	height: 40px;
	right: 30px;
	top: 30px;
	width: 40px;
}
#cboxClose:hover {
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
/*6.4. Venta exitosa*/
#exito_venta {
	background: rgba(0,208,255,0.9);
	left: 50%;
	top: 50%;
	position: fixed;
	margin-left: -300px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 600px;
}
#exito_venta .row {
	border: 2px solid #ff006b;
	margin: 9px;
	padding: 39px 0;
}
#exito_venta h1 {
	font-size: 8em;
	text-align: center;
	padding-bottom: 30px;
}
#exito_venta p {
	color: #265762;
	text-align: center;
	font-size: 3em;
	width: 80%;
	margin: 0 auto;
}
#exito_venta a {
	color: #fff;
	font-size: 2.5em;
	position: absolute;
	right: 15px;
	top: 16px;
}
#exito_venta a:hover {
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
/*6.5. Venta errónea*/
#error_venta {
	background: #ff006b url(../images/misc/patron-tienda.svg) repeat;
	background-size: 3%;
	left: 50%;
	top: 50%;
	position: fixed;
	margin-left: -300px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 600px;
}
#error_venta .row {
	background: #ff006b;
	margin: 9px;
	padding: 39px 0;
}
#error_venta h1 {
	font-size: 8em;
	text-align: center;
	padding-bottom: 30px;
}
#error_venta p {
	color: #FFF;
	text-align: center;
	font-size: 3em;
	width: 80%;
	margin: 0 auto;
}
#error_venta p a {
	color: #FFF;
}
#error_venta p a:hover {
	text-decoration: underline;
}
#error_venta .ic-close {
	color: #fff;
	font-size: 2.5em;
	position: absolute;
	right: 15px;
	top: 16px;
}
#error_venta .ic-close:hover {
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
/*7. Interna proyecto*/
/*7.1. Teaser*/
.internas #lang #esp {
	color: #01DC8D;
}
.i_proy .teaser {
	background: 0 none;
}
.i_proy .teaser:after {
	background: 0 none;
}
.i_proy .teaser h1 {
	font-size: 7.5em;
	text-align: center;
	text-shadow: -3px 3px 0px rgba(0,0,0,0.6);
	top: 25%;
	max-width: 500px;
}
.i_proy .teaser #play_btn {
	bottom: 30%;
	color: #FFF;
	font-size: 7.5em;
	left: 0;
	margin: 0 auto;
	opacity: 0.8;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 2;
}
.i_proy .teaser #play_btn:hover {
	opacity: 0.4;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.i_proy .view_more {
	color: #FFF;
	font-size: 10em;
	left: 0;
	margin: 0 auto;
	right: 0;
	position: absolute;
	text-align: center;
	top: -27px;
	z-index: 2;
	animation: arrowDown alternate ease-in-out 1s;
	animation-iteration-count: infinite;
	-webkit-animation: arrowDown alternate ease-in-out 1s;
	-moz-animation: arrowDown alternate ease-in-out 1s;
	-ms-animation: arrowDown alternate ease-in-out 1s;
	-o-animation: arrowDown alternate ease-in-out 1s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
}
/*7.2. Ficha tecnica*/
.i_proy .container {
	overflow: hidden;
	width: 640px;
}
.i_proy .ficha_tec {
	position: relative;
}
.i_proy .ficha_tec .container {
	overflow: hidden;
	padding: 170px 0 140px 0;
	width: 640px;
}
.i_proy .ficha_tec h2 {
	color: #FFF;
	font-size: 4em;
	padding-bottom: 30px;
}
.i_proy h3 {
	color: #000;
	border: 2px solid #000;
	display: inline-block;
	font-family: 'Share Tech', sans-serif;
	font-size: 2.2em;
	margin-bottom: 15px;
	padding: 5px 11px 3px;
}
.i_proy .ficha_tec .info {
	margin-bottom: 20px;
}
.i_proy .ficha_tec .info li p {
	background: #222221;
	color: #fff;
	display: inline-block;
	font-size: 1.2em;
	padding: 0px 10px;
	text-transform: uppercase;
}
.i_proy .ficha_tec .info li p a {
	color: #fff;
}
.i_proy .ficha_tec .info li {
	margin-bottom: 5px;
}
.i_proy .ficha_tec p {
	font-size: 1.9em;
	line-height: 1.7em;
	padding-bottom: 30px;
}
.i_proy .ficha_tec p a {
	color: #FFF;
}
.i_proy .ficha_tec p a:hover {
	text-decoration: underline;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.i_proy .ficha_tec .link_more {
	float: none;
	color: #FFF;
	display: inline-block;
	font-size: 2.2em;
	background: rgba(0,0,0,1);
	margin: 10px 20px 40px 3px;
	padding: 10px 45px 10px 10px;
	position: relative;
	box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
	-webkit-box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
	-moz-box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
	-ms-box-shadow: -3px 3px 0px 0px rgba(118, 118, 118, 0.9);
}
.i_proy .ficha_tec .link_more:hover {
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.i_proy .ficha_tec .link_more span {
	font-family: 'Share Tech', sans-serif;
	text-transform: uppercase;
}
.i_proy .ficha_tec .ic-canasto:before {
	content: "";
}
.i_proy .ficha_tec .ic-canasto:after {
	content: "\e600";
	position: absolute;
	right: 11px;
	top: 12px;
}
.i_proy .ficha_tec .ic-arrow-download:before {
	content: "";
}
.i_proy .ficha_tec .ic-arrow-download:after {
	content: "\e606";
	position: absolute;
	right: 11px;
	top: 12px;
}
/*7.3. Galeria*/
.i_proy .galeria figure {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.i_proy .galeria .row_full {
	overflow: hidden;
	width: 100%;
}
.i_proy .galeria .row_full .col_b {
	float: left;
	width: 30%;
}
.i_proy .galeria .row_full .col_c {
	float: left;
	width: 70%;
}
/*7.4. Marcas*/
.i_proy .extra {
	padding-top: 40px;
}
.i_proy .extra .row {
	overflow: hidden;
}
.i_proy .extra ul {
	overflow: hidden;
}
.i_proy .extra li {
	float: left;
	margin: 0 10px 20px 0;
}
.i_proy .extra li a {
	display: table-cell;
	height: 50px;
	overflow: hidden;
	vertical-align: middle;
	width: 50px;
	cursor: default;
}
.i_proy .extra li img {
	display: block;
	margin: 0 auto;
	max-height: 50px;
	max-width: 50px;
	position: relative;
}
.i_proy .extra .col_a {
	float: left;
	width: 30%;
}
.i_proy .extra .col_b {
	float: left;
	width: 70%;
}
/*Paginado tipo 2*/
.i_proy .paginado_b {
	clear: both;
	float: left;
	left: 50%;
	margin: 40px 0 100px 0;
	position: relative;
}
.paginado_b ul {
	float: left;
	left: -50%;
	overflow: hidden;
	position: relative;
}
.paginado_b ul li {
	float: left;
	margin: 0 5px;
}
.paginado_b ul li a {
	color: #000;
	display: block;
	font-size: 1.6em;
	padding: 6px 10px;
}
.paginado ul li a:hover {
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.paginado_b ul li a.back {
	font-size: 4em;
	position: relative;
}
.paginado_b ul li a:hover {
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.paginado_b ul li a.back span {
	color: #FFF;
	position: absolute;
	top: 17px;
	left: 36px;
	font-size: 0.42em;
	text-transform: uppercase;
}
.i_proy .paginado_b span {
	font-family: 'Share Tech', sans-serif;
}
.i_proy .paginado_b .arrows_tp2 {
	font-weight: 700;
	margin-top: 9px;
	position: relative;
}
.i_proy .paginado_b .ic-arrow-left:before {
	content: "";
}
.i_proy .paginado_b .ic-arrow-left:after {
	content: "\e608";
	font-size: 2.2em;
	position: absolute;
	right: -19px;
	top: -1px;
}
.i_proy .paginado_b .ic-arrow-left span {
	padding-right: 10px;
}
.i_proy .paginado_b .ic-arrow-right:before {
	font-size: 2.2em;
	position: absolute;
	top: -1px;
	left: -20px;
}
/*7.5. Categorías de proyectos */
/*Categoria 1 Films category-pelicula (default) */
.i_proy .trigger, .i_proy .accordion h6, .i_proy .accordion .ui-accordion-content, .i_proy.category-pelicula .trigger, .i_proy.category-pelicula .accordion h6, .i_proy.category-pelicula .accordion .ui-accordion-content {
	background: #0FE800;
}
.i_proy .trigger:hover, .i_proy .accordion h6:hover, .i_proy .accordion h6.ui-state-active, .i_proy.category-pelicula .trigger:hover, .i_proy.category-pelicula .accordion h6:hover, .i_proy.category-pelicula .accordion h6.ui-state-active {
	background: #231915;
	color: #0FE800;
}
.i_proy .accordion h6 a:hover, .i_proy .accordion h6:hover a, .i_proy .accordion h6.ui-state-active a, .i_proy.category-pelicula .accordion h6 a:hover, .i_proy.category-pelicula .accordion h6:hover a, .i_proy.category-pelicula .accordion h6.ui-state-active a {
	color: #0FE800;
}
.i_proy .ficha_tec .link_more:hover, .i_proy.category-pelicula .ficha_tec .link_more:hover {
	background: #0FE800;
	color: #000;
	opacity: 1;
}
.i_proy header h1 a, .i_proy header h4, .i_proy.category-pelicula header h1 a, .i_proy.category-pelicula header h4 {
	background: url(../images/misc/logo-4-direcciones-film.png) 0 -16px no-repeat;
	background-size: 150px;
}
.en .i_proy header h1 a, .i_proy header h4, .en .i_proy.category-pelicula header h1 a, .en .i_proy.category-pelicula header h4 {
	background: url(../images/misc/logo-4-direcciones-film-en.png) 0 -16px no-repeat;
	background-size: 150px;
}
.i_proy .accordion li a, .i_proy.category-pelicula .accordion li a {
	color: #318222;
}
.i_proy .accordion li a:hover, .i_proy.category-pelicula .accordion li a:hover {
	color: #231915;
}
.i_proy #lang #esp:hover, .i_proy #lang #esp.current, .i_proy.category-pelicula #lang #esp:hover, .i_proy.category-pelicula #lang #esp.current {
	background: url(../images/misc/film-esp-act.svg) 0 0 no-repeat;
}
.i_proy #lang #esp, .i_proy.category-pelicula #lang #esp {
	background: url(../images/misc/film-esp-inac.svg) 0 0 no-repeat;
}
.i_proy #lang #ing, .i_proy.category-pelicula #lang #ing {
	background: url(../images/misc/film-ing-inac.svg) 0 0 no-repeat;
}
.i_proy #lang #ing:hover, .i_proy #lang #ing.current, .i_proy.category-pelicula #lang #ing:hover, .i_proy.category-pelicula #lang #ing.current {
	background: url(../images/misc/film-ing-act.svg) 0 0 no-repeat;
}
.i_proy .ficha_tec, .i_proy.category-pelicula .ficha_tec {
	background: url(../images/misc/backgrounds/fondo-film.jpg) right bottom no-repeat;
	background-size: cover;
}
.i_proy .ficha_tec h2, .i_proy .ficha_tec p, .i_proy .ficha_tec p a, .i_proy.category-pelicula .ficha_tec h2, .i_proy.category-pelicula .ficha_tec p, .i_proy.category-pelicula .ficha_tec p a {
	color: #282827;
}
.i_proy h3, .i_proy.category-pelicula h3 {
	color: #232322;
	border: 2px solid #232322;
}
/*Categoria 2 Niños category-contenido-infantil*/
.i_proy.cat_2 .trigger, .i_proy.cat_2 .accordion h6, .i_proy.cat_2 .accordion .ui-accordion-content, .i_proy.category-contenido-infantil .trigger, .i_proy.category-contenido-infantil .accordion h6, .i_proy.category-contenido-infantil .accordion .ui-accordion-content {
	background: #FFA3E6;
}
.i_proy.cat_2 .trigger:hover, .i_proy.cat_2 .accordion h6:hover, .i_proy.cat_2 .accordion h6.ui-state-active, .i_proy.category-contenido-infantil .trigger:hover, .i_proy.category-contenido-infantil .accordion h6:hover, .i_proy.category-contenido-infantil .accordion h6.ui-state-active {
	background: #231915;
	color: #FFA3E6;
}
.i_proy.cat_2 .accordion h6 a:hover, .i_proy.cat_2 .accordion h6:hover a, .i_proy.cat_2 .accordion h6.ui-state-active a, .i_proy.category-contenido-infantil .accordion h6 a:hover, .i_proy.category-contenido-infantil .accordion h6:hover a, .i_proy.category-contenido-infantil .accordion h6.ui-state-active a {
	color: #FFA3E6;
}
.i_proy.cat_2 .ficha_tec .link_more:hover, .i_proy.category-contenido-infantil .ficha_tec .link_more:hover {
	background: #FFA3E6;
	color: #000;
	opacity: 1;
}
.i_proy.cat_2 header h1 a, .i_proy.cat_2 header h4, .i_proy.category-contenido-infantil header h1 a, .i_proy.category-contenido-infantil header h4 {
	background: url(../images/misc/logo-4-direcciones-ninos.png) 0 -16px no-repeat;
	background-size: 150px;
}
.en .i_proy.cat_2 header h1 a, .en .i_proy.cat_2 header h4, .en .i_proy.category-contenido-infantil header h1 a, .en .i_proy.category-contenido-infantil header h4 {
	background: url(../images/misc/logo-4-direcciones-ninos-en.png) 0 -16px no-repeat;
	background-size: 150px;
}
.i_proy.cat_2 .accordion li a, .i_proy.category-contenido-infantil .accordion li a {
	color: #9D7993;
}
.i_proy.cat_2 .accordion li a:hover, .i_proy.category-contenido-infantil .accordion li a:hover {
	color: #231915;
}
.i_proy.cat_2 #lang #esp:hover, .i_proy.cat_2 #lang #esp.current, .i_proy.category-contenido-infantil #lang #esp:hover, .i_proy.category-contenido-infantil #lang #esp.current {
	background: url(../images/misc/ninos-esp-act.svg) 0 0 no-repeat;
}
.i_proy.cat_2 #lang #esp, .i_proy.category-contenido-infantil #lang #esp {
	background: url(../images/misc/ninos-esp-inac.svg) 0 0 no-repeat;
}
.i_proy.cat_2 #lang #ing, .i_proy.category-contenido-infantil #lang #ing {
	background: url(../images/misc/ninos-ing-inac.svg) 0 0 no-repeat;
}
.i_proy.cat_2 #lang #ing:hover, .i_proy.cat_2 #lang #ing.current, .i_proy.category-contenido-infantil #lang #ing:hover, .i_proy.category-contenido-infantil #lang #ing.current {
	background: url(../images/misc/ninos-ing-act.svg) 0 0 no-repeat;
}
.i_proy.cat_2 .ficha_tec, .i_proy.category-contenido-infantil .ficha_tec {
	background: url(../images/misc/backgrounds/fondo-ninos.jpg) center center no-repeat;
	background-size: cover;
}
.i_proy.cat_2 h3, .i_proy.category-contenido-infantil h3 {
	color: #FFF;
	border: 2px solid #FFF;
}
.i_proy .ficha_tec h2, .i_proy .ficha_tec p, .i_proy .ficha_tec p a, .i_proy.category-contenido-infantil .ficha_tec h2, .i_proy.category-contenido-infantil .ficha_tec p, .i_proy.category-contenido-infantil .ficha_tec p a {
	color: #FFF;
}
.i_proy h3, .i_proy.category-contenido-infantil h3 {
	color: #232322;
	border: 2px solid #232322;
}
.clear-left {
	clear: left;
}
/*Categoria 3 Lado B category-lado-b*/
.i_proy.cat_3 .trigger, .i_proy.cat_3 .accordion h6, .i_proy.cat_3 .accordion .ui-accordion-content, .i_proy.category-lado-b .trigger, .i_proy.category-lado-b .accordion h6, .i_proy.category-lado-b .accordion .ui-accordion-content {
	background: #00FFFF;
}
.i_proy.cat_3 .trigger:hover, .i_proy.cat_3 .accordion h6:hover, .i_proy.cat_3 .accordion h6.ui-state-active, .i_proy.category-lado-b .trigger:hover, .i_proy.category-lado-b .accordion h6:hover, .i_proy.category-lado-b .accordion h6.ui-state-active {
	background: #231915;
	color: #00FFFF;
}
.i_proy.cat_3 .accordion h6 a:hover, .i_proy.cat_3 .accordion h6:hover a, .i_proy.cat_3 .accordion h6.ui-state-active a, .i_proy.category-lado-b .accordion h6 a:hover, .i_proy.category-lado-b .accordion h6:hover a, .i_proy.category-lado-b .accordion h6.ui-state-active a {
	color: #00FFFF;
}
.i_proy.cat_3 .ficha_tec .link_more:hover, .i_proy.category-lado-b .ficha_tec .link_more:hover {
	background: #00FFFF;
	color: #000;
	opacity: 1;
}
.i_proy.cat_3 header h1 a, .i_proy.cat_3 header h4, .i_proy.cat_3 header h1 a, .i_proy.cat_3 header h4, .i_proy.category-lado-b header h1 a, .i_proy.category-lado-b header h4, .i_proy.category-lado-b header h1 a, .i_proy.category-lado-b header h4 {
	background: url(../images/misc/logo-4-direcciones-ladob.png) 0 -16px no-repeat;
	background-size: 150px;
}
.en .i_proy.cat_3 header h1 a, .en .i_proy.cat_3 header h4, .en .i_proy.cat_3 header h1 a, .en .i_proy.cat_3 header h4, .en .i_proy.category-lado-b header h1 a, .en .i_proy.category-lado-b header h4, .en .i_proy.category-lado-b header h1 a, .en .i_proy.category-lado-b header h4 {
	background: url(../images/misc/logo-4-direcciones-ladob-en.png) 0 -16px no-repeat;
	background-size: 150px;
}
.i_proy.cat_3 .accordion li a, .i_proy.category-lado-b .accordion li a {
	color: #69A2CC;
}
.i_proy.cat_3 .accordion li a:hover, .i_proy.category-lado-b .accordion li a:hover {
	color: #231915;
}
.i_proy.cat_3 #lang #esp:hover, .i_proy.cat_3 #lang #esp.current, .i_proy.category-lado-b #lang #esp:hover, .i_proy.category-lado-b #lang #esp.current {
	background: url(../images/misc/ladob-esp-act.svg) 0 0 no-repeat;
}
.i_proy.cat_3 #lang #esp, .i_proy.category-lado-b #lang #esp {
	background: url(../images/misc/ladob-esp-inac.svg) 0 0 no-repeat;
}
.i_proy.cat_3 #lang #ing, .i_proy.category-lado-b #lang #ing {
	background: url(../images/misc/ladob-ing-inac.svg) 0 0 no-repeat;
}
.i_proy.cat_3 #lang #ing:hover, .i_proy.cat_3 #lang #ing.current, .i_proy.category-lado-b #lang #ing:hover, .i_proy.category-lado-b #lang #ing.current {
	background: url(../images/misc/ladob-ing-act.svg) 0 0 no-repeat;
}
.i_proy.cat_3 .ficha_tec, .i_proy.category-lado-b .ficha_tec {
	background: url(../images/misc/backgrounds/fondo-ladob.jpg) center bottom no-repeat;
	background-size: cover;
}
.i_proy.cat_3 .ficha_tec h2, .i_proy.cat_3 .ficha_tec p, .i_proy.cat_3 .ficha_tec p a, .i_proy.category-lado-b .ficha_tec h2, .i_proy.category-lado-b .ficha_tec p, .i_proy.category-lado-b .ficha_tec p a {
	color: #282827;
}
.i_proy.cat_3 h3, .i_proy.category-lado-b h3 {
	color: #232322;
	border: 2px solid #232322;
}
/*Categoria 4 Documentales category-documental*/
.i_proy.cat_4 .trigger, .i_proy.cat_4 .accordion h6, .i_proy.cat_4 .accordion .ui-accordion-content, .i_proy.category-documental .trigger, .i_proy.category-documental .accordion h6, .i_proy.category-documental .accordion .ui-accordion-content {
	background: #FFFF01;
}
.i_proy.cat_4 .trigger:hover, .i_proy.cat_4 .accordion h6:hover, .i_proy.cat_4 .accordion h6.ui-state-active, .i_proy.category-documental .trigger:hover, .i_proy.category-documental .accordion h6:hover, .i_proy.category-documental .accordion h6.ui-state-active {
	background: #231915;
	color: #FFFF01;
}
.i_proy.cat_4 .accordion h6 a:hover, .i_proy.cat_4 .accordion h6:hover a, .i_proy.cat_4 .accordion h6.ui-state-active a, .i_proy.category-documental .accordion h6 a:hover, .i_proy.category-documental .accordion h6:hover a, .i_proy.category-documental .accordion h6.ui-state-active a {
	color: #FFFF01;
}
.i_proy.cat_4 .ficha_tec .link_more:hover, .i_proy.category-documental .ficha_tec .link_more:hover {
	background: #FFFF01;
	color: #000;
	opacity: 1;
}
.i_proy.cat_4 header h1 a, .i_proy.cat_4 header h4, .i_proy.category-documental header h1 a, .i_proy.cat_4 header h4 {
	background: url(../images/misc/logo-4-direcciones-doc.png) 0 -16px no-repeat;
	background-size: 150px;
}
.en .i_proy.cat_4 header h1 a, .en .i_proy.cat_4 header h4, .en .i_proy.category-documental header h1 a, .en .i_proy.cat_4 header h4 {
	background: url(../images/misc/logo-4-direcciones-doc-en.png) 0 -16px no-repeat;
	background-size: 150px;
}
.i_proy.cat_4 .accordion li a, .i_proy.category-documental .accordion li a {
	color: #8B8B01;
}
.i_proy.cat_4 .accordion li a:hover, .i_proy.category-documental .accordion li a:hover {
	color: #231915;
}
.i_proy.cat_4 #lang #esp:hover, .i_proy.cat_4 #lang #esp.current, .i_proy.category-documental #lang #esp:hover, .i_proy.category-documental #lang #esp.current {
	background: url(../images/misc/doc-esp-act.svg) 0 0 no-repeat;
}
.i_proy.cat_4 #lang #esp, .i_proy.category-documental #lang #esp {
	background: url(../images/misc/doc-esp-inac.svg) 0 0 no-repeat;
}
.i_proy.cat_4 #lang #ing, .i_proy.category-documental #lang #ing {
	background: url(../images/misc/doc-ing-inac.svg) 0 0 no-repeat;
}
.i_proy.cat_4 #lang #ing:hover, .i_proy.cat_4 #lang #ing.current, .i_proy.category-documental #lang #ing:hover, .i_proy.category-documental #lang #ing.current {
	background: url(../images/misc/doc-ing-act.svg) 0 0 no-repeat;
}
.i_proy.cat_4 .ficha_tec, .i_proy.category-documental .ficha_tec {
	background: url(../images/misc/backgrounds/fondo-doc.jpg) center center no-repeat;
	background-size: cover;
}
.i_proy.cat_4 h3, .i_proy.category-documental h3 {
	color: #FFF;
	border: 2px solid #FFF;
}

/*8. Responsive*/
@media (max-width: 1623px) {
.servicios .proy h3 {
	font-size: 10em;
}
}

@media (max-width: 1622px) {
.servicios .proy h3 {
	font-size: 7em;
	left: 30px;
}
}

@media (max-width: 1415px) {
.servicios .proy h3 {
	position: relative;
	top: 0;
	padding: 40px 0;
}
}

@media (max-width: 1240px) {
.teaser .view_more {
	bottom: 5%;
}
}

/**/
@media (max-width: 1254px) {
.proyectos .filtros {
	left: 230px;
	position: relative;
}
.proyectos h2 {
	padding-bottom: 60px;
}
}

/**/
@media (max-width: 1040px) {
.manifiesto {
	background-size: 27% 35%, 20% 38%;
}
.contacto .col_b {
	margin-right: 10%;
}
.contacto article h3 {
	font-size: 3.5em;
}
.contacto article .info_con {
	width: 65%;
}
.teaser .view_more {
	font-size: 7em;
}
.teaser h1 {
	width: 340px;
}
.i_blog .content .container {
	width: 95%;
}
.i_blog .content form input, .i_blog .content form textarea {
	width: 50%;
}
.i_proy .teaser h1 {
	font-size: 5.5em;
	max-width: 50%;
	width: 50%;
}
.i_proy .teaser #play_btn {
	font-size: 5.5em;
}
.tienda .lista_items .container {
	width: 95%;
}
.proyectos h2 img {
	width: 565px;
}
}

/**/

@media (max-width: 974px) {
.proyectos h2 {
	padding: 70px 0 30px 240px;
}
.proyectos .filtros {
	left: 90px;
}
.proyectos h2 img {
	width: 415px;
}
}

@media (max-width: 959px) {
.internas header h1 a {
	width: 120px;
}
.internas header h1 {
	top: 20px;
}
header h4 {
	opacity: 1;
}
.contacto .new_form input {
	width: 80%;
}
.i_proy header h1 a, .i_proy header h4, .i_proy.category-pelicula header h1 a, .i_proy.category-pelicula header h4, .en .i_proy header h1 a, .i_proy header h4, .en .i_proy.category-pelicula header h1 a, .en .i_proy.category-pelicula header h4, .i_proy.cat_4 header h1 a, .i_proy.cat_4 header h4, .i_proy.category-documental header h1 a, .i_proy.cat_4 header h4, .en .i_proy.cat_4 header h1 a, .en .i_proy.cat_4 header h4, .en .i_proy.category-documental header h1 a, .en .i_proy.cat_4 header h4, .i_proy header h1 a, .i_proy header h4, .i_proy.category-pelicula header h1 a, .i_proy.category-pelicula header h4, .en .i_proy header h1 a, .i_proy header h4, .en .i_proy.category-pelicula header h1 a, .en .i_proy.category-pelicula header h4, header h1 a, header h4, .en header h1 a, .en header h4, .i_proy.cat_3 header h1 a, .i_proy.cat_3 header h4, .i_proy.cat_3 header h1 a, .i_proy.cat_3 header h4, .i_proy.category-lado-b header h1 a, .i_proy.category-lado-b header h4, .i_proy.category-lado-b header h1 a, .i_proy.category-lado-b header h4, .en .i_proy.cat_3 header h1 a, .en .i_proy.cat_3 header h4, .en .i_proy.cat_3 header h1 a, .en .i_proy.cat_3 header h4, .en .i_proy.category-lado-b header h1 a, .en .i_proy.category-lado-b header h4, .en .i_proy.category-lado-b header h1 a, .en .i_proy.category-lado-b header h4, .i_proy.cat_2 header h1 a, .i_proy.cat_2 header h4, .i_proy.category-contenido-infantil header h1 a, .i_proy.category-contenido-infantil header h4, .en .i_proy.cat_2 header h1 a, .en .i_proy.cat_2 header h4, .en .i_proy.category-contenido-infantil header h1 a, .en .i_proy.category-contenido-infantil header h4 {
	background-size: 120px;
}
}

/**/
@media (max-width: 900px) {
.blog .lista_items .container {
	width: 95%;
}
.prod_ficha .camp_ab input[type=text], .prod_ficha .camp_ab input[type=email] {
	width: 45%;
}
.prod_ficha .tipo_1 input[type=text] {
	width: 91%;
}
.contacto .col_b {
	float: none;
	margin: 0 auto;
	width: 90%;
}
.contacto article {
	padding-bottom: 70px;
}
.contacto .col_b p {
	width: 90%;
	text-align: center;
	max-width: inherit;
}
.contacto article {
	margin: 0 auto;
}
.proyectos h2 {
	padding: 57px 0 30px 240px;
}
.contacto h4 {
	position: relative;
}
}

/**/
@media (max-width: 768px) {
.mod .container {
	width: 90%;
}
.teaser h1 {
	width: 210px;
}
.internas header h1 a img {
	width: 140px;
}
.blog .lista_items .col_c {
	float: none;
	width: 95%;
}
.paginado ul li .next, .paginado ul li .prev {
	background: url(../images/misc/backgrounds/arrow-next-resp.svg) 0 0 no-repeat;
	font-size: 2.7em;
	text-indent: -9999px;
	padding: 0;
	width: 23px;
	height: 39px;
	margin: 0 20px;
}
.paginado ul li .prev {
	background: url(../images/misc/backgrounds/arrow-prev-resp.svg) 0 0 no-repeat;
}
.paginado ul li .next:hover {
	background: url(../images/misc/backgrounds/arrow-next-resp.svg) 0 0 no-repeat;
	color: #231915;
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.paginado ul li .prev:hover {
	background: url(../images/misc/backgrounds/arrow-prev-resp.svg) 0 0 no-repeat;
	color: #231915;
	opacity: 0.8;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
}
.i_blog .content .col_a {
	width: 60%;
}
.i_blog .content .col_b {
	width: 35%;
}
.i_blog .content form {
	width: 100%;
}
.i_proy .teaser h1 {
	font-size: 4.5em;
	max-width: 70%;
	width: 70%;
}
.i_proy .teaser #play_btn {
	font-size: 4.5em;
}
.i_proy .view_more {
	font-size: 8em;
}
.i_proy .ficha_tec .container {
	padding-top: 100px;
	width: 95%;
}
.i_proy .container {
	width: 95%;
}
.prod_ficha .col_d {
	float: none;
	width: 100%;
}
.blog .lista_items, .servicios .content, .tienda .lista_items {
	background-image: none;
}
}

/**/
@media (max-width: 759px) {
.proyectos h2 {
	font-size: 9em;
	padding: 230px 0 30px 60px;
}
.proyectos .filtros li a {
	font-size: 2.7em;
}
}

/**/

@media (max-width: 720px) {
.manifiesto h2 {
	font-size: 11em;
}
.i_blog figure {
	height: auto;
}
.prod_ficha .col_a, .prod_ficha .col_b {
	float: none;
	width: 95%;
}
.prod_ficha figure img {
	width: 40%;
}
.prod_ficha .row {
	padding-bottom: 30px;
}
.prod_ficha .col_d:first-child {
	width: 100%;
}
.prod_ficha .camp_ab button {
	background: #000;
	bottom: 10px;
}
.prod_ficha .col_b {
	padding-bottom: 10px;
}
}

/**/
@media (max-width: 650px) {
.nosotros .container {
	background-size: 400px auto;
	padding-bottom: 170px;
}
.mod h2 {
	font-size: 9em;
}
.manifiesto {
	background-image: none;
}
.manifiesto h2 {
	font-size: 7em;
	text-shadow: 2px 0 0 #ffff01, -2px 0 0 #ffff01, 0 2px 0 #ffff01, 0 -2px 0 #ffff01, 1px 1px #ffff01, -1px -1px 0 #ffff01, 1px -1px 0 #ffff01, -1px 1px 0 #ffff01;
}
.teaser .view_more {
	font-size: 4em;
}
.teaser h1 {
	width: 160px;
}
.internas header h1 {
	left: 10px;
	top: 10px;
}
.internas header h1 a {
	width: 80px;
}
.internas .intro .container {
	min-height: 280px;
}
.i_blog .content .col_a {
	float: none;
	width: 95%;
}
.i_blog .content .col_b {
	float: none;
	padding-top: 50px;
	width: 93%;
}
.i_blog .content form input, .i_blog .content form textarea, .i_blog .content form label {
	float: none;
}
.i_blog .content form input, .i_blog .content form textarea {
	width: 93%;
}
.i_blog .content h3 {
	font-size: 5em;
	max-width: 100%;
	width: 100%;
}
.i_proy .teaser h1 {
	font-size: 3.5em;
}
.i_proy .teaser #play_btn {
	font-size: 3.5em;
}
.i_proy .view_more {
	font-size: 6em;
	top: -7px;
}
.i_proy .extra .col_a, .i_proy .extra .col_b {
	float: none;
	width: 95%;
}
.i_proy .paginado_b .arrows_tp2 span {
	display: none;
}
.tienda .intro .container h2, .servicios .intro .container h2 {
	font-size: 7em;
}
.tienda .lista_items .col_c {
	float: none;
	width: 93%;
	margin: 0 auto;
}
.servicios .content .container {
	width: 95%;
}
.servicios .lista_serv article .col_b, .servicios .lista_serv article .col_a {
	float: none;
	width: 100%;
}
.servicios .lista_serv p {
	width: 100%;
}
.servicios .proy h3 {
	text-align: center;
}
header h1 {
	left: 20px;
	top: 20px;
}
header h1 a {
	width: 120px;
}
.proyectos h2 {
	padding: 150px 0 30px 20px;
}
#lang {
	right: 72px;
	top: 20px;
}
.trigger {
	right: 25px;
	top: 75px;
}
.accordion {
	right: 25px;
	top: 123px;
}
.i_proy .galeria .row_full .col_b {
	float: none;
	width: 100%;
}
.i_proy header h1 a, .i_proy header h4, .i_proy.category-pelicula header h1 a, .i_proy.category-pelicula header h4, .en .i_proy header h1 a, .i_proy header h4, .en .i_proy.category-pelicula header h1 a, .en .i_proy.category-pelicula header h4, .i_proy.cat_4 header h1 a, .i_proy.cat_4 header h4, .i_proy.category-documental header h1 a, .i_proy.cat_4 header h4, .en .i_proy.cat_4 header h1 a, .en .i_proy.cat_4 header h4, .en .i_proy.category-documental header h1 a, .en .i_proy.cat_4 header h4, .i_proy header h1 a, .i_proy header h4, .i_proy.category-pelicula header h1 a, .i_proy.category-pelicula header h4, .en .i_proy header h1 a, .i_proy header h4, .en .i_proy.category-pelicula header h1 a, .en .i_proy.category-pelicula header h4, header h1 a, header h4, .en header h1 a, .en header h4, .i_proy.cat_3 header h1 a, .i_proy.cat_3 header h4, .i_proy.cat_3 header h1 a, .i_proy.cat_3 header h4, .i_proy.category-lado-b header h1 a, .i_proy.category-lado-b header h4, .i_proy.category-lado-b header h1 a, .i_proy.category-lado-b header h4, .en .i_proy.cat_3 header h1 a, .en .i_proy.cat_3 header h4, .en .i_proy.cat_3 header h1 a, .en .i_proy.cat_3 header h4, .en .i_proy.category-lado-b header h1 a, .en .i_proy.category-lado-b header h4, .en .i_proy.category-lado-b header h1 a, .en .i_proy.category-lado-b header h4, .i_proy.cat_2 header h1 a, .i_proy.cat_2 header h4, .i_proy.category-contenido-infantil header h1 a, .i_proy.category-contenido-infantil header h4, .en .i_proy.cat_2 header h1 a, .en .i_proy.cat_2 header h4, .en .i_proy.category-contenido-infantil header h1 a, .en .i_proy.category-contenido-infantil header h4 {
	background-position: 0 -10px;
	background-size: 80px;
}
}

/**/
@media (max-width: 549px) {
.proyectos h2 {
	font-size: 6em;
	padding-left: 30px;
}
.proyectos .filtros {
	left: -5px;
}
.proyectos .filtros li a {
	font-size: 2.3em;
}
.contacto .col_b p {
	text-align: left;
	font-size: 2em;
}
.contacto article h3 {
	float: none;
	width: 100%;
	font-size: 2.5em;
}
.contacto article .info_con {
	width: 100%;
}
.contacto .new_form input {
	width: 75%;
}
header h4 {
	width: 80px;
}
header nav a {
	font-size: 4.5em;
}
}

/**/
@media (max-width: 424px) {
.nosotros .container {
	background-size: 230px auto;
	padding-bottom: 100px;
}
.mod h2 {
	font-size: 5.5em;
}
.mod p {
	font-size: 1.7em;
	line-height: 1.5em;
}
.manifiesto {
	padding: 60px 0 30px 0;
}
.manifiesto h2 {
	font-size: 4.5em;
}
.contacto h5 {
	bottom: 20px;
}
.contacto article .info_con {
	float: none;
	width: 90%;
}
.contacto article li:nth-child(3) span {
	padding-left: 12px;
	width: 80%;
}
.teaser .view_more {
	font-size: 2em;
}
.teaser h1 {
	width: 100px;
}
.internas header h1 a img {
	width: 60px;
}
.internas .intro .container {
	min-height: 180px;
}
.paginado ul li:last-child {
	margin-left: 0px;
}
.paginado ul li:first-child {
	margin-right: 0px;
}
.i_proy .teaser h1 {
	font-size: 2.5em;
	top: 20%;
}
.i_proy .teaser #play_btn {
	font-size: 2.5em;
	bottom: 20%;
}
.i_proy .view_more {
	font-size: 3em;
	top: 0;
}
.i_proy .ficha_tec .container {
	padding-top: 50px;
}
.i_proy .ficha_tec h2 {
	font-size: 3em;
}
.i_proy .ficha_tec .link_more {
	margin: 10px 0 40px 10px;
}
.paginado_b ul li {
	margin: 0 0px;
}
.paginado_b ul li a.back {
	font-size: 3.5em;
}
.tienda .intro .container h2, .servicios .intro .container h2 {
	font-size: 5em;
}
.servicios .lista_serv h2 {
	font-size: 3em;
}
header h4 {
	width: 80px;
	top: 10px;
	left: 20px;
}
header .stick h3 {
	width: 72px;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
}
.proyectos h2 img {
	width: 265px;
}
}