*{
    box-sizing: border-box;
    padding:0px;
    font-family: 'Aero','PRIMETIME';
    
}
@font-face {
  font-family: 'PRIMETIME';
  src: url('PRIMETIME.ttf');
}

@font-face {
  font-family: 'Aero';
  src: url('Aero Matics Regular.ttf');
}
body{
    background-image: url('img/CONTACTO/fondo_Mesa de trabajo 1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
html{
    font-size: 20px;  
}
.row{
    max-width: 2000px;
    margin:0 auto;
}


/* HOME*/
nav{
    font-size: 100%;
    position: absolute;
    top: 5%;
    width:90%;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.89);
    z-index: 9999;
    margin-left: 5%;
}
nav ul{
    list-style: none;
    width:100%;
}
nav img{
    position: absolute;
    background-color: rgba(255, 255, 255, 0.78);
    float:left;
    width:15%;
    padding:1%;
}
nav ul li{
    font-weight: 800;
    display: inline-block;
    margin-right:2%;
    padding: 1%;
    float: right;
    font-size: 100%;
    text-transform: uppercase;
}
nav ul li a:link,
nav ul li a:visited{
    font-family: 'PRIMETIME';
    text-decoration: none;
    color:#494C4A;
    transition: border-bottom .2s, padding .2s;
    padding:0px 0;
    border-bottom: 3px solid rgba(73, 76, 74, 0);
}

nav ul li a:hover{
    padding:3px 0;
    font-family: 'PRIMETIME';
    text-decoration: none;
    color:#494C4A;
    transition: border-bottom .2s, padding .2s;
    border-bottom: 3px solid #494C4A;
}
.select a:link,
.select a:visited
{
    color:#494C4A;
    transition: border-bottom .2s, padding .2s;
    padding:3px 0;
    border-bottom: 3px solid #494C4A;
}

.imgshowDown{
   width:100%;
   margin:0px 0px;
    position: relative;
}
.container{
    padding:0px;
    margin:0px;
    width:100%;
}
.container img{
    width:100%;
}
.item img{
    width:100%;
}


/*SERVICIOS*/
.servicios{
    width:100%; 
    position: absolute;
    top:88%;
}
.servicios img{
    width: 100%;
}
.servicios ul{
    background-color: #fff;
    margin-left: 3%;
    list-style: none;
}
.info {
    width:100%;
    color:#000;
    padding:0% 5%;;
    font-size: 160%;
    text-align:justify;
    padding-bottom: 1%;
}

.info img{
    width:30%;
    padding:4% 0%;
}

.info1{
     width:100%;
    color:#000;
    padding:0% 5%;;
    font-size: 160%;
    text-align:justify;
    padding-bottom: 11%;
}
.info1 img{
     width:30%;
    padding:4% 0%;
}

.info2{
     width:100%;
    color:#000;
    padding:0% 5%;;
    font-size: 160%;
    text-align:justify;
    padding-bottom: 11%;
}
.info2 img{
    width:64%;
    padding:4% 0%;
}

.info3 {
    width:100%;
    color:#000;
    padding:2% 3%;;
    font-size: 170%;
    text-align:justify;
    padding-bottom: 1%;
}

.info3 img{
    width:30%;
    padding:4% 0%;
}



/*NOSOTROS*/
.texto{
    position: absolute;
    top:96%;
    width:50%;
    margin-left: 25%;
    box-shadow: -4px 40px 34px 0px rgba(0,0,0,0.75);
}
.texto img{
    width: 100%;   
}
.nosotros{
    margin: 10% 3% 3% 3%;;
}
.nosotros p{
    color:#fff;
}
.nosotros ul{
    display: inline-block;
    margin-top: 10%;
}
.nosotros .info3 img{
    width:30%;
}
.nosotros img{
    width:100%;
}
.valores{
    margin-left: 20%;
}
.valores img{
    width:170%;
}

/* SERVICIOS */
.textoServicios{
    margin: 5% 0;
    text-align: center;
}
.textoServicios img{
    width:30%;
}
.servicios{
    margin-top: 5%;
    text-align: center; 
}
.serviciosF{
    text-align: center;
    margin-top: 5%;
}
.serviciosIconos{
    text-align: center;
     margin-bottom: 10%;
    /*width:60%;*/
    /*margin-left: 20%;*/
}
.serviciosIconos img{
    padding:4%;
    width: 100%;
}
.tiempos img{
    width:100%;
     margin-left: 10%;
}
.clientes img{
    margin-left: 17%;
    margin-top: 5%;
    width:80%;
}

.catalogo img{
    width:100%;
}

/*CONTACTO*/

.contactoinfo{
    margin-top: 5%;
}
.contactoinfo img{
    width:70%;
}
.tablainfo td p{
    
}
.tablainfo {
    font-family: 'PRIMETIME';
    background-color: #fff;
    width:80%;
    color:#101F64;
    font-weight: 900;
    text-transform: uppercase;
    margin-left: 5%;
    font-size: 170%;
    border-radius: 20px;
    box-shadow: 0px 10px 10px 0px black;
}
.tdtitulo{
    padding:3% 10% 0% 0%;
}
.tablainfo td{
    padding-left: 2%;
    padding-right:  2%;
}
.tdboton{
    padding:1%;
    padding-bottom: 3%;
}
.tablainfo input[type=submit]{
    color:#fff;
    padding:5% 3%;
    border-radius: 10px;
    width: 50%;
    border: none;
}
.tablainfo td input{
    width:100%;
    border:none;
    padding:4%;
    color:#fff;
}
.tablainfo td textarea{
    width:100%;
    border:none;
    height: 210px;
    color:#fff;
}
.tablainfo input, textarea{
    background-color: #101F64;
}