/* ------------------------- */
/* Estilos Generales */
/* ------------------------- */

* {
    box-sizing: border-box;
    margin: 0; 
    padding: 0;
}

body { 
    font-family: 'Lato', sans-serif;
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
    text-align: center;
    margin-bottom: 0;
}

.texto-naranja {
    font-weight: 300;
    color: orange;
}

.texto-blanco {
    font-weight: 700;
    color: #fff;
}

.texto-negro {
	color: #000;
}
.texto-negroExplicacion {
	color: #000;
	margin: 0px 37px;
	text-align: justify;
}

.texto-negroHeader {
	color: #000;
	font-size: 20px;
	
}

/* Clases de fullpage.js  COLOR DE LA PELOTA DEL MENU DERECHA*/
#fp-nav ul li a span{
	background: #FFA500;
}
/* Clases de fullpage.js  COLOR DE LA LETRA DEL MENU DERECHA*/
#fp-nav ul li .fp-tooltip{
	color: #FFA500;
}
/* Clases de fullpage.js  MENU Navegacion*/
.nav {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 70;
	width: 100%;
	margin: 0;
	padding: 10px 20px;
}

/* MENU DERECHA */
.nav li,
.nav a {
	display: inline-block;
	margin: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 19px;
	color: #c2c2c2;
	transform: .5s ease;
}

.nav li.active{
	border-bottom: 2px solid orange;
}

.menu li a {
	transition: .5s ease;
	margin: 0;
	padding: 0;
}

.menu li.active a,
.menu li:hover a {
	color: orange;
}


/* Header */
.header {
	background: url('../media/logo.png');
	background-position: center 50px;
	background-repeat: no-repeat;
	background-size: 230px 230px;
	
	
}

.header .contenedor-titulo{
	text-align: center;
	position: relative;
	z-index: 99;	
}

.header .titulo{
	font-size: 50px;
	text-transform: uppercase;
}

.header .contenedor-icono{
	position: absolute;
	z-index: 99;
	bottom: 3%;
	left: 50%;
	font-size: 40px;
	animation: bajar-subir 1s ease infinite;
}

/* Distribucion */
.headerDistribucion {
	background: url('../media/distri.jpg');
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 400px 200px;
	/*background-position:top center;*/
}

.headerDistribucion .contenedor-titulo{
	text-align: center;
	position: relative;
	z-index: 99;	
}

.headerDistribucion .titulo{
	font-size: 70px;
	text-transform: uppercase;
}

.headerDistribucion .contenedor-icono{
	position: absolute;
	z-index: 99;
	bottom: 3%;
	left: 50%;
	font-size: 40px;
	animation: bajar-subir 1s ease infinite;
}
/* FIN DISTRIBUCION */


/* Servicio */
.headerServicio {
	background: url('../media/clientes.png');
	background-repeat: no-repeat;
	background-position: center 50px;
	background-size: 800px 200px;
	/*background-position:top center;*/
}

.headerServicio .contenedor-titulo{
	text-align: center;
	position: relative;
	z-index: 99;	
}

.headerServicio .titulo{
	font-size: 70px;
	text-transform: uppercase;
}

.headerServicio .contenedor-icono{
	position: absolute;
	z-index: 99;
	bottom: 3%;
	left: 50%;
	font-size: 40px;
	animation: bajar-subir 1s ease infinite;
}

/* FIN Servicio */

.bg-video {
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background: #000;
	background-position: center;
	background-size: contain;
	object-fit: cover;
}


/* ANIMACIONES*/
@keyframes bajar-subir {
	0% {transform: translateY(20px);}
	25% {transform: translateY(0px);}
	1000% {transform: translateY(20px);}
}


/* PRODUCTOS*/
.productos article{
	background-position: center;
	background-size: cover;

}

.productos article:nth-child(1){
	background: url('../media/Slide11.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

.productos article:nth-child(2){
	background: url('../media/Slide12.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

.productos article:nth-child(3){
	background: url('../media/Slide13.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

.productos article:nth-child(4){
	background: url('../media/Slide14.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

.productos article:nth-child(5){
	background: url('../media/Slide15.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

.productos article:nth-child(6){
	background: url('../media/Slide16.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

.productos article:nth-child(7){
	background: url('../media/Slide17.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

.productos article:nth-child(8){
	background: url('../media/Slide18.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

/*.productos article:nth-child(9){*/
/*	background: url('../media/slide14.jpg');*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*}*/

/*.productos article:nth-child(10){*/
/*	background: url('../media/slide15.jpg');*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*}*/

/*.productos article:nth-child(11){*/
/*	background: url('../media/slide16.jpg');*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*}*/

/*.productos article:nth-child(12){*/
/*	background: url('../media/slide17.jpg');*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*}*/
/*.productos article:nth-child(13){*/
/*	background: url('../media/slide18.jpg');*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*}*/
/*.productos article:nth-child(14){*/
/*	background: url('../media/slide19.jpg');*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*}*/

/*.productos article:nth-child(15){*/
/*	background: url('../media/slide20.jpg');*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*}*/

/*.productos article:nth-child(16){*/
/*	background: url('../media/slide21.jpg');*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*}*/
/*.productos article:nth-child(17){*/
/*	background: url('../media/slide22.jpg');*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*}*/

.productos .informacion-producto{
	margin: 0 30px;
}

.productos .modelo{
	font-size: 25px;
}

/* Clases de fullpage.js Flechas slide */
.fp-controlArrow.fp-next,
.fp-controlArrow.fp-prev{
	top: 95%;
}

.fp-controlArrow.fp-prev{
	left: 70%;
	border-width: 20px 20px 20px 0;
	border-color: transparent negro transparent transparent;
}

.fp-controlArrow.fp-next{
	right: 10%;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent negro;
}

/* FIN PRODUCTOS*/

/* Distribucion */


.headerContacto .contenedor-titulo{
	text-align: center;
	position: relative;
	z-index: 99;	
}

.headerContacto .titulo{
	font-size: 70px;
	text-transform: uppercase;
}

.headerContacto .contenedor-icono{
	position: absolute;
	z-index: 99;
	bottom: 3%;
	left: 50%;
	font-size: 40px;
	animation: bajar-subir 1s ease infinite;
}
/* FIN DISTRIBUCION */


/* MEDIA QUERYS */
@media screen and (max-width: 768px){
	.menu li a,
	.menu li.active a {
		font-size: 8px;
	}
	.header{
		font-size: 15px;
	}
	
	.modelo {
		font-size: 20px;
	}
	.headerDistribucion{
		font-size: 15px;
	}
	
	.headerServicio{
		font-size: 15px;
	}
	
	/* TEXTO naranja y blanco*/
	.header .texto-naranja{
		font-size: 30px;
	}
	.header .texto-blanco{
		font-size: 20px;
	}
	.header .texto-negroHeader{
		font-size: 10px;
	}
	
	
	.headerDistribucion .texto-naranja{
		font-size: 35px;
	}
	.headerDistribucion .texto-blanco{
		font-size: 20px;
	}
	.headerServicio .texto-naranja{
		font-size: 35px;
	}
	.headerServicio .texto-blanco{
		font-size: 20px;
	}
	
	.headerServicio .texto-negro{
		font-size: 15px;
		margin: 30px 37px;
		
	}
	
	.productos .informacion-producto{
	margin: 100px 30px;
	}
	
	.headerDistribucion {
	background: url('../media/distri.jpg');
	background-repeat: no-repeat;
	background-position: center 50px;
	background-size: 300px 100px;
	}
	
	.header {
	background: url('../media/logo.png');
	background-position: center 50px;
	background-repeat: no-repeat;
	background-size: 110px 110px;
	}
	
	.header .texto-negro{
		font-size: 20px;
	}
	
	.headerServicio {
	background: url('../media/clientes.png');
	background-repeat: no-repeat;
	background-position: center 80px;
	background-size: 350px 50px;
	/*background-position:top center;*/
	}
	
	.headerContacto .texto-negroContacto{
		font-size: 16px;
	}
	
	.fp controlArrow.fp-next{
		left: 100px;
	}
	
	.fp controlArrow.fp-prev{
		left: 25px;
	}
	
	.headerContacto .texto-naranja{
		font-size: 35px;
	}
}

@media screen and (max-width: 576px){
	.header .titulo {
		font-size: 60px;
	}
	.informacion-producto{
		position: absolute;
		top: 70%;
	}
	
}

/* PDF LINK*/
p:not(.cssonly) a[href$=".pdf"]:before {
        /* PDF file */
  width:32px;
  height:32px;
 background:url('http://wwwimages.adobe.com/content/dam/acom/en/legal/images/badges/Adobe_PDF_file_icon_32x32.png');
  display:inline-block;
  content:' ';
}

/* Add " (PDF)" text after links that go to PDFs */
a[href$=".pdf"]:after { content: " (PDF)"; }

/* If file size specified as data attribute, use that too */
a[href$=".pdf"][data-size]:after { content: " (PDF, " attr(data-size) ")"; }

html {
  font-size: 1em;
  line-height: 1.75;
  font-weight: 200;
  -webkit-font-smoothing: antialiased;
  color: #585451;
  font-family: sans-serif;
}
/* p {  background-color: gray; } */

.cssonly a[href$=".pdf"]:after {
  /* PDF file */
  width: 16px;
  vertical-align: middle;
  margin: 4px 0 2px 4px;
  padding: 4px 0 1px 0px;
  background-color: #fff;
  color: red;
  border: 1px solid red;
  border-top-right-radius: 7px;
  box-shadow: 1px 1px #ccc;
  font-size: 7.7px;
  font-weight: 700;
  font-family: sans-serif;
  line-height: 16px;
  text-decoration: none;
  display: inline-block;
  box-sizing: content-box;
  content: 'PDF';
}

.cssonly a[href$=".doc"]:after,
.cssonly a[href$=".docx"]:after {
  width: 16px;
  vertical-align: middle;
  margin: 4px 0 2px 4px;
  padding: 4px 0 1px 0px;
  background-color: #fff;
  color: #00d;
  border: 1px solid #00d;
  border-top-right-radius: 7px;
  box-shadow: 1px 1px #ccc;
  font-size: 7.7px;
  font-weight: 700;
  font-family: sans-serif;
  line-height: 16px;
  text-decoration: none;
  display: inline-block;
  box-sizing: content-box;
  content: 'DOC';
}

.cssonly a[href$=".xls"]:after,
.cssonly a[href$=".xlsx"]:after {
  width: 16px;
  vertical-align: middle;
  margin: 4px 0 2px 4px;
  padding: 4px 0 1px 0px;
  background-color: #fff;
  color: #090;
  border: 1px solid #090;
  border-top-right-radius: 7px;
  box-shadow: 1px 1px #ccc;
  font-size: 8px;
  font-weight: 700;
  font-family: tahoma, arial, sans-serif;
  letter-spacing: 0.001em;
  line-height: 16px;
  text-decoration: none;
  display: inline-block;
  box-sizing: content-box;
  content: 'XLS';
}
/* PDF END */