.header{
background-color: rgb(185, 63, 40);
font-family:Arial, Helvetica, sans-serif;
color:black;  
height: 15vh; 
}
.header a{
margin-top: 8vh;
margin-inline: 8px;
}
.logo{
vertical-align: middle;   
}
.vspc{
a:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: black;
  background-color: transparent;
  font-weight: bold;
}
a:hover {
  color: black;
  background-color: transparent;
  border-bottom: 1px solid rgb(185, 63, 40);
  text-decoration: none;
}
a:active {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
}
.vsandroid{
  a:link {
    color: black;
    background-color: transparent;
    font-size: 1rem;
    text-decoration: none;
  }
  a:visited {
    color: black;
    background-color: transparent;
    font-weight: bold;
  }
  a:hover {
    color: black;
    background-color: rgba(0, 0, 0, 0.296);
    
    text-decoration: none;
  }
  a:active {
    color: black;
    background-color: transparent;
    text-decoration: none;
  }
}
.contenedor-imagenes {
display: flex;
width: 66vw;
margin-inline-start: 17vw;
}
.galeriaprincipal{
max-width: 60vw;
}
.bodyimg1{
height: 70vh;
width: 46vw;
margin-top: 0px;
vertical-align: text-top;
}
.descripcioncarousel{
font-size: 1.15rem;
font-family: Arial, Helvetica, sans-serif;
margin-top: -20px ;
color: white;
background-color: rgba(0, 0, 0, 0.78);
position: absolute;
width: 100%;
text-align: justify;
}
.descripcionminiatura{
font-size: 0.7rem;
font-family: Arial, Helvetica, sans-serif;
color: white;
background-color: rgba(0, 0, 0, 0.78);
width: 17vw;
}
.bodyimg2{
height: 16.75vh;
width: 17vw;
margin-inline: -1vw;     
}
.bodyimg3{
height: 16.75VH;
width: 17vw;
margin-top: 1VH;
margin-inline: -1vw;
}  
.proyectosinfo{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-right: 15px;
text-align: justify;
color: rgb(122, 122, 122);
vertical-align: baseline;
line-height: 20px;
width: 290px;
}
.sucursales{
width: 20vw;
font-family:Arial, Helvetica, sans-serif ;
font-size: 1rem;
color: rgb(122, 122, 122);
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.titulosS{
color:rgb(83, 83, 83);
margin: 2vw;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9rem;
margin-left: 5vw;
margin-top: 0px;
text-align: justify;
}
.titulosH{
color:rgb(83, 83, 83);
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9rem;
margin: 2vw;
margin-top: 0px;
text-align: justify;
}
.york{
width: 150px;
height: 40px;
margin-inline-start: 5vw;
margin-bottom: 2vh;
}
.inicio{
margin-inline: 17vw;
font-size: 1vw;
}
.hrmain{
width: 60.7vw;
margin-inline: 17vw;
border-width: 1px;
margin-bottom: 25px;
}
.contenedor-marcas {
display: flex;
width: 61vw;
margin-inline-start: 17vw;
}
.marcas{
height: 15vh;
width: 25%;
border: 1px solid rgb(216, 213, 213);
}
.proyectos{
height: 35vh;
width: 19vw;
margin-right: 2vw;
}
.proyectosf{
height: 35vh;
width: 19vw;
}
.proyectosletras{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9rem;
color: rgb(185, 63, 40);
font-weight: bold;
margin-right: 15px;
width: 290px;
}
.contenedorMS{
display: flex;
margin-inline-start: 4vw;
width: 96vw;
}
.footer {
display: flex;
width: 100vw;
background-color: rgb(185, 63, 40);
}
.footerinfos{
width: 60vw;
height: 100%;
}
.footer-titulo{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
text-shadow: 1px 1px 2px black;
}
.footer-hr{
border: 1px solid white;
width: 59vw;
}
.contenedorinfo{
display: flex;
}
.iconubi{
height: 24px;
width: 15px;
margin-top: 0px;
}
 .footer-info{
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
color: white;
font-size: 1rem;
line-height: 1rem;
margin-top: 0.5vh;
}
.iconos{
height: 24px;
width: 15px;
}
.contenedor-imagenes {
display: flex;
}
.redesicon{
height: 40px;
width: 40px;
margin-right: 5px;
margin-bottom: 0px;
margin-inline-start: 0px;
}
.maps{
height: 80%;
padding: 0.5vh;
vertical-align: middle;
flex: 1;
}
/*Responsive*/
/* Telefonos red */
@media only screen and (max-width: 570px) {/*reed red*/
.header{
background-color: red;
font-size:0.5rem;
height: 10vh; 
width: 100vw;
}
.vspc{
display: none;
}
.header a{
margin-top: 6vh;
margin-inline: 4px;
display: block; 
margin-bottom: 10px;
}
.logo{
margin-inline-start: 1vw;
height: 55px;
width: 75px;
margin-right: 5vw;
}
.vsandroid a{
margin-top: 4px;
}
.contenedor-iconos {
display: flex;
margin-inline-start: 4vw;
margin-top: 0px;
}
.iconos{
height: 18px;
width: 12px;
margin-top: 0px;
}
.iconubi{
height: 18px;
width: 12px;
margin-top: 0px;
}
.vspc{
display: none;
}
.contenedor-imagenes {
width: 60vw;
margin-inline-start: 17vw;    
}
.contenedor-mfi{
display: flex;
width: 96vw;
margin-inline-start: 4vw;
}
.galeriaprincipal{
max-width: 70vw;
}
.bodyimg1{
height: 23vh;
width: 60vw;
margin-top: 0px;
vertical-align: text-top;  
}
.descripcioncarousel{
font-size: 0.7rem;
font-family: Arial, Helvetica, sans-serif;
margin-top: -20px ;
padding: 2px;
color: white;
background-color: rgba(0, 0, 0, 0.78);
position: absolute;
width: 100%;   
}
.dspandroid{
display: none;    
}
.inicio{
font-family: Arial, Helvetica, sans-serif;
margin-inline: 17vw;
font-size: 0.7rem;
margin-bottom: 0px;
margin-top: 4px;
margin-right: 2vw;
}
.hrmain{
width: 60vw;
margin-inline: 17vw;
border-width: 1px;
margin-top: 0px;
margin-bottom: 12px;
}
.marcas{
height: 9vh;
width: 25%;
border: 1px solid rgb(216, 213, 213);
}
.proyectos{
height: 15vh;
width: 19vw;
margin-right: 1.5vw;
}
.proyectosf{
height: 15vh;
width: 19vw;
}
.proyectosletras{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.68rem;
color: rgb(185, 63, 40);
font-weight: bold;
width: 19vw;  
margin-right: 1.5vw;
margin-bottom: 0px;
margin-top: 1vh;
line-height: 1;
}
.proyectosletrasf{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.68rem;
color: rgb(185, 63, 40);
font-weight: bold;
width: 19vw;   
margin-bottom: 0px;
margin-top: 1vh;
line-height: 1;
}
.proyectosinfo{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.67rem; 
margin-right: 1.5vw;
color: rgb(122, 122, 122);
vertical-align: baseline;
width: 19vw;
margin-top: 1vh;
line-height: 1;
}
.proyectosinfof{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.67rem;
text-align: justify;
color: rgb(122, 122, 122);
margin-right: 0px;
width:19vw;
margin-top: 1vh;
line-height: 1;
}
.contenedor-lineas{
display: flex;
margin-inline-start:4vw;
margin-top: -1.5vw;
width: 96vw;
} 
.hr1{
 margin-top: 1vw;
 border-width: 1px;
 margin-bottom: 35px;
 width: 50vw; 
 margin-right: 12vw;
 margin-inline-start: 0px;
}
.hr2{
border-width: 1px;
margin-bottom: 35px;
margin-top: 1vw;
width: 25vw;    
margin-right: 0px;  
margin-inline-start: 0vw;
margin-left: 0vw;
}
.titulosc{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.7rem;
width: 25vw;
} 
.titulomf{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.7rem;
width:50vw;
margin-right: 15vw;
}
.sucursales{
width: 25vw; 
font-family:Arial, Helvetica, sans-serif ;
font-size: 0.67rem;
color: rgb(122, 122, 122);
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.mhomo{
width: 50vw;
border-width: 1px;
border: 1px solid rgb(189, 186, 186);
}
.labelhomo{
font-size: 0.7rem;
margin-left: 0vw;
padding: 5px;
color: rgb(145, 143, 143);
background-color:rgb(211, 211, 211);
}
.contenedorMS{
display: flex;
margin-inline-start: 4vw;
width: 96vw;
}
.contenedorMI{
flex: 1;
width: 50vw;
margin-right: 12vw;
}
.contenedorS{
flex: 1;
width: 25vw;
}
.titulosS{
color:rgb(83, 83, 83);
margin: 2vw;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7rem;
margin-top: 0px;
margin-bottom: 3vh;
text-align: justify;
}
.titulosH{
color:rgb(83, 83, 83);
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7rem;
margin: 2vw;
margin-top: 0px;
margin-bottom: 3vh;
text-align: justify;
}
}
/*Telefonos  green mas grandes*/
@media only screen and (min-width:570px){/*verde*/
.header{
background-color: green;
font-size:0.5rem; 
height: 100px; 
width: 100vw;
}
.header a {
margin-inline: 5px;
margin-top: 5vh;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7rem;
}
.logo{
margin-inline-start: 2vw;
margin-right: 5vw;
height: 90px;
width: 12vw;
}
.vsandroid{
display: none;
}

.maps{
margin-right: 3vw;
margin-top: 4vw;
margin-inline: 5vw;
width: 40vw; 
}
.dspandroid{
display: none;
}
.contenedor-imagenes{
display: flex;
width: 60vw;
margin-inline-start: 20vw;
}
.galeriaprincipal{
max-width: 60vw;
}
.bodyimg1{
margin-top: 0px;
vertical-align: text-top;
height: 40vh;
width: 60vw;
}
.descripcioncarousel{
font-family: Arial, Helvetica, sans-serif;
margin-top: -20px;
color: white;
background-color: rgba(0, 0, 0, 0.78);
position: absolute;
width: 100%;
text-align: justify;
font-size: 0.9rem;
}
.inicio{
margin-inline: 20vw;
font-size: 0.85rem;
margin-bottom: 0px;
margin-top: 4px;
margin-right: 2vw;
}
.hrmain{
width: 60vw;
margin-inline: 20vw;
}
.proyectos{
height: 22vh;
width: 19vw;
margin-right: 1.5vw;
}
.proyectosf{
height: 22vh;
width: 19vw;
}
.proyectosletras{
font-size: 0.7rem;
width: 19vw;
margin-right: 1.5vw;
}
.proyectosletrasf{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7rem;
width: 19vw;
font-weight: bold;
color: rgb(185, 63, 40);
}
.proyectosinfo{
font-size: 0.7rem;
margin-right: 1.5vw;
width: 19vw;
margin-top: 1vh;
}
.proyectosinfof{
vertical-align: baseline;
color: rgb(122, 122, 122);
font-size: 0.7rem;
width: 19vw;
}
.contenedor-lineas{
margin-inline-start: 4vw;
width: 96vw;
}
.hr1{
margin-inline-start: 0px;
}
.hr2{
border-width: 1px;
margin-bottom: 35px;
width: 25vw;
margin-right: 0px;
margin-inline-start: 0vw;
margin-left: 0vw;
}
.contenedor-mfi{
display: flex;
width: 96vw;
margin-inline-start: 4vw;
}
.titulosc{
font-family: Arial, Helvetica, sans-serif;
width: 15vw;
font-size: 0.85rem;
margin-left: 5vw;
}
.titulomf{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85rem;
width: 45vw;
margin-right: 18vw;
}
.contenedor-lineas{
display: flex;
margin-inline-start: 4vw;
margin-top: -1.5vw;
}
.hr1{
border-width: 1px;
margin-bottom: 35px;
width: 50vw;
margin-right: 10vw;
}
.hr2{
border-width: 1px;
margin-bottom: 35px;
width: 30vw;
margin-right: 0px;
}
.sucursales{
width: 25vw;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.78rem;
color: rgb(122, 122, 122);
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.mhomo{
width: 50vw;
border-width: 1px;
border: 1px solid rgb(189,186,186);  
}
.labelhomo{
font-size: 0.8rem;
margin-left: 0vw;
color: rgb(145,143,143);
background-color: rgb(211,211,211);
}
.contenedorMS{
display: flex;
margin-inline-start: 4vw;
width: 96vw;
}
.contenedorMI{
flex: 1;
width: 50vw;
margin-right: 12vw;
}
.contenedorS{
flex: 1;
width: 25vw;
}
.titulosS{
color: rgb(83,83,83);
margin: 2vw;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8rem;
margin-top: 0px;
margin-bottom: 3vh;
text-align: justify;
}
.marcas{
height: 10vh;
}
}
/* Tablet landscape blue   navbar|listo    footer|listo*/
@media only screen and (min-width: 760px) {/*Azul*/
.header{
background-color:blue;
font-size:0.9rem;  
height: 13vh; 
}
.header a{
margin-inline: 5px;
margin-top: 5vh;
}
.logo{
margin-inline-start: 5vw;
height: 10vh;
width: 5rem;
margin-right: 14vw;
}
.vsandroid{
display: none;
}
.vspc{
display: flex;
}
.maps{
margin-right:3vw;
margin-top: 4vw;
margin-inline: 5vw;
width: 40vw;
}
.dspandroid{
display: block;
}
.contenedor-imagenes {
display: flex;
width: 75vw;
margin-inline-start: 14vw;
}
.bodyimg1{
height: 60vh;
width: 55vw;
margin-top: 0px;
vertical-align: text-top;
}
.descripcioncarousel{
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
margin-top: -34px ;
padding: 7px;
color: white;
background-color: rgba(0, 0, 0, 0.78);
position: absolute;
width: 100%;
text-align: justify;
}
.bodyimg2{
height: 14.25vh;
width: 17vw;
margin-inline: -1vw;     
}
.descripcionminiatura{
font-size: 0.8rem;
font-family: Arial, Helvetica, sans-serif;
color: white;
background-color: rgba(0, 0, 0, 0.78);
width: 17vw;
margin-top: -20px;
height: 20px;
position: absolute;
margin-inline: -1vw
}
.bodyimg3{
height: 14.25VH;
width: 17vw;
margin-top: 1VH;
margin-inline: -1vw;
}
.inicio{
margin-inline: 14vw;
font-size: 0.9rem;
}
.proyectos{
height: 28vh;
width: 23.66vw;
margin-right: 2vw;
}
.proyectosf{
height: 28vh;
width: 23.66vw;
margin-right: 0px;
}
.proyectosletras{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85rem;
color: rgb(185, 63, 40);
font-weight: bold;
margin-right: 2vw;
width: 23.66vw;  
}
.proyectosletrasf{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85rem;
color: rgb(185, 63, 40);
font-weight: bold;
margin-right: 0px;
width: 23.66vw ;
}
.proyectosinfo{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85rem; 
margin-right: 2vw;
text-align: justify;
color: rgb(122, 122, 122);
vertical-align: baseline;
line-height: 20px;
width: 23.66vw;
}
.proyectosinfof{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85rem;
text-align: justify;
color: rgb(122, 122, 122);
margin-right: 0px;
width:23.66vw;
}
.contenedor-mfi{
display: flex;
width: 86vw;
margin-inline-start: 14vw;
}
.titulomf{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1rem;
width:45vw;
margin-right: 10vw;
}
.titulosc{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1rem;
width: 15vw;
margin-left: 5vw;
} 
.hrmain{
width: 75vw;
margin-inline: 14vw;
border-width: 1px;
margin-bottom: 25px;
}
.contenedor-lineas{
display: flex;
margin-inline-start:14vw;
margin-top: -1.5vw;
width: 86vw;
}
.hr1{
border-width: 1px;
margin-bottom: 35px;
width: 45vw;
margin-right: 10vw;
}
.hr2{
border-width: 1px;
margin-bottom: 35px;
width: 20vw;    
margin-right: 0px;  
}
.contenedorMS{
display: flex;
margin-inline-start: 14vw;
width: 86vw;
}
.contenedorMI{
flex: 1;
width: 45vw;
margin-right: 10vw;
}
.contenedorS{
flex: 1;
width: 20vw;
margin-inline: 0vw;
margin-right: 0px;  
}
.sucursales{
width: 20vw; 
font-family:Arial, Helvetica, sans-serif ;
font-size: 0.8rem;
color: rgb(122, 122, 122);
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.labelhomo{
font-size: 1rem;
color: rgb(145, 143, 143);
background-color:rgb(211, 211, 211);
}
.mhomo{
width: 45vw;
border-width: 1px;
border: 1px solid rgb(189, 186, 186);
}
.titulosS{
color:rgb(83, 83, 83);
margin: 2vw;
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
margin-top: 0px;
margin-bottom: 4vh;
text-align: justify;
}
.titulosH{
color:rgb(83, 83, 83);
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
margin: 2vw;
margin-top: 0px;
margin-bottom: 7vh;
text-align: justify;
}
.marcas{
height: 15vh;
}
} 
/* Laptops y monitores pequeños orange*/
@media only screen and (min-width: 851px) {/*Naranja orange*/
.vsandroid{
display: none;
}
.contenedor-imagenes {
display: flex;
width: 80vw;
margin-inline-start: 12vw;
}
.bodyimg1{
height: 65vh;
width: 60vw;
margin-top: 0px;
vertical-align: text-top;
}
.descripcioncarousel{
font-size: 1.05rem;
font-family: Arial, Helvetica, sans-serif;
margin-top: -30px ;
color: white;
padding: 7px;
margin-bottom: 10px;
background-color: rgba(0, 0, 0, 0.78);
width: 100%;
text-align: justify;
}
.bodyimg2{
height: 15.5vh;
width: 17vw;
margin-inline: -1vw;     
}
.bodyimg3{
height: 15.5VH;
width: 17vw;
margin-top: 1VH;
margin-inline: -1vw;
}
.inicio{
font-family: Arial, Helvetica, sans-serif;
margin-inline: 12vw;
font-size: 1rem;
font-weight: bold;
}
.proyectos{
height: 32vh;
width: 25.33vw;
margin-right: 2vw;
}
.proyectosf{
height: 32vh;
width: 25.33vw;
margin-right: 0px;
}
.proyectosletras{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9rem;
color: rgb(185, 63, 40);
font-weight: bold;
margin-right: 2vw;
width: 25.33vw;  
}
.proyectosletrasf{
font-family: Arial, Helvetica, sans-serif;
color: rgb(185, 63, 40);
font-weight: bold;
margin-right: 0px;
width: 25.33vw ;
}
.proyectosinfo{
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem; 
margin-right: 2vw;
text-align: justify;
color: rgb(122, 122, 122);
vertical-align: baseline;
line-height: 20px;
width: 25.33vw;
}
.proyectosinfof{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9rem;
text-align: justify;
color: rgb(122, 122, 122);
margin-right: 0px;
width:23.66vw;
}
.titulomf{
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
font-weight: bold;
width:45vw;
margin-right: 10vw;
}
.titulosc{
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
font-weight: bold;
width: 15vw;
margin-left: 5vw;
} 
.hrmain{
width: 80vw;
margin-inline: 12vw;
border-width: 1px;
margin-bottom: 25px;
}
.contenedor-lineas{
display: flex;
margin-inline-start:12vw;
margin-top: -1.5vw;
} 
.hr1{
border-width: 1px;
margin-bottom: 35px;
width: 45vw;
margin-right: 10vw;
}
.hr2{
border-width: 1px;
margin-bottom: 35px;
width: 20vw;    
margin-right: 0px;  
}
.contenedor-mfi{
display: flex;
width: 88vw;
margin-inline-start: 12vw;
}
.contenedorMS{
margin-inline-start: 12vw;
}
.titulosH{
color:rgb(83, 83, 83);
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9rem;
margin: 2vw;
margin-top: 0px;
margin-bottom: 10vh;
text-align: justify;
}
.titulosS{
color:rgb(83, 83, 83);
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9rem;
margin: 2vw;
margin-top: 0px;
margin-bottom: 2vh;
text-align: justify;
}
.york{
width: 150px;
height: 40px;
margin-inline-start: 20vw;
margin-bottom: 2vh;
}
.labelhomo{
color: rgb(145, 143, 143);
background-color:rgb(211, 211, 211);
}
.descripcionminiatura{
font-size: 0.8rem;
font-family: Arial, Helvetica, sans-serif;
color: white;
background-color: rgba(0, 0, 0, 0.78);
width: 17vw;
}
} 
/* Monitores promedio white*/
@media only screen and (min-width: 1200px) {/*Normal white*/
.header{
background-color: royalblue;
font-size: 1rem;
} 
.header a{
margin-top: 5.5vh;
margin-inline: 8px;
}
.logo{
margin-inline-start: 18.5vw;
height: 90px;
width: 120px;
margin-right: 25vw;
}
.vsandroid{
display: none;
}
.contenedor-imagenes{
display: flex;
width: 63vw;
margin-inline-start: 18.5vw;
}
.bodyimg1{
height: 60vh;
width: 47vw;
margin-top: 0px;
vertical-align: text-top;
}
.descripcioncarousel{
font-size: 1.1rem;
font-family: Arial, Helvetica, sans-serif;
margin-top: -34px ;
color: white;
background-color: rgba(0, 0, 0, 0.78);
position: absolute;
width: 100%;
text-align: justify;
}
.bodyimg2{
height: 14.25vh;
width: 15vw;
margin-inline: -1vw;     
}
.descripcionminiatura{
font-size: 0.8rem;
font-family: Arial, Helvetica, sans-serif;
color: white;
background-color: rgba(0, 0, 0, 0.78);
width: 15vw;
}
.bodyimg3{
height: 14.25VH;
width: 15vw;
margin-top: 1VH;
margin-inline: -1vw;
}
.inicio{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.01rem;
margin-inline: 18.5vw;
}
.proyectos{
height: 36vh;
width: 20.33vw;
margin-right: 1vw;
}
.proyectosf{
height: 36vh;
width: 20.33vw;
margin-right: 0px;
}
.proyectosletras{
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
color: rgb(185, 63, 40);
font-weight: bold;
margin-right: 1vw;
width: 20.33vw;  
}
.proyectosletrasf{
font-family: Arial, Helvetica, sans-serif;
font-size: 1rem;
color: rgb(185, 63, 40);
font-weight: bold;
margin-right: 0px;
width: 20.33vw ;
}
.proyectosinfo{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8rem; 
margin-right: 1vw;
text-align: justify;
color: rgb(122, 122, 122);
vertical-align: baseline;
line-height: 20px;
width: 20.33vw;
}
.proyectosinfof{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8rem;
text-align: justify;
color: rgb(122, 122, 122);
margin-right: 0px;
width:20.33vw;
}
.titulomf{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1rem;
width:35vw;
margin-right: 10vw;
margin-bottom: 1.5vw;
}
.titulosc{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1rem;
width: 10vw;
margin-bottom: 1vw;
} 
.hrmain{
width: 63vw;
margin-inline: 18.5vw;
border-width: 1px;
margin-bottom: 25px;
}
.labelhomo{
color: rgb(145, 143, 143);
background-color:rgb(211, 211, 211);
}
.contenedor-mfi{
display: flex;
width: 83vw;
margin-inline-start: 18.5vw;
}
.contenedor-lineas{
display: flex;
margin-inline-start:18.5vw;
margin-top: -1.5vw;
width: 83vw;
}
.hr1{
border-width: 1px;
margin-bottom: 35px;
width: 35vw;
margin-inline-start: 0px;
}
.hr2{
border-width: 1px;
margin-bottom: 35px;
width: 15vw;    
margin-right: 0px;  
}
.contenedorMS{
display: flex;
margin-inline-start: 18.5vw;
width: 66vw;
}
.contenedorMI{
flex: 1;
width: 35vw;
margin-right: 10vw; 
}
.york{
width: 150px;
height: 40px;
margin-inline-start: 15vw;
margin-bottom: 2vh;
}
.mhomo{
width: 35vw;
}
.contenedorS{
flex:1;
width: 15vw;
margin-inline: 0px;
margin-right: 0px;
}
.sucursales{
width: 15vw;
font-size: 1rem;
}
.titulosH{
color: rgb(83, 83, 83);
font-family: Arial, Helvetica, sans-serif;
margin: 2vw;
margin-bottom: 4vw;
margin-top: 0px;
font-size: 0.9rem;
text-align: justify;
}
.titulosS{
color:rgb(83, 83, 83);
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9rem;
margin: 2vw;
margin-bottom: 3vw;
text-align: justify;
margin-top: 0px;
} 
}