@charset "utf-8";
/* CSS Document */

/**** Index ****/
.imagen1I{
    background: url("../image/home/2.jpg") no-repeat center;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 400px;
}
.imagen2I{
	background: url("../image/home/3.jpg") no-repeat center;
	/*width: 100%;*/
	background-size: cover;
	background-position: center;
	height: 450px;
	line-height: 300px;
	text-align: center;
    padding: 0;
}
.imagen3I {
    background: url("../image/home/png/mapadis.png") no-repeat center;
}
.iconos{
    background: url("../image/home/panal.png") no-repeat top;
    background-size: cover;
    background-position: center;
    height: 450px;
    width: 100%;
}
.iconos-en{
    background: url("../image/home/panal_en.png") no-repeat top;
    background-size: cover;
    background-position: center;
    height: 450px;
    width: 100%;
}

.iconos-en>p{
    font-weight: 600;
	line-height: 1;
	font-size: 20px;
    padding: 0 20px;
	bottom: 3%;
    text-align: center;
}
.iconos>p{
    font-weight: 600;
	line-height: 1;
	font-size: 20px;
    padding: 0 20px;
	bottom: 3%;
    text-align: center;
}
.mapa {
    background: url("../image/home/png/mapadis.png") no-repeat center;
    background-size: contain;
    width: 100%;
    height: 300px;
}
.camion {
    background: url("../image/home/png/logis.png") no-repeat center;
    background-size: contain;
    width: 200px;
    height: 200px;
    margin-top: -50px;
}
.imagen4I{
	background: url("../image/home/4_1.jpg");
	width: 100%;
	background-size: cover;
	background-position: center;
	height: 300px;
	line-height: 300px;
}
.imagen5I{
	background: url("../image/home/4_2.jpg");
	width: 100%;
	background-size: cover;
	background-position: center;
	height: 150px;
	line-height: 300px;
    content: " ";
}
.imagen6I{
	background: url("../image/home/4_3.jpg");
	width: 100%;
	background-size: cover;
	background-position: center;
	height: 300px;
	line-height: 300px;
}
.imagen7I{
	background: url("../image/home/4_4.jpg");
	width: 100%;
	background-size: cover;
	background-position: center;
	height: 300px;
	line-height: 300px;
}
.imagen8I{
	background: url("../image/home/4_5.jpg");
	width: 100%;
	background-size: cover;
	background-position: center;
	height: 300px;
	line-height: 300px;
}
.imagen9I{
	background: url("../image/home/4_6.jpg");
	width: 100%;
	background-size: cover;
	background-position: center;
	height: 300px;
	line-height: 300px;
}
.imagen10I{
	background: url("../image/home/4_7.jpg");
	width: 100%;
	background-size: cover;
	background-position: center;
	height: 300px;
	line-height: 300px;
}
.imagen11I{
	background: url("../image/home/4_8.jpg");
	width: 100%;
	background-size: cover;
	background-position: center;
	height: 300px;
	line-height: 300px;
}
.imagen12I{
    background: url("../image/home/4_combo.jpg") no-repeat;
	width: 100%;
	background-size: cover;
	background-position: center;
    height: 500px;
    
}
.logo1{
    background: url("../image/home/png/SANMINA.png") no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height:100px;
}
.logo2{
    background: url("../image/home/png/kone.png") no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height:100px;
}
.logo3{
    background: url("../image/home/png/JOHNSON_CONTROL.png") no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height:100px;
}
.logo4{
    background: url("../image/home/png/BRANSON.png") no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height:100px;
}
.logo5{
    background: url("../image/home/png/FLEX.png") no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height:100px;
}
.logo6{
    background: url("../image/home/png/PANDUIT.png") no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height:100px;
}
.logo7{
    background: url("../image/home/png/JABIL.png") no-repeat;
    background-position: center;
    background-size: contain;
    height:100px;
    width: 100%;
}
.logo8{
    background: url("../image/home/png/THOMSON.png") no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height:100px;
}

/******* About us **********/
.imagen1A {
    background:url("../image/about/2.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.imagen2A {
    background:url("../image/about/3.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.imagen3A {
    background:url("../image/about/4.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
}

/***************** Services ****************/
.imagen1S {
    background:url("../image/services/2.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 115%;
    width: 100%;
}
.imagen2S {
    background:url("../image/services/3.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 250px;
    width: 100%;
}
.imagen3S {
    background:url("../image/services/4.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 250px;
    width: 100%;
}
.imagen4S {
    background:url("../image/services/5.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 250px;
    width: 100%;
}
.imagen5S {
    background:url("../image/services/6.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 250px;
    width: 100%;
}
.imagen6S {
    background:url("../image/services/7.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 250px;
    width: 100%;
}
.imagen7S {
    background:url("../image/services/8.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 250px;
    width: 100%;
}.imagen8S {
    background:url("../image/services/9.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 250px;
    width: 100%;
}
.imagen9S {
    background:url("../image/services/10.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 250px;
    width: 100%;
}
.imagen10S {
    background:url("../image/services/11.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 250px;
    width: 100%;
}
.icono1{
    background: url("../image/services/icon_contract.png") no-repeat;
    background-position: center;
    background-size: contain;
    height: 80px;
    width: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
.icono2{
    background: url("../image/services/icon_service.png") no-repeat;
    background-position: center;
    background-size: contain;
    height: 80px;
    width: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
.icono3{
    background: url("../image/services/icon_quo.png") no-repeat;
    background-position: center;
    background-size: contain;
    height: 80px;
    width: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
.icono4{
    background: url("../image/services/icon_targ.png") no-repeat;
    background-position: center;
    background-size: contain;
    height: 80px;
    width: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
.icono5{
    background: url("../image/services/icon_meda.png") no-repeat;
    background-position: center;
    background-size: contain;
    height: 80px;
    width: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
/********** Equipment ************/
.gota {
    background: url("../image/capability/Gota_combo.png") no-repeat;
    background-position: center;
    background-size: contain;
    height: 100%;
    vertical-align: middle;
}

.c1 {
    background: url("../image/capability/1.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
}
.c2 {
    background: url("../image/capability/2.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
}
.c3 {
    background: url("../image/capability/3.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
}
.c4 {
    background: url("../image/capability/4.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
}
.c5 {
    background: url("../image/capability/10.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
}
.c6 {
    background: url("../image/capability/6.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
}
.c7 {
    background: url("../image/capability/7.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
}
.c8 {
    background: url("../image/capability/8.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
}
.c9 {
    background: url("../image/capability/9.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
}






/***** Fondos ******/
.fondoGrisClaro {
	background-color:lightgray;
    height: 200px;
}
.fondoGrisClaro2 {
	background-color:#f6f6f6;
}
.fondoA {
	background-color: var(--accent);
}
.FondoTrans1 {
	background-color: rgba(255,255,255,.70);
	height: 20%;
	width: 100%;
	padding:10px 5px;
    margin-bottom: 15px;
}
.FondoTrans1>p {
	text-align: center;
	font-weight: 600;
	line-height: 1;
	font-size: 30px;
	color: #000000;
}
.FondoTransS {
	background-color: rgba(0,0,0,.30);
	height: 100%;
	width: 100%;
}
.fondoCeleste {
    background-color: #eef6fc;
}
.fondoThanks{
    background:linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.20)), url("../image/home/1_2.jpg") no-repeat center;
    background-size: cover;
    height: 637px;
    padding-top: 38px;
}
.fondoVideo{
    background:linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.20)), url("../image/home/1_3.jpg") no-repeat center;
    background-size: cover;
    height: 400px;
    padding-top: 100px;
}
.fondoV{
    background:linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.20)), url("../image/capability/10video_minatura.jpg") no-repeat;
    background-size: cover;
    z-index: 9999;
    background-position: center;
}

.fondoForm{
    background:linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.20)), url("../image/contact/TN_AMADAS1.jpg") no-repeat center;
    background-size: cover;
}

.fondoM{
    background: url("../image/capability/11 combo.jpg") no-repeat;
    background-size: cover;
    background-position: bottom;
}