/* CSS Document */

@font-face {
    font-family: 'akzidenz-B';
    src: url('../tipo/akzidenzgrotesk-boldcond-webfont.eot');
    src: url('../tipo/akzidenzgrotesk-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipo/akzidenzgrotesk-boldcond-webfont.woff') format('woff'),
         url('../tipo/akzidenzgrotesk-boldcond-webfont.ttf') format('truetype'),
         url('../tipo/akzidenzgrotesk-boldcond-webfont.svg#akzidenz-grotesk_bq_condensBd') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'akzidenz-BI';
    src: url('../tipo/akzidenzgrotesk-boldconditalic-webfont.eot');
    src: url('../tipo/akzidenzgrotesk-boldconditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipo/akzidenzgrotesk-boldconditalic-webfont.woff') format('woff'),
         url('../tipo/akzidenzgrotesk-boldconditalic-webfont.ttf') format('truetype'),
         url('../tipo/akzidenzgrotesk-boldconditalic-webfont.svg#akzidenz-grotesk_bq_condeBdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'akzidenz';
    src: url('../tipo/akzidenzgrotesk-cond-webfont.eot');
    src: url('../tipo/akzidenzgrotesk-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipo/akzidenzgrotesk-cond-webfont.woff') format('woff'),
         url('../tipo/akzidenzgrotesk-cond-webfont.ttf') format('truetype'),
         url('../tipo/akzidenzgrotesk-cond-webfont.svg#akzidenz-grotesk_bq_condensRg') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'akzidenz-I';
    src: url('../tipo/akzidenzgrotesk-conditalic-webfont.eot');
    src: url('../tipo/akzidenzgrotesk-conditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipo/akzidenzgrotesk-conditalic-webfont.woff') format('woff'),
         url('../tipo/akzidenzgrotesk-conditalic-webfont.ttf') format('truetype'),
         url('../tipo/akzidenzgrotesk-conditalic-webfont.svg#akzidenz-grotesk_bq_condensIt') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'adeliaregular';
    src: url('../tipo/adelia-webfont.eot');
    src: url('../tipo/adelia-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipo/adelia-webfont.woff2') format('woff2'),
         url('../tipo/adelia-webfont.woff') format('woff'),
         url('../tipo/adelia-webfont.ttf') format('truetype'),
         url('../tipo/adelia-webfont.svg#adeliaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'dsnet_stampedregular';
    src: url('../tipo/dsnet_stamped-webfont.eot');
    src: url('../tipo/dsnet_stamped-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipo/dsnet_stamped-webfont.woff2') format('woff2'),
         url('../tipo/dsnet_stamped-webfont.woff') format('woff'),
         url('../tipo/dsnet_stamped-webfont.ttf') format('truetype'),
         url('../tipo/dsnet_stamped-webfont.svg#dsnet_stampedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'cinematograficaregular';
    src: url('../tipo/cinematografica-regular-trial-webfont.eot');
    src: url('../tipo/cinematografica-regular-trial-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipo/cinematografica-regular-trial-webfont.woff2') format('woff2'),
         url('../tipo/cinematografica-regular-trial-webfont.woff') format('woff'),
         url('../tipo/cinematografica-regular-trial-webfont.ttf') format('truetype'),
         url('../tipo/cinematografica-regular-trial-webfont.svg#cinematograficaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* CELULAR */

html, body {
	font-size:90%;
	background-color:#403939;
	font-family: akzidenz, Arial, Helvetica, sans-serif;
	color:#FFF;
	scroll-behavior: smooth;
	font-display: auto;
	}


a {
	text-decoration:none;
	color:#FFF;
	}

h1 {
	font-family: akzidenz-B, Arial, Helvetica, sans-serif;
	font-size:2em;
	}
	
h2 {
	font-family: akzidenz, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.1em;
	}

h3 {
	font-family: akzidenz, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:1em;
	}
	
h4	{
	font-family: akzidenz-I, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	}

h5 {
	font-family: akzidenz-I, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:1em;
	}

.artes {
	font-family: adeliaregular, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 65px;
	line-height: 60px;
	color: #fff;
}

.peque {
	font-size: 50px;
	line-height: 45px;
	margin-left: 10px;
}

.artistas {
	font-family: dsnet_stampedregular, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 65px;
	line-height: 60px;
	color: #fff;
}

.espacios {
	font-family: cinematograficaregular, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 65px;
	line-height: 60px;
	color: #fff;
}
.peques {
	font-size: 30px; color: #de4e55; line-height: 28px; letter-spacing: 1px;
}

.medio {
	font-family: akzidenz-I, Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #de4e55;
}

.primero {
	font-family: akzidenz-b, Arial, Helvetica, sans-serif; 
	color: #fff; 
	font-size: 30px;
	line-height: 40px;
}

.segundo {
	font-family: akzidenz-i, Arial, Helvetica, sans-serif;
	font-size: 26px;
}

.tercero {
	font-family: akzidenz-b, Arial, Helvetica, sans-serif; 
	font-size: 26px;
	line-height:28px;
	color: #de4e55;
}

.cuarto {
	font-family: akzidenz-i, Arial, Helvetica, sans-serif; 
	color: #de4e55; 
	font-size: 26px; 
	line-height: 28px;
}

.destacado {
	font-size:1.1em;
	line-height:1.3em;
	color:#ef3f50;
	font-family: akzidenz-I, Arial, Helvetica, sans-serif;	
	}

p {
	font-size:1.2em;
	line-height:1.1em;
	}

em {
	font-family: akzidenz-I, Arial, Helvetica, sans-serif;
}

.it {
	font-family: akzidenz-I, Arial, Helvetica, sans-serif;
	}

img {
	max-width:100%;
	height:auto;
	box-sizing:border-box; /* descuenta borde */
	}

hr {
	color:#fff;
	margin:2% 0 2% 0;
 	}

header {
	background-color:#ef3f50;
	width:100%;
	text-align:center;
	
	}

strong, b {
	font-family: 'akzidenz-B';
}

.testimonio{
	color: #fff;
	opacity: 0.9;
}

.inicio {
	background: url("../imagenes/Fondo-Inicio-Movil.jpg") no-repeat;
	width: 100%;
	-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
	font-size:70% !important;
}


.paginacookies {
	margin: 5%;
	padding: 5%;
	background-color:#ef3f50; 
}

.enter {
	margin-bottom: 10px;
}


.regresar {
	padding: 15px;
	margin-bottom: 30px;
	display: block;
	color: #ef3f50;
	background-color: #403939;
	width: 150px;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	transition: 0.3s;
}

.regresar:hover{
	background-color: #fff;
	transition: 0.3s;
}


.logo {
	max-width: 140px;
	position: absolute;
	top: 40px;
	left: calc(50% - 70px);
}

#myVideo {
		display: none;
}

nav {
	padding:0 10% 3% 10%;
	padding-top: 190px !important;
	margin:0 auto;
	}

	#menu {
		text-align:center;
		overflow:hidden;
		width:100%;
		}
		
		#menu li {
			float:left;
			width:33.333%;
			margin:1% 0 3% 0;
			}
			
			#menu li a{
				display:block;
				-webkit-transition: 0.4s;
				-moz-transition: 0.4s;
				-o-transition: 0.4s;
				-ms-transition: 0.4s;
				transition: 0.4s;
				}
			
			#menu li a:hover{
				color:#403939 ;
				-webkit-transition: 0.4s;
				-moz-transition: 0.4s;
				-o-transition: 0.4s;
				-ms-transition: 0.4s;
				transition: 0.4s;
					}
				
				#submenu {
					display:none;
					}

					#submenu li a{
						color:#403939;
						display:block;
						-webkit-transition: 0.4s;
						-moz-transition: 0.4s;
						-o-transition: 0.4s;
						-ms-transition: 0.4s;
						transition: 0.4s;
						}

					#submenu li a:hover{
						color:#fff ;
						-webkit-transition: 0.4s;
						-moz-transition: 0.4s;
						-o-transition: 0.4s;
						-ms-transition: 0.4s;
						transition: 0.4s;
							}
					
					.idioma {
						display:block ;
						padding:3% 0 3% 0;
						border-top:thin #403939 solid;
						border-bottom:thin #403939 solid;
						float:left;
					 	width:100%;
						margin: 0 auto;
						text-align: center;
						}
						
						.idioma li {
							width:50%;
							font-size:1em;
							float: left;
							}

						.idioma li a{
							color:#403939;
							display:block;
							-webkit-transition: 0.4s;
							-moz-transition: 0.4s;
							-o-transition: 0.4s;
							-ms-transition: 0.4s;
							transition: 0.4s;
							}

						.idioma li a:hover{
							color:#fff ;
							-webkit-transition: 0.4s;
							-moz-transition: 0.4s;
							-o-transition: 0.4s;
							-ms-transition: 0.4s;
							transition: 0.4s;
								}
							
					
				#submenualt {
					width:100%;
					text-align:center;
					margin:0 auto;
					margin-top:2%;
					overflow:hidden;
					border-top:thin #403939 dotted;
					}
					
				#submenualt li{
					width:25%;
					float:left;
					line-height:1.5em;
					padding:4% 4% 2% 4%;
					}	
				
				#submenualt li a {
					display:block;
					color:#403939 !important;
					-webkit-transition: 0.4s;
					-moz-transition: 0.4s;
					-o-transition: 0.4s;
					-ms-transition: 0.4s;
					transition: 0.4s;
					}
				
				#submenualt li a:hover {
					color:#fff !important;
					-webkit-transition: 0.4s;
					-moz-transition: 0.4s;
					-o-transition: 0.4s;
					-ms-transition: 0.4s;
					transition: 0.4s;
					} 

#rampa {
	width:96%;
	margin:2% 2% 0 2%;
	background:url("../imagenes/world.jpg") no-repeat;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:50% 50%;
	float: left;
	overflow: auto;
	}

#rampacontacto {
	width:96%;
	margin:2% 2% 0 2%;
	background:url("../imagenes/fondo-rampa.jpg") no-repeat;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:50% 50%;
	float: left;
	overflow: auto;
	}
	
	.bloque {
		width:74%;
		display:block;
		padding:3%;
		background:rgba(239, 63, 80, 0.5);
		}
	
.intro {
	display: flex;
   	align-items: center; 
	text-align: center;
}


.hijo {
	align-content: center;
	margin: 0 auto;
	padding: 25% 10% 25% 10%;
	font-size: 80%;
}

.next {
	width:80%;
	height: auto;
	padding: 10%;
	display: block;
}

.trabajos {
	width:100%;
	}
	
	.trabajos li {
		width:96%;
		margin:2% 2% 0 2%;
		}
		
		.trabajos li a{
			width:44%;
			display:block;
			padding:3%;
			background:rgba(239, 63, 80, 0.5);
			-webkit-transition: 0.4s;
			-moz-transition: 0.4s;
			-o-transition: 0.4s;
			-ms-transition: 0.4s;
			transition: 0.4s;
			}
		
		.trabajos li a:hover{
			width:94.5%;
			background:rgba(239, 63, 80, 1);
			}
			
			.beber {
				background: url("../imagenes/beberapid.jpg") no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}

			.jes {
				background: url("../imagenes/jesus.jpg") no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
	
			.dys {
				background: url("../imagenes/dys.jpg") no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}

			.kim {
				background: url("../imagenes/kim.jpg") no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}

			.asymmetrical {
				background: url("../imagenes/asymmetrical.jpg") no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}

			.clara {
				background:url("../imagenes/clara.jpg") no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
			
			.cyborg {
				background:url(../imagenes/cyborg.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}

			.cartel {
				background:url(../imagenes/carteles.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}

			.shimong {
				background:url(../imagenes/shimon.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}

			.labonita {
				background:url(../imagenes/labonita.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}	
						
			.interval {
				background:url(../imagenes/interval.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
				
			.top {
				background:url(../imagenes/top.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
				
			.luc {
				background:url(../imagenes/luc.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
			
			.goto {
				background:url(../imagenes/goto.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
			
			.dinamo {
				background:url(../imagenes/dinamo.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
				
			.actua {
				background:url(../imagenes/actua.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
				
			.canabal {
				background:url(../imagenes/canabal.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
				
			.entrelineas {
				background:url(../imagenes/entrelineas.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
			
			.panambi {
				background:url(../imagenes/panambi.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
			.nicolas {
				background:url(../imagenes/nicolas.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
			.aued {
				background:url(../imagenes/aued.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
			.itamaraca {
				background:url(../imagenes/itamaraca.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
			
			.logos {
				background:url(../imagenes/logos.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
			.ril {
				background:url(../imagenes/ril.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
			.ura {
				background:url(../imagenes/uramielo.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
			.agu {
				background:url(../imagenes/agustina.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
			.or {
				background:url(../imagenes/or.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
			
			.indie {
				background:url(../imagenes/indie.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
			.central {
				background:url(../imagenes/central.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
			.silber {
				background:url(../imagenes/silber.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
			
			.txt {
				background:url(../imagenes/txt.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}


	.cliente {
		width:100%;
		margin-top:2%;
		background-color:#ef3f50;
		overflow:auto;
		}
		
		.nombre {
			width:60%;
			padding:5%;
			float:left;
			}
		
		.marca {
			width:20%;
			padding:5%;
			float:left;
			text-align:right;
			}
	
		
	.descripcion {
		width:92%;
		margin-top:5%;
		padding-left:5%;
		float:left;
		overflow: auto;
		}
		
		.data {
			width:79%;
			}
		
		.nosotros {
			background:rgba(239, 63, 80, 0.5);
			padding:6% 4% 4% 4%;
			margin-top:0;
			}
			
			.contacto {
				background:rgba(239, 63, 80, 0.5);
				float:left;
				width:92%;
				height:auto;
				padding:4%;
				}
				
			.gif {
				display: none;
				}
				
			.sobre {
				background:url(../imagenes/sobre.png) left center no-repeat;
				}
				
			.face {
				background:url(../imagenes/fb.png) left center no-repeat;
				}
			
			.insta {
				background:url(../imagenes/insta.png) left center no-repeat;
				}
				
			.lugar {
				margin-left:2%;
				background:url(../imagenes/lugar.png) left center no-repeat;
				min-height:20px;
				}

.sobre, .face, .insta {
	font-size: 1.2em;
	height: 20px;
}
	
	.siguiente {
		background:url(../imagenes/flechachica.png) no-repeat right;
		float:right;
		margin:2% 5% 2% 0;
		}
		
		.siguiente a {
			display:block;
			width:35px;
			height:35px;
			}
	
	.over {
		background-image:url(../imagenes/aued1.jpg)}
			
	.anterior {
		background:url(../imagenes/flechachica2.png) no-repeat left;
		float:right;
		margin:4% 5% 0 0;
		}
		
		.anterior a {
			display:block;
			width:35px;
			height:35px;
			}
		
	#galeria {
		width:96%;
		margin:0 2% 0 2%;
		max-width:1400px;
		overflow: hidden;
		padding: 5% 0 5% 0;
		}
		
		#galeria2 {
			width:96%;
			margin:0 2% 0 2%;
			overflow: hidden;
			padding: 5% 0 5% 0;
			}
	
	.fotos {
		width:99%;
		margin-top:0.1%;
		margin-left:0.5%;
		}
		
		.chica {
			width:49.25%;
			float:left;
			}
			
		.mediana {
			width:100%;
			float:left;
			}
			
		.trio {
			width:100%;
			float:left;
			}
			
			.margen {
				margin-top:-0.1%;
				}


footer {
	text-align:center;
	width:100%;
	float:left;
	background-color:#ef3f50;
	padding:7% 0 7% 0;
	margin-top:2%;
	}
	
	.links {
		width:120px;
		margin:0 auto;
		text-align:center;
		}

.links ul {
	margin:0 auto;
		text-align:center;
	width: 100%;
}
	
		.social {
			background:url(../imagenes/social.png) no-repeat;
			float:left;
			margin:0 2.5% 0 2.5%;
			}
		
		.social a {
			display:block;
			width:33px;
			height:33px;
			float:left;
			}

		
		.tel{
			background-position:-66px -33px;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-o-transition: 0.3s;
			-ms-transition: 0.3s;
			transition: 0.3s;
			}
			
			.tel:hover{
				background-position:-66px 0px;
				-webkit-transition: 0.3s;
				-moz-transition: 0.3s;
				-o-transition: 0.3s;
				-ms-transition: 0.3s;
				transition: 0.3s;
				}
		
		.ins{
			background-position:-33px -33px;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-o-transition: 0.3s;
			-ms-transition: 0.3s;
			transition: 0.3s;
			}
			
			.ins:hover{
				background-position:-33px 0px;
				-webkit-transition: 0.3s;
				-moz-transition: 0.3s;
				-o-transition: 0.3s;
				-ms-transition: 0.3s;
				transition: 0.3s;
				}
			
					
		.mail {
			background-position:0px -33px;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-o-transition: 0.3s;
			-ms-transition: 0.3s;
			transition: 0.3s;
			}
			
			.mail:hover {
				background-position:0px 0px;
				-webkit-transition: 0.3s;
				-moz-transition: 0.3s;
				-o-transition: 0.3s;
				-ms-transition: 0.3s;
				transition: 0.3s;
				}
	

/* TABLETA -------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:40em){
	
html, body {
	font-size:95%;	
	}
	
	.inicio {
		background: none;
	}
	
	#myVideo {
		display: block;
	    position: fixed;
	    right: 0;
	    top: 0;
	    min-width: 100%; 
	    min-height: 100%;
		z-index: 0;
}
	
	header {
		float:left;
		background-color:#ef3f50;
		width:30%;
		height:100%;
		position:fixed;
		padding-top:3%;
		z-index: 5;
		top: 0;
		}
	
	#rampa {
		float:left;
		width:66%;
		height:97%;
		margin:2% 2% 2% 32%;
		}
		
		.gif {
			display:none;
			}
		
	
		.hijo {
			padding: 10%;
			overflow: auto;
			}
	
	.bloque {
		width:94%;
		height:50%;
		}
	
	.trabajos {
		width:70%;
		height:100%;
		position:relative;
		margin-left:30%;
		}

	.logo {
	max-width: 110px;
	position: absolute;
	top: 50px;
	left: calc(50% - 55px);
}
	
	nav {
		width:80%;
		padding:10%;
		}
		
		#menu {
			float:left;
			width:100%;
			overflow:hidden;
			}
			
			#menu li {
				width:100%;
				margin-bottom:5%;
				}
				
				
				#submenu {
					float:left;
					display:block;
					width:60%;
					text-align:center;
					padding:5% 0 3% 0;
					margin:0 20% 5% 20%;
					border-top:thin #403939 dotted;
					border-bottom:thin #403939 dotted;
					}
					
				#submenu li{
					padding:1% 0 1% 0;
					}	
				
						
				#submenualt {
					display:none;
					}
	
	.siguiente {
		margin:2% 2% 2% 0;
		}
		
		.siguiente a {
			display:block;
			width:45px;
			height:55px;
			}
			
	.anterior {
		background:url(../imagenes/flechachica2.png) no-repeat left;
		float:right;
		margin:1% 2% 0 0;
		}
		
		.anterior a {
			display:block;
			width:45px;
			height:55px;
			}
					
	#galeria {
		width:96%;
		margin:2%;
		float:left;
		}

		#galeria2 {
			width:96%;
			margin:1% 2% 2% 2%;
			}
		
	.fotos {
		width:99%;
		margin-top:0.15%;
		margin-left:0.5%;
		}
		
		.chica {
			width:49.25%;
			float:left;
			}
			
			.trio {
			width:32.5% !important;
			float:left;
			}
			
			.margen {
				margin-top:-0.15%;
				}

				
footer {
	width:30%;
	position:fixed;
	margin:0;
	bottom:0;
	z-index: 10;
	}

	}


/* PC -------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:60em){
	
html, body {
	font-size:100%;
	}
	
	.inicio{
		font-size:100%;
		}
	
	header {
		width:15%;
		padding-top:1%;
		}
		
	footer {
		width:9%;
		padding:3%;
		}
	
	#rampa {
		width:83%;
		margin: 1% 1% 1% 16%;
		padding:0;
		background:url("../imagenes/world.jpg") no-repeat;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:50% 50%;
		}
	
	#rampacontacto {
		width:83%;
		margin: 1% 1% 1% 16%;
		padding:0;
		background:url("../imagenes/fondo-rampa.jpg") no-repeat;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:50% 50%;
		}
		
	
.artes {
	font-size: 90px;
	line-height: 90px;
}

.peque {
	font-size: 60px;
	line-height: 55px;
	margin-left: 10px;
}

.artistas {
	font-size: 90px;
	line-height: 85px;
}

.espacios {
	font-size: 80px;
	line-height: 70px;
}
.peques {
	font-size: 40px; line-height: 38px;
}

.primero {
	font-size: 40px;
	line-height: 54px;
}

.segundo {
	font-size: 36px;
}

.tercero {
	font-size: 36px;
	line-height:45px;
}

.cuarto {
	font-size: 36px; 
	line-height: 38px;
}


.medio {
	font-size:30px;
	line-height: 80px;
}

	
.logo {
	max-width: 130px;
	position: absolute;
	top: 50px;
	left: calc(50% - 65px);
}

	
nav {
	padding-top: 190px !important;
	}
	
		.bloque {
			width:21%;
			padding:2%;
			height:94%;
			}
	
	.hijo {
		padding: 20% 20% 10% 20%;
		font-size: 100%;
	}
	
	.dos {
		padding: 17.5% 20% 10% 20% !important;
	}
	
	.tres {
		padding: 17.5% 20% 10% 20% !important;
	}
	
	.cuatro {
		padding: 17.5% 20% 25% 20% !important;
	}
	
	.trabajos {
		width:85%;
		height:100%;
		margin-left:15%;
		}
	
	.trabajos li {
		width:48.5%;
		margin:1% 0 0 1%;
		float:left;
		}
		
		.trabajos li a{
			max-height:7.9em;
			}
		
		.beber {
				background: url("../imagenes/beberapidG.jpg") no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
	
		.jes {
				background: url("../imagenes/jesusG.jpg") no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
	
		.dys {
				background: url("../imagenes/dysG.jpg") no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
	
		.kim {
				background: url("../imagenes/kimG.jpg") no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
	
		.asymmetrical {
				background: url("../imagenes/asymetricalG.jpg") no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
	
		.clara {
				background:url("../imagenes/claraG.jpg") no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
	
		.cyborg {
				background:url(../imagenes/cyborgG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
	
		.cartel {
				background:url(../imagenes/cartelesG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
	
		.shimong {
				background:url(../imagenes/shimonG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
	
		.labonita {
				background:url(../imagenes/labonitaG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
		
		.interval {
				background:url(../imagenes/intervalG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
				
		.top {
				background:url(../imagenes/topG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
		
		.luc {
				background:url(../imagenes/lucG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
		
		.goto {
				background:url(../imagenes/gotoG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 50%;
				}
				
		.dinamo {
			background:url(../imagenes/dinamoG.jpg) no-repeat;
			-moz-background-size: cover;
			-webkit-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(backgroundsize.min.htc);
			background-position:50% 50%;
			}
			
		.actua {
			background:url(../imagenes/actuaG.jpg) no-repeat;
			-moz-background-size: cover;
			-webkit-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(backgroundsize.min.htc);
			background-position:50% 50%;
			}
				
		.canabal {
			background:url(../imagenes/canabalG.jpg) no-repeat;
			-moz-background-size: cover;
			-webkit-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(backgroundsize.min.htc);
			background-position:50% 50%;
			}
				
		.entrelineas {
			background:url(../imagenes/entrelineasG.jpg) no-repeat;
			-moz-background-size: cover;
			-webkit-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(backgroundsize.min.htc);
			background-position:50% 0%;
			}
			
		.panambi {
			background:url(../imagenes/panambiG.jpg) no-repeat;
			-moz-background-size: cover;
			-webkit-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-ms-behavior: url(backgroundsize.min.htc);
			background-position:50% 0%;
			}
		
		.nicolas {
				background:url(../imagenes/nicolasG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
		.aued {
				background:url(../imagenes/auedG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
		
		.itamaraca {
				background:url(../imagenes/itamaracaG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
		.logos {
				background:url(../imagenes/logosG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
		.ril {
				background:url(../imagenes/rilG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
		.ura {
				background:url(../imagenes/uramieloG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
		.agu {
				background:url(../imagenes/agustinaG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
			
		.or {
				background:url(../imagenes/orG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
		.indie {
				background:url(../imagenes/indieG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
		.central {
				background:url(../imagenes/centralG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
		
		.silber {
				background:url(../imagenes/silberG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
		.txt {
				background:url(../imagenes/txtG.jpg) no-repeat;
				-moz-background-size: cover;
				-webkit-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				-ms-behavior: url(backgroundsize.min.htc);
				background-position:50% 0%;
				}
				
section {
	overflow:hidden;
	width:100%;
	height:auto;
	margin-bottom:1%;
	}

	.cliente {
		margin-top:1%;
		}
		
		.nombre {
			width:66%;
			padding:2% 2% 2% 1.5%;
			}
		
		.marca {
			width:25%;
			padding:2% 3% 2% 2%;
			}
	
	.descripcion {
		width:45%;
		margin-top:2%;
		padding:0 3.25% 0.5% 1.5%;
		float:left;
		}
		
		.data {
			width:40%;
			}
		
		.nosotros {
			width:35%;
			padding:3% 2% 2% 2%;
			margin-top:0%;
			height: 100%;
			}
			
			.contacto {
				background:rgba(239, 63, 80, 0.5);
				float:left;
				width:92%;
				height:auto;
				padding:4%;
				}
				
			.gif {
				display:block;
				position:absolute;
				width:100px;
				right:20px;
				top: 20px;
				}
	
	.siguiente {
		margin:1% 1% 0.5% 0;
		}
		
		.siguiente a {
			display:block;
			width:50px;
			height:65px;
			}
			
	.anterior {
		background:url(../imagenes/flechachica2.png) no-repeat left;
		float:right;
		margin:1.5% 1.5% 0 0;
		}
		
		.anterior a {
			display:block;
			width:50px;
			height:65px;
			}
		
	#galeria {
		width:98%;
		margin:1% 1% 0.1% 1%;
		padding: 2% 0 2% 0;
		}
		
		#galeria2 {
			width:98%;
			margin:0% 1% 0% 1%;
			padding: 2% 0 2% 0;
			}
		
	.fotos {
		width:49.75%;
		margin-top:0%;
		margin-left:0.25%;
		float:left;
		}
		
		.trio {
			width:33% !important;
			float:left;
			}
		
		.chica {
			width:24.75%;
			float:left;
			margin-top:0%;
			}
		
		.grande {
			width:74.75%;
			float:left;
			margin-top:0%;
			}
		
		.full {
			width:100%;
			}
			
			.margen {
				margin-top:-0.05%;
				}
		
.clearfix:after { 
  content: "container"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}
.clearfix { 
  display: inline-block;  
}
* html .clearfix {  
  height: 1%;  
} /* Hides from IE-mac \*/
.clearfix {  
  display: block;  
}			
			
	}