@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');



*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family:'Bebas Neue', sans-serif;
	font-weight: bold;
}

p {
	font-weight: 500;
}
h2 {
	font-weight: 400;
}
a {
	font-weight: 500;
}


/*****SCROLL******/

html {
	scroll-behavior: smooth;
}
html::-webkit-scrollbar {
	width: 17px;
}
html::-webkit-scrollbar-thumb {
	background: #e53212;
	border-radius: 12px;
}
html::-webkit-scrollbar-thumb:hover {
	background: #000000;
	transition: 0,2 ease;
	
}

/* ANIMACION PRINCIPAL */

#cortinas {
	position:absolute;
	top: 0;
	width: 100%;
	height: 700px;
	background-color:#e94f1b;
	z-index: 1000000000;
}
.logouno {
	position: absolute;
	top: 180px;
	width: 350px;
	left: 495px;
	
}
.move {
	position: absolute;
	width: 100%;
}
.logodos {
	position: absolute;
	top: 325px;
	left: 525px;
	width: 260px;
}
.cortinaprev {
	position:absolute;
	top: 0;
	width: 100%;
	height: 700px;
	background-color:black;
	z-index: 100000000;
}
.cortinaprevdos {
	position:absolute;
	top: 0;
	width: 100%;
	height: 700px;
	background-color: #e94f1b;
	z-index: 10000000;
}



/*******NAV-BAR*********/

.bar {
	position: fixed;
	left: 0;
	top: 0;
	width: 70px;
	height: 100%;
	background-color: black;
	z-index: 1;
	border-bottom: 10px solid #e94f1b;
}
.rotate img {
	position: absolute;
	width: 300px;
	left: -120px;
	top: 320px;
	font-size: 20px;
	color: white;
	transform: rotate(-90deg);
	letter-spacing: 8px;
}



#navbar {
	position:fixed;
	width: 100%;
	height: 100%;
}

.logonav img {
	position: fixed;
	left: 10px;
	top: 10px;
	width: 210px;
	cursor: pointer;
}

#btn-menu {
	display: none;
}

.nav {
	position:fixed;
	left: 10px;
	top: 10px;
	width: 50px;
	cursor: pointer;
	z-index: 100;
	transition: 0.3s;
	
}
.nav:hover {
	transform: scale(1.1);
	transition: 0.3s;
}
#btn-menu:checked ~ .container-menu  {
	opacity: 1;
	visibility: visible;
	
}
		
.container-menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s;
	z-index: 1000;
}
.cont-menu {
	position: fixed;
	width: 40%;
	height: 100%;
	background-color: #e94e1b;
	transform: translateX(-100%);
	z-index: 1000;
	transition: 0.4s;
	
}
#btn-menu:checked ~ .container-menu .cont-menu {
	transform: translateX(0%);
}
.cont-menu nav {
	padding-top: 100px;
	transform: translateY(15%);
}
.cont-menu nav a {
	text-decoration: none;
	padding: 20px;
	color: white;
	display: block;
	border-left: 5px solid transparent;
	font-size: 18px;
	letter-spacing: 2px;
	transition: 0.4s;
}
.cont-menu nav a:hover {
	border-left: 5px solid #AFAFAF;
	background-color: black;
	padding-left: 40px;
	transition: 0.4s;
}
.cont-menu label {
	position: absolute;
	right: 30px;
	top: 30px;
}
.cont-menu label img  {
	width: 30px;
	cursor: pointer;
}

.icon-equis img {
	transition: 0.4s;
}

.icon-equis img:hover {
	transform: scale(1.2);
	transition: 0.4s;
}

/*****HEADER******/

#header {
	position: fixed;
	top: -10px;
	width: 800px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 260px;
	z-index: 10;

}
#header .bari {
	max-width: 900px;
	height: 90px;
	background-color: black;
	border-radius: 0px 0px 22px 22px;
}
.lines img {
	position: absolute;
	width: 60px;
	left: 40px;
	top: 25px;
	z-index: 20;
	
}
.logo {
	margin-top: 10px;
	width: 90px;
	animation-duration: 2s;
	animation-name: mega;
	animation-iteration-count: infinite;
	
}

#lista ul {
	display: flex;
	align-content: center;
	justify-content: center;
		
}
#lista li {
	list-style: none;
	padding: 32px 30px;	
	transition: 0.3s ease;
}
#lista li a {
	text-decoration: none;
	color: white;
	font-size: 20px;
	
}
#lista li a:hover {
	color:#e94e1b; 
	transition: 0,3s ease;
}
#lista li:hover {
	transform: translateY(-3px);
	transition: 0.3s ease;
}
#lista li a:hover {
	border-bottom: 2px solid;
	transition: 0.3s ease;
	
}

/******VENTANA FIXED*****/

.activere {
	position: absolute;
	top: -10px;
	width: 100%;
	height: 800px;
	z-index: 3;
}

.blur {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 2;
	opacity: 0.4;
	
}
.activecontent {
	position: absolute;
	top: 140px;
	left: 320px;
	width: 700px;
	height: 400px;
	border-radius: 50px;
	z-index: 3;
	box-shadow: 8px 8px 8px 8px rgba(0, 0, 0, 0.1);
}


.activeventa img {
	position: absolute;
	width: 700px;
	cursor: pointer;
}


.butonsiete {
	position: absolute;
	top: 305px;
	left: 100px;
	width: 190px;
	height: 60px;
	border-radius: 20px;
	background-color: black;
	transition: 0.4s;
}
.butonsiete a  {
	text-decoration: none;
}
.butonsiete:hover {
	cursor: pointer;
	transform: scale(1.07);
	transition: 0.4s;
	background-color: #e94e1b;
}
.butonsiete h2 {
	margin-top: 10px;
	margin-left: 20px;
	font-size: 30px;
	letter-spacing: 3px;
	width: 250px;
	color: white;
}

/******BOTON FIXED*****/

.bottonprin {
	position: absolute;
	right: 90px;
	bottom: 60px;
	width: 80px;
	height: 80px;
	z-index: 4;
	border-radius: 50%;
	background-color: #e94f1b;
	animation-duration: 2s;
	animation-name: let;
	animation-iteration-count: infinite;
}
.bottonprin img {
	margin: 19px;
	width: 40px;
	cursor: pointer;
	
}




/******PRIMERA SECCION -  PRINCIPAL*******/

#principal {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 700px;
	background-color: white;
	border-bottom: 50px solid #e94f1b;

}

.redes {
	position: absolute;
	top: 200px;
	right: 40px;
	z-index: 100;
}
.redes .bar1 {
	position: absolute;
	top: 220px;
	right: 13px;
	width: 3px;
	height: 170px;
	background-color: black;
}
.redes .bar2 {
	position: absolute;
	top: -170px;
	right: 13px;
	width: 3px;
	height: 170px;
	background-color: black;
}
.redes li {
	list-style: none;
}

.redes img {
	margin-top: 30px;
	width: 30px;
	transition: 0.4s ease;
}
.redes img:hover {
	transform: scale(1.1);
	transition: 0.4s ease;
}


/*  SWIPERS  */

.mySwiper {
	position: absolute;
	top: 0;
	width: 100;
	height: 700px;
	background: none;
}

/* SWIPER DISEÑO GRAFICO */

.diseno {
	position: absolute;
	top: 105px;
	left: 310px;
	width: 700px;
	z-index: -1;
}
.butonuno {
	position: absolute;
	top: 545px;
	left: 560px;
	width: 160px;
	height: 50px;
	border-radius: 10px;
	background-color: #e64011;
	z-index: 100;
	transition: 0.3s ease;
}
.butonuno:hover {
	background: #000000;
	cursor: pointer;
	transform: translateY(-10px);
	transition: 0.3s ease;
	
}
.butonuno a {
	position: relative;
	left: 27px;
	top: 10px;
	text-decoration: none;
	color: white;
	font-size: 25px;
	letter-spacing: 6px;
}

/* SWIPER CALENDARIOS */

.calen {
	position: absolute;
	top: 125px;
	left: 120px;
	width: 1100px;
	z-index: -1;
}

.butondos {
	position: absolute;
	top: 550px;
	left: 560px;
	width: 160px;
	height: 50px;
	border-radius: 10px;
	background-color: #e64011;
	z-index: 100;
	transition: 0.3s ease;
}
.butondos:hover {
	background: #000000;
	cursor: pointer;
	transform: translateY(-10px);
	transition: 0.3s ease;
	
}
.butondos a {
	position: relative;
	left: 27px;
	top: 10px;
	text-decoration: none;
	color: white;
	font-size: 25px;
	letter-spacing: 6px;
}

/* SWIPER CAMISAS */

.camisasi {
	position: absolute;
	top: 125px;
	left: 120px;
	width: 1100px;
	z-index: -1;
}

.butontres {
	position: absolute;
	top: 550px;
	left: 560px;
	width: 160px;
	height: 50px;
	border-radius: 10px;
	background-color: #e64011;
	z-index: 100;
	transition: 0.3s ease;
}
.butontres:hover {
	background: #000000;
	cursor: pointer;
	transform: translateY(-10px);
	transition: 0.3s ease;
	
}
.butontres a {
	position: relative;
	left: 27px;
	top: 10px;
	text-decoration: none;
	color: white;
	font-size: 25px;
	letter-spacing: 6px;
}

/* SWIPER AGENDAS */

.agendt {
	position: absolute;
	top: 125px;
	left: 150px;
	width: 1100px;
	z-index: -1;
}

.butonseis {
	position: absolute;
	top: 550px;
	left: 560px;
	width: 160px;
	height: 50px;
	border-radius: 10px;
	background-color: #e64011;
	z-index: 100;
	transition: 0.3s ease;
}
.butonseis:hover {
	background: #000000;
	cursor: pointer;
	transform: translateY(-10px);
	transition: 0.3s ease;
	
}
.butonseis a {
	position: relative;
	left: 27px;
	top: 10px;
	text-decoration: none;
	color: white;
	font-size: 25px;
	letter-spacing: 6px;
}


/* SWIPER GORRAS */

.gorrasi {
	position: absolute;
	top: 125px;
	left: 120px;
	width: 1100px;
	z-index: -1;
}

.butoncuatro {
	position: absolute;
	top: 550px;
	left: 560px;
	width: 160px;
	height: 50px;
	border-radius: 10px;
	background-color: #e64011;
	z-index: 100;
	transition: 0.3s ease;
}
.butoncuatro:hover {
	background: #000000;
	cursor: pointer;
	transform: translateY(-10px);
	transition: 0.3s ease;
	
}
.butoncuatro a {
	position: relative;
	left: 27px;
	top: 10px;
	text-decoration: none;
	color: white;
	font-size: 25px;
	letter-spacing: 6px;
}

/* SWIPER LAPICEROS */

.lapicerosi {
	position: absolute;
	top: 125px;
	left: 120px;
	width: 1100px;
	z-index: -1;
}

.butoncinco {
	position: absolute;
	top: 560px;
	left: 560px;
	width: 160px;
	height: 50px;
	border-radius: 10px;
	background-color: #e64011;
	z-index: 1000;
	transition: 0.3s ease;
}
.butoncinco:hover {
	background: #000000;
	cursor: pointer;
	transform: translateY(-10px);
	transition: 0.3s ease;
	
}
.butoncinco a {
	position: relative;
	left: 27px;
	top: 10px;
	text-decoration: none;
	color: white;
	font-size: 25px;
	letter-spacing: 6px;
}



/* SWIPER BUTONS */

.swiper-button-next img {
	position: absolute;
	top: 155px;
	right: 200px;
	width: 60px;
	transition: 0.4s;
	z-index: 100000;
}

.swiper-button-next img:hover {
	transform: scale(1.2);
	transition: 0.4s;
	
}
.swiper-button-prev img {
	position: absolute;
	top: 155px;
	left: 200px;
	width: 60px;
	z-index: 100000;
}
.swiper-button-prev img:hover {
	transform: scale(1.2);
	transition: 0.4s;
	
}


/******PREVIO*****/

#prev {
	position: absolute;
	width: 100%;
	height: 670px;
	top: 700px;
	background-color:#0e0e0e;
	border-top: solid 10px #e94f1b;

}
.clasesprin {
	position: relative;
	margin-top: 100px;
	margin-left: 250px;
	display: inline-block;
	width: 900px;
	height: 300px;
	
}

/***IDEAS***/

.clasesuno {
	position: absolute;
	left: 30px;
	width: 260px;
	height: 290px;
	background:#0e0e0e;
	box-shadow: 5px 5px 5px 4px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	transition: 0.4s ease;
	border-bottom: 10px solid #e94f1b;
	
}
.clasesuno:hover {
	margin-top: -15px;
	transition: 0.4s ease;
	cursor: pointer;
	background:#e94f1b;
}
.clasesuno img {
	margin-top: 15px;
	margin-left: 40px;
	width: 170px;
}
.clasesuno h2 {
	margin-left: 80px;
	color: white;
	letter-spacing: 6px;
	font-size: 35px;
}

.titlesi {
	position: relative;
	max-width: 800px;
	margin-top: 30px;
	margin-left: 295px;
}
.titlesiuno {
	color: white;
	font-size: 45px;
	letter-spacing: 2px;
	text-align: center;
}
.titlesidos {
	margin-top: -10px;
	color: #e94f1b;
	font-size: 65px;
	letter-spacing: 2px;
	text-align: center;
	cursor: pointer;
}
.titlesidos:after {
	content: "";
	position: absolute;
	background-color: #e94f1b;
	height: 5px;
	width: 0;
	left: 0;
	bottom: -10px;
	transition: 0.3s;
}
.titlesidos:hover:after {
	width: 100%;
	
}

/****CRATIVIDAD***/

.clasesdos {
	position: absolute;
	left: 320px;
	width: 260px;
	height: 290px;
	background:#0e0e0e;
	box-shadow: 5px 5px 5px 4px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	transition: 0.4s ease;
	border-bottom: 10px solid #e94f1b;
}
.clasesdos:hover {
	margin-top: -15px;
	transition: 0.4s ease;
	cursor: pointer;
	background:#e94f1b;
}
.clasesdos img {
	margin-top: 15px;
	margin-left: 40px;
	width: 170px;
}
.clasesdos h2 {
	margin-left: 28px;
	color: white;
	letter-spacing: 6px;
	font-size: 35px;
}

/****EFICACIA***/

.clasestres {
	position: absolute;
	right: 30px;
	width: 260px;
	height: 290px;
	background:#0e0e0e;
	box-shadow: 5px 5px 5px 4px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	transition: 0.4s ease;
	border-bottom: 10px solid #e94f1b;
}
.clasestres:hover {
	margin-top: -15px;
	transition: 0.4s ease;
	cursor: pointer;
	background:#e94f1b;
}
.clasestres img {
	margin-top: 15px;
	margin-left: 40px;
	width: 170px;
}
.clasestres h2 {
	margin-left: 55px;
	color: white;
	letter-spacing: 6px;
	font-size: 35px;
}

/***** SEGUNDA SECCION - QUINES SOMOS*****/

#quienes {
	position: absolute;
	top: 1400px;
	width: 100%;
	height: 710px;
	
}
.formuno {
	position: absolute;
	left: -100px;
	top: 0px;
	width: 700px;
	height: 380px;
	transform: rotate(47deg);
	background-color: #e94e1b;
	border-radius: 100px;
	z-index: -1;
}

.text2 {
	position:absolute;
	top: 150px;
	right: 200px;
	width: 450px;
	height: 500px;
	z-index: 1;
	
}
.titulotres {
	font-size: 105px;
	font-weight: 400;
}
.titulocuatro {
	font-size: 135px;
	margin-top: -55px;
	color: #e94e1b;
}
.subtext2 {
	margin-top: -30px;
	font-size: 30px;
}
.megafono img {
	position: absolute;
	left: 210px;
	top: 150px;
	width: 420px;
	z-index: 1;
	animation-duration: 2.3s;
	animation-name: mega;
	animation-iteration-count: infinite;
}

.siempre {
	position: relative;
	
}
.siempre .siempre1 {
	margin-top: 110px;
	margin-left:800px; 
	letter-spacing: 20px;
	font-size: 20px;
}
.siempre .siempre2 {
	margin-top: 500px;
	margin-left:200px; 
	letter-spacing: 20px;
	font-size: 20px;
}
.float img {
	width: 100px;
	margin-top: 10px;
	margin-left: 135px;
	animation-duration: 2s;
	animation-name: crea;
	animation-iteration-count: infinite;
}

/***** TERCERA SECCION - SERVICIOS *****/

#servicios {
	position: relative;
	top: 2150px;
	width: 100%;
	height: 1350px;
	background-color: #e94e1b;
}

.formdos {
	position: absolute;
	top: 10px;
	width: 100%;
	height: 370px;
	background-color: black;
}

.titles {
	position: absolute;
	top: 80px;
	left: 420px;
}
.titles .prime {
	text-align: center;
	color: white;
	font-size: 100px;
}
.titles .segun {
	margin-top: -30px;
	font-size: 125px;
	color: #e94f1b;
	text-align: center;
	cursor: pointer;
}
.segun:after {
	content: "";
	position: absolute;
	background-color: #e94f1b;
	height: 5px;
	width: 0;
	left: 0;
	bottom: -5px;
	transition: 0.3s;
	
}
.segun:hover:after {
	width: 100%;
	
}
.servis {
	position: absolute;
	top: 390px;
	left: 200px;
	width: 1000px;
	height: 600px;
	
}

/**** PAPELERIA ****/

.papeleriauno {
	position: absolute;
	left: 15px;
	top: 50px;
	width: 450px;
	height: 240px;
	background: white;
	border-radius: 20px;
	transition: 0.5s ease;
}
.linkuno img {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 60px;
}
.papeleriauno:hover {
	background-color: black;
	cursor: pointer;
	color: white;
}
.papeleriauno:hover {
	transform:scale(1.04);
	transition: 0.5s ease;
}

 .comercial {
	position: absolute;
	width: 187px;
	left: 0;
	top: 0;
}

.texti {
    padding-left: 210px;
	margin-top: -75px;
	font-size: 55px;
	
}
.texti1 {
    padding-left: 210px;
	margin-top: -20px;
	font-size: 60px;
	color:#e94e1b; 
}
.texti2 {
    padding-left: 210px;
	margin-top: -20px;
	font-size: 150px;
	color:#e94e1b; 
	letter-spacing: -5px;
}

/**** DISEÑO GRAFICO ****/

.disenograf {
	position: absolute;
	top: 50px;
	right: 15px;
	width: 450px;
	height: 240px;
	background: white;
	border-radius: 20px;
	transition: 0.5s ease;
	
}
.linkdos img {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 60px;
}
.disenograf:hover {
	background-color: black;
	cursor: pointer;
	color: white;
}
.disenograf:hover {
	transform:scale(1.04);
	transition: 0.5s ease;
}

.grafi {
	position: absolute;
	width: 187px;
	left: 0;
	top: 0;
}

.texti {
    padding-left: 210px;
	padding-top: 20px;
	font-size: 55px;
	
}
.texti1 {
    padding-left: 210px;
	margin-top: -20px;
	font-size: 60px;
	color:#e94e1b; 
}

/**** LITOGRAFIA ****/

.litografias {
	position: absolute;
	top: 340px;
	left: 15px;
	width: 450px;
	height: 240px;
	background: white;
	border-radius: 20px;
	transition: 0.5s ease;
	
}
.linktres img {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 60px;
}
.litografias:hover {
	background-color: black;
	cursor: pointer;
	color: white;
}
.litografias:hover {
	transform:scale(1.04);
	transition: 0.5s ease;
}

.litos {
	position: absolute;
	width: 187px;
	left: 0;
	top: 0;
}

.texti {
    padding-left: 210px;
	padding-top: 20px;
	font-size: 55px;
	
}
.texti1 {
    padding-left: 210px;
	margin-top: -20px;
	font-size: 60px;
	color:#e94e1b; 
}

/**** ESTAMPADOS ****/

.estampados {
	position: absolute;
	top: 340px;
	right: 10px;
	width: 460px;
	height: 240px;
	background: white;
	border-radius: 20px;
	transition: 0.5s ease;
	
}
.linkcuatro img {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 60px;
}
.estampados:hover {
	background-color: black;
	cursor: pointer;
	color: white;
}
.estampados:hover {
	transform:scale(1.04);
	transition: 0.5s ease;
}

.estam {
	position: absolute;
	width: 187px;
	left: 0;
	top: 0;
}

.texti {
    padding-left: 210px;
	padding-top: 20px;
	font-size: 55px;
	
}
.texti1 {
    padding-left: 210px;
	margin-top: -20px;
	font-size: 60px;
	color:#e94e1b; 
}

/**** IMPRESION GRAN FORMATO ****/

.impresion {
	position: absolute;
	top: 640px;
	right: 250px;
	width: 460px;
	height: 240px;
	background: white;
	border-radius: 20px;
	transition: 0.5s ease;
	
}
.impresion:hover {
	background-color: black;
	cursor: pointer;
	color: white;
}
.impresion:hover {
	transform:scale(1.04);
	transition: 0.5s ease;
}

.forma {
	position: absolute;
	width: 187px;
	left: 0;
	top: 0;
}

.texti {
    padding-left: 210px;
	padding-top: 20px;
	font-size: 55px;
}
.texti1 {
    padding-left: 210px;
	margin-top: -20px;
	font-size: 60px;
	color:#e94e1b; 
}

/*******SUB SECCION 01 - PAPELERIA COMERCIAL********/

#papeleria {
	position: absolute;
	top: 3500px;
	width: 100%;
	height: 1970px;
}
.servises {
	position: relative;
	margin-top: 160px;
	margin-left: 230px;
	width: 950px;
	height: 1450px;
}
.linedos {
	position: absolute;
	margin-top: 10px;
	left: 200px;
	height: 6px;
	width: 200px;
	background: #e94f1b;
}

.font {
	position: relative;
	margin-top: 20px;
	margin-left: 410px;
	width: 550px;
	height: 190px;
	
}
.font .fontuno {
	text-align:left;
	margin-top: 130px;
	margin-left: 170px;
	color: black;
	font-size: 85px;
}
.font .fontdos {
	text-align:left;
	margin-left: 170px;
	margin-top: -40px;
	color: #e94f1b;
	font-size: 105px;
}
.font .number {
	position: absolute;
	left: 7px;
	top: -30px;
	font-size: 215px;
	letter-spacing: -15px;
	transition: 0.6s;
	
}
.font .number:hover {
	color: #e94f1b;
	transform: scale(1.1);
	cursor: pointer;
	transition: 0.6s;
}
.font p {
	align-items: center;
	text-align: center;
	font-size: 34px;
	margin-top: 45px;
}

/******** TARJETAS DE PRESENTACION******/

.tarjetasuno {
	position: absolute;
	top: 20px;
	width: 300px;
	height: 450px;
	border-radius: 20px;
	border-bottom: 20px solid black;
	transition: 0.4s;
	cursor: pointer;
}

.tarjetasuno:hover  {
	margin-top: -10px;
	transition: 0.4s;
	box-shadow: 5px 5px 5px 4px rgba(0, 0, 0, 0.2);
	border-bottom: 20px solid #e94f1b;
}
.tarjetas img {
	width: 300px;
	transition: 0.3s;
	border-radius: 20px;
}

.tarjetas .fuenteuno {
	text-align: center;
	font-size: 40px;
	margin-top: 10px;
	color: black;
}
.tarjetas .fuentedos {
	margin-top: -10px;
	color:#e94e1b; 
	text-align: center;
	font-size: 40px;
}
.tarjetas .line {
	position: absolute;
	left: 100px;
	height: 3px;
	width: 100px;
	background-color: #e94f1b;
}
.tarjetas p {
	margin-top: 18px;
	font-size: 22px;
	text-align: center;
}

/********VOLANTES******/

.volantesuno {
	position: absolute;
	top: 20px;
	left: 330px;
	width: 300px;
	height: 450px;
	border-radius: 20px;
	border-bottom: 20px solid black;
	transition: 0.4s;
	cursor: pointer;
}

.volantesuno:hover  {
	margin-top: -10px;
	transition: 0.4s;
	box-shadow: 5px 5px 5px 4px rgba(0, 0, 0, 0.2);
	border-bottom: 20px solid #e94f1b;
}
.volantes img {
	width: 300px;
	border-radius: 20px;
}
.volantes .fuenteuno {
	text-align: center;
	font-size: 40px;
	margin-top: 10px;
	color: black;
}
.volantes .fuentedos {
	margin-top: -10px;
	color:#e94e1b; 
	text-align: center;
	font-size: 40px;
}
.volantes .line {
	position: absolute;
	left: 100px;
	height: 3px;
	width: 100px;
	background-color: #e94f1b;
}
.volantes p {
	margin-top: 18px;
	font-size: 22px;
	text-align: center;
}

/********AFICHES******/

.afichesuno {
	position: absolute;
	top: 20px;
	left: 650px;
	width: 300px;
	height: 450px;
	border-radius: 20px;
	border-bottom: 20px solid black;
	transition: 0.4s;
	cursor: pointer;
}

.afichesuno:hover  {
	margin-top: -10px;
	transition: 0.4s;
	box-shadow: 5px 5px 5px 4px rgba(0, 0, 0, 0.2);
	border-bottom: 20px solid #e94f1b;
}
.afiches img {
	width: 300px;
	border-radius: 20px;
}
.afiches .fuenteuno {
	text-align: center;
	font-size: 40px;
	margin-top: 10px;
	color: black;
}
.afiches .fuentedos {
	margin-top: -10px;
	color:#e94e1b; 
	text-align: center;
	font-size: 40px;
}
.afiches .line {
	position: absolute;
	left: 100px;
	height: 3px;
	width: 100px;
	background-color: #e94f1b;
}
.afiches p {
	margin-top: 18px;
	font-size: 22px;
	text-align: center;
}

/********CARPETAS******/

.carpetasuno {
	position: absolute;
	top: 500px;
	left: 0px;
	width: 300px;
	height: 450px;
	border-radius: 20px;
	border-bottom: 20px solid black;
	transition: 0.4s;
	cursor: pointer;
}

.carpetasuno:hover  {
	margin-top: -10px;
	transition: 0.4s;
	box-shadow: 5px 5px 5px 4px rgba(0, 0, 0, 0.2);
	border-bottom: 20px solid #e94f1b;
}
.carpetas img {
	width: 300px;
	border-radius: 20px;
}
.carpetas .fuenteuno {
	text-align: center;
	font-size: 40px;
	margin-top: 10px;
	color: black;
}
.carpetas .fuentedos {
	margin-top: -10px;
	color:#e94e1b; 
	text-align: center;
	font-size: 40px;
}
.carpetas .line {
	position: absolute;
	left: 100px;
	height: 3px;
	width: 100px;
	background-color: #e94f1b;
}
.carpetas p {
	margin-top: 18px;
	font-size: 22px;
	text-align: center;
}

/********AGENDAS******/

.agendasuno {
	position: absolute;
	top: 500px;
	left: 330px;
	width: 300px;
	height: 450px;
	border-radius: 20px;
	border-bottom: 20px solid black;
	transition: 0.4s;
	cursor: pointer;
}

.agendasuno:hover  {
	margin-top: -10px;
	transition: 0.4s;
	box-shadow: 5px 5px 5px 4px rgba(0, 0, 0, 0.2);
	border-bottom: 20px solid #e94f1b;
}
.agendas img {
	width: 300px;
	border-radius: 20px;
}
.agendas .fuenteuno {
	text-align: center;
	font-size: 40px;
	margin-top: 10px;
	color: black;
}
.agendas .fuentedos {
	margin-top: -10px;
	color:#e94e1b; 
	text-align: center;
	font-size: 40px;
}
.agendas .line {
	position: absolute;
	left: 100px;
	height: 3px;
	width: 100px;
	background-color: #e94f1b;
}
.agendas p {
	margin-top: 18px;
	font-size: 22px;
	text-align: center;
}

/********CALENDARIOS******/

.calendariosuno {
	position: absolute;
	top: 500px;
	left: 650px;
	width: 300px;
	height: 450px;
	border-radius: 20px;
	border-bottom: 20px solid black;
	transition: 0.4s;
	cursor: pointer;
}

.calendariosuno:hover  {
	margin-top: -10px;
	transition: 0.4s;
	box-shadow: 5px 5px 5px 4px rgba(0, 0, 0, 0.2);
	border-bottom: 20px solid #e94f1b;
}
.calendarios img {
	width: 300px;
	border-radius: 20px;
}
.calendarios .fuenteuno {
	text-align: center;
	font-size: 40px;
	margin-top: 10px;
	color: black;
}
.calendarios .fuentedos {
	margin-top: -10px;
	color:#e94e1b; 
	text-align: center;
	font-size: 40px;
}
.calendarios .line {
	position: absolute;
	left: 100px;
	height: 3px;
	width: 100px;
	background-color: #e94f1b;
}
.calendarios p {
	margin-top: 18px;
	font-size: 22px;
	text-align: center;
}
/********TARJETAS IMANTADAS******/

.imantadasuno {
	position: absolute;
	top: 980px;
	left: 180px;
	width: 300px;
	height: 450px;
	border-radius: 20px;
	border-bottom: 20px solid black;
	transition: 0.4s;
	cursor: pointer;
}

.imantadasuno:hover  {
	margin-top: -10px;
	transition: 0.4s;
	box-shadow: 5px 5px 5px 4px rgba(0, 0, 0, 0.2);
	border-bottom: 20px solid #e94f1b;
}
.imantadas img {
	width: 300px;
	border-radius: 20px;
}
.imantadas .fuenteuno {
	text-align: center;
	font-size: 40px;
	margin-top: 10px;
	color: black;
}
.imantadas .fuentedos {
	margin-top: -10px;
	color:#e94e1b; 
	text-align: center;
	font-size: 40px;
}
.imantadas .line {
	position: absolute;
	left: 100px;
	height: 3px;
	width: 100px;
	background-color: #e94f1b;
}
.imantadas p {
	margin-top: 18px;
	font-size: 22px;
	text-align: center;
}

/********ETIQUETAS******/

.etiquetasuno {
	position: absolute;
	top: 980px;
	left: 510px;
	width: 300px;
	height: 450px;
	border-radius: 20px;
	border-bottom: 20px solid black;
	transition: 0.4s;
	cursor: pointer;
}

.etiquetasuno:hover  {
	margin-top: -10px;
	transition: 0.4s;
	box-shadow: 5px 5px 5px 4px rgba(0, 0, 0, 0.2);
	border-bottom: 20px solid #e94f1b;
}
.etiquetas img {
	width: 300px;
	border-radius: 20px;
}
.etiquetas .fuenteuno {
	text-align: center;
	font-size: 40px;
	margin-top: 10px;
	color: black;
}
.etiquetas .fuentedos {
	margin-top: -10px;
	color:#e94e1b; 
	text-align: center;
	font-size: 40px;
}
.etiquetas .line {
	position: absolute;
	left: 100px;
	height: 3px;
	width: 100px;
	background-color: #e94f1b;
}
.etiquetas p {
	margin-top: 18px;
	font-size: 22px;
	text-align: center;
}

/*******SUB SECCION 02 - DISENO GRAFICO********/

#disenografico {
	position: absolute;
	top: 5450px;
	width: 100%;
	height: 1100px;
	background-color: #e94f1b;
	border-top: 12px solid black;
}

.nume {
	position: relative;
	margin-top: 20px;
	margin-left: 390px;
	width: 550px;
	height: 190px;
	
}
.nume .numeuno {
	text-align:left;
	margin-top: 100px;
	margin-left: 220px;
	color: black;
	font-size: 85px;
}
.nume .numedos {
	text-align:left;
	margin-left: 220px;
	margin-top: -40px;
	color: white;
	font-size: 105px;
}
.nume .numberdos {
	position: absolute;
	left: 45px;
	top: -30px;
	font-size: 215px;
	letter-spacing: -10px;
	transition: 0.6s;
	
}
.nume .numberdos:hover {
	color: white;
	transform: scale(1.1);
	cursor: pointer;
	transition: 0.6s;
}
.linetres {
	position: absolute;
	margin-top: 10px;
	left: 200px;
	height: 6px;
	width: 200px;
	background-color: white;
}
.nume p {
	align-items: center;
	text-align: center;
	font-size: 37px;
	margin-top: 45px;
}
.cuadro {
	position: absolute;
	top: 520px;
	width: 100%;
	height: 420px;
	background-color: black;
}

.diseicon img {
	position: absolute;
	top: 40px;
	left: 200px;
	width: 150px;
	margin-left: 200px;
	transition: 0.4s;
}
.diseicon img:hover {
	transform: scale(1.1);
	transition: 0.4s;
	cursor: pointer;
}
.dise {
	position: relative;
	margin-top: 210px;
	margin-left: -400px;
}
.dise p {
	font-size: 33px;
	letter-spacing: 1px;
	color: white;
	text-align: center;
	transition: 0.4s;
}

.disedos {
	position: absolute;
	width: 100%;
	height: 460px;
	top: 920px;
	background-color: white;
}
.compu img {
	position: absolute;
	top: -20px;
	right: 70px;
	width: 470px;
}


.content {
	position: relative;
	margin-top: 120px;
}

.content .contuno {
	font-size: 65px;
	text-align: center;
}
.content .contdos {
	margin-top: -15px;
	color: #e94f1b;
	font-size: 65px;
	text-align: center;
}
.content p {
	margin-top: 85px;
	font-size: 20px;
	text-align: center;
	letter-spacing: 20px;
}
.linecuatro {
	position: absolute;
	margin-top: 290px;
	left: 560px;
	height: 6px;
	width: 200px;
	background: #e94f1b;
}
.linecinco {
	position: absolute;
	margin-top: 80px;
	left: 560px;
	height: 6px;
	width: 200px;
	background: #e94f1b;
}
	
/*******SUB SECCION 03 - LITOGRAFIA********/

#litografia {
	position: absolute;
	top: 6870px;
	width: 100%;
	height: 1400px;
	background-color: #e94f1b;
	border-top: 12px solid black;
}
.grafia {
	position: relative;
	margin-top: 20px;
	margin-left: 350px;
	width: 590px;
	height: 190px;
	
}
.grafia .grafiauno {
	text-align:left;
	margin-top: 100px;
	margin-left: 220px;
	color: black;
	font-size: 85px;
}
.grafia .grafiados {
	text-align:left;
	margin-left: 220px;
	margin-top: -40px;
	color: white;
	font-size: 105px;
}
.grafia .numerdos {
	position: absolute;
	left: 45px;
	top: -30px;
	font-size: 215px;
	letter-spacing: -10px;
	transition: 0.6s;
	
}
.grafia .numerdos:hover {
	color: white;
	transform: scale(1.1);
	cursor: pointer;
	transition: 0.6s;
}
.lineseis {
	position: absolute;
	margin-top: 10px;
	left: 220px;
	height: 6px;
	width: 200px;
	background-color: white;
}
.grafia p {
	align-items: center;
	text-align: center;
	font-size: 37px;
	margin-top: 45px;
	margin-left: 40px;
}
.cuar {
	position: absolute;
	top: 520px;
	width: 100%;
	height: 430px;
	background-color: black;
}
.cuaruno {
	position: absolute;
	margin-top: 210px;
	right: 145px;
}
.cuaruno p {
	font-size: 33px;
	letter-spacing: 1px;
	color: white;
	text-align: center;
	transition: 0.4s;
}
.grafiaicon img {
	position: absolute;
	top: 55px;
	right: 285px;
	width: 130px;
	margin-left: 200px;
	transition: 0.4s;
}
.grafiaicon img:hover {
	transform: scale(1.1);
	cursor: pointer;
	transition: 0.4s;
}
.maqui img {
	position: absolute;
	top: 40px;
	left: 120px;
	width: 560px;
}
.infor {
	position: relative;
	margin-top: 420px;
	width: 100%;
	height: 790px;
	background-color: white;
}
.infoprin .infoprinuno {
	position: relative;
	top: 65px;
	text-align: center;
	font-size: 75px;
}
.infoprin .infoprindos {
	position: relative;
	margin-top: 50px;
	text-align: center;
	color: #e94f1b;
	font-size: 75px;
}
.infoprin .t-lineuno {
	position:relative;
	margin-top: 10px;
	margin-left: 490px;
	width: 330px;
	height: 7px;
	background: #e94f1b;
}
.proces {
	position: relative;
	margin-top: -460px;
	margin-left: 170px;
	width: 1050px;
	height: 400px;
}

/***PROCES - UNO***/

.procesuno {
	position: absolute;
	height: 400px;
	width: 350px;
}

.procesuno img {
	width: 260px;
	margin-left: 40px;
	transition: 0.4s;
}
.procesuno img:hover {
	transform: scale(1.08);
	transition: 0.4s;
	cursor: pointer;
}
.procesuno .procestex  {
	margin-top: 20px;
	text-align: center;
	font-size: 35px;
}
.procesuno .t-line {
	position:relative;
	margin-left: 110px;
	margin-top: 20px;
	width: 130px;
	height: 4px;
	background: #e94f1b;
}

/***PROCES - DOS***/

.procesdos {
	position: absolute;
	left: 360px;
	height: 400px;
	width: 350px;
	
}
.procesdos img:hover {
	transform: scale(1.08);
	transition: 0.4s;
	cursor: pointer;
}
.procesdos img {
	width: 260px;
	margin-left: 40px;
	transition: 0.4s;
}
.procesdos .procestex  {
	margin-top: 20px;
	text-align: center;
	font-size: 35px;
}
.procesdos .t-line {
	position:relative;
	margin-left: 110px;
	margin-top: 20px;
	width: 130px;
	height: 4px;
	background: #e94f1b;
}

/***PROCES - TRES***/

.procestres {
	position: absolute;
	left: 720px;
	height: 400px;
	width: 350px;
}

.procestres img {
	width: 260px;
	margin-left: 40px;
	transition: 0.4s;
}
.procestres img:hover {
	transform: scale(1.08);
	transition: 0.4s;
	cursor: pointer;
}
.procestres .procestex  {
	margin-top: 20px;
	text-align: center;
	font-size: 35px;
}
.procestres .t-line {
	position:relative;
	margin-left: 110px;
	margin-top: 20px;
	width: 130px;
	height: 4px;
	background: #e94f1b;
}

/*******SUB SECCION 04 - ESTAMPADOS********/

#estampados {
	position: absolute;
	width: 100%;
	height: 3100px;
	top: 8650px;
	background: #e94f1b;
	border-top: 10px solid black;
}
.estamuno {
	position: relative;
	margin-top: 20px;
	margin-left: 360px;
	width: 750px;
	height: 190px;
	
}
.estamuno .estamdos {
	text-align:left;
	margin-top: 100px;
	margin-left: 230px;
	color: black;
	font-size: 85px;
}
.estamuno .estamtres {
	text-align:left;
	margin-left: 230px;
	margin-top: -35px;
	color: white;
	font-size: 105px;
}
.estamuno .numbertres {
	position: absolute;
	left: 45px;
	top: -30px;
	font-size: 215px;
	letter-spacing: -2px;
	transition: 0.6s;
	
}
.estamuno .numbertres:hover {
	color: white;
	transform: scale(1.1);
	cursor: pointer;
	transition: 0.6s;
}
.linesiete {
	position: absolute;
	margin-top: 10px;
	left: 240px;
	height: 6px;
	width: 200px;
	background-color: white;
}
.estamuno p {
	margin-left: -30px;
	text-align: center;
	font-size: 37px;
	margin-top: 45px;
}

.objects {
	position: relative;
	margin-top: 240px;
	background-color: white;
	width: 100%;
	height: 2550px;
}

.contenedoruno {
	position: relative;
	top: 30px;
	margin-left: 220px;
	width: 1000px;
	height: 2500px;
}

/****CAMISAS****/

.camisasuno {
	position: absolute;
	width: 1000px;
	height: 400px;
	transition: 0.5s;
}
.camisasuno:hover {
	border-radius: 20px;
	background: black;
	color: white;
	transition: 0.5s;
	cursor: pointer;
	transform: scale(1.03);
}
.camisas {
	position: absolute;
	top: 50px;
	right: 80px;
	width: 430px;
}
.camisas .princi {
	font-size: 75px;
}
.camisas .princidos {
	margin-top: -27px;
	font-size: 75px;
	color: #e94f1b;
}
.camisas p {
	font-size: 30px;
}
.fotograuno img {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 470px;
	z-index: 1;
}

.circleuno {
	position: absolute;
	top: 30px;
	left: 70px;
	background-color: #e94f1b;
	width: 340px;
	height: 340px;
	border-radius: 50%;
}

.lineborder {
	width: 250px;
	height: 6px;
	background-color: #e94f1b;
	margin-top: 30px;
}



/****GORRAS****/

.gorrasuno {
	position: absolute;
	top: 420px;
	width: 1000px;
	height: 400px;
	transition: 0.5s;
}
.gorrasuno:hover {
	border-radius: 20px;
	background: black;
	color: white;
	transition: 0.5s;
	cursor: pointer;
	transform: scale(1.03);
}
.gorras {
	position: absolute;
	top: 50px;
	left: 80px;
	width: 430px;
}
.gorras .princitres {
	font-size: 75px;
}
.gorras .princicuatro {
	margin-top: -27px;
	font-size: 75px;
	color: #e94f1b;
}
.gorras p {
	font-size: 30px;
}
.fotogrados img {
	position: absolute;
	top: 40px;
	right: 0px;
	width: 470px;
	z-index: 1;
}

.circledos {
	position: absolute;
	top: 30px;
	right: 70px;
	background-color: #e94f1b;
	width: 340px;
	height: 340px;
	border-radius: 50%;
}

/****VASOS MUG****/

.vasosuno {
	position: absolute;
	top: 840px;
	width: 1000px;
	height: 400px;
	transition: 0.5s;
}
.vasosuno:hover {
	border-radius: 20px;
	background: black;
	color: white;
	transition: 0.5s;
	cursor: pointer;
	transform: scale(1.03);
}

.vasos {
	position: absolute;
	top: 50px;
	right: 80px;
	width: 430px;
}
.vasos .princicinco {
	font-size: 75px;
}
.vasos .princiseis {
	margin-top: -27px;
	font-size: 75px;
	color: #e94f1b;
}
.vasos p {
	font-size: 30px;
}
.fotogratres img {
	position: absolute;
	top: 50px;
	left: -10px;
	width: 470px;
	z-index: 1;
}

.circletres {
	position: absolute;
	top: 30px;
	left: 70px;
	background-color: #e94f1b;
	width: 340px;
	height: 340px;
	border-radius: 50%;
}

/****TERMOS****/

.termosuno {
	position: absolute;
	top: 1280px;
	width: 1000px;
	height: 400px;
	transition: 0.5s;
}
.termosuno:hover {
	border-radius: 20px;
	background: black;
	color: white;
	transition: 0.5s;
	cursor: pointer;
	transform: scale(1.03);
}
.termos {
	position: absolute;
	top: 50px;
	left: 80px;
	width: 430px;
}
.termos .princisiete {
	font-size: 75px;
}
.termos .princiocho {
	margin-top: -27px;
	font-size: 75px;
	color: #e94f1b;
}
.termos p {
	font-size: 30px;
}
.fotogracuatro img {
	position: absolute;
	top: -30px;
	right: 80px;
	width: 340px;
	z-index: 1;
}

.circlecuatro {
	position: absolute;
	top: 30px;
	right: 70px;
	background-color: #e94f1b;
	width: 340px;
	height: 340px;
	border-radius: 50%;
}


/****LAPICEROS****/

.lapicerosuno {
	position: absolute;
	top: 1710px;
	width: 1000px;
	height: 400px;
	transition: 0.5s;
}
.lapicerosuno:hover {
	border-radius: 20px;
	background: black;
	color: white;
	transition: 0.5s;
	cursor: pointer;
	transform: scale(1.03);
}
.lapiceros {
	position: absolute;
	top: 50px;
	right: 80px;
	width: 430px;
}
.lapiceros .princinueve {
	font-size: 75px;
}
.lapiceros .princidiez {
	margin-top: -27px;
	font-size: 75px;
	color: #e94f1b;
}
.lapiceros p {
	font-size: 30px;
}
.fotogracinco img {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 450px;
	z-index: 1;
}

.circlecinco {
	position: absolute;
	top: 30px;
	left: 70px;
	background-color: #e94f1b;
	width: 340px;
	height: 340px;
	border-radius: 50%;
}

/****MENSAJE FINAL***/

.mensa {
	position:absolute;
	bottom: 0;
	width: 100%;
	height: 300px;
	background: black;
	border-top: 10px solid #e94f1b;
}

.mensauno {
	position:absolute;
	top: 80px;
	left: 150px;
	width: 1100px;
	height: 250px;
}
.mensa .parra {
	color: white;
	font-size: 55px;
	text-align: center;
	letter-spacing: 5px;
}
.mensa .parrauno {
	margin-top: -10px;
	color: #e94f1b;
	font-size: 65px;
	text-align: center;
	margin-left: 50px;
	letter-spacing: 5px;
}

/*******SUB SECCION 05 - GRAN FORMATO********/

#granformato {
	position: absolute;
	width: 100%;
	height: 2040px;
	top: 11850px;
	background: #e94f1b;
	border-top: 10px solid black;
}
.formatouno {
	position: relative;
	margin-top: 20px;
	margin-left: 350px;
	width: 790px;
	height: 190px;
	
}
.formatouno .formatodos {
	text-align:left;
	margin-top: 100px;
	margin-left: 220px;
	color: black;
	font-size: 85px;
}
.formatouno .formatotres {
	text-align:left;
	margin-left: 220px;
	margin-top: -40px;
	color: white;
	font-size: 105px;
}
.formatouno .numbercuatro {
	position: absolute;
	left: 45px;
	top: -30px;
	font-size: 215px;
	letter-spacing: -4px;
	transition: 0.6s;
	
}
.formatouno .numbercuatro:hover {
	color: white;
	transform: scale(1.1);
	cursor: pointer;
	transition: 0.6s;
}
.lineocho {
	position: absolute;
	margin-top: 10px;
	left: 240px;
	height: 6px;
	width: 200px;
	background-color: white;
}
.formatouno p {
	align-items: center;
	text-align: center;
	font-size: 37px;
	margin-top: 45px;
	margin-left: -60px;
}

.gran {
	position: absolute;
	top: 550px;
	width: 100%;
	height: 1480px;
	background-color: white;
}
.granuno {
	position: absolute;
	top: 60px;
	left: 255px;
	width: 900px;
	height: 1480px;
	
}

/***PENDONES 01**/

.grandconte {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 390px;
	background: black;
	border-bottom: 7px solid #e94f1b;
	transition: 0.4s;
}
.grandconte:hover {
	transform: scale(1.04);
	transition: 0.4s;
	cursor: pointer;
	border-radius: 0px 0px 30px 30px;
	border-bottom: 15px solid #e94f1b;
	
}

.grandconteuno img {
	position: absolute;
	top: 0;
	width: 300px;
}

.infer {
	position: relative;
	text-align: center;
}
.escri {
	position: relative;
	margin-top: 290px;
	font-size: 35px;
	letter-spacing: 3px;
	text-align: center;
	color: white;
}
.escridos {
	margin-top: -10px;
	text-align: center;
	font-size: 35px;
	letter-spacing: 3px;
	color: #e94f1b;
}

/***LONAS CON OJALES 02**/

.grandcontedos {
	position: absolute;
	top: 0;
	left: 320px;
	width: 300px;
	height: 390px;
	background: black;
	border-bottom: 7px solid #e94f1b;
	transition: 0.4s;
}
.grandcontedos:hover {
	transform: scale(1.04);
	transition: 0.4s;
	cursor: pointer;
	border-radius: 0px 0px 30px 30px;
	border-bottom: 15px solid #e94f1b;
	
}


/***ROLL UPS 03**/

.grandcontetres {
	position: absolute;
	top: 0;
	left: 635px;
	width: 300px;
	height: 390px;
	background: black;
	border-bottom: 7px solid #e94f1b;
	transition: 0.4s;
}
.grandcontetres:hover {
	transform: scale(1.04);
	transition: 0.4s;
	cursor: pointer;
	border-radius: 0px 0px 30px 30px;
	border-bottom: 15px solid #e94f1b;
}


/***ARAÑAS 04***/

.grandcontecuatro {
	position: absolute;
	top: 440px;
	width: 300px;
	height: 390px;
	background: black;
	border-bottom: 7px solid #e94f1b;
	transition: 0.4s;
}
.grandcontecuatro:hover {
	transform: scale(1.04);
	transition: 0.4s;
	cursor: pointer;
	border-radius: 0px 0px 30px 30px;
	border-bottom: 15px solid #e94f1b;
	
}


/***AVISOS 05***/

.grandcontecinco {
	position: absolute;
	top: 440px;
	left: 320px;
	width: 300px;
	height: 390px;
	background: black;
	border-bottom: 7px solid #e94f1b;
	transition: 0.4s;
}
.grandcontecinco:hover {
	transform: scale(1.04);
	transition: 0.4s;
	cursor: pointer;
	border-radius: 0px 0px 30px 30px;
	border-bottom: 15px solid #e94f1b;
}


/***BACKING 06***/

.grandconteseis {
	position: absolute;
	top: 440px;
	left: 635px;
	width: 300px;
	height: 390px;
	background: black;
	border-bottom: 7px solid #e94f1b;
	transition: 0.4s;
}
.grandconteseis:hover {
	transform: scale(1.04);
	transition: 0.4s;
	cursor: pointer;
	border-radius: 0px 0px 30px 30px;
	border-bottom: 15px solid #e94f1b;
}


/***TIJERAS 07***/

.grandcontesiete {
	position: absolute;
	top: 880px;
	width: 300px;
	height: 390px;
	background: black;
	border-bottom: 7px solid #e94f1b;
	transition: 0.4s;
}
.grandcontesiete:hover {
	transform: scale(1.04);
	transition: 0.4s;
	cursor: pointer;
	border-radius: 0px 0px 30px 30px;
	border-bottom: 15px solid #e94f1b;
}



/***ROMEPTRAFICOS 08***/

.grandconteocho {
	position: absolute;
	top: 880px;
	left: 320px;
	width: 300px;
	height: 390px;
	background: black;
	border-bottom: 7px solid #e94f1b;
	transition: 0.4s;
}
.grandconteocho:hover {
	transform: scale(1.04);
	transition: 0.4s;
	cursor: pointer;
	border-radius: 0px 0px 30px 30px;
	border-bottom: 15px solid #e94f1b;
}

/***STANDS 09***/

.grandcontenueve {
	position: absolute;
	top: 880px;
	left: 635px;
	width: 300px;
	height: 390px;
	background: black;
	border-bottom: 7px solid #e94f1b;
	transition: 0.4s;
}
.grandcontenueve:hover {
	transform: scale(1.04);
	transition: 0.4s;
	cursor: pointer;
	border-radius: 0px 0px 30px 30px;
	border-bottom: 15px solid #e94f1b;
}


/*****QUINTA SECCION - GALERIA*****/

#galeria {
	position: absolute;
	top: 13900px;
	width: 100%;
	height: 1200px;
	border-top: 10px solid black;
}
.prince {
	position: relative;
	margin-top: 100px;
	margin-left: 50px;
}
.princeuno {
	text-align: center;
	font-size: 65px;
	color: #e94f1b;
}
.princedos {
	margin-top: -15px;
	text-align: center;
	font-size: 65px;
}
.princetres {
	color: white;
	margin-top: -10px;
	text-align: center;
	font-size: 65px;
	background: black;
	
}

.galery {
	width: 80%;
	margin-left: 175px;
	overflow: hidden;
	padding: 60px 0;
	display: flex;
	column-gap: 20px;
	flex-wrap: wrap;
}

.figure-galery {
	min-width: 220px;
	flex: 240px;
}

.galeryimg {
	width: 100%;
	height: 100%;
	padding-bottom: 20px;
	object-fit: cover;
	transition: 0.4s;
}
.galeryimg:hover {
	transition: 0.4s;
	transform: scale(1.04);
	cursor: pointer;
}
.varios {
	position: relative;
	width: 100%;
	height: 300px;
	background: #e94f1b;
}
.puntos {
	padding-top: 70px;
	
}
.puntos .puntuno {
	font-size: 55px;
	text-align: center;
	color: white;
	letter-spacing: 6px;
}
.puntos .puntdos {
	margin-top: -10px;
	font-size: 55px;
	text-align: center;
	color: white;
	letter-spacing: 6px;
}

/*****SEXTA SECCION - CONTACTO*****/

#contactofin {
	position: absolute;
	top: 15750px;
	width: 100%;
	height: 700px;
	background-color: black;
	
}

.texfin {
	position: relative;
	margin-top: 100px;
	text-align: center;
}
.texfinuno {
	font-size: 70px;
	color: white;
	letter-spacing: 4px;
}
.texfindos {
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 70px;
	color: #e94f1b;
	letter-spacing: 4px;
}
.linenueve {
	position: relative;
	margin: 0 auto;
	width: 300px;
	height: 7px;
	background-color: #e94f1b;
}
.infofinal {
	position: relative;
	margin-left: 165px;
	width: 1100px;
	height: 250px;
	margin-top: 75px;
	border-bottom: 7px solid #e94f1b; 
}

/***UBICACION***/

.ubica {
	width: 360px;
	height: 250px;
}
.tier {
	font-size: 40px;
	letter-spacing: 4px;
	color: #e94f1b; 
}
.ubicauno {
	margin-top: 10px;
	font-size: 25px;
	letter-spacing: 4px;
	color: white; 
}
	
.ubicados {
	margin-top: 20px;
	font-size: 25px;
	letter-spacing: 4px;
	color: white; 
}


/***REDES***/

.social {
	position: absolute;
	top: 0;
	left: 370px;
	width: 360px;
	height: 250px;
}
.sigue {
	text-align: center;
	font-size: 40px;
	letter-spacing: 4px;
	color: #e94f1b; 
}
.iconsi {
	position: relative;
	margin-top: 35px;
	margin-left: 20px;
}
.iconsi img {
	margin: 0 auto;
	margin-left: 45px;
	width: 40px;
	transition: 0.4s;
}
.iconsi img:hover {
	transition: 0.4s;
	transform: translateY(-10px);
}
.social li {
	display: inline-block;
	list-style: none;
}

/***SLOGAN***/

.siempretres {
	position: absolute;
	top: 0;
	left: 740px;
	width: 360px;
	height: 250px;
}
.siempretres img {
	position: absolute;
	top: -10px;
	width: 350px;
	transition: 0.4s;
}
.siempretres img:hover {
	transform: scale(1.1);
	transition: 0.4s;
	cursor: pointer;
}

/*****SEPTIMA SECCION - FOOTER*****/


#footer {
	position: absolute;
	top: 16450px;
	width: 100%;
	height: 400px;
	background-color: #e94f1b;
}
.creativas {
	width: 35%;
  	margin: auto;
  	display: block;
}

.creativas img {
	margin-top: 40px;
	width: 430px;
	animation-duration: 2.7s;
	animation-name: crea;
	animation-iteration-count: infinite;
}


.logo {
	width: 110px;
	align-content: center;
}
.listados {
	position: relative;
	padding-top: 10px;
	
}

.listados ul {
	display: flex;
	align-content: center;
	justify-content: center;
		
}
.listados li {
	list-style: none;
	padding: 26px 30px;	
}

.listados li a {
	text-decoration: none;
	color: white;
	font-size: 22px;
	letter-spacing: 3px;
	transition: 0.3s ease;
}
.listados li a:after {
	content: "";
	position: absolute;
	background-color: black;
	height: 3px;
	width: 0;
	left: 0;
	bottom: 5px;
}
.listados a:hover:after {
	width: 100%;
}
.listados li a:hover {
	color: black;
}

.listados li:hover {
	transform: translateY(-3px);
	transition: 0.3s ease;
	color: black;
}
.credi {
	position: relative;
	margin-top: 32px;
}
.credi .text {
	position: absolute;
	left: 360px;
	font-size: 18px;
	letter-spacing: 5px;
	color: white;
}


/****ANIMACIONES***/


/* LOGO PRINCIPAL */

@keyframes scaleone {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
	
}

/* BOTONES */

@keyframes crea {
	0% {
		transform: translateY(-4px)
	}
	50% {
		transform: translateY(4px)
	}
	100% {
		transform: translateY(-4px)
	}
	
}

/* MEGAFONO */

@keyframes mega {
	
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.06);
	}
	100% {
		transform: scale(1);
	}
	
}

/* LOADER */

@keyframes let {
	
	0% {
		transform: scale(1.1);
		background-color: black;
	}
	50% {
		transform: scale(1);
		background-color: #E94E1B;
		
	}
	100% {
		transform: scale(1.1);
		background-color: black;
	}
	
}
@media only screen and (min-width: 1366px) and (max-width: 1920px)  {
	
	.imagesuno {
		display: none;
	}
	.imagesdos {
		display: none;
	}
	.imagestres {
		display: none;
	}
	.imagescuatro {
		display: none;
	}
	.imagescinco {
		display: none;
	}
	.imagesseis {
		display: none;
	}
	.logosub {
		display: none;
	}
	.activeventauno {
		display: none;
	}

}

@media only screen and (min-width: 1025px) and (max-width: 1366px)  {
	
	.imagesuno {
		display: none;
	}
	.imagesdos {
		display: none;
	}
	.imagestres {
		display: none;
	}
	.imagescuatro {
		display: none;
	}
	.imagescinco {
		display: none;
	}
	.imagesseis {
		display: none;
	}
	.logosub {
		display: none;
	}
	.activeventauno {
		display: none;
	}

}


/****RESPONSIVE LAPTOP****/

@media only screen and (min-width: 769px) and (max-width: 1024px)  {
	
	#cortinas {
		width: 220vh;
	}
	.cortinaprev {
		width: 220vh;
	}
	.cortinaprevdos {
		width: 220vh;
	}
	.imagesuno {
		display: none;
	}
	.imagesdos {
		display: none;
	}
	.imagestres {
		display: none;
	}
	.imagescuatro {
		display: none;
	}
	.imagescinco {
		display: none;
	}
	.imagesseis {
		display: none;
	}
	.logosub {
		display: none;
	}
	.activeventauno {
		display: none;
	}
	#principal {
		width: 180vh;
	}
	.mySwiper {
		right: 40px;
	}
	.swiper-button-next img {
		right: 170px;
	}
	.swiper-button-prev img {
		left: 300px;
	}
	.butonuno {
		margin-left: 35px;
	}
	.butondos {
		margin-left: 35px;
	}
	.butontres {
		margin-left: 35px;
	}
	.butoncuatro {
		margin-left: 35px;
	}
	.butoncinco {
		margin-left: 35px;
	}
	.redes {
		right: -200px;
	}
	#prev {
		width: 180vh;
	}
	#quienes {
		width: 180vh;
	}
	#servicios {
		width: 180vh;
	}
	#papeleria {
		width: 180vh;
	}
	#disenografico {
		width: 180vh;
	}
	#litografia {
		width: 180vh;
	}
	#estampados {
		width: 180vh;
	}
	#granformato {
		width: 180vh;
	}
	#galeria {
		width: 180vh;
	}
	#contactofin {
		width: 180vh;
	}
	#footer {
		width: 180vh;
	}
	
}


/****RESPONSIVE TABLET****/

@media only screen and (min-width: 426px) and (max-width: 768px) {
	
	#cortinas {
		width: 220vh;
	}
	.cortinaprev {
		width: 220vh;
	}
	.cortinaprevdos {
		width: 220vh;
	}
	.imagesuno {
		display: none;
	}
	.imagesdos {
		display: none;
	}
	.imagestres {
		display: none;
	}
	.imagescuatro {
		display: none;
	}
	.imagescinco {
		display: none;
	}
	.imagesseis {
		display: none;
	}
	.logosub {
		display: none;
	}
	.activeventauno {
		display: none;
	}
	#principal {
		width: 220vh;
	}
	.redes {
		position: absolute;
		right: -450px;
	}
	#prev {
		width: 220vh;
	}
	#quienes {
		width: 220vh;
	}
	#servicios {
		width: 220vh;
	}
	#papeleria {
		width: 220vh;
	}
	#disenografico {
		width: 220vh;
	}
	#litografia {
		width: 220vh;
	}
	#estampados {
		width: 220vh;
	}
	#granformato {
		width: 220vh;
	}
	#galeria {
		width: 220vh;
	}
	#contactofin {
		width: 220vh;
	}
	#footer {
		width: 220vh;
	}
}
/****RESPONSIVE PHONES****/

@media only screen and (min-width: 220px) and (max-width: 425px) {
	
	
	/****CORTINA****/
	
	#cortinas {
		position: fixed;
		width: 400vh;
		height: 16000vh;
	}
	.cortinaprev {
		width: 400vh;
		height: 16000vh;
	}
	.cortinaprevdos {
		width: 400vh;
		height: 16000vh;
	}
	.move .logouno {
		margin-top: 550px;
		margin-left: -270px;
		width: 750px;
	}
	.move .logodos  {
		margin-top: 690px;
		margin-left: -270px;
		width: 650px;
	}
	
	/****NAV****/
	
	.cont-menu {
		width: 130vh;
	}
	.cont-menu nav  {
		margin-top: 100px;
	}
	.cont-menu nav a {
		margin-top: 30px;
		font-size: 60px;
		letter-spacing: 4px;
	}
	.logonav img {
		width: 450px;
	}
	.icon-equis .equisdos {
		width: 100px;
	}
	
	/***BUTTON FIXED***/
	
	.activere {
		width: 217vh;
		height: 320vh;
	}
	.activeventa {
		display: none;
	}
	.activeventauno img {
		position: absolute;
		top: 190px;
		left: -180px;
		width: 1000px;
		cursor: pointer;
	}
	.butonsiete {
		position: absolute;
		width: 450px;
		height: 120px;
		top: 1280px;
	}
	.butonsiete h2 {
		margin-left: 60px;
		width: 450px;
		font-size: 75px;
	}
	.bottonprin {
		position: fixed;
		top: 800px;
		left: 1100px;
		width: 160px;
		height: 160px;
	}
	.bottonprin img {
		margin: 38px;
		width: 80px;
	}
	
	
	/****HEADER****/
	
	#header {
		display: none;
	}
	
	
	/****BARRA LATERAL****/
	
	.nav   {
		top: 20px;
		left: 30px;
		width: 130px;
	}
	.bar {
		width: 217vh;
		height: 200px;
		z-index: 12;
	}
	.rotate {
		display: none;
	}
	.logosub img {
		margin-top: 10px;
		margin-left: 510px;
		width: 256px;
	}
	
	
	/****PRINCIPAL****/
	
	#principal {
		width: 217vh;
		height: 325vh;
		border-bottom: 40px solid #e94f1b;
	}
	.mySwiper {
		top: 20px;
		width: 1200px;
		left: 5px;
		height: 1500px;
	}
	.swiper-button-next img {
		right: 70px;
		top: 640px;
		width: 140px;
	}
	.swiper-button-prev img {
		left: 70px;
		top: 640px;
		width: 140px;
	}
	
	/*DISEÑO*/
	
	.diseno {
		display: none;
	}
	.imagesuno img {
		margin-left: 30px;
		margin-top: 165px;
		width: 1100px;
	}
	.butonuno {
		left: 390px;
		top: 1380px;
		width: 410px;
		height: 120px;
		border-radius: 50px;
	}
	.butonuno a {
		margin-left: 52px;
		font-size: 85px;
	}
	
		/*CALENDARIOS*/
	
	.calen {
		display: none;
	}
	.imagesdos img {
		margin-left: 30px;
		margin-top: 145px;
		width: 1100px;
	}
	.butondos {
		left: 390px;
		top: 1380px;
		width: 410px;
		height: 120px;
		border-radius: 50px;
	}
	.butondos a {
		margin-left: 52px;
		font-size: 85px;
	}
		/*CAMISAS*/
	
	.camisasi {
		display: none;
	}
	.imagestres img {
		margin-left: 30px;
		margin-top: 145px;
		width: 1100px;
	}
	.butontres {
		left: 390px;
		top: 1380px;
		width: 410px;
		height: 120px;
		border-radius: 50px;
	}
	.butontres a {
		margin-left: 52px;
		font-size: 85px;
	}
	
	/*AGENDAS*/
	
	.agendt {
		display: none;
	}
	.imagesseis img {
		margin-left: 30px;
		margin-top: 165px;
		width: 1100px;
	}
	.butonseis {
		left: 390px;
		top: 1380px;
		width: 410px;
		height: 120px;
		border-radius: 50px;
	}
	.butonseis a {
		margin-left: 52px;
		font-size: 85px;
	}
	
		/*GORRAS*/
	
	.gorrasi {
		display: none;
	}
	.imagescuatro img {
		margin-left: 30px;
		margin-top: 145px;
		width: 1100px;
	}
	.butoncuatro {
		left: 390px;
		top: 1380px;
		width: 410px;
		height: 120px;
		border-radius: 50px;
	}
	.butoncuatro a {
		margin-left: 52px;
		font-size: 85px;
	}
	
		/*LAPICEROS*/
	
	.lapicerosi {
		display: none;
	}
	.imagescinco img {
		margin-top: 145px;
		margin-left: 30px;
		width: 1100px;
	}
	.butoncinco {
		left: 390px;
		top: 1380px;
		width: 410px;
		height: 120px;
		border-radius: 50px;
	}
	.butoncinco a {
		margin-left: 52px;
		font-size: 75px;
	}
	
	/*SOCIAL*/
	
	.redes {
		top: 1620px;
		left: 300px;
		width: 1000px;
	}
	
	.redes li {
		display: inline-block;
		margin-left: 80px;
	}
	
	.redes img {
		width: 90px;
	}
	.redes .bar1 {
		position: absolute;
		top: 70px;
		right: 200px;
		width: 200px;
		height: 8px;
	}
	.redes .bar2 {
		position: absolute;
		top: 70px;
		left: -200px;
		width: 200px;
		height: 8px;
	}
	
	
	/****PREVIO****/
	
	#prev {
		top: 325vh;
		width: 217vh;
		height: 340vh;
	}
	.clasesprin {
		margin-left: 60px;
		margin-top: 120px;
		height: 900px;
	}
	.clasesuno {
		width: 520px;
		height: 570px;
		border-bottom: 20px solid #e94f1b; 
	}
	.clasesuno img {
		margin-left: 55px;
		width: 390px;
	}
	.clasesuno h2 {
		margin-left: -20px;
		text-align: center;
		font-size: 85px;
	}
	.clasesdos {
		left: 600px;
		width: 520px;
		height: 570px;
		border-bottom: 20px solid #e94f1b; 
	}
	.clasesdos img {
		margin-left: 55px;
		width: 390px;
	}
	.clasesdos h2 {
		margin-left: 10px;
		text-align: center;
		font-size: 85px;
	}
	.clasestres {
		left: 330px;
		top: 660px;
		width: 520px;
		height: 570px;
		border-bottom: 20px solid #e94f1b; 
	}
	.clasestres img {
		margin-left: 55px;
		width: 390px;
	}
	.clasestres h2 {
		margin-left: 10px;
		text-align: center;
		font-size: 85px;
	}
	.titlesi {
		max-width: 1300px;
		margin-left: 10px;
		top: 410px;
	}
	.titlesiuno {
		font-size: 95px;
	}
	.titlesidos {
		font-size: 95px;
	}
	
	/****QUIENES SOMOS***/
	
	#quienes {
		position: absolute;
		width: 217vh;
		height: 2800px;
		top: 3900px;
	}
	
	.megafono img {
		margin-left: 45px;
		width: 750px;
	}
	.formuno {
		top: -100px;
		left: -200px;
		width: 1080px;
		height: 650px;
	}
	.siempre {
		width: 1200px;
	}
	.siempre .siempre1 {
		margin-left: 320px;
		margin-top: 960px;
		font-size: 60px;
	}
	.siempre .siempre2 {
		margin-left: 320px;
		margin-top: 1480px;
		font-size: 60px;
	}
	
	.text2 {
		margin-top: 880px;
		width: 1200px;
	}
	
	.titulotres {
		margin-top: 40px;
		font-size: 220px;
		margin-left: 435px;
	}
	.titulocuatro {
		font-size: 270px;
		margin-top: -115px;
		color: #e94e1b;
		margin-left: 435px;
	}
	.subtext2 {
		width: 100%;
		text-align: center;
		margin-left: 150px;
		margin-top: 20px;
		font-size: 70px;
	}
	
	.float img {
		margin-left: 650px;
		margin-top: 60px;
		width: 250px;
	}
	
	
	
	/****SERVICIOS***/
	
	#servicios {
		position: absolute;
		width: 217vh;
		height: 3900px;
		top: 6700px;
		border-top: 30px solid #e94f1b; 
	}
	.titles {
		position: absolute;
		left: 10px;
		width: 100%;
		
	}
	.formdos {
		height: 560px;
	}
	.titles .prime {
		font-size: 150px;
		letter-spacing: 10px;
	}
	.titles .segun {
		font-size: 150px;
		letter-spacing: 10px;     
	}
	.servis {
		width: 1300px;
		left: -60px;
		margin-top: 200px;
	}
	
	/*PAPELERIA*/
	
	.papeleriauno {
		left: 150px;
		width: 1090px; 
		height: 570px;
		border-radius: 55px;
	}
	 .comercial {
		position: absolute;
		width: 447px;
		left: 0;
		top: 0;
	}
	.texti2 {
		margin-left: 320px;
		font-size: 250px;
	}
	.texti {
		font-size: 140px;
		margin-left: 320px;
	}
	.texti1 {
		font-size: 140px;
		margin-left: 320px;
		margin-top: -60px;
	}
	.linkuno img {
		right: 30px;
		top: 30px;
		width: 150px;
	}
	
	/*DISEÑO GRAFICO*/
	
	.disenograf {
		top: 680px;
		left: 150px;
		width: 1090px;
		height: 570px;
		border-radius: 55px;
	}
	 .grafi {
		position: absolute;
		width: 447px;
		left: 0;
		top: 0;
	}
	.linkdos img {
		right: 30px;
		top: 30px;
		width: 150px;
	}
	
	/*LITOGRAFIA*/
	
	.litografias {
		top: 1320px;
		left: 150px;
		width: 1090px; 
		height: 570px;
		border-radius: 55px;
		
	}
	.litos {
		position: absolute;
		width: 447px;
		left: 0;
		top: 0;
	}
	.linktres img {
		right: 30px;
		top: 30px;
		width: 150px;
	}
	
	/*ESTAMPADOS*/
	
	.estampados {
		top: 1950px;
		left: 150px;
		width: 1090px;
		height: 570px;
		border-radius: 55px;
	}
	.estam {
		position: absolute;
		width: 447px;
		left: 0;
		top: 0;
	}
	.linkcuatro img {
		right: 30px;
		top: 30px;
		width: 150px;
	}
	
	
	/*PUBLICIDAD EXTERIOR*/
	
	.impresion {
		top: 2590px;
		left: 150px;
		width: 1090px;
		height: 570px;
		border-radius: 55px;
	}
	
	.forma {
		position: absolute;
		width: 447px;
		left: 0;
		top: 0;
	}
	.linkcinco img {
		right: 30px;
		top: 30px;
		width: 150px;
	}
	
	
	/****PAPELERIA***/
	
	#papeleria {
		position: absolute;
		width: 217vh;
		top: 10600px;
		height: 4650px;
		border-top: 30px solid black; 
	}
	.font {
		width: 950px;
		margin-left: 310px;
	}
	.font .number {
		font-size: 400px;
		margin-left: -150px;
		margin-top: -30px;
	}
	.font .fontuno {
		font-size: 180px;  
	}
	.font .fontdos {
		font-size: 180px; 
		margin-top: -90px;
	}
	.font p {
		width: 1000px;
		margin-left: -190px;
		font-size: 62px;
	}
	
	.linedos {
		width: 350px;
		height: 9px;
	}
	.servises {
		width: 1130px;
		height: 3700px;
		margin-left: 75px;
		margin-top: 500px;
	}
	
	/***TARJETAS***/
	
	.tarjetasuno {
		width: 550px;
		height: 850px;
		
	}
	.tarjetas .line {
		left: 150px;
		width: 240px;
	}
	.tarjetas img {
		width: 550px;
	}
	.tarjetas .fuenteuno {
		font-size: 86px;
	}
	.tarjetas .fuentedos {
		font-size: 86px;
		margin-top: -30px;
	}
	.tarjetas p {
		font-size: 42px;
	}
	
	/***VOLANTES***/
	
	.volantesuno {
		left: 580px;
		width: 550px;
		height: 850px;
	}
	.volantes .line {
		left: 150px;
		width: 240px;
	}
	.volantes img {
		width: 550px;
	}
	.volantes .fuenteuno {
		font-size: 86px;
	}
	.volantes .fuentedos {
		font-size: 86px;
		margin-top: -30px;
	}
	.volantes p {
		font-size: 42px;
	}
	
	/***AFICHES***/
	
	.afichesuno {
		top: 910px;
		left: 0;
		width: 550px;
		height: 850px;
	}
	.afiches .line {
		left: 150px;
		width: 240px;
	}
	.afiches img {
		width: 550px;
	}
	.afiches .fuenteuno {
		font-size: 86px;
	}
	.afiches .fuentedos {
		font-size: 86px;
		margin-top: -30px;
	}
	.afiches p {
		font-size: 42px;
	}
	
	
	/***CARPETAS***/
	
	.carpetasuno {
		top: 910px;
		left: 580px;
		width: 550px;
		height: 850px;
	}
	.carpetas .line {
		left: 150px;
		width: 240px;
	}
	.carpetas img {
		width: 550px;
	}
	.carpetas .fuenteuno {
		font-size: 86px;
	}
	.carpetas .fuentedos {
		font-size: 86px;
		margin-top: -30px;
	}
	.carpetas p {
		font-size: 42px;
	}
	
	
	/***AGENDAS***/
	
	.agendasuno {
		top: 1800px;
		left: 0;
		width: 550px;
		height: 850px;
	}
	.agendas .line {
		left: 150px;
		width: 240px;
	}
	.agendas img {
		width: 550px;
	}
	.agendas .fuenteuno {
		font-size: 86px;
	}
	.agendas .fuentedos {
		font-size: 86px;
		margin-top: -30px;
	}
	.agendas p {
		font-size: 42px;
	}
	
	
	/***CALENDARIOS***/
	
	.calendariosuno {
		top: 1800px;
		left: 580px;
		width: 550px;
		height: 850px;
	}
	.calendarios .line {
		left: 150px;
		width: 240px;
	}
	.calendarios img {
		width: 550px;
	}
	.calendarios .fuenteuno {
		font-size: 86px;
	}
	.calendarios .fuentedos {
		font-size: 86px;
		margin-top: -30px;
	}
	.calendarios p {
		font-size: 42px;
	}
	
	
	/***IMANTADAS***/
	
	.imantadasuno {
		top: 2700px;
		left: 0;
		width: 550px;
		height: 850px;
	}
	.imantadas .line {
		left: 150px;
		width: 240px;
	}
	.imantadas img {
		width: 550px;
	}
	.imantadas .fuenteuno {
		font-size: 86px;
	}
	.imantadas .fuentedos {
		font-size: 86px;
		margin-top: -30px;
	}
	.imantadas p {
		font-size: 42px;
	}
	
	/***ETIQUETAS***/
	
	.etiquetasuno {
		top: 2700px;
		left: 580px;
		width: 550px;
		height: 850px;
	}
	.etiquetas .line {
		left: 150px;
		width: 240px;
	}
	.etiquetas img {
		width: 550px;
	}
	.etiquetas .fuenteuno {
		font-size: 86px;
	}
	.etiquetas .fuentedos {
		font-size: 86px;
		margin-top: -30px;
	}
	.etiquetas p {
		font-size: 42px;
	}
	
	/****DISEÑO GRAFICO***/
	
	#disenografico {
		position: absolute;
		width: 217vh;
		top: 15150px;
	}
	.nume {
		width: 950px;
		margin-left: 340px;
	}
	.nume .numberdos {
		font-size: 400px;
		margin-left: -150px;
		margin-top: -30px;
	}
	.nume .numeuno {
		font-size: 180px;  
	}
	.nume .numedos {
		font-size: 180px; 
		margin-top: -90px;
	}
	.linetres {
		margin-left: -20px;
		width: 350px;
		height: 9px;
	}
	.nume p {
		width: 1000px;
		margin-left: -190px;
		font-size: 62px;
	}
	.cuadro {
		top: 800px;
		height: 1000px;
	}
	.compu {
		display: none;
	}
	.diseicon img {
		top: 80px;
		left: 290px;
		width: 320px;
	}
	.dise p  {
		position: absolute;
		top: 250px;
		left: 560px;
		font-size: 70px;
	}
	.disedos {
		height: 600px;
		top: 1700px;
	}
	.content {
		margin-top: 150px;
	}
	.content .contuno {
		font-size: 82px;
	}
	.content .contdos {
		font-size: 90px;
	}
	.content p {
		margin-top: 120px;
		font-size: 46px;
	}
	.linecuatro {
		margin-top: 100px;
		left: 370px;
		width: 450px;
	}
	.linecinco {
		margin-top: 390px;
		left: 370px;
		width: 450px;
	}
	
	
	/****LITOGRAFIA***/
	
	#litografia {
		position: absolute;
		width: 217vh;
		height: 5300px;
		top: 17450px;
		background-color: #e94e1b;
	}
	.cuar {
		width: 217vh;
		top: 800px;
		height: 1000px;
	}
	.maqui {
		display: none
	}
	.grafia {
		width: 950px;
		margin-left: 240px;
	}
	.grafia .numerdos {
		font-size: 400px;
		margin-left: -150px;
		margin-top: -30px;
	}
	.grafia .grafiauno {
		font-size: 180px;  
	}
	.grafia .grafiados {
		font-size: 180px; 
		margin-top: -90px;
	}
	.lineseis {
		margin-left: -20px;
		width: 350px;
		height: 9px;
	}
	.grafia p {
		width: 1000px;
		margin-left: -90px;
		font-size: 62px;
	}
	
	
	.cuaruno p {
		margin-top: 240px;
		margin-right: 60px;
		font-size: 70px;
	}
	
	.grafiaicon img {
		top: 110px;
		left: 300px;
		width: 260px;
	}
	.infor {
		position: absolute;
		top: 570px;
		height: 3500px;
		
	}
	
	.infoprin .infoprinuno {
		font-size: 130px;
		letter-spacing: 2px;
	}
	.infoprin .infoprindos {
		font-size: 130px;
		letter-spacing: 2px;
	}
	.infoprin .t-lineuno {
		margin-top: 50px;
		margin-left: 450px;
		width: 400px;
	}
	.proces {
		width: 1200px;
		height: 2400px;
		margin-left: 20px;
		margin-top: 1840px;
	}
	.procesuno {
		top: -330px;
		width: 1100px;
		left: 320px;
	}
	.procesuno img {
		width: 550px;
	}
	.procesuno .t-line {
		margin-top: 65px;
		width: 350px;
		height: 10px;
	}
	.procesuno .procestex  {
		width: 1200px;
		margin-top: 60px;
		margin-left: -300px;
		font-size: 80px;
	}
	.procesdos {
		position: absolute;
		width: 1100px;
		top: 600px;
		left: 320px;
	}
	.procesdos .procestex  {
		width: 1200px;
		margin-top: 60px;
		margin-left: -300px;
		font-size: 80px;
	}
	.procesdos img {
		width: 550px;
	}
	.procesdos .t-line {
		margin-top: 65px;
		width: 350px;
		height: 10px;
	}
	.procestres {
		position: absolute;
		width: 1100px;
		top: 1540px;
		left: 320px;
	}
	.procestres .procestex  {
		width: 1200px;
		margin-top: 60px;
		margin-left: -300px;
		font-size: 80px;
	}
	.procestres img {
		width: 550px;
	}
	.procestres .t-line {
		margin-top: 65px;
		width: 350px;
		height: 10px;
	}
	
	.objects {
		top: 340px;
	}
	.contenedoruno {
		margin-left: 150px;
	}
	
	/***CAMISAS***/
	
	.camisasuno {
		top: 100px;
		width: 1000px;
		height: 1400px;
	}
	.fotograuno img {
		left: 90px;
		width: 800px;
	}
	.circleuno {
		left: 200px;
		width: 578px;
		height: 578px;
	}
	.camisas {
		margin-top: 200px;
		width: 1000px;
		left: 10px;
		top: 440px;
	}
	.camisas .princi {
		text-align: center;
		font-size: 150px;
		letter-spacing: 3px;
	}
	.camisas .princidos {
		text-align: center;
		font-size: 150px;
		letter-spacing: 3px;
	}
	.camisas p {
		text-align: center;
		letter-spacing: 2px;
		font-size: 60px;
	}
	.camisas .lineborder {
		margin-top: 50PX;
		margin-left: 300px;
		width: 400px;
		height: 10px;
	}
	
	/***GORRAS***/
	
	.gorrasuno {
		top: 1560px;
		width: 1000px;
		height: 1400px;
	}
	.gorrasuno img {
		left: 90px;
		width: 800px;
	}
	.circledos {
		left: 200px;
		width: 578px;
		height: 578px;
	}
	.gorras {
		margin-top: 200px;
		width: 1000px;
		left: 10px;
		top: 440px;
	}
	.gorras .princitres {
		text-align: center;
		font-size: 150px;
		letter-spacing: 3px;
	}
	.gorras .princicuatro {
		text-align: center;
		font-size: 150px;
		letter-spacing: 3px;
	}
	.gorras p {
		text-align: center;
		letter-spacing: 2px;
		font-size: 60px;
	}
	.gorras .lineborder {
		margin-top: 50PX;
		margin-left: 300px;
		width: 400px;
		height: 10px;
	}
	
	
	/***VASOS***/
	
	.vasosuno {
		top: 3060px;
		width: 1000px;
		height: 1400px;
	}
	.vasosuno img {
		left: 90px;
		width: 800px;
	}
	.circletres {
		left: 200px;
		width: 578px;
		height: 578px;
	}
	.vasos {
		margin-top: 200px;
		width: 1000px;
		left: 10px;
		top: 440px;
	}
	.vasos .princicinco {
		text-align: center;
		font-size: 150px;
		letter-spacing: 3px;
	}
	.vasos .princiseis {
		text-align: center;
		font-size: 150px;
		letter-spacing: 3px;
	}
	.vasos p {
		text-align: center;
		letter-spacing: 2px;
		font-size: 60px;
	}
	.vasos .lineborder {
		margin-top: 50PX;
		margin-left: 300px;
		width: 400px;
		height: 10px;
	}
	
	/***TERMOS***/
	
	.termosuno {
		top: 4560px;
		width: 1000px;
		height: 1400px;
	}
	.termosuno img {
		left: 220px;
		width: 520px;
	}
	.circlecuatro {
		left: 200px;
		width: 578px;
		height: 578px;
	}
	.termos {
		margin-top: 200px;
		width: 1000px;
		left: 10px;
		top: 440px;
	}
	.termos .princisiete {
		text-align: center;
		font-size: 150px;
		letter-spacing: 3px;
	}
	.termos .princiocho {
		text-align: center;
		font-size: 150px;
		letter-spacing: 3px;
	}
	.termos p {
		text-align: center;
		letter-spacing: 2px;
		font-size: 60px;
	}
	.termos .lineborder {
		margin-top: 50PX;
		margin-left: 300px;
		width: 400px;
		height: 10px;
	}
	
	/***LAPICEROS***/
	
	.lapicerosuno {
		top: 6060px;
		width: 1000px;
		height: 1400px;
	}
	.lapicerosuno img {
		margin-top: 30px;
		left: 190px;
		width: 640px;
	}
	.circlecinco {
		left: 200px;
		width: 578px;
		height: 578px;
	}
	.lapiceros {
		margin-top: 200px;
		width: 1000px;
		left: 10px;
		top: 440px;
	}
	.lapiceros .princinueve {
		text-align: center;
		font-size: 150px;
		letter-spacing: 3px;
	}
	.lapiceros .princidiez {
		text-align: center;
		font-size: 150px;
		letter-spacing: 3px;
	}
	.lapiceros p {
		text-align: center;
		letter-spacing: 2px;
		font-size: 60px;
	}
	.lapiceros .lineborder {
		margin-top: 50PX;
		margin-left: 300px;
		width: 400px;
		height: 10px;
	}
	
	.mensa {
		top: 7700px;
		height: 500px;
	}
	.mensauno {
		margin-top: 40px;
		left: 30px;
	}
	.mensauno .parra {
		font-size: 100px;
	}
	.mensauno .parrauno {
		font-size: 110px;
	}
	
	
	/****ESTAMPADOS***/
	
	#estampados {
		position: absolute;
		width: 217vh;
		top: 22750px;
	}
	.estamuno {
		width: 950px;
		margin-left: 230px;
	}
	.estamuno .numbertres {
		font-size: 400px;
		margin-left: -150px;
		margin-top: -30px;
	}
	.estamuno .estamdos {
		font-size: 180px;  
	}
	.estamuno .estamtres {
		font-size: 180px; 
		margin-top: -90px;
	}
	.linesiete {
		margin-left: -20px;
		width: 350px;
		height: 9px;
	}
	.estamuno p {
		width: 1000px;
		margin-left: -90px;
		font-size: 62px;
	}
	
	/******GRAN FORMATO****/
	
	#granformato {
		position: absolute;
		width: 217vh;
		height: 5100px;
		background-color: #e94e1b;
		top: 31300px;
	}
	
	.formatouno {
		width: 1050px;
		margin-left: 220px;
	}
	.formatouno .numbercuatro {
		font-size: 370px;
		margin-left: -150px;
		margin-top: -30px;
	}
	.formatouno .formatodos {
		font-size: 180px;  
	}
	.formatouno .formatotres {
		font-size: 160px; 
		margin-top: -80px;
	}
	.lineocho {
		margin-left: -20px;
		width: 350px;
		height: 9px;
	}
	.formatouno p {
		width: 1000px;
		margin-left: -90px;
		font-size: 62px;
	}
	.gran {
		top: 850px;
		height: 4240px;
	}
	.granuno {
		left: 60px;
	}
	.grandconteuno img {
		width: 510px;
	}
	
	.grandconte {
		left: 20px;
		width: 510px;
		height: 750px;
	}
	.infer .escri {
		margin-top: 520px;
		font-size: 85px;
		letter-spacing: 4px;
	}
	.infer .escridos {
		margin-top: -40px;
		font-size: 85px;
		letter-spacing: 4px;
	}
	.grandcontedos {
		left: 600px;
		width: 510px;
		height: 750px;
	}
	.grandcontetres {
		top: 810px;
		left: 20px;
		width: 510px;
		height: 750px;
	}
	.grandcontecuatro {
		top: 810px;
		left: 600px;
		width: 510px;
		height: 750px;
	}
	.grandcontecinco {
		top: 1610px;
		left: 20px;
		width: 510px;
		height: 750px;
	}
	.grandconteseis {
		top: 1610px;
		left: 600px;
		width: 510px;
		height: 750px;
	}
	.grandcontesiete {
		top: 2410px;
		left: 20px;
		width: 510px;
		height: 750px;
	}
	.grandconteocho {
		top: 2410px;
		left: 600px;
		width: 510px;
		height: 750px;
	}
	.grandcontenueve {
		top: 3210px;
		left: 300px;
		width: 510px;
		height: 750px;
	}
	
	/****GALERIA***/
	
	#galeria {
		position: absolute;
		width: 217vh;
		height: 5600px;
		top: 36400px;
	}
	.prince {
		left: -50px;
		width: 217vh;
	}
    .princeuno {
		font-size: 120px;
	}
	.princedos {
		font-size: 120px;
	}
	.princetres {
		font-size: 110px;
	}
	
	.galery {
		width: 90%;
		margin-left: 60px;
		overflow: hidden;
		padding: 80px 0;
		display: flex;
		column-gap: 30px;
		flex-wrap: wrap;
	}
	.figure-galery {
		min-width: 370px;
		flex: 330px;
	}
	.varios {
		height: 450px;
	}
	.puntos {
		margin-top: 54px;
	}
	.puntos .puntuno {
		margin-top: 60px;
		font-size: 90px;
	}
	.puntos .puntdos  {
		font-size: 90px;
	}
	
	
	/****CONTACTO****/
	
	#contactofin {
		position: absolute;
		width: 217vh;
		height: 2500px;
		top: 42350px;
	}
	.texfin .texfinuno {
		font-size: 140px;
	}
	.texfin .texfindos {
		font-size: 140px;
	}
	.infofinal {
		margin-left: 40px;
		height: 1700px;
	}
	.ubica {
		margin-left: -50px;
		width: 1000px;
	}
	.ubica .tier {
		text-align: center;
		font-size: 120px;
	}
	.ubica .ubicauno {
		text-align: center;
		font-size: 80px;
	}
	.ubica .ubicados {
		text-align: center;
		font-size: 80px;
	}
	.social {
		width: 1000px;
		top: 700px;
	}
	.social .sigue {
		margin-left: -810px;
		font-size: 120px;
	}
	.iconsi {
		margin-left: -290px;
	}
	.iconsi img {
		margin-top: 50px;
		width: 100px;
		margin-left: 110px;
	}
	.siempretres img {
		margin-left: -700px;
		width: 850px;
		top: 1100px;
	}
	.infofinal {
		width: 900px;
		margin-left: 200px;
	}
	
	/****FOOTER****/

	#footer {
		position: absolute;
		width: 217vh;
		top: 44850px;
		height: 600px;
	}
	.creativas img {
		margin-left: -270px;
		width: 950px;
	}
	
	.listados {
		display: none;
	}
	.credi .text {
		margin-top: 40px;
		margin-left: -250px;
		width: 1200px;
		font-size: 35px;
	}
}