@font-face
{
  font-family:ComfortaaLight;
  src: url("../fonts/Comfortaa-Light.ttf");
}
@font-face
{
  font-family:VarelaRegular;
  src: url("../fonts/VarelaRound-Regular.ttf");
}
@font-face
{
  font-family:FetteMittel;
  src: url("../fonts/fettemittelschriftregular.ttf");
}
@font-face
{
  font-family:QuickSand;
  src: url("../fonts/Quicksand-Light.ttf");
}


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

.contenedor
{
    width: 98%;
    margin: auto;
}

.contenedor img
{
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  left: 0px;
}

header .contenedor {
    display: table;
}

.text-over-img 
{
  z-index:1;
	margin-top: -450px;
}


section {
    width: 100%;
}

#bienvenidos {
    text-align: center;
}

footer .contenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 25px;
}

.copy {
    font-size: 20px;
}

.sociales {
    width: 100%;
    text-align: center;
    font-size: 28px;
}

.sociales a {
    color: #333;
    text-decoration: none;
}

#header
{
  background:rgba(255,255,255,0.6);
}

@media (min-width:768px) {
    .sociales {
        width: auto;
    }


    footer .contenedor {
        justify-content: space-between;
    }
}


@media (min-width:1024px) {
    .contenedor {
        width: 1000px;
    }
    
}

/*BLOG*/
#blog h3, h4 {
    text-align: center;
}

#blog .contenedor{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#blog article {
    margin: 15px;
}

#blog img {
    width: 100%;
    max-width: 280px;
}
/*BANNER*/
#banner {
    margin-top:90px;
    position: relative;
}

#banner img {
    width: 100%;
    height: 100%;
}

#banner .contenedor {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
}

#banner h2 {
    font-size: 28px;
}

#banner a {
    display: block;
    width: 100px;
    color: #fff;
    text-decoration: none;
    padding: 7px;
    margin-top: 10px;
    border: 3px solid #fff;
}

#banner a:hover {
    background: rgba(51,51,51,0.5);
}

@media (max-width:414px)
{
  body
  {
    padding-top:250px; 
  }

  .top-left 
  {
    position: absolute;
    top: 20px;
    left: 16px;
  }

  .bottom-right 
  {
    position: absolute;
    bottom: 10px;
    right: 15px;
  }

  #whitelogo
  {
    width:15%;
    height:15%;
  }

  .img1-Automatizacion,.img2-Automatizacion,.img3-Automatizacion,.img4-Automatizacion
  {
    width: 300px;
    height: 300px;
  }

  #automatizacion
  {
    font-size:11vw;
  }

  #devplatforms
  {
    height:200px;
  }
}

@media (min-width:480px) 
{
    body
    {
      padding-top:235px; 
    }

    .top-left 
    {
      position: absolute;
      top: 255px;
      left: 16px;
    }

    .bottom-right 
    {
      position: absolute;
      bottom: 170px;
      right: 25px;
    }
}

@media (min-width:768px) 
{
    body
    {
      padding-top:120px; 
    }

    .top-left 
    {
      position: absolute;
      top: 20px;
      left: 16px;
    }

    .bottom-right 
    {
      position: absolute;
      bottom: 60px;
      right: 25px;
    }
}

@media (min-width:1024px) 
{

    body
    {
      padding-top: 130px; 
    }

    .top-left 
    {
      position: absolute;
      top: 30px;
      left: 16px;
    }

    .bottom-right 
    {
      position: absolute;
      bottom: 60px;
      right: 25px;
    }
}

.bancorreo
{
  border-radius:15px 0px 0px 7px;
  /*box-shadow:-5px 1px 10px 5px #beb7b7d2;
  transform:skewX(-25deg);
  padding:5px;
  transition: all 0.3s;*/
}

.bancontactar
{
  border-radius:0px 7px 15px 0px;
  position:relative;
  left:-4px;
  border-left: 0px solid grey;
  /*box-shadow:5px 1px 10px 5px #beb7b7d2;
  transform:skewX(-25deg);
  padding:5px;
  transition: all 0.3s;*/
}

/*INFORMACION*/
#info 
{
  background: #333;
  color: #fff;
  text-align: center;
  padding: 20px;
  font-family: QuickSand;
}

#info .contenedor 
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.info-pet 
{
    margin: 20px;
    border: 1px solid black;
}

.info-pet img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 7px solid #fff;
}

@media (min-width:480px) {
    .info-pet {
        width: 40%;
    }
}

@media (min-width:1024px) {
    .info-pet {
        width: auto;
    }

}
/*MENU*/

/*Desaparecer el header*/
#menu-bar
{
  display: none;
}

header label
{
  float: right;
  font-size: 28px;
  margin: 6px 0;
  cursor: pointer;
}

.menu
{
  /*position: absolute;
  top: 90px;
  width: 100%;
  height: 100vh;
  top: 90px;*/
  background: rgba(51,51,51,0);
  transition: all 0.5s;
 /*transform: translateX(-100%);*/
}

.menu a
{
  border: none;
  display: block;
  color: rgb(65, 60, 60);
  height: auto;
  padding: 0;
  padding-left: 17px;
  padding-right:  17px;
  padding-top:  5px;
  padding-bottom:   5px;
  text-decoration: none;
  font-size:20px;
  font-weight: bold;
  font-family: 'Quicksand';
}

.menu a:hover
{
  /*text-shadow: black 0.1em 0.1em 0.2em;*/
  background: #3f86ce;
  border-radius: 5px;
  /*box-shadow:inset 0 0 0 110px rgba(17,90,163, 1);*/
  box-shadow:0px 0px 1px 1px hsl(182, 85%, 51%);
  color: white;
  transition: all 0.5s;
}

.imgLogo
{
  width:115px;
  height:70px;
}

.head
{
    width: 100%;
    color: #fff;
    background: rgba(244, 255, 255,0.9);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

#menu-bar:checked ~ .menu{
  position: absolute;
  top:90px;
  left: -1px;
    transform: translateX(0%);
    background: rgba(51,51,51,0.9);
}

@media (min-width:1024px)
{
    .menu
    {
      position: relative;
      width: auto;
      margin-top: 0px;
      height: auto;
      float: right;
      transform: translateX(0%);
    }

    .imgLogo
    {
      width:75%;
      height:60%;
    }

    .menu a
    {
      border: none;
      display: block;
      color: rgb(65,60,60);
      height: auto;
      padding: 0;
      padding-left: 17px;
      padding-right:  17px;
      padding-top:  5px;
      padding-bottom:   5px;
      text-decoration: none;
      font-size:20px;
      font-weight: bold;
      font-family: 'Quicksand';

    }

    .menu a:hover
    {
      color: white;
      /*text-shadow: black 0.1em 0.1em 0.2em;*/
      background: #3f86ce;
      border-radius: 5px;
      /*box-shadow:inset 0 0 0 110px rgba(17,90,163, 1);*/
      box-shadow:0px 0px 1px 1px hsl(182, 85%, 51%);
      transition: all 0.5s;
    }

    .contenedor img
    {
        position: relative;
        left: -150px;
    }

    header label
    {
        display: none;
    }

    .head
    {
      width: 100%;
      height: 100%;
      color: #fff;
      background: rgba(244, 255, 255,0.75);
      position: fixed;
      top: 0;
      left: 0;
      z-index: 100;
      transition: all 1s;
    }

    .menu-fixed
    {
      width: 100%;
      height: 160px;
      color: #fff;
      background: rgba(244, 255, 255,0.75);
      position: fixed;
      top: 0;
      left: 0;
      z-index: 100;
      transition: all 1s;
    }

    .dimer-fixed{
      position: fixed;
      top: -90px;
      left: 80px;
    }

    .ban
    {
      position: relative;
      font-family: 'Quicksand';
      margin-top: 17px;
      height: auto;
      float: right;

    }

    .ban-normal a
    {
      display: block;
      color: #04082c;
      height: auto;
      text-decoration: none;
      text-shadow: black 0.07em 0.07em 0.08em;
      padding: 7px;
      font-size:20px;
      font-family: 'Quicksand';
    }

    /*.ban-normal:hover
    {
      color: rgba(255,255,255,0.9);
      transition: all 0.5s;
      background: none;
      border-radius: 30px;
    }*/
}
/*CONTENEDOR COLUMNAS*/
.contenedor-columnas{
  width: 100%;
  margin: auto;
  margin-bottom: 50px;
}
.columnasx3{
  width: 33.333%;
  float: left;
  padding: 20px 20px;
  box-sizing: border-box;
  margin: auto;
  font-family: rale;

}
.columnasx3 p {
  text-align: justify;
}
.columnasx3 img{
  width: 100%;
}


/*TEXTO E IMAGEN*/

.leermas
{
  /*display: inline-block;*/
  border-radius: 7px;
  width: 150px;
  z-index:9999;
  color: #fff;
  text-decoration: none;
  padding: 7px;
  /*margin-top: 10px;*/
  border: 1px solid #fff;
  background-color:#69676480;
  font-family: ComfortaaRegular;
}

.leermas:hover
{
  background-color: transparent;
  border: 1px solid hsl(182, 85%, 51%);;
  text-shadow: black 0.1em 0.1em 0.2em;
  font-weight: bold;
  letter-spacing: 0.3px;
   transition: all .1s linear;
  
}

.col-xs-3,
.col-xs-4,
.col-xs-6,
.col-xs-9,
.col-xs-12,
.col-sm-3,
.col-sm-4,
.col-sm-6,
.col-sm-9,
.col-sm-12,
.col-md-3,
.col-md-4,
.col-md-6,
.col-md-9,
.col-md-12,
.col-lg-3,
.col-lg-4,
.col-lg-6,
.col-lg-9,
.col-lg-12 {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

/*.container 
{
  position: relative;
  text-align: center;
  color: white;

}*/

/*Texto dentro de la imagen*/

.imagen {
    margin-left: 20px;
    position: relative;
}

.imagen img {
    width: 30%;
    height: 30%;
}

.imagen .contenedor {
    position: absolute;
    top: 40%;
    left:40%;
    transform: translateX(-40%) translateY(-40%);
    color: #fff;
}

.imagen h2 {
    font-size: 28px;
}

.imagen a {
    display: block;
    width: 100px;
    color: #fff;
    text-decoration: none;
    padding: 7px;
    margin-top: 10px;
    border: 3px solid #fff;
}

.imagen a:hover {
    background: rgba(51,51,51,0.5);
}

/*CONTACTO*/
.dos-columnas{
	margin-top: 50px;
}

.datos{
	float: left;
	width: 20%;
	margin: auto;
	color:#999;
}
.formulario{
  float: right;
  border:1px solid black;
	width: 50%;
	margin: auto;
	color:#999;
}
.caja-1{
	width: 250px;
	height: 40px;
	margin: 20px 20px;
	padding: 10px;
	font-size: 14px;
}
.caja-2{
	width: 545px;
  max-width: 545px;
  min-width: 545px;
	height: 100px;
  max-height: 100px;
  min-height: 100px;
	margin: 20px 20px;
	padding: 10px;
	font-size: 14px;
}
.correr{
	margin: 20px 20px;
	padding: 10px;
}
.formu-ti{
	margin: 0px 20px;
	color: #444;
}
.datos-contacto{
	list-style: none;
	text-align: center;
}
.datos-contacto li{
	color: #444;
	padding-bottom: 5px;
}
.datos-contacto li i{
	color: #85c34a;
	font-size: 60px;
}

/*Contacto responsive*/

.contac
{
  width: 450px;
  margin: auto;
  background: rgba(0,0,0,0.4);
  padding: 10px 20px;
  box-sizing: border-box;
  margin-top: 20px;
  border-radius: 7px;
}

.contac h2{
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 30px;
  margin-bottom: 20px;
}

.contac input, .contac textarea{
  width: 100%;
  margin-bottom: 20px;
  padding: 7px;
  box-sizing: border-box;
  font-size: 17px;
  border:none;
}

.contac textarea{
  min-height: 100px;
  max-height: 200px;
  max-width: 100%;
}

#boton{
  background: #31384a;
  color: #fff;
  padding: 20px;
}

#boton:hover{
  cursor: pointer;
}

@media (max-width: 480px){
  .contac{
    width: 100%;
  }
}
/*Derechos*/
.derechos
{
  width: 100%;
  margin: auto;
}

.derechos table
{
  border-collapse: collapse;
    width: 100%;
}

.derechos table td{
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}


.color1
{
    background-color:#e6e6e6 ;
}

/*Informacion inferior*/
.color2
{
    background: linear-gradient(to bottom, rgb(0, 0, 0) ,rgb(50,51,53));
}

.color3
{
    color: white;
    margin-bottom: 5px;
    margin-top: 5px;
}

.colora{
  color:rgb(188,188,161);
  text-decoration: none;
}


/*Dimmer*/


.style_prevu_kit
{
    /*display:inline-block;*/
    border:0;
    border-radius:0px;
    width:1350px;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

.fondodiv1
{
  background-image: url("../imgs/div1.png");
  background-repeat: no-repeat;
  background-size: 55% 400px;
}

.fondodiv21
{
  background-image: url("../imgs/div21.png");
 background-repeat: no-repeat;
   background-size: 40% auto;
     background-position: 0px 0px;
}

.fondodiv22
{
  background-image: url("../imgs/div22.png");
 background-repeat: no-repeat;
   background-size: 40% auto;
   background-position:0px 0px;
}

@media (min-width:1024px)
{
  .fondodiv21
  {
    background-image: url("../imgs/div21.png");
   background-repeat: no-repeat;
     background-size: 40% auto;
       background-position: 50px 10px;
  }
  .fondodiv22
  {
    background-image: url("../imgs/div22.png");
   background-repeat: no-repeat;
     background-size: 40% auto;
     background-position:90% 10px;
  }
}

.fondodiv4
{
  background-image: url("../imgs/calidad.png");
 background-repeat: no-repeat;
   background-size: 80% 400px;
}

.fondodiv5
{
  background-image: url("../imgs/contacto.png");
 background-repeat: no-repeat;
 background-size: auto 1000px;
  background-attachment: fixed;
}

.fondodiv6
{
  background-image: url("../imgs/turn.jpg");
  background-repeat: no-repeat;
  background-size: 100% 800px;
  height: 800px;
  background-attachment: fixed;
}

.fondodiv7
{
  background-image: url("../imgs/contacto.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 150% 100%;
}

.links
{
  font-size: 40px;
  text-decoration:none;
}

.dimmer
  {
    background-color: #666666;
    opacity:0.6;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 888888;
    display: none;
  }

  .transition {
      width: 100%;
      height: auto;
      background: #f92672;
      transition: width 2s, height 2s, margin 2s;
      margin: 50px auto 0;
  }
  .transition:hover{
      width: 90%;
      height: 500px;
      margin: 0 auto;
      margin-top: 100px;
  }

  .slid{
    width: 100%;
    margin: auto;
    overflow: hidden;
  }

/*cambiar*/
  .slid .delul{
    display: block;
    padding: 0;
    width: 100%;

  }

  .slid .delli{
    width: 100%;
    list-style: none;
  }


  @keyframes cambio {

    50% {margin-left: -110%;}
    100% {margin-left: -110%;}

  }

  @keyframes cambioo {
    100% {margin-left: 0%;}

  }

  @keyframes slidein {
    from {
      margin-left: 100%;
      width: 300%
    }

    to {
      margin-left: 0%;
      width: 100%;
    }
  }

  .moverobjeto
  {
    font-size: 24px;
    animation-duration: .2s;
    animation-name: slidein;
  }

  .fade-in
  {
    animation: fadeIn 1s;
  }

  @keyframes fadeIn 
  {
    from
    {
      opacity: 0;
    }

    to
    {
      opacity: 1;
    }
  }

  .fade-out
  {
    animation: fadeOut 1s;
  }

  @keyframes fadeOut 
  {
    from
    {
      opacity: 1;
    }

    to
    {
      opacity: 0;
    }
  }

  .ir-arriba
  {
    display:none;
    padding:9px;
    background:rgba(57, 64, 71,.6);
    font-size:20px;
    color:#fff;
    cursor:pointer;
    border-radius:5px;
    position: fixed;
    bottom:20px;
    right:20px;
    z-index: 66666; 
  }

.ir-arriba:hover
{
  background:#fff;
  color:rgba(17,90,163, 1);
  transition: all 300ms ease-in;
}

.imgubi
{
  cursor:pointer;
}

.borde{
  border-bottom: 1px solid grey;
}

.fondo-hablemos-tech
{
  background-image: url("../imgs/businessman.jpg");
  background-repeat: no-repeat;
  max-width: 100%;
  background-size:cover;
}

.patron-fondo
{
  background:url('../imgs/texturas/groovepaper.png') center top repeat;
}

.TituloServicios
{
  font-family: QuickSand;
  color:#04082c;
}

.TextoServicios
{
  font-family: VarelaRegular;
  color:black;
}

/*.Application-Maintenance-icon{background-position:-114px -1304px;width:45px;height:45px}*/
.Application-Maintenance-icon{background-position:-109px -62px;width:51px;height:47px}
/*.Backup-and-Disaster-icon{background-position:-304px -538px;width:51px;height:51px}*/
.Backup-and-Disaster-icon{background-position:-76px -1607px;width:58px;height:58px}
.Infrastructure-Support-icon{background-position:-213px -1304px;width:57px;height:46px}
.Migrations-and-Upgrades-icon{background-position:-491px -536px;width:63px;height:48px}
/*.Product-Lifecycle-Management-icon{background-position:-168px -1300px;width:41px;height:50px}*/
.Product-Lifecycle-Management-icon{background-position:-59px -1541px;width:50px;height:49px}
.Ecommerce-solutions{background-position:-601px -2384px;width: 59px;height:52px}
.Services-Staffing-icon{background-position:-17px -703px;width:51px;height:45px}
.Software-Security-icon{background-position:-434px -540px;width:50px;height:54px}
.Quality-Assurance-and-Testing-icon{background-position:-278px -1303px;width:46px;height:46px}
.erp-system-integration-icon{background-position:-113px -477px;width:50px;height:49px}
.EDI-implementation-teal-icon{background-position:-192px -1192px;width:46px;height:46px}
.user-centric-application-icon{background-position:-583px -955px;width:53px;height:49px}
.edi-ntegration-teal-icon{background-position:-292px -304px;width:55px;height:42px}
.automatizacion-control{background-position:-153px -2245px;width:59px;height:59px;}
.scada-systems{background-position:-209px -955px;width: 51px;height: 38px;}


.sprite-solutions
{
    background-image:url('../imgs/icons.png');
    display:inline-block;
    background-repeat:no-repeat
}
.sprite-solutions.icon-height-60
{
    height:60px
}
.sprite-solutions.icon-height-55
{
    height:55px
}
.sprite-solutions.icon-height-50
{
    height:50px
}
.sprite-solutions.icon-height-45
{
    height:45px
}

.borde-gris
{
  color:black !important;
  text-decoration: none;
  transition:0.5s;
  border:1px solid transparent;
  border-radius: 5px;
}

.borde-gris:hover
{
  border:1px solid lightgray;
  border-radius: 5px;
}

.contact-button
{
  display: block;
  font-size: 14px;
  -webkit-transition: all 500ms ease-in;
  -ms-transition: all 500ms ease-in;
  -moz-transition: all 500ms ease-in;
  transition: all 500ms ease-in;
}

.contact-button.hidden
{
  visibility: hidden;
}

.contact-button.visible
{
  visibility: visible;
}

.mbt-30
{
  margin-bottom:30px !important
}

.font-size-16{font-size:16px !important}
/*.text-center{text-align:center}*/
.margin-bottom-5{margin-bottom:5px !important}

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

.fondo-Metodologia
{
  background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.9)),url("../imgs/imagen1.jpeg");
  background-repeat: no-repeat;
  max-width: 100%;
  height: auto;
}

.info-Metodologia
{
  /*background: rgba(68,68,68);*/
  color: #fff;
  text-align: center;
  padding: 20px;
  font-family: QuickSand;
  width:auto;
  height:auto;
  /*border:1px solid transparent;
  position: absolute;
  left:795px;
  top:150px;
  background:#ffffff;*/
  z-index:100;
  /*filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);*/
}

/*.info-Metodologia:hover
{
  z-index:99;
  filter:alpha(opacity=200);
  -moz-opacity:2;
  opacity:2;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
  box-shadow:0px 0px 2px 2px hsl(182, 85%, 51%);
  -webkit-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  cursor:pointer;*/
  /*transform: scale(1.03);*/
  /*-webkit-transform: scale(1.03);*/
  /*-ms-transform: scale(1.03);*/
  /*-moz-transform: scale(1.03);*/
/*}*/

/*.info-Metodologia:not(:hover)
{
  -webkit-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}*/

.contact-us{background-position:-50px -24px;width: 249px;height: 217px;}
.create-plan{background-position:-367px -38px;width:300px;height:191px;}
.update-info{background-position:-15px -283px;width:294px;height:217px;}
.solution-details{background-position:-365px -306px;width:300px;height:165px;}

.process-dev
{
  background-image:url('../imgs/processdev2.png');
  display:inline-block;
  background-repeat:no-repeat;
}
.process-dev.icon-height-60
{
  height:245px;
  width:100%;
}
.process-dev.icon-height-55
{
    height:55px
}
.process-dev.icon-height-50
{
    height:50px
}
.process-dev.icon-height-45
{
    height:45px
}

.light-grey-border
{
  border:1px solid rgba(255,255,255,.2);
  border-radius:5px;
}

.light-grey-border-olight
{
  border:1px solid rgba(0,0,0,.09);
  border-radius:5px;
}

.quicksand-dark
{
  font-family: QuickSand;
  color: #444;
  font-size:18px;
  font-weight: bold;
}

.quicksand-white
{
  font-family: QuickSand;
  color: rgb(255,255,255);
  font-size:18px;
  font-weight: bold;
}

.comfortaa-dark
{
  font-family: ComfortaaLight;
  color: #444;
}

.comfortaa-white
{
  font-family: ComfortaaLight;
  color: white;
  font-size:20px;
}

.mysql{background-position:-50px -32px;width: 60px;height: 60px;}
.sqlserver{background-position:-272px -30px;width: 78px;height: 60px;}
.postgresql{background-position:-167px -31px;width: 59px;height: 59px;}
.firebase{background-position:-385px -37px;width: 58px;height: 58px;}
.sqlite{background-position:-479px -45px;width: 90px;height: 40px;}
.oracle{background-position:-599px -60px;width: 68px;height: 28px;}

.visualstudio{background-position:-181px -157px;width: 80px;height: 32px;} /**/
.php{background-position:-39px -156px;width: 80px;height: 41px;} /**/
.python{background-position:-488px -277px;width: 45px;height: 45px;} /**/
.reactjs{background-position:-388px -144px;width: 56px;height: 52px;} /**/
.cplusplus{background-position:-599px -141px;width: 58px;height: 54px;} /**/
.htmlcinco{background-position:-393px -272px;width: 44px;height: 60px;} /**/
.jquery{background-position:-156px -415px;width: 84px;height: 22px;} /**/
.bootstrap{background-position:-384px -394px;width: 50px;height: 50px;} /**/
.nodejs{background-position:-475px -402px;width: 84px;height: 23px;} /**/
.laravel{background-position:-482px -146px;width: 70px;height: 48px;} /**/
.angular{background-position:-298px -402px;width: 44px;height: 46px;} /**/
.arduino{background-position:-302px -143px;width: 56px;height: 58px;}
.java{background-position:-192px -267px;width: 38px;height: 68px;} /**/

.windows{background-position:-50px -276px;width: 55px;height: 60px;}
.linux{background-position:-50px -400px;width: 50px;height: 60px;}
.ios{background-position:-580px -282px;width: 83px;height: 38px;}
.android{background-position:-601px -387px;width: 52px;height: 59px;}

.sprite-services
{
  background-image:url('../imgs/plataformas/allplats.png');
  display:inline-block;
  background-repeat:no-repeat;
  
}

.fondo-Automatizacion
{
  background-image: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.7));
  background-repeat: no-repeat;
  max-width: 100%;
  height:auto;
}

.img1-Automatizacion
{
  background-image:url('../imgs/automatizacion.png');
  background-repeat: no-repeat;
  background-size:cover;
}

.img2-Automatizacion
{
  background-image:url('../imgs/imagen4.png');
  background-repeat: no-repeat;
  background-size:cover;
}

.img3-Automatizacion
{
  background-image:url('../imgs/imagen3.jpg');
  background-repeat: no-repeat;
  background-size:cover;
}

.img4-Automatizacion
{
  background-image:url('../imgs/plcautomation.jpg');
  background-repeat: no-repeat;
  background-size:cover;
}

.allen-bradley{background-position:-65px -75px;width: 269px;height: 45px;}
.siemens{background-position:-476px -78px;width: 228px;height: 38px;}
.abb{background-position:-1199px -74px;width: 110px;height: 43px;}
.festo{background-position:-894px -73px;width: 124px;height: 45px;}

.automation-services
{
  background-image:url('../imgs/automation/marcas.png');
  display:inline-block;
  background-repeat:no-repeat;
}