body {font-family: 'Roboto', sans-serif;}

img.logo{
	width: 45%;
    margin-left: 5%;
    margin-top: 3%;
}

img.phone{
	    width: 7%;
}

nav.navbar {
    background-color: #db3f34;
    
     margin-bottom: -8px;
}

nav.bg-light {
    background-color: #faf8f800!important;
}

div.imgb{
     background-image: url(../img/encabezado.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0%;
}

div.imagenRED{
    padding-right: 0%; 
    padding-left: 0%;
}

div.cert{
    background-image: url(../img/certificaciones.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 11%;
    padding-bottom: 13%;
}

div.C0{
	font-size: 74%;
	font-weight: 800;
    margin-right: 12%;
}

div.C1{
	margin-left: 0%;
    font-size: 75%;
    font-weight: 700;
}

div.C2{
	margin-left: 0%;
    font-size: 75%;
    font-weight: 700;
}
div.C3{
	margin-left: 0%;
    font-size: 75%;
    font-weight: 700;
}
div.C4{
	margin-left: 9%;
    font-size: 75%;
    font-weight: 700;
}
div.C5{
	margin-right: 1%;
    font-size: 75%;
    font-weight: 700;
    padding-right: 23%;
}

h6.cert1{

	    font-size: 40%;
    font-weight: 400;
    margin-left: 40%;
	
}

h6.cert2{
	    font-size: 40%;
    font-weight: 400;
    margin-left: 2%;
}


h6.cert3{
	    font-size: 40%;
    font-weight: 400;
    margin-left: -2%;
}

h6.cert4{
	    font-size: 40%;
    font-weight: 400;
    margin-right: 39%;
}

h3.cert5{
	   font-size: 93%;
    font-weight: 600;

    margin-right: -12%;
    
}

div.A{
  text-align: center;
    color: white;
    font-size: 60px;
}
div.B{
  text-align: center;
    color: white;
    font-size: 40px;
}
div.C{
  text-align: right;
    color: white;
    font-size: 40px;
}

footer.pie {
    background-image: url(../img/pie.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding-bottom: 20px;    
}

textarea.formulario2 {
  background-color: #E0E0E0;
  border: 0;
  padding: 10px 20px;
  margin: 1px 0;
  width: 100%;
  font-size: 18px;

}

hr.A {
    border: 2px  solid #d52e3c;
   
     width: 50%;

}

hr.B {
    border: 2px solid #d52e3c; 
     width: 10%;
     margin-left: 0%;


}

hr.C {
    border: 2px solid #d52e3c; 
     width: 20%;
     margin-left: 0%;
         margin-bottom: 8%;

}
hr.D {
    border: 2px solid #d52e3c; 
    width: 20%;
     margin-left: 3%;
     margin-bottom: 13%;
}

hr.E {
    border: 2px solid #d52e3c; 
    width: 10%;
     margin-left: 0%;
}

input.formulario{
    width: 100%;
    padding: 15px 10px;
    margin: 1px 0;
    box-sizing: border-box;
    border: 0;
    background-color: #E0E0E0;
    border: 0;
    font-size: 20px;
}

button.enviar {
    background-color: #efca17;
    border: none;
    color: black; 
    padding: 10px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    position: left;
    float:right;
}

button.enviar:hover{
    background-color: #d32e3c;
    border: none;
    color: #ffffff; 
    padding: 10px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    position: left;
    float:right;
}

button.contacto {
    background-color: #efca17;
    border: none;
    color: black; 
    padding: 5px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    margin-top: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: #bb3641;
    margin-left: 4%;
    
}

button.contacto:hover {
    background-color: #d32e3c;
    border: none;
    color: #ffffff; 
    padding: 5px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    margin-top: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    
}
 nav{
    float:right;
 }

h3.numeroTelefono{
    float:right;
    padding-top: 72px;
    padding-bottom: 42px;
    font color: #000000;
    font-size: 1.4rem;
    margin-right: -5%;

}

h5.pie2{
    color: white;
      padding-top: 34px;
      margin-left: -4%;
}

h1.subtituloAntecedentes{
    font-weight: 700;
    font-size: 3.1rem;
}

h1.subtituloObjetivo{
    font-weight: 700;
    font-size: 3.1rem;
}

h1.subtituloAlcances{

    font-weight: 700;
    font-size: 3.1rem;
    margin-left: 3%;
    margin-top: 10%
}

h1.subtituloContacto{
    font-weight: 700;
    font-size: 3.1rem;
}

h1.subtituloAntecedentes{
    font-weight: 700;
    font-size: 3.1rem;
}

h6.text-justify{
    font-size: 18.8px;

    color: #7d7d7d;
}

a.n1{
	    font-size: 90%;
 color: #000000;

}

a.n2{
    font-size: 90%;
color: #000000;

}

li.espaciobarra {

  margin-right: -52px;
  margin-left: 83px;
  background-color: #db3f3400;
  color: #ffffffe6;  
  padding-left: 26px;
  padding-right: 5px;  
  text-align: center;
}

li.espaciobarra:hover {
 border-bottom: 2.5px solid white;

}

a.letrabarra1{
      font-size: 1.25rem;
 color: #ffffffe6;

}

h5.pie{

    padding-top: 34px;
}

ul {
    list-style-image: url('../img/punto.png');

}
 
div.texto1{
	margin-top: 5px;

}
h3.texto1L1{
	font-weight: 500;
	font-size: 180%;
}

h3.texto1L2{
	font-weight: 500;
	font-size: 180%;
}

img.camion2{
	margin-left: -15%;
}

h6.antecedentes.txt{
	color: #7d7d7d
}

h6.objetivotxt{
	color: #7d7d7d
}

img.camion3{
	margin-left: 104px;
}

div.fgris{
	background-color: #E0E0E0;
}

.lupa1{
	position: absolute;
    top: 40%;
    left: 30%;
    width: 50%;
    transition: 0.5s;
    opacity: 0;
}

.lupa1:hover{
	opacity: 1;

}

img.F1{
	width: 300px;
    height: 300px;
    margin-left: -73%;
    padding-right: 2px;
}

div.amarillo1{
	background-color: #ffeb3b80;
    width: 205%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -43%;
    opacity: 0;
    transition: 0.5s;
}

.amarillo1:hover{

	opacity: 1;

}


.lupa2{
    position: absolute;
    top: 40%;
    left: 161%;
    width: 50%;
    transition: 0.5s;
    opacity: 0;
}

.lupa2:hover{
    opacity: 1;

}

img.F2{
   width: 300%;
    height: 300px;
    margin-left: 65%;
    padding-right: 2px;
}

div.amarillo2{
    background-color: #ffeb3b80;
    width: 237%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 61%;
    opacity: 0;
    transition: 0.5s;
}

.amarillo2:hover{

    opacity: 1;

}

.lupa3{
    position: absolute;
    top: 40%;
    left: 30%;
    width: 50%;
    transition: 0.5s;
    opacity: 0;
}

.lupa3:hover{
    opacity: 1;

}

img.F3{
    width: 300px;
    height: 300px;
    margin-left: -73%;
    padding-right: 2px;
}

div.amarillo3{
    background-color: #ffeb3b80;
    width: 205%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -43%;
    opacity: 0;
    transition: 0.5s;
}

.amarillo3:hover{

    opacity: 1;

}

.lupa4{
    position: absolute;
    top: 40%;
    left: 161%;
    width: 50%;
    transition: 0.5s;
    opacity: 0;
}

.lupa4:hover{
    opacity: 1;

}

img.F4{
   width: 300%;
    height: 300px;
    margin-left: 65%;
    padding-right: 2px;
}

div.amarillo4{
    background-color: #ffeb3b80;
    width: 237%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 61%;
    opacity: 0;
    transition: 0.5s;
}

.amarillo4:hover{

    opacity: 1;

}

div.alcances{
	margin-top: 45px; 
	margin-bottom:  45px;
}

h6.alcancestxt{
	color: #7d7d7d;
}

div.ubicacion{
	text-align: center;
}

a.navbar-light{
    color: #ffffffe6;
}

a.navbar-brand{

	color: #ffffffe6 !important;
}

div.alcance{
	background-color: #E0E0E0;
}

iframe.mapa{

	width: 100%;

	 height:450px; 

}


div.respuesta{
	float: right;
}
.borderbutton{
border-bottom: 2.5px solid white;
}


a.link{
	color: black;

	    margin-right: 23%;

}

a.link2{
	color: white;

}

img.telefonito{
    margin-right: 1%;
    margin-left: 2%;
}

body.icsbody{
	overflow-x: hidden; 
}



@media only screen and (max-width: 1600px) {
	        div.imgb {    
            	background-size: 100% 100%;   
        	}
        	img.logo {	    
        	    margin-left: -13%;
        	}
        	nav.navbar {
                
          } 

          h3.texto1L1 {
              font-weight: 600;
              font-size: 180%;
          }

          h3.texto1L2 {
              font-weight: 600;
              font-size: 180%;
          }


          li.punto{
              margin-bottom: 5%;
          }

          hr.B{
            
              margin-bottom: 5%;
              margin-top: 0%;

          }

          h6.cert1 {
              margin-left: 33%;
          }
          h6.cert4 {
              
              margin-right: 31%;
          }

          h3.cert5 {
              
              margin-right: -10%;
          }
          h6.objetivotxt{
              margin-bottom: 5%;
          }

          img.F1 {
              width: 300%;
              height: 100%;
              margin-left: -107%;
          }

          img.F2 {
              width: 300%;
              height: 100%;
              margin-left: 65%;
          }

          img.F3 {
              width: 300%;
              height: 100%;
              margin-left: -107%;
          }


          img.F4 {
              width: 300%;
              height: 100%;
              margin-left: 65%;
          }


          .lupa1 {
              
              top: 40%;
              left: 20%;
              width: 50%;
          }

           .lupa3 {
              
              top: 40%;
              left: 20%;
              width: 50%;
          }

          div.amarillo1 {
              width: 236%;
              left: -74%;
          }
          div.amarillo3 {
              width: 236%;
              left: -74%; 
          }

          h4.direccion {
                font-size: 1.3rem;
            }
          footer.pie{
            
            margin-bottom: 0%;
            padding-bottom: 3%;

          }
}

@media only screen and (max-width: 1440px) {

            h6.cert1 {
                margin-left: 36%;
            }

            h6.cert4 {
                margin-right: 35%;
            }

            h3.cert5 {
                margin-right: -11%;
            }

            img.F2 {
            width: 300%;
            height: 100%;
            margin-left: 64%;
            }
              img.F4 {
            width: 300%;
            height: 100%;
            margin-left: 64%;
            }
	
}

@media only screen and (max-width: 1366px) {
              img.logo {
              margin-left: 1%;
             }

             h3.numeroTelefono{
              margin-right: -5%;

             }

             img.camion2 {
              margin-left: -15%;
             }

             img.camion3 {
              margin-left: 15%;
             }

             h6.cert1 {
              margin-left: 39%;
             }

             h6.cert4 {
              margin-right: 37%;
             }

}

@media only screen and (max-width: 1290px) {

            h6.cert1 {
            margin-left: 41%;
            }
            h6.cert4 {
            margin-right: 40%;
            }
            h3.cert5 {
            margin-right: -12%;
            }


            /*div.alcance2{
              
              margin-top: 10%;
              margin-bottom: 10%;

            }




            img.F1 {
                width: 200%;
                height: 100%;
                margin-left: -6%;
            }
            img.F2 {
                width: 200%;
                height: 100%;
                margin-left: 65%;
            }

            img.F3 {
                width: 200%;
                height: 100%;
                margin-left: -6%;
            }


            img.F4 {
                width: 200%;
                height: 100%;
                margin-left: 65%;
            }


            .lupa1 { 
              top: 40%;
              left: 62%;
              width: 50%;

            }
            .lupa2{
               
                top: 40%;
                left: 120%;
                width: 50%;
                
               }

             .lupa3 {
                
                top: 40%;
                left: 62%;
                width: 50%;
            }

            .lupa4{
               
                top: 40%;
                left: 120%;
                width: 50%;
                
               }

            div.amarillo1 {
                  width: 157%;
                  left: 5%;
              }
              div.amarillo2 {
                
                width: 157%;  
                left: 62%;
                
            }
            div.amarillo3 {
                width: 157%;
                  left: 5%; 
            }
            div.amarillo4 {
                
                width: 157%;  
                left: 62%;
                
            }*/

}


@media only screen and (max-width: 1024px) {
	img.logo {	    
	    margin-left: 3%;
	}

    h6.cert4 {
    margin-right: 2%;
    }

    h4.direccion{
        font-size: 140%;
    }

    img.F1 {
    width: 200%;
    height: 100%;
    margin-left: 0%;
    
    }

    .lupa1 {
    top: 35%;
    left: 62%;
    width: 50%;
    }

    div.amarillo1 {
    width: 150%;
    left: 13%;
    }

    img.F2 {
    width: 200%;
    height: 100%;
    margin-left: 65%;
    }

    .lupa2 {
    top: 35%;
    left: 114%;
    width: 50%;
    }

    div.amarillo2 {
    width: 150%;
    left: 61%;
    }


    img.F3 {
    width: 200%;
    height: 100%;
    margin-left: 0%;
    
    }

    .lupa3 {
    top: 35%;
    left: 62%;
    width: 50%;
    }

    div.amarillo3 {
    width: 150%;
    left: 13%;
    }

    img.F4 {
    width: 200%;
    height: 100%;
    margin-left: 65%;
    }

    .lupa4 {
    top: 35%;
    left: 114%;
    width: 50%;
    }

    div.amarillo4 {
    width: 150%;
    left: 61%;
    }
    
}

@media only screen and (max-width: 960px){
      

      div.head {
        max-width: 954px;
      }



      img.logo{
    	margin-left: 26%;
      }


      div.imgb{
       background-image: url(../img/encabezado.png);
       background-image: none;
       background-repeat: no-repeat;
       background-size: cover;
       padding-top: 0%;
       }

      div.headNumero{
    	background-color:#fccc00;
       }


       nav{

       float: none;
       }

       div.antebarra{
    	background-color: #d32e3c ;
       }

       div.barraChica{
 	    background-color: #d32e3c ;
 	    padding-right:  auto;
        margin-right:  auto;
        margin-left:  auto;
        text-align:  center;
        flex: 0 0 100% !important;
        max-width: 100% !important;
       }

        nav.btnbarrach{
    	text-align: center;
        margin-right: auto;
        margin-left: auto;  
       }

        a.letrabarra {
         display: inline-block;
         padding-top: .3125rem;
         padding-bottom: .3125rem;
         margin-right: 0;
         font-size: 1.25rem;
         line-height: inherit;
         white-space: nowrap;
       }

       li.espaciobarra {

        margin-right: unset;
        margin-left: unset;
        background-color: #db3f3400;
        color: #ffffffe6;  
        padding-left: unset;
        padding-right: unset;  
        text-align: center;
       }

        button.btnchico{
        margin-left: auto;
        margin-right: auto;
        text-align: center;
 
       }

        h3.numeroTelefono {
        float: right;
        padding-top: 72px;
        padding-bottom: 42px;
        font-size: 1.4rem;
        margin-right: 8%;
       }

       h3.texto1L1 {
       font-weight: 500;
       font-size: 150%;
       }

       h3.texto1L2 {
       font-weight: 500;
       font-size: 150%;
       }



     h4.direccion {
      font-size: 102%;
      }


        img.F1 {
        width: 460%;
        height: 100%;
        margin-left: -262%;
        padding-right: 2px;
        }

        .lupa1 {
          top: 34%;
          left: -31%;
          width: 87%;
        }

        .lupa2 {
            top: 34%;
            left: 147%;
            width: 83%;
        }

        .lupa3 {
          top: 34%;
          left: -31%;
          width: 87%;
        }

         .lupa4 {
            top: 34%;
            left: 147%;
            width: 83%;
        }



       img.F2 {
            width: 410%;
            height: 100%;
            margin-left: 37%;
            padding-right: 2px;
        }



         img.F3 {
        width: 460%;
        height: 100%;
        margin-left: -262%;
        padding-right: 2px;
        }

       img.F4 {
        width: 410%;
            height: 100%;
            margin-left: 37%;
            padding-right: 2px;
       }

        div.amarillo1 {
        width: 290%;
        height: 100%;
        left: -149%;
        }

        div.amarillo2 {
            width: 273%;
            height: 100%;
            left: 41%;
        }

        div.amarillo3 {
        width: 290%;
        height: 100%;
        left: -149%;
        }

        div.amarillo4 {
            width: 273%;
            height: 100%;
            left: 41%;
        }	      
}

@media only screen and (max-width: 810px){
	    div.C5 {
          margin-right: -11%;
        }


        a.link {
          color: black;
          margin-right: 0%;
        }

        h5.pie2 {
         margin-left: 21%;
        }


        img.F1 {
            width: 350%;
            height: 100%;
            margin-left: -110%;
            padding-right: 2px;
        }

        img.F2 {
            width: 350%;
            height: 100%;
            margin-left: 78%;
            padding-right: 2px;
        }


        img.F3 {
            width: 350%;
            height: 100%;
            margin-left: -110%;
            padding-right: 2px;
        }

        img.F4 {
            width: 350%;
            height: 100%;
            margin-left: 78%;
            padding-right: 2px;
        }

        div.amarillo1 {
            width: 219%;
            height: 100%;
            left: -52%;
        }


        div.amarillo2 {
              width: 230%;
              height: 111%;
              left: 69%;
          }

        div.amarillo3 {
            width: 219%;
            height: 100%;
            left: -52%;
        }

        div.amarillo4 {
                width: 230%;
              height: 100%;
              left: 69%;
        }

        .lupa1 {
            top: 34%;
            left: 20%;
            width: 87%;
        }

        .lupa3 {
            top: 34%;
            left: 20%;
            width: 87%;
        }


}

@media only screen and (max-width: 414px){
	img.logo {
    
    margin-bottom: 10%;
    }

    h3.numeroTelefono{
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    }


    nav.btnbarrach {
   
    }

  
    hr.B {
    
    margin-left: 0%;
    }

    img.camion2 {
    margin-left: 0px;
    margin-bottom: 10%;

    }

    button.contacto {
    margin-left: 23%;
    }

    img.camion3 {
    margin-left: 0px;
    }

    img.F1 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    height: 100%;
    padding-right: 0%;
    }

    img.F2 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    height: 100%;
    padding-right: 0%;
    }

    img.F3 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    height: 100%;
    padding-right: 0%;
    }

    img.F4 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    height: 100%;
    padding-right: 0%;
    }


    h4.direccion {
    margin-left: 0%;
    text-align: center;
    }




    div.B{
        margin-bottom: -12%;
    }

    div.cert{
        padding-top: 33%;
    }

    div.C0{
        text-align: center;
        margin-right: 0%;
        margin-left: 0%;
        padding-right: 0%;
        padding-left: 0%;
    }


    div.C1{
        text-align: center;
        margin-right: 0%;
        margin-left: 0%;
        padding-right: 0%;
        padding-left: 0%;
    }


    div.C2{
        text-align: center;
        margin-right: 0%;
        margin-left: 0%;
        padding-right: 0%;
        padding-left: 0%;
    }


    div.C3{
        text-align: center;
        margin-right: 0%;
        margin-left: 0%;
        padding-right: 0%;
        padding-left: 0%;
    }


    div.C4{  
        
        text-align: center;
        margin-right: 0%;
        margin-left: 0%;
        padding-right: 0%;
        padding-left: 0%;
    }


    div.C5{
        text-align: center;
        margin-right: 0%;
        margin-left: 0%;
        padding-right: 0%;
        padding-left: 0%;
    }



     h6.cert1 {
        text-align: center;
        margin-right: 0%;
        margin-left: 0%;
        padding-right: 0%;
        padding-left: 0%;
       margin-bottom: 10%;
    }

    h6.cert2 {
        text-align: center;
        margin-right: 0%;
        margin-left: 0%;
        padding-right: 0%;
        padding-left: 0%;
       margin-bottom: 10%;
    }

    h6.cert3 {
        text-align: center;
        margin-right: 0%;
        margin-left: 0%;
        padding-right: 0%;
        padding-left: 0%;
       margin-bottom: 10%;
    }

    h6.cert4 {
        text-align: center;
        margin-right: 0%;
        margin-left: 0%;
        padding-right: 0%;
        padding-left: 0%;
       margin-bottom: 10%;
    }

    h3.cert5{
        text-align: center;
        margin-right: 0%;
        margin-left: 0%;
        padding-right: 0%;
        padding-left: 0%;
       font-size: 42%;
       font-weight: 500;
    }

    div.F1{
    	    background-color: #dc303c;

    }
    div.F2{
    	    background-color: #dc303c;

    }
    div.F3{
    	    background-color: #dc303c;

    }

    img.lupa1{
       position: absolute;
        top: 40%;
        left: 40%;
        width: 25%;
        transition: 0.5s;
        opacity: 0;
    }

    img.lupa2{

      position: absolute;
      top: 40%;
      left: 40%;
      width: 25%;
      transition: 0.5s;
      opacity: 0;

    }

    img.lupa3{
      position: absolute;
        top: 40%;
        left: 40%;
        width: 25%;
        transition: 0.5s;
        opacity: 0;

    }

    img.lupa4{

      position: absolute;
      top: 40%;
      left: 40%;
      width: 25%;
      transition: 0.5s;
      opacity: 0;

    }
   




    div.amarillo1 {
    width: 92%;
    height: 100%;
    left: 4%;
    }

    div.amarillo2 {
    width: 92%;
    height: 100%;
    left: 4%;
    }

    div.amarillo3 {
    width: 92%;
    height: 100%;
    left: 4%;
    }

    div.amarillo4 {
    width: 92%;
    height: 100%;
    left: 4%;
    }

    h5.pie {
    color: white;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    }

    h5.pie2 {
    color: white;
    padding-top: 34px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;

    }


    a.link{
    color: white;
    text-align: center;
    margin-left: auto;
    margin-right: auto;

    }


    div.pie{
        margin-right: 0%; 
        margin-left:  0%; 
    }
    footer.pie{
        padding-bottom: 0%
    }

}

@media only screen and (max-width: 385px){

    div.C4 {
    font-size: 70%;
    }
	
    
    

}

@media only screen and (max-width: 360px){

    
    div.C4 {
    font-size: 62%;
    }

    div.C5 {
   
    font-size: 62%;
    }
    



}

@media only screen and (max-width: 325px){
    

    div.C4 {
    font-size: 62%;
    }
    
}