:root {
  --azul: #0C2E66;
  --blanco: #ffffff;
  --verde: #11a568;
}
a#botonwp   {
  
    color: #fff;

}
#copyright {
  color: #fff; font-size: 10px
}
#copyright a{ color: #ccc;
  }
body {
	font-size: 16px;
	line-height: 1.3em;
	font-family: 'Montserrat', sans-serif;
}


* {
    margin: 0;
    padding: 0;
    outline: none;
}



a,
a:focus {
    color: #0C2E66;
    text-decoration: none;
    outline: none;
}

a:hover,
a.active {
    color: #0C2E66;
    text-decoration: none;
    outline: none;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    
    
}

h1 {
    font-size: 100px;
    line-height: 90px;
}

h2 {
    font-size: 90px;
    line-height: 90px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 20px; color: var(--verde);
}

h6 {
    font-size: 14px;
}

p {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

input,
input:hover,
input:focus {
    outline: none;
}

textarea,
textarea:hover,
textarea:focus {
    outline: none;
}

button,
button:hover,
button:focus {
    cursor: pointer;
    outline: none;
}
.fleft {
	float: left;
}
.pd20 {
	padding: 20px
}
.pd40 {
  padding: 5%
}
.pd3por {
  padding: 3%
}
.pd10 {
	padding: 10px
}
.txtleft {
	text-align: left;
}
.txtcenter {
	text-align: center;
}

.fab {
    font-family: 'Font Awesome 5 Brands'; color: #fff
}
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active  {
  color: var(--azul); padding: 0 .8Vw; font-weight: 600
}

#top2 {
display: grid;
    background-image: url(../img/limpieza-de-oficinas.webp);
    background-size: cover;
    padding: 5vh 0vh;
    background-position: center center;
}
#top2 p {
    font-size: 18px; padding: 5px;
}
#top2 i {
    color: #11a568;
}
#limpiezatop {
    background-image: url(../img/limpieza-de-oficinas-en-monterrey.jpg);
    background-size: cover;
      padding: 15vh;
      background-position: center center;
}
#contrato {
  display: grid; height: fit-content; color: var(--blanco); padding: 5vh 0
}
#contrato .col-md-3 {
  padding: 2vh
}
.p10por {
  padding: 0 10%
}
.p5por {
  padding: 0 5%
}

#trabajobus {
 background-color: #11a568; padding: 5Vh 0; display: grid; color: #fff;
}
#top2  h1 {
    font-size: 18px; color: #fff;  line-height: 1em; padding: 1%  10% 1%  0
}
#top2  h2 {
    font-size: 22px; color: #fff; font-weight: 400; line-height: 1em; padding: 1%  10%  1%  0
}
#top2  h3 {
    font-size: 18px; color: #fff; font-weight: 400; line-height: 1em; padding: 1%  5% 1%  0
}
#liof {
  background-color: #fff; padding: 0vh 0; display: grid;
}
#liof p { font-size: 16px; padding: 10px 0; font-weight: 400; line-height: 1.2em; letter-spacing: 0.5px;
}

#sliderdiv {
  height: 50vh
}
#txtmid {
  padding: 5vh 5vh 5vh 0
}
#garantia {

    padding: 5vh 0;
    display: grid;
    color: #fff;

}
#garantia h5{
font-size: 18px; color: #fff; font-weight: 400; line-height: 1.2em; padding: 2%  10%  2%  0
  }
#top  h4 {
    font-size: 18px;  
}
.btn  {
    color: #fff;
    width: 100%;
    background-color: #11a568;
}

.btn:hover {
    color: #fff;
    width: 100%;
    background-color: #11a568;
} 
.verde {
  width: 35Vw; font-size: 20px;  background-color: #11a568; color: #fff; padding: 2.5vh;  text-align: center;  
}
 #uno {
 	padding: 5vh 0;
 }
 #uno h1 {
 	font-size: 16px; text-transform: uppercase;   color: var(--blanco); line-height: 1em; padding: 0 0 20px 0; letter-spacing: 2px
 }

  #uno h2 {
 	font-size: 22px; line-height: 1em; letter-spacing: 0px;    color: var(--blanco); font-weight: 300;
 }
#botonwp {
  background-color: #11a568; padding: 10px; margin: 10px; font-size: 16px

}
#datos {
  background-color: #efefef; display: flex; padding: 10Vh 0;
}
#datos h5 {
font-size: 1Vw; margin: 10px 0
}

#datos .btn {
  background-color:  #11a568; color: #fff
}
 #dos h3, #dos h4 {
 	font-size: 16px; line-height: 1em; letter-spacing: 0px;    color: var(--azul);
 }
 #map {
    margin: -10px 0;
  }


.form-control {
  margin: 10px 0
}
  #dos {
  	padding: 5vh 0;
  }


  #tres {
  	padding: 5vh 0; background-color: #efefef; display: flex;
  }

   #tres h5 {
   	font-size: 22px; line-height: 1em; letter-spacing: 0px; padding: 20px 0; 
   }

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
#demos {
  padding: 5vh 0;   display: flex;
}

#demos .owl-carousel .item {
  height: auto; background-color: #fff; border-radius: 10%;
}
#demos h5 {
  font-size: 24px; text-align: center; margin: 20px; 
}

#acerca {
  background-color: var(--verde);  padding: 8Vh 0
}
#acerca h1 { font-size: 32px; color: var(--blanco); line-height: 1em; 
}
#informacion-acerca {
    display: table;
    margin: 0 auto;
}
#informacion-acerca h4 { 
font-size: 30px
  }

#informacion-acerca li {
    width: 150px;
    text-align: left;
    margin: 10px auto;
}
#valores {
  display: table; margin: 0 auto; width: 100%; padding: 8Vh 0; 

}
#valores h3, #valores p {
color: var(--blanco); padding: 10px 10px 0 0; text-align: left;
}
#valores .col-md-4 {
padding: 20px
}
 footer {
   	padding: 5vh 0; display: flex; color:#0C2E66; border-top: solid #0C2E66 2px
   }
 
footer li a {
    color: #0C2E66;
    margin: 8px;
    display: grid; font-weight: bold;
}



@media (max-width: 769px){

#top2 p {
    font-size: 15px;
    padding: 5px;
}

    #top2  h2 {
    font-size: 16px; color: #fff; font-weight: 400; line-height: 1em; padding: 2%  10%  2%  0
}

    .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active {
    color: var(--azul);
    padding: 0 .8Vw;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 0px; margin: 2px; background-color: #efefef
}
#top2 {
display: grid;
    background-image: url(../img/limpieza-de-oficinas-mini.webp);
    background-size: cover;
    padding: 5vh 0vh;
    background-position: center center;
 
}
#txtmid h5 {
    font-size: 20px; font-weight: 600;
}

body {
  font-size: 15px;
  line-height: 1.1em;
  font-family: 'Montserrat', sans-serif;
}

#sliderdiv {
    width: -webkit-fill-available;
}

.container {
  padding: 0 5%;
}
.col-lg-12 {
    width: 100%;

}
footer li a {
    color: #0C2E66;
    margin: 5px; padding: 5px;
    display: grid; background-color: #efefef
}
footer ul {
  margin: 10px
}

#limpiezatop {
    background-image: url(../img/limpieza-de-oficinas-en-monterrey.jpg);
    background-size: cover;
      padding: 8vh 10Vw;
      background-position: center center;
}

#top  h4 {
    font-size: 14px;  
}
.verde {
  width: 80Vw;   background-color: #11a568; color: #fff; padding: 1vh 0;  text-align: center;  
}
.row {
  padding: 0; --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}
nav .col-md-3, nav .col-md-6, footer .col-md-3 {
text-align: center; 
  }
.col-md-3 {
  width: 100%;  display: grid;

}

#uno, #dos, #tres {
  padding: 5vh
}
#uno h2 {
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0px;
    color: var(--blanco);
    font-weight: 300;
}
.navbar-toggler-icon {
  background-color: #0C2E66
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.55);
    border-color: #0C2E66;
    background-color: #0C2E66;
}
.col-md-6 {
    width: 100%; padding: 5px
}
header {
  font-size: 11px; text-align: center; line-height: 1em
}
header span {
  padding: 5px;
    display: inline-block;
}

}