@import url(/components/Font-Awesome/web-fonts-with-css/css/fontawesome-all.min.css);
@import url(../fonts/fonts.css);
@import url(../../../scripts/carousel/carousel.css);
h1, h2, h3, h4, h5, h6{
	font-family: 'Skia';
}

body{
	background: #F5F5F7;
}
.main-content{
	padding-left: 94px;
}
header{
	text-align: center;
	position: fixed;
	min-width: 94px;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000000;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index:9;
}
header .botonera{
	color: white;
	display: none;
	padding-left: 50px;
	padding-right: 50px;
	width: 280px;
}
header .botonera a{
	text-decoration: none;
}
header .btn-menu {
	color:#FFFFFF;
	padding-top: 80px;
	padding-bottom: 20px;
	font-family: 'Skia';
	cursor: pointer;
}
header .btn-menu .cerrar{
	display: none;
}
header .botonera .imagen{
	padding-top:10px;
	padding-bottom:10px;
}
header .botonera .imagen img{
	max-height: 100px;
}
header ul{
	margin: 0px;
	padding: 0px;
}
header li{
	list-style: none;	
}

header li a{
	color:white;
	font-family: 'Skia';
	font-size: 12px;
	text-transform: uppercase;
	border-top:1px solid #3f3d42;
	border-bottom:1px solid #3f3d42;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
}
header li a:hover{
	color: #f2c330;
	border-color:#f2c330;
}

.fotosgaleria img{
	max-width: 210px;
	margin-bottom: 20px;
}

.carousel_inner .images {
	-webkit-transition: .6s ease-in-out top;
	-o-transition: .6s ease-in-out top;
	transition: .6s ease-in-out top;
	transform: translateY(0px);
}

.slider-principal{
	position: relative;
	overflow: hidden;
}
.slider-principal .imagen{
	background: no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
}
.slider-principal .descripcion{

display: inline-block;
width: 450px;
color: #FFFFFF;
}
.slider-principal .descripcion h1{
	position: relative;
	padding: 0;
	margin: 0;
	font-family: 'Skia';
	font-size: 75px;
}
.slider-principal .descripcion h1::before{
	content: "";
	position: absolute;
	width: 100%;
	border: 0.5px white solid;
	bottom:10px;
	left:0;	
}
.slider-principal .descripcion p{
	font-size: 26px;
}
.fondo-video-youtube{
	position: absolute;
left:0;
top:0;
}

.caption-video{
	position: relative;
	width: 100%;


}
.fondo-video-youtube, .banner-video-youtube{
	width: 100%;
	height: 100%;
}
.contenido-adicional{
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
}
.contenido-adicional .imagen img{
	border-radius: 55px;
	background: #dedcdb;
	padding: 17px;
	max-height: 100px;
}
.contenido-adicional .caja{
	text-align: center;
	padding: 5px;
	color: #333333;
}
.contenido-adicional .caja h2{
	font-family: 'Skia';
	font-size: 30px;
}
.contenido-adicional .caja .introduccion{
	font-weight: 300;
	font-family: 'Roboto';
	font-size: 1rem;
}
.contenido-adicional .caja .imagen{
	padding-bottom: 20px;
}
.btn-amarillo{
	background: #f39c43;
	border-radius: 0.3em;
	color: #333333;
	display: inline-block;
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	font-family: 'Skia';
	border:none;
}
 .btn-amarillo i{
	padding: 5px;
	padding-right: 6px;
	font-size: 16px;
	
}
.btn-amarillo span{
	padding: 4px;
	border-left: 2px solid rgba(51,51,51,0.2);
	display: inline-block;
	height: 25px;
}
.contenido-adicional .caja:hover img, .contenido-adicional .caja:hover  .btn-amarillo{
	background: #3f3d42;
}
.contenido-adicional .caja:hover  .btn-amarillo{
	color: #FFFFFF;
}
.complementos-index{
	color: #FFFFFF;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	height: auto;
	position: relative;
	background: no-repeat center center; 
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
}
.complementos-index .titulo h4{
	position: relative;
	color: #FFFFFF;
	font-family: 'Skia';
	font-size: 40px;
}
.complementos-index .titulo h4::before{
	content: "";
	position: absolute;
	width: 70px;
	border: 0.5px white solid;
	margin-left: -35px;
	bottom:0px;
	left:50%;	
}

.caja-titulo-color-productos{
	margin-top: 54px;
}
.flecha-scroll{
	margin: 0px;
  font-size: 43px;
  position: relative;
  bottom: 0px;
  color: #ffffff;
  font-weight: 42px;
}
.flecha-scroll i{
  color: #ffffff;
}
.complementos-index .caja h4{
	font-family: 'Skia';
	font-size: 25px;
}
.complementos-index .caja .icono{
	padding-bottom: 15px;
}
.caja .introduccion{
	color: #333333;
}
.complementos-index .caja .introduccion{
	font-family: 'Roboto';
	font-size: 19px;
	color: #FFFFFF;
}
.btn-blanco{
	background: #ffffff;
	border-radius: 0.3em;
	color: #333333;
	display: inline-block;
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	font-family: 'Skia';
}
.btn-blanco:hover{
	background: #f2c330;
	color: #333333;
}
.btn-blanco i{
	padding: 5px;
	padding-right: 10px;
}
.btn-blanco span{
	padding: 5px;
	border-left: 2px solid rgba(51,51,51,0.2);
	display: inline-block;
	font-weight: 20px;
}

.btn-transparente{
	border: 1px solid #FFFFFF;
	border-radius: 0.3em;
	color: #ffffff;
	display: inline-block;
	font-size: 15px;
	padding-right: 5px;
	padding-left: 5px;
	font-family: 'Skia';
}
.btn-transparente:hover{
	background: #ffffff;
	color: #333333;
}
.btn-transparente i{
	padding: 5px;
	padding-right: 10px;
}
.btn-transparente span{
	padding: 2px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 2px solid rgba(255,255,255,0.2);
	font-size: 18px;
	display: inline-block;
}

/*++++++++++++++++++ PRODUCTOS +++++++++++++++++ */

.productos{
	padding-top: 60px;
}
.productos .titulo h4{
	position: relative;
	color: #333333;
	font-family: 'Skia';
	font-size: 50px;
}
.productos .titulo h4::before{
	content: "";
	position: absolute;
	width: 96px;
	border: 0.6px rgba(51, 51, 51, 0.2) solid;
	margin-left: -48px;
	bottom: -5px;
	left:50%;	
}
.productos .caja{
	padding-top: 60px;
	padding-bottom: 60px;
}
 .imagen-fondo{
	color: #ffffff;
	position: relative;
	min-height: 240px;
	-webkit-box-shadow: -2px 0px 49px 6px rgba(51,51,51,0.3);
	-moz-box-shadow: -2px 0px 49px 6px rgba(51,51,51,0.3);
	box-shadow: -2px 0px 49px 6px rgba(51,51,51,0.3);
	margin-bottom: 30px;
}
 .imagen-fondo .material{
	background: rgba(51, 51, 51, 0.5);
	text-align: center;
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 1000ms ease-out;
	-moz-transition: all 1000ms ease-out;
	-ms-transition: all 1000ms ease-out;
	-o-transition: all 1000ms ease-out;
	transition: all 1000ms ease-out;
}
 .imagen-fondo:hover .material,  .imagen-fondo:hover{
	opacity: 0.7;
	box-shadow: none;
}
 .imagen-fondo .material h3{
	font-family: 'Skia';
	font-size: 1.75rem;
	border-bottom: 1px solid #FFFFFF;
	display: inline-block;
}
 .imagen-fondo .material .introduccion{
	font-family: 'Roboto';
	color: #FFFFFF;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: 300;
}

.productos .caja .btn-productos{
	background: #000000;
	color: #ffffff;
	border: 1px solid rgb(0, 0, 0);
	border-radius: 0.3em;
	display: inline-block;
	font-size: 15px;
	padding-right: 5px;
	padding-left: 5px;
	font-family: 'Skia';
	align-content: center;
	margin-top: 70px;
	
}

.btn-productos span{
	padding: 2px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	font-size: 18px;
	display: inline-block;
}

.productos .caja .btn-productos:hover{
	background: #818080;
	color: #333333;
	
}
.btn-productos i{
	padding: 5px;
	padding-right: 10px;
}

/*+++++++++++++++++++ COVERLAM ++++++++++++++++ */

.coverlam{
	position: relative;
	color: #ffffff;
	padding-top: 25px;
	padding-left: 50px;
	font-size: 1rem;
	background: no-repeat center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	margin-top: 5%;
    margin-bottom: 5%;
}
.coverlam .btn-blanco{
	font-size: 15px;
	margin-left: 41px;
}
.coverlam .contenido{
	display: block;
	font-family: 'Roboto';
	font-weight: 300;
}
.clientes{
	background: #F1F0F0;
	padding-top: 40px;
	
}
.clientes .titulo h4{
	position: relative;
	color: #333333;
	font-family: 'Skia';
	font-size: 40px;
}
.clientes .titulo h4::before{
	content: "";
	position: absolute;
	width: 90px;
	border: 0.6px solid rgba(51,51,51,0.2);
	margin-left: -45px;
	bottom:-7px;
	left:50%;	
}

.clientes .titulo{
	padding-bottom: 25px;
}
.clientes .introduccion{
	padding-top: 0;
	color: #333333;
	text-align: center;
	font-size: 1rem;
	padding-bottom: 10px;
}
.clientes .imagen{
	display: inline-block;
}
.clientes .imagen img{
	max-height: 130px;
	max-width: 100%;
}
.mapa{
	height: 250px;
}
.formulario-index{
	padding-top: 60px;
	padding-bottom: 30px;
	/* background: url("../images/contacto.jpg") no-repeat center center; */
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.formulario-index .confirmacion-envio{ 
	text-align: center;
	color:#f2c330;
	font-size: 30px;
	font-family: 'Skia';
}
.formulario-index .input-texto{
	margin-bottom: 30px;
	color:white;
	border:none;
	background:  #0e0e0d;
	font-size: 20px;
	padding: 10px;
	padding-left: 15px;
	width: 101%;
	opacity: 0.8;
}
.formulario-index .input-texto::placeholder{
	font-family: 'Skia';
}
.formulario-index .incoterm{
	color: #FFFFFF;
	padding-left: 5px;
}
.formulario-index .incoterm .btn-amarillo{
	margin-top: 20px;
	display: block;
}
.formulario-index #incoterm{
	display: inline-block;
	padding-bottom: 20px;
}
.formulario-index .informacion-contacto{
	background:  #0e0e0d;
	padding: 20px;
	width: 82%;
	margin-left: 28px;
	opacity: 0.7;
}
.formulario-index .informacion-contacto a{
	text-decoration: none;
}
.formulario-index .informacion-contacto span{
	color: #f39c43;
	;
	font-size: 18px;
	font-family: 'Skia';
}
.formulario-index .informacion-contacto .info{
	color:white;
	font-size: 1rem;
	border-bottom: 1px #f2c330 solid;
	margin-bottom: 10px;
}
.formulario-index .informacion-contacto #siguenos{
	padding-right: 10px;
}
.formulario-index .informacion-contacto i{
	background: #FFFFFF;
	display: inline-block;
	padding: 5px;
	color: #111110;
	width: 25px;
	text-align: center;
	border-radius: 5em;
	margin-right: 2px;
	padding-left: 3px;
	padding-right: 3px;
}
.formulario-index .informacion-contacto i:hover{
	background: #111110;
	color: #FFFFFF;
}
.formulario-index .btn-amarillo{
	display: inline-block;
	font-size: 18px;
}
.formulario-index .btn-amarillo:hover{
	background: #ffffff;
	cursor: pointer;
}
.formulario-index .btn-amarillo span{
	padding-left: 5px;
	padding-right: 14px;
	font-size: 12px;
}

.contacto .texto-datos{
	padding-left: 30px;
}
.abrir{
	font-size: 13px;
}
.cerrar{
	font-size: 13px;
}

.abrir img{
	width: 33px;
  height: 26px;
}
.cerrar img{
	width: 28px;
  height: 28px;
}

.loading{
	height: 100%;
	width: 100%;
	background: #111110;
	position: fixed;
	z-index: 10;
	overflow: hidden;
}
.loading img{
	position: absolute;
	left: 50%;
	top:50%;
	margin-left: -91px;
	margin-top: -60px;
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all 4000ms ease-in-out;
	-moz-transition: all 4000ms ease-in-out;
	-ms-transition: all 4000ms ease-in-out;
	-o-transition: all 4000ms ease-in-out;
	transition: all 4000ms ease-in-out;
}
.loading .barra{
	position: absolute;
	bottom: 0;
	right:50px;
	width: 2px;
	background: #CCCCCC;
	height: 0;
}
.loading #porcentaje{
	color:#CCCCCC;
	position: absolute;
	bottom: 0;
	right: 10px;
	font-size: 30px;
	font-family: 'Skia';

}

.loading img.animate{
	transform: scale(1);
	opacity: 1;
}
.nosotros{
	padding-top: 50px;
	padding-bottom: 50px;


}
.titulo-interno{
	color: #ffffff;
	font-family: 'Skia';
	font-size: 33px;
	text-align: center;
	position: relative;
	display: blocK;
	padding-bottom: 5px;
	transform: translateY(-45px);
}
.titulo-interno::after{
	content: "";
	background: rgb(161, 161, 161);
	height: 2px;
	width: 70px;
	left: 50%;
	margin-left: -35px;
	bottom: 0;
	position: absolute;
}

.introduccion{
	font-weight: 300;
  font-family: 'Skia';
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 30px;
}
.nosotros .descripcion{
	padding-bottom: 20px;
	color: #333333;
	font-weight: 300;
    font-family: 'Skia';
}
.nosotros .subtitulo{
	padding-top: 20px;
	font-family: 'Skia';
	font-size: 30px;
}

/*++++++++++++++++ CONTACTO ++++++++++++++++++++++*/

.contacto{
	background: url('../images/contacto.jpg') center center no-repeat fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	padding-top: 50px;
}
.contacto .formulario-index {
	background: inherit;
}

.informacion-contacto .info h6{
	font-family: 'Arial';
}

.fondo-introduccion{
	/* background: url('../images/banner.jpg') no-repeat center center; */
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 34px;
}

.fondo-introduccion .introduccion{
	padding-top: 10px;
	padding-bottom: 25px;
}

.clientes-interna{
	padding-top: 80px;
	padding-left: 50px;
}
 .caja-cliente{
	-webkit-box-shadow: 10px 10px 28px -4px rgba(204,204,204,1);
	-moz-box-shadow: 10px 10px 28px -4px rgba(204,204,204,1);
	box-shadow: 10px 10px 28px -4px rgba(204,204,204,1);
	border-radius: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #FFFFFF;
	margin-bottom: 50px;
	display: table;
	text-align: center;
	width: 100%;
}
 .caja-cliente .table-cell{
	display: table-cell;
	vertical-align: middle;
	height: 150px;
	padding: 20px;
}
#carousel_cliente li {
	padding: 10px;
}
#carousel_cliente .caja-cliente .table-cell{
	height: 100px;
	padding: 5px;
}
 .caja-cliente img{
	max-height: 100%;
	max-width: 100%;
	-webkit-filter: grayscale(1);
  filter: grayscale(1);

}

.caja-cliente img:hover{
	max-height: 100%;
	max-width: 100%;
-webkit-filter: none;
filter: none;
}

.pagination{
	display: table;
	border: 1px solid #CCCCCC;
	margin-bottom: 30px;
	margin-top: 100px;
}
 .pagination li{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	display: inline;
	display: table-cell;
	border: 1px solid #CCCCCC;
	color: #111110;
	font-family: 'Skia';
}
 .pagination li a{
	color: #555555;
	font-weight: bold;
}

/*+++++++++++++++++ PRODUCTOS ++++++++++++++++++++*/

.producto-interna{
	padding-top: 80px;
	padding-bottom: 50px;
	padding-left: 50px;
	text-align: right;
}
.producto-interna .productos-lista{
	list-style: none;
}
.producto-interna .productos-lista li{
	padding-bottom: 30px;
	text-align: center;
}
.producto-interna .productos-lista li img{
	max-height: 104px;

}
.producto-interna img{
	-webkit-box-shadow: 9px 10px 10px 0px rgba(204,204,204,1);
-moz-box-shadow: 9px 10px 10px 0px rgba(204,204,204,1);
box-shadow: 9px 10px 10px 0px rgba(204,204,204,1);
}
.producto-interna .titulo-interno{
	color: #111110;
	text-align: left;
}
.producto-interna .titulo-interno::after{
	border: 0;
}
.producto-interna .descripcion{
	text-align: left;
	font-family: 'Roboto';
	font-weight: 300;
}

.producto-interna .arriba, .producto-interna .abajo{
	text-align: center;
	background: #e8c933;
	color: #ffffff;
	font-size: 20px;
	width: 105%;
	margin-bottom: 30px;
}

.producto-interna .btn-amarillo{
	margin-top: 20px;
	text-align: left;
	padding: 10px;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;

}
.producto-interna .inputs{
	text-align: left;
	padding-top: 30px;
}
.producto-interna .inputs .contador{
	list-style: none;
	margin: 0;
	padding: 0;
	
}
.producto-interna .inputs .contador li{
	display: inline;
	color: #cccccc;
	padding: 10px;
}
.producto-interna .inputs .contador li #inputcontador{
	width: 30px;
	border: 1px #CCCCCC solid;
	text-align: center;
	border-radius: 1px;
}
.producto-interna .categorias{
	padding-top: 30px;
	padding-left: 0px;
	margin: 0;
	list-style: none;
}
.producto-interna .categorias li{
	padding-bottom: 10px;
}
.producto-interna .categorias li span{
	padding-left: 10px;
}
.producto-interna .categorias li span span{
	color: #e6cc3e;
	padding-left: 5px;
}
.producto-interna .categorias li i{
	background: #555555;
	color: #FFFFFF;
	padding: 5px;
}
.producto-interna .mas, .producto-interna .menos{
 	cursor: pointer;
}

.producto-interna .imagen-detalle-producto img{
	width: 100%;
}

.producto-interna .btn-volver{
	border: 1px solid #000000;
	margin-left: 15px;
	border-radius: 1rem;
	text-decoration: none;
	padding: 7px;
	color: #FFFFFF;
	background: #000000;
}

.producto-interna .btn-volver i{
	padding-right: 14px;
}

.producto-interna .btn-volver:hover{
	background: #e8c933;
	border: 1px solid #e8c933;
}

/*++++++++++++++++ VALORES +++++++++++++++++++*/
.valores{
	padding-top: 50px;
	padding-bottom: 50px;
}
.valores .complementos-index .introduccion{
	color: #111110;
}
.valores .complementos-index .titulo-interno{
	color: #111110;
}
.valores .complementos-index .titulo-interno::after{
	background: none;
}

.valores .complementos-index .btn-transparente{
	background: #333333;
}
.valores .complementos-index .btn-transparente:hover{
	background: #111110;
	color: #FFFFFF;
}
.productos-interna .categorias{
	padding: 0;
	margin: 0;
	list-style: none;
	width: 178px;
}
.productos-interna{
	padding-left: 50px;
}
.productos-interna input{
	margin-bottom: 30px;
	width: 250px;
	border: 1px #cccccc solid;	
	font-family: 'Skia';
}
.productos-interna input::placeholder{
	font-family: 'Skia';
	padding: 5px;
	color: #555555;
}
.productos-interna .categorias ul{
	width: 250px;
}
.productos-interna .categorias li{
	border-bottom: 0.4px #cccccc solid;
	
	font-family: 'Skia';
	
}
.productos-interna .categorias li:last-child{
	border: 0;
}
.productos-interna .imagen-fondo {
	min-height: 200px; 	
}
.productos-interna{
	padding-top: 80px;
}
.productos-interna .categorias ul{
	list-style: none;
	
	margin: 0;
	padding: 0;
}
.productos-interna .imagen-fondo .material h3{
	border: 0;
}
.productos-interna .imagen-fondo .material .titulo-interno{
	font-size: 20px;
}
.productos-interna ul li a{
	color: #111110;
	text-decoration: none;
}
.productos-interna ul li div{
	padding: 5px;
}
.producto-interna .categorias form{
	position: relative;
}
.activo{
	background: #e8c933;
	color: #ffffff;
}
.clientes-interna{
	padding-bottom: 70px;
}

.descargas{
	background: url('../images/contacto.png') ;
	color: #000000;
}


/*+++++++++++++++++++ DESCARGAS ++++++++++++++++++*/

.contenido-descarga .documentos{
	margin-top: 70px;
	margin-bottom: 70px;
	
}

.contenido-descarga .documentos li{
	list-style: none;
}

.contenido-descarga .documentos .titulo-documentos h4{
	background: #000000;
	color: #FFFFFF;
	font-family: 'Skia';
	font-size: 29px;
	padding:15px;
	margin-bottom: 17px;
}

.documentos ul{
	padding: 13px;
	background: #dddddd;
	font-family: 'Skia';
	font-size: 16px;
}

.documentos ul li h6{
		padding-top: 11px;
}

.documentos ul li a{
	color: #000000;
	float: right;
	font-size: 27px;
}

.documentos ul li a:hover{
	color: #f2c330;
}

/*+++++++++++++++++++ FOOTER +++++++++++++++++++++*/


footer .content-footer{
	background: #141414;
}
footer .content-footer{
	padding-top: 40px;
	padding-bottom: 40px;
	color: #FFFFFF;
	padding-left: 102px;
}
footer .content-footer .titulo h4{
	font-family: 'Skia';
	position: relative;
}

footer .content-footer .info-redes{
	padding-top: 7px;
	font-size: 1rem;
}
footer .content-footer .info-redes a{
	color: #FFFFFF;
	text-decoration: none;
}
footer .content-footer .info-redes i{
	background: #FFFFFF;
	display: inline-block;
	padding: 5px;
	color: #111110;
	width: 25px;
	text-align: center;
	border-radius: 5em;	
	margin-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
}
footer .content-footer i:hover{
	background: #111110;
	color: #FFFFFF;
}
footer .content-footer .footer-simbolo .logo{
	margin-top: -12px;
	position: relative;
}

footer .final{
	color: #333333;
	padding: 15px;
	background: #F5F5F7
}
footer .final a{
	color: #333333;

}

footer .content-footer .footer-simbolo{
	margin-top: 35px;
}

/*++++++++++ CONTENIDOS DESPLEGABLES ++++++++++*/

.descripcion-valores{
	display: block;
  font-size: 19px;
  position: relative;
  margin-bottom: 30px;
  font-family: 'Skia';
  font-size: 15px;
  height:90px;
  overflow: hidden;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++*/


/*---------- Libreria para galeria -----------*/
.gal {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;	  
}
.gal img {  
	width: 100%; 
	padding: 7px 0;
}
.caja-negra{
	position: relative;
}

@media (max-width: 500px) {	
	.gal {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}		
}

/*--------------------------------------------*/
.home .nav{
position: absolute;
top: -40px;
right: 450px;
padding: 0;
margin: 0;
list-style: none;
	z-index: 999;
}
.home .nav li a{
	font-family: 'Skia';
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 12px;

	border: 1px solid #ffffff;
	padding: 10px;
	z-index: 99;
	text-decoration: none;
}


.home .nav li ul{
	display: none;
	position: absolute;
	min-width: 180px;
	top: 33px;
	
}
.home .nav li:hover > ul{
	display: block;

	background: rgba(255,255,255,0.8);
	padding-left: 0;
}
.home .nav li ul li a{
	display: block;
	z-index: 99;
	color: #000000;
	border: none;
}
.home .nav li ul li{
	position: relative;

}
.home .nav li ul li ul{
	left: 178px;
	top: 0px;

}
.home .nav ul, .home .nav li{
	list-style: none;
}
.home .nav li ul li a:hover{
	border: none;
	background: #f2c330;
}
* {padding:0;margin:0;box-sizing:border-box;}
#video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
#video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
}
 .nav-menu li ul{
	display: none;
	position: absolute;
	right:  -120px;
	top:79px;
	min-width: 120px;
border: none;

	
}
.nav-menu li:hover > ul{
	display: block;
	border: none;
background: rgba(255,255,255,0.8);

	padding-left: 0;
}
.nav-menu{
	position: relative;
}
.nav-menu li ul li ul{
top:0px

}
.nav-menu li ul li a{
	color:black;
}
.nav-menu li ul li a:hover{
	border: none;
	background: #f2c330;
}
.nav-menu li ul li a{
	border: none;
}
.contenedor-img img{
	width: 100%;
	height: 100%
}
.caja{
	margin-bottom: 5px;
	padding-left: 2.5px !important;
	padding-right: 2.5px !important;
}
.contenedor-img{

height: 100%;
position: relative;

}
.contenedor-img2{
height: 100%;

position: relative;
overflow: hidden;

}
.descripcion-galeria{
	position: absolute;	
	width: 100%;
	height:100%;
	top: 0;
	display: flex;
	justify-content: center;
	background-color: rgba(54,56,57,0.85);
	-webkit-transition:opacity 0.2s;
	opacity: 0;
	color: #fff;
	
}
.contenedor-img:hover .descripcion-galeria{
opacity: 1;
}
.contenedor-img2:hover .descripcion-galeria{
opacity: 1;
padding-bottom:15px;
}
.contenedor-img:hover .descripcion-galeria .texto-galeria p{
transform: translateX(0px);
}
.contenedor-img:hover .descripcion-galeria .texto-galeria a{
transform: translateY(-50px);
}
.contenedor-img2:hover .descripcion-galeria .texto-galeria p{
transform: translateX(0px);
}
.contenedor-img2:hover .descripcion-galeria .texto-galeria a{
transform: translateY(-50px);
}
.texto-galeria{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 50%;
position: relative;
overflow: hidden;
text-align: center;
}
.cont-img-productos {
    position: relative;
    height: 350px;
    overflow: hidden;
    width: 100%;
}
.descripcion-productos{
	position: absolute;
	width: 100%;
	height:100%;
	top: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background-color: rgba(31,31,31,0.9);
	-webkit-transition:opacity 0.2s;
	opacity: 0;
	color: #fff;
	
}
.texto-galeria p{
margin-top: 55px;
transform: translateX(200px);
transition: all 0.5s ease;
font-family: 'Skia';
font-size: 1rem;
}

.icon-lupa:hover{
background-color: #fff;
padding: 20px;
border-radius: 50%;
cursor: pointer;
color: #000;
transition: all 0.5s ease;
}
.icon-lupa{
	border-radius: 50%;
	transition: all 0.5s ease;
}
.texto-galeria a{
color: inherit;
position: absolute;
transform: translateY(-200px);
font-size: 20px;
border-radius: 50%;
transition: all 0.5s ease;
background-color: transparent !important;

}
.carousel-indicators-productos{
	position: relative;
	justify-content: start;
	margin-left: 0px;
	margin-right: 0px;
}
.carousel-indicators-productos li{
	width: 100px !important;
	height: auto !important;
}
.fresco-galeria{
	position: absolute;
	color:#FFFFFF;
	background-color: #000000;
	padding: 10px;
	opacity: 0.6;
	top: 0;
	right: 0;
}
.fresco-galeria:hover{
	color:#ffffff;
}
.img-productos{
	width: auto;
	height: 100%;
}



.cont-img-productos:hover .descripcion-productos{
opacity: 0.7;
}

.cont-img-productos:hover .descripcion-productos .texto-productos p{
transform: translateX(0px);
}
.cont-img-productos:hover .descripcion-productos .vermas-productos{
	transform: translateX(0px);
	}

.texto-productos{
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: 60%;
width: 50%;
text-align: center;
position: relative;
overflow: hidden;
text-align: center;
}
.texto-productos p{
margin-bottom: 50px;
transform: translatey(200px);
transition: all 0.5s ease;
font-family: 'Skia';
font-size: 1.75rem;
}

	.vermas-productos{
		background: none;
		border: 1px solid #ffffff;
		color: #ffffff;
		font-family: 'Skia';
		font-size: 1.75rem;
		margin-bottom: 15px;
		transform: translatey(-200px);
		transition: all 0.5s ease;

	}
	.vermas-productos:hover{
		color: #ffffff;

	}
	.grid-layout {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(7.5%, 1fr));
		grid-gap: 5px;
		/*grid-auto-rows: minmax(7.5%, 0.3fr);*/
		grid-auto-flow: dense;
	
	}
	
	.grid-item {
	
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #929796;
		border-radius: 5px;
	
	}
	
	.span-2 {
		grid-column-end: span 2;
		grid-row-end: span 2;
	}
	
	.span-3 {
		grid-column-end: span 3;
		grid-row-end: span 2;
	}
	.span-4 {
		grid-column-end: span 4;
		grid-row-end: span 2;
	}
	.span-5{
		   grid-column-end: span 5;
		grid-row-end: span 2;
	}
	.span-6{
		   grid-column-end: span 6;
		grid-row-end: span 2;
	}
	.span-row-1{
	grid-column-end: span 3;
		grid-row-end: span 4;
	
	}
	.contenedor-img2 img{
		height: 100%;
		width: 100%;
	}
	.redes-banner{
		position: absolute;
		top:-40px;
		right: 300px;
	}
	.redes-banner a{
		margin-right: 5px;
		color: #333333;
		
	}
	.redes-banner a i{
		background-color: #b7b7b7;
		border-radius: 50%;
		padding: 5px;
	    padding-left: 3px;
    	padding-right: 3px;
		width: 25px;
		text-align: center;
		display: inline-block;
	}

	.redes-banner a:hover{
		text-decoration: none;	
		color: #b7b7b7;
	}
	.redes-banner a:hover i{
		background-color: #333333;
	}
	.fondo-imagen {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 600px;
	}
	.btn-categorias{
		border: 1px solid #999999;
		color: #999999 !important;
		background: #FFFFFF;
		transition: 0.3s;
		
	}
	.btn-categorias:hover{
		border: 1px solid #ffffff;
		color: #ffffff !important;
		background: #000000;
		cursor: pointer;
		
	}
	.categorias{
		display: flex;
		list-style: none;
	}
a.active {
	border: 1px solid #ffffff;
	color: #ffffff !important;
	background: #000000;
	cursor: pointer;
}
.img-proyecto{
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
	transition: all .2s ease-in-out;
}
.img-proyecto img{
	width: 100%;
	height: 100%;
	transition: all .2s ease-in-out;
}
.img-proyecto:hover img{
	transform: scale(1.5);
}
.contenido-img{
	position: absolute;
	width: 100%;
	height: 300px;
    top: 0;
    display: flex;
    justify-content: center;
    background-color: rgba(54,56,57,0.85);
    -webkit-transition: opacity 0.7s;
    opacity: 0;
    color: #fff;
}
.img-proyecto:hover .contenido-img{
	opacity: 1;
	
}
.cat{
	position: relative;
}
.contenido-img a{
	text-decoration: none;
}
.contenido-img a p{
  padding: 10px;
  font-weight: bold;
  font-size: 20px;
}
.parallax {
	/* The image used */
  
	/* Set a specific height */
	min-height: 500px; 
  
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  }
  .titulo-proyectos h1{
	  color: #FFFFFF;
	  font-weight: bold;
	  font-size: 70px;
  }
  @media only screen and (max-width: 600px)  {
	header{
		min-width: 100% !important;
		height: 70px !important;
		z-index: 19 !important;
	}
	.main-content{
		padding-left: 0px !important;
	}
	header .btn-menu{
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 15px;
		float: right;
		margin-right: 20px;
	}
	header .botonera{
		background-color: #000000;
		padding-top: 70px;
	}
	body{
		margin-top: 70px;
	}
	.home .nav{
		display: none;
	}
	.redes-banner{
		right: 100px;
	}
	.caption-video{
		height: 200px !important;
	}
	.grid-layout{
		display: flex;
		flex-direction: column;
	}
	footer .content-footer {
	padding-left: 10px !important;
	}
	.coverlam img{
    width: 70%;
    display: block;
    margin: auto;
    border: none !important;
	}
	.lamred{
	text-align: center;
    padding: 28px 0px;
	}
	.img-productos {
    width: 100% !important;
    }
    .productos .titulo h4 {
    justify-content: center;
    }
    .clientes .titulo {
    display: flex;
    justify-content: center;
    }
	.coverlam{
		padding-left: 10px !important;
	}
	.coverlam .btn-blanco{
		margin-left: 10px !important;
	}
	.productos-interna {
	padding-left: 0px !important;
	}
	.producto-interna{
		padding-left: 0px !important;
	}
	.clientes-interna{
		padding-left: 0px;
	}
	.contenedor-img{
		height: 350px;
		margin-top: 20px;
	}
	
	.contenedor-img2{
		height: 350px;
		margin-top: 20px;
	}
	.complementos-index{
		height: 1100px;
	}
	
	.flotantes {
    top: auto !important;
    }
  }
  
    @media (min-width: 576px){
	    #popup .modal-dialog {
		margin-top: 5rem;
		max-width: 700px !important;
	    }
    }
  
    #popup .modal-dialog img {
	    max-width: 100%
    }
    
    .flotantes {
        display: flex;
        flex-direction: column;
        position: fixed;
        right: 15px;
        bottom: 15px;
        top: 15px;
        z-index: 19;
    }
    
    .flotantes img{
         -webkit-animation: pulse 1.5s infinite;
    }
    
    .flotantes img:hover {
        transform: scale(1.1) !important;
    }
    
  .capa {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0,0,0,0.3);
}
.botonera-resposive{
	position: fixed;
	background: #333333;
	color: #fff;
	width: 276px;
	height: 100%;
	overflow: auto;
	top: 0;
	right: 0;
	display: none;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}

#map { 
	width: 100%;
	height: 400px;
	z-index: 0;
}

.slider-contenido .fondo-imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
}

.bannerinterna .fondo-imagen{
	height: 200px;
}

.lamred .redes-banner{
	position: relative;
    top: 0px !important; 
    right: 0px;
}

.redes-lam a{
	color: #ffffff;
    font-size: 20px;
}

.redes-lam-2 a{
	color: #ffffff;
    margin-right: 10px;
    font-size: 25px;
}

.lam-imagen img{
	border-right: 1px solid #ffffff;
}

/*estilos del hover de mostrar */

.pol_datos:hover{
	 color: #000;
}

.close{
    color: #fff !important;
    opacity: 0.8 !important;
    font-size: 2.5rem !important;
}