body,h1,h2,h3,h4,h5,h6,p {
  font-family: "Lato", sans-serif
}
input {
border: solid 0.5px black;

}
textarea {
border: solid 0.5px black;

}
.w3-bar,button {font-family: "Montserrat", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}

@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');

.logor{
  position: absolute;
  text-align: center;
  width: 20%;
  margin-left: 5%;
  display: grid;
}
.logor img{
  width: 60%;
  margin-top:9px;
}
.tem{
  text-shadow: 1px 1px 3px grey;
}
.logor a {
font-family:"Lato", sans-serif;
text-decoration: none;
margin-top: 1px;
}
.w3-bar-item:hover  a{
  font-size: 35px;
}
.logor span{
  font-family: 'Monoton', cursive;
font-size:58px;

}
.linkes{
  margin-top: 1%;
  font-size: 15px;
  float: right;

  }
  .linkes i{
    font-size: 18px;
    color:white;
  }
  .linkes a{
    color:white;
    text-decoration:none;
  }
  .linkes hr{
    width:0%;
    transition: 1s;
    border-bottom: solid 2px white;
    margin-top: -3px;
    margin-bottom: 40%;

  }


.linkes a:hover hr{
width: 100%;
border-bottom: solid 2px white;
}
.linkesises{
  position: absolute;
  margin-top: 5%;
  margin-left: 10%;
}


header h3{
  font-size: 45px;
  color: black;

}

.w3-top{
  background: rgb(217,212,212);
  background: linear-gradient(0deg, rgba(217,212,212,0) 0%, rgba(33,29,29,0.5550595238095238) 9%, rgba(13,9,9,0.8995973389355743) 28%, rgba(4,0,0,1) 38%);
}

.w3-white{
  background: white;
}

.primertexto{
  background:rgb(255,255,255,0.9);
padding: 1%;
width: 50%;
margin-left: 20%;
margin-top: 8%;
}

.iconicos{
  width: 30px;
}
.camionnegro{
  width: 45px;

}
.camionnegro{
  margin-bottom: 1%;
  transition: 2s;
}
.w3-content:hover .camionnegro{
margin-left:20%;
}
.w3-content h5{
  font-weight: 100;
}
.w3-black, .w3-hover-black{
    color:white!important;
    background-color:rgb(198, 58, 58)!important;
    transition: 1s;
}
.w3-black:hover{
opacity: 0.7!important;
  box-shadow: 1px 1px 10px white;

}
.w3-third img{
  margin-left: 0%;
  width: 100%;
  transition: 1.5s;
}
.greyscale:hover {
  filter:grayscale();
  transform: scale(1.2);
}
.imgderecha{
  width: 30%;
  margin-right:10%;
}
.contenedor1{
  width: 100%;
  background: url(../img/5502.jpg)no-repeat;
  background-size: cover;
  padding: 2%;
  margin-bottom: 2%;
}
.titledeservices{
  margin-left: 35%;
  }
  .titledeservices h2{
    font-weight: bold;
    font-size: 35px;
    color: white;
}
.contenderodecolumnas{
  display: flex;
  background: rgb(255,255,255,0.9);
  padding: 5%;
  width: 85%;
}
.service{
  width: 40%;
  margin-left: 5%;
  text-align: center;

}
.service a{
  text-decoration: none;
  font-family:"Lato", sans-serif;

}
.service P{
  font-weight: bold;
  font-family:"Lato", sans-serif;
  font-size: 18px;
  color:black;

}


.service img{
  width: 45%;
  transition: 1s;
}
.service img:hover{
  opacity: 0.7;
  filter: sepia(5);
}


.pedirservice{
  width: 100%;
  background:rgb(255,255,255,0.9);
  margin-bottom:30px;

}
.pedirservice a{
  margin-left:7%;
  text-decoration: none;
  color: white;
  padding:1%;
  background: rgb(255,90,82);
}
.pedirservice a:hover {
  background: rgb(198, 58, 58);
}
.pedirservice a:active {
  background: #7B2C2C;
}
#flecha_costado{
  transition: 1s;
}
.moreinf:hover #flecha_costado{
margin-left: 2%;
color:red;
}




@media(max-width:820px){
  .logor small{
    left: 5%;
    position: relative;
    font-size: 15px;
    letter-spacing: 1px;
    border:solid 0.5px black;
    padding:2%;
    font-weight: bold;
  }
  .logor img{
    width: 110px;
    margin-top:9px;
    margin-left: 15px;
  }
  .contenedor1{
    padding: 0px;
}
  #whasa{
    position: absolute;
    top: 10%;
    margin-left:40%;
  }
  #navDemo a{
    text-align: center;
  }
  #navDemo i{
    font-size: 25px;
  }
  .w3-top{
    background: black;
    height:90px;
  }
  .w3-bar .w3-bar-item {
    color:white;
  }
.primertexto{
  width: 80%;
  margin-left: 10%;
}
.w3-jumbo{
  font-size: 35px;
}

.contenderodecolumnas{
  display: block;
  width: 80%;
  margin-left: 5%;
}
.pedirservice{
  display: grid;
  margin-left: 0%;
  margin-top: 10%;
}
.pedirservice a{
  margin-left: 10%;
  width: 80%;
  text-align: center;
  margin-bottom: 3%;
}

.service{
  margin-top: 1%;
  margin-bottom: 10%;
  margin-left: 10%;
  width: 80%;
}
.titledeservices{

}
.titledeservices h2{
font-size: 25px;
}


}
.redes a{
font-size: 45px;
margin-left: 2%;
}
footer{
  background: black;
}
.footrack{
  display: flex;
  background: black;

}
.partederechafoot{
width: 45%;
margin-top: 2%;
margin-left: 5%;
background: black;

}
.partederechafoot h5{
  color:white;
}
.parteizquierdafoot{
width: 45%;
margin-left: 5%;
background: black;
}

.parteizquierdafoot li,a,ul{
  color:white;
  text-decoration: none;
  list-style: none;
  font-family:"Lato", sans-serif;
}
.logodelfooter{
  margin-left: 15%;
  display: grid;
  width: 25px;
  margin-top: 10%;
}
.logodelfooter hr{
    border: 0;
    border-top: 1px solid #eee;
    margin: 0px 0;
}
.logodelfooter img{
  width:220px;
}
.contacter{
  margin-left: 10%;
  margin-top: 1%;

}
.logodelfooter span{
  font-size: 23px;
  font-family:"Lato", sans-serif;
  float: top;
  color: white;
  margin-top: 0%;
}
.logodelfooter h1{
color:white;
margin-left: 0%;
margin-top: -25px;
margin-bottom: 0px;
font-size: 75px;
font-family: 'Monoton', cursive;
letter-spacing: 0px;
font-weight: 100;

}
.suscripcion{
  display:grid;
  margin-bottom: 5%;
}

.suscripcion input{
  font-family:"Lato", sans-serif;
  margin-top: 2%;
}
.suscripcion input[type='submit']{
  margin-top: 2%;
  background: #ff5a52;
  border: #ff5a52;
  color:white;
  font-weight: bolder;
  padding: 3%;

}
.suscripcion input[type='submit']:hover{
  opacity: 0.9;
}
.imagen-fija1{
  width: 100%;
  background: url(../img/pozo1.jpg)no-repeat;
  background-size:cover;
  background-position: center;
  filter: contrast(1.5);
  height: 350px;
  opacity: 0.8;

}

.imagen-fija2{
  width: 100%;
  background: url(../img/fosas.jpg)no-repeat;
  background-size:cover;
  background-position: center;
  filter: contrast(1.5);
  height: 550px;
  opacity: 0.8;
}
.imagen-fija2{
  text-align: center;
}
.imagen-fija3{
  width: 100%;
  background: url(../img/montevideo.jpg)no-repeat;
  background-size:cover;
  background-position: center;
  height: 550px;
}
.imagen-fija3{
  text-align: center;
}
.texto-imagenfija{
position: absolute;
margin-top: 10%;
margin-left: 20%;
background:rgb(150, 145, 145, 0.8);
border-top: solid 2px white;
padding: 5px;
}
.texto-imagenfija h1{
  color:white;
  font-size: 45px;
  font-weight: bold;
  text-shadow: 1px 1px 5px black;
}
.texto-imagenfija2{
position: absolute;
margin-top: 20%;
margin-left: 10%;
background: rgb(150, 145, 145,0.8);
padding: 5px;
border-top: solid 5px white;
}
.texto-imagenfija2 h1{
  color:white;
  font-size: 45px;
  text-shadow: 1px 1px 5px black;

}
.texto-imagenfija3{
position: absolute;
margin-top: 20%;
margin-left: 20%;
background: rgb(150, 145, 145,0.8);
border-top: solid 5px white;


}
.texto-imagenfija3 h1{
  color:white;
  font-size: 45px;
  text-shadow: 1px 1px 5px black;

}
.consejo-col1{
  width: 50%;
  text-align: left;
  border-left:solid 3px #DF3434;
  margin-left:5%;
  padding: 0px;
  margin-top: 3%;
  margin-bottom: 3%;
}
.consejo-col1 i{
  margin-left: 1%;
  font-size: 25px;
  color:black;
}
.consejo-col1 p{
  margin-left: 1%;
  font-weight: 600;
  font-family:"Lato", sans-serif;
  margin-top: 0;
  color:black;
}
.parrafoprincipal{
width: 90%;
margin-left: 5%;
text-align: justify;
}
.parrafoprincipal p{
  color:black;
}
.segundotitle{
  width: 90%;
  margin-left: 5%;
  text-align: justify;
  color:black;
}
.segundotitle form{
  font-family:"Lato", sans-serif;
  margin-left:0%;
  margin-top: 5%;
  margin-bottom: 3%;
  align-items: center;
}
.dire{
  width: 40%;
}
.nume{
  width: 8%;
}
.esqui{
  width: 55%;
}
.email{
  width: 30%;
}
.obse{
  width: 90%;
}
 .form-group{
   margin-top: 2%;
 }
 .form-group select{
   width: 10%;
 }


 .unicavez{
   float: right;
   margin-right: 10%;
   border-left: solid 2px #CF1010;
   padding: 2px;
 }
.radioboton{
  font-size: 45px;
}
.agendar{
  background: green;
  padding: 5px;
  border-radius: 5px;
  color:white;
  font-family:"Lato", sans-serif;
border:0px;
font-size: 18px;
transition: 0.5s;
}
.agendar:hover{
  opacity: 0.6;
}
.unicavez:hover #rigthers{
margin-left: 5px;
transition: 2s;
}
@media(max-width:820px){

  .texto-imagenfija{
  position: absolute;
  margin-top: 30%;
  margin-left:10%;
  background:rgb(150, 145, 145, 0.8);
  border-top: solid 5px white;
  padding: 5px;
  }
  .texto-imagenfija h1{
    color:white;
    font-size:25px;
    font-weight: bold;
    text-shadow: 1px 1px 5px black;
  }


  .texto-imagenfija2 {
    position: absolute;
    margin-top: 30%;
    margin-left: 10%;
    background: rgb(150, 145, 145, 0.8);
    border-top: solid 5px white;
    padding: 5px;
}
.texto-imagenfija2 h1{
  color:white;
  font-size:25px;
  font-weight: bold;
  text-shadow: 1px 1px 5px black;
}
  .consejo-col1 {
    width: 90%;
    margin-left:10px;
  }
  .parrafoprincipal {
    width:90%;
    margin-left: 20px;
    text-align: left;
  }

  .form-group{
    display: grid;
    text-align: left;
  }

  .form-group select{
    width: 90%;
  }
  .preferencia-dia{
    display: block ;
  }

}
.segundotitle{
  width: 90%;
  text-align: center;
  padding: 8px;
}
.segundotitle h2{
  font-weight: 600;
  color:black;
}
.segundotitle i{
  color:black;

}
.segundotitle p{
  color:black;

}
.levantar{
  font-weight: bold;
}
.segundotitle ul,li{
  color:black;
  font-size: 20px;
}
.titlearti{
  margin-left: 20%;
}

.selle{
  border-left:solid 3px #DF3434;
  margin-left: 5%;
  padding: 3px;
  width: 90%;
  display: flex;
  margin-bottom: 3%;
}
.selle img{
  width: 40%;
  margin: 4px;
  float: left;
}
.selle p,h2{
  color:black;
}


.parrafoselle{
  margin-left: 5%;
  width: 40%;

}
.zonefixed{
  width: 100%;
  background: url(../img/img134.jpg);
  background-position: center;
  	background-attachment:fixed;
  	background-size: cover;

}
.zonefixed{
  text-align: left;
  padding: 1%;
}
.zonefixed h2,p{
color: white;
margin-left: 5%;
}
.arti2canos{
  width: 40%;
  margin-left: 5%;
  border-left: solid 2px #DF3434;
  margin-top: 2%;
}
.arti2canos i{
  margin-left: 3%;
  font-size: 25px;
}
.arti2canos p{
  color:black;
  margin-top: 0;
  margin-left: 3%;
font-weight: bold;
}
.parrafocano{
  width: 90%;
  margin-left: 5%;
  text-align: center;
}
.parrafocano h1{
  color:black;
}
.articano{
  text-align: left;
  margin-left: 5%;
  width: 90%;
}
.articano p{
  color: black;
}
.pedirunmante{
  width: 90%;
  display: flex;
  margin-left: 10%;
}
.mante1{
  margin-left: 20%;
}
.mante1 a{
  background: #DF3434;
  padding: 9px;
  color:white;
}
.mante1 a:hover{
  opacity: 0.8;
}
.descripciondestape{
  margin-top: 3%;
}
@media(max-width:820px){
  .dire{
    width: 100%;
  }
  .nume {
    width: 40%;
}
.esqui {
    width:100%;
}
.email {
    width: 100%;
}
  .segundotitle {
    margin-left: 10px;
    width:90%;
  }
  .zonefixed h2, p {
    margin-left:10px;
    width: 95%;
    text-align: center;
  }
.footrack{
display: block;
}
.partederechafoot{
  width: 85%;
}
.contacter {
    margin-left: 1%;
    margin-top: -5%;
    padding: 1%;
}
.parteizquierdafoot{
  width: 80%;
}
.logor {
  position: relative;
}
}
@media(max-width:815px){
  .zonefixed {
    padding: 0px;
  }
  .arti{
    width: 100%;
  }
  .titlearti {
    margin-left:0%;
    text-align: center;
}
.selle {
    border-left: solid 3px #DF3434;
    margin-left:1%;
    padding: 3px;
    width: 90%;
    display: block;
    margin-bottom: 3%;
}
.selle img {
    width: 95%;
    margin:1px;
}
.parrafoselle {
    margin-left:3%;
    width:95%;
    text-align: center;
  }


  .linkes{
    float: right;
    margin-right: 1%;
    margin-bottom: 2%;
  }
  .linkes a{
    color:black;
    font-size: 15px;
  }
  .linkes i{
    color:black;
font-size: 15px;

  }
  .logor {
    position: absolute;
    margin-left: 0%;
    background: none;
  }
  .linkesises{
    margin-left: 20%;
    margin-top: 5%;
  }
}

.mapasanitario {
  width: 100%;
  margin-top: 3%;
  margin-left: 10%;
}
.imagenmapa{
  width: 70%;

}
.imagenmapa img{
  width: 70%;
  margin-left: 30%;
  }

.camara-principal{
  border-left: solid 2px #DF3434;
  width: 80%;
  margin-left: 20%;
  font-family:"Lato", sans-serif;
  margin-top: 1%;

}
.camara-principal h4{
  margin-left: 1%;
  font-weight: bold;

}
.camara-principal p{
color:black;
margin-left: 1%;
}
.camara-principal small{
  font-weight: bold;
  margin-left: 1%;
}
.camara-principal ul{
  margin-left: 0%;
}
.grasera-mapa{
  margin-top: 1%;
  width: 50%;
  text-align: left;
  margin-left: 40%;
  border-left: solid 2px #DF3434;
  font-family:"Lato", sans-serif;
}
.grasera-mapa h4{
  font-weight: bold;
  margin-left: 1%;
}
.grasera-mapa P{
  color:black;
  margin-left: 1%;
}
.grasera-mapa small{
  font-weight: bold;
  margin-left: 1%;
}
.pluviales-mapa{
  margin-top: 1%;
  margin-left: 20%;
  width: 40%;
  text-align: left;
  border-left: solid 2px #DF3434;
  font-family:"Lato", sans-serif;
}
.pluviales-mapa h4{
  font-weight: bold;
  margin-left: 1%;
}
.pluviales-mapa P{
  color:black;
  margin-left: 1%;
}
.pluviales-mapa small{
  font-weight: bold;
  margin-left: 1%;
}
.mapaedificios{
  width: 100%;
  text-align:center;
  margin-top: 3%;
  background: url(../img/edificios3.jpg)no-repeat;
  background-attachment:fixed;

  background-size: cover;
  background-position: center;
}
.mapaedificios p{
  color:black;
}
.mapaedificios h1{
  color:white;
  font-weight: bold;
  text-shadow: 1px 1px 4px black;
}
.parrafoedificios{
  background: rgb(233, 233, 233,0.8);
  width: 80%;
  margin-left: 10%;
  padding: 1%;

}
.mapaph{
  width: 100%;
  text-align:center;
  margin-top: 3%;
  background: url(../img/pasillo.jpg)no-repeat;
  background-attachment:fixed;
  background-size: cover;
  margin-bottom: 5%;
}
.mapaph p{
  color:black;
}
.mapaph h1{
  color:white;
  font-weight: bold;
  text-shadow: 1px 1px 4px black;
}
.mapasanitario i{
  font-size: 25px;
}
@media(max-width:820px){
  .texto-imagenfija2{
    margin-left: 1%;

  }
  .texto-imagenfija2 h1{
    font-size: 20px;

  }
  .texto-imagenfija3 {
    position: absolute;
    margin-top: 40%;
    margin-left:1%;
}
.texto-imagenfija3 h1{
  font-size: 25px;
}

  .pedirunmante{
    margin-left: 5%;
    display: block;
  }
  .mante1{
    margin-top: 10%;
  }
  .mapasanitario{
    width: 90%;
    margin-left: 1%;
  }
  .camara-principal {
    width: 80%;
    margin-left: 1%;
}
.grasera-mapa{
  width: 80%;
  margin-left: 20%;
}
.pluviales-mapa{
  width: 80%;
  margin-left: 1%;
}
.parrafoedificios{
  width: 90%;
  margin-left: 5%;
}
.arti2canos{
  width: 90%;
  margin-left: 1%;
}
.imagenmapa img{
  margin-left: 0%;
  width: 150%;
}
}
.text-entrada{
  width: 55%;
  margin-left: 10%;
  margin-top: 5%;
  text-align: left;
}
.text-entrada hr{
  border-bottom: solid 3px white;
  text-shadow: 1px 1px 5px black;

}
.text-entrada h3{
  font-size: 25px;
  color: black;
  margin-top: -15px;
  margin-bottom: 15px;
  color:white;
  text-shadow: 1px 1px 5px black;

}

.text-entrada h1{
  font-size: 35px;
  color: black;
  margin-top: 0px;
  margin-bottom: 15px;
  color:white;
  text-shadow: 1px 1px 5px black;
}
.botonesdeservi{
  padding:1px;
  font-family:"Lato", sans-serif;
  margin-top: 15px;

}
.botonesdeservi a{
  font-size: 20px;
  padding: 3px;
  background: white;
  transition: 0.5s;
  font-family:"Lato", sans-serif;
  border-radius: 5px;
  box-shadow: 1px 1px 5px black;
  color: black;
  margin-left:0px;


}
.botonesdeservi a:hover{
  background: red;
  color:white;

}

:root {
  --lightgray: #efefef;
  --blue: steelblue;
  --white: #fff;
  --black: rgba(0, 0, 0, 0.8);
  --bounceEasing: cubic-bezier(0.51, 0.92, 0.24, 1.15);
}


.open-modal {
  font-weight: bold;
  background: var(--blue);
  color: var(--white);
  padding: 0.75rem 1.75rem;
  margin-bottom: 1rem;
  border-radius: 5px;
}


/* MODAL
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: var(--black);
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in;
  font-family:"Lato", sans-serif;

}

.modal.is-visible {
  visibility: visible;
  opacity: 1;
}

.modal-dialog {
  position: relative;
  max-width: 800px;
  max-height: 80vh;
  border-radius: 5px;
  background: var(--white);
  overflow: auto;
  cursor: default;
}

.modal-dialog > * {
  padding: 1rem;
}

.modal-header,
.modal-footer {
  background: var(--lightgray);
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family:"Lato", sans-serif;
  font-weight: bold;

}

.modal-header .close-modal {
  font-size: 1.5rem;
  color:black;

}

.modal p + p {
  margin-top: 1rem;
  font-family:"Lato", sans-serif;
  color:black;
}


/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-animation] .modal-dialog {
  opacity: 0;
  transition: all 0.5s var(--bounceEasing);
}

[data-animation].is-visible .modal-dialog {
  opacity: 1;
  transition-delay: 0.2s;
}

[data-animation="slideInOutDown"] .modal-dialog {
  transform: translateY(100%);
}

[data-animation="slideInOutTop"] .modal-dialog {
  transform: translateY(-100%);
}

[data-animation="slideInOutLeft"] .modal-dialog {
  transform: translateX(-100%);
}

[data-animation="slideInOutRight"] .modal-dialog {
  transform: translateX(100%);
}

[data-animation="zoomInOut"] .modal-dialog {
  transform: scale(0.2);
}

[data-animation="rotateInOutDown"] .modal-dialog {
  transform-origin: top left;
  transform: rotate(-1turn);
}

[data-animation="mixInAnimations"].is-visible .modal-dialog {
  animation: mixInAnimations 2s 0.2s linear forwards;
}

[data-animation="slideInOutDown"].is-visible .modal-dialog,
[data-animation="slideInOutTop"].is-visible .modal-dialog,
[data-animation="slideInOutLeft"].is-visible .modal-dialog,
[data-animation="slideInOutRight"].is-visible .modal-dialog,
[data-animation="zoomInOut"].is-visible .modal-dialog,
[data-animation="rotateInOutDown"].is-visible .modal-dialog {
  transform: none;
}

@keyframes mixInAnimations {
  0% {
    transform: translateX(-100%);
  }

  10% {
    transform: translateX(0);
  }

  20% {
    transform: rotate(20deg);
  }

  30% {
    transform: rotate(-20deg);
  }

  40% {
    transform: rotate(15deg);
  }

  50% {
    transform: rotate(-15deg);
  }

  60% {
    transform: rotate(10deg);
  }

  70% {
    transform: rotate(-10deg);
  }

  80% {
    transform: rotate(5deg);
  }

  90% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0deg);
  }
}


/* FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
form{
  font-family:"Lato", sans-serif;

}
.page-footer {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.page-footer span {
  color: #e31b23;
  font-family:"Lato", sans-serif;

}
.numero_puerta{
  width: 10%;
}
.direccion{
  width: 60%;
}
.labelesquinas{
  width: 80%;
}
.form-group p{
  color:black;
}
.etiquetas-costado{
  margin-bottom: 15px;
}
.etiquetas-costado label{
  margin-left:10px;
  border-left: solid 3px #FF837B;
  padding: 3px;
}
.form-group-direccion label{
  margin-left: 5%;
  border-left: solid 3px #FF837B;
  padding: 3px;
}
.form-group-localidad{
  width: 70%;
  margin-left: 10%;
}
.form-group-localidad label {
  margin-left: 10%;
  border-left: solid 3px #FF837B;
  padding: 3px;
}
.formulario-pedidos_empresas{
  margin-top:3%;
  width: 80%;
  margin-left: 10%;
  border: solid 0.5px #EC5353;
  padding: 12px;
  background: rgb(241, 237, 237, 0.8);
}
.partecontacto label{
  border-left: solid 3px #FF837B;
  padding: 3px;

}
.form-group-direccion{
  margin-bottom: 15px;
}
.btn-solicitar{
background: green;
color:white;
font-weight: bolder;
border: none;
cursor: pointer;
font-size: 25px;
border-radius: 15px;
transition: 0.5s;
padding: 6px;
}
.btn-solicitar:hover{
  background:#7BFF8D;
}
.selectbox{
  border-left: solid 3px #FF837B;
  padding: 3px;
}

.etiquetas_mensual{
  border-left:solid 3px #FF837B;
  padding: 5px;
}
.form-group-21 {
  border:solid 0.5px #FF837B;
  padding: 5px;
  margin-top: 12px;
}
.pagina-empresas {
  width: 100%;
  padding: 15px;
  background: url(../img/obrador_1.JPG);
  background-size: cover;
  background-position: center;
  height:500px;

}
.pagina-empresas2 {
  top:0;
  width: 100%;
  background:url(../img/portada33.jpg);
  background-size: cover;
  background-position:top;
  height:500px;
}

.doblecua{
  width: 90%;
  display: flex;
}
.cuadrante-primario{
  margin-top: 15%;
  margin-left: 5px;
  padding: 8px;
  width: 60%;
  background: rgb(192, 188, 188, 0.7);
  border-top: solid 3px white;
}
.cuadrante-primario h1,h2{
  color: white;
  margin-left: 10px;
}

.cuadrante-primario2{
  margin-left: 5px;
  padding: 8px;
  width: 60%;
  border-top: solid 3px white;
  position: absolute;
  margin-top: 15%;

}
.cuadrante-primario2 h1,h2{
  color: white;
  margin-left: 10px;
}
.cuadrante-primario2 img{
  width: 55px;

}
.cuadrante-primario2 i,h2{
  color: white;
  margin-left: 10px;
text-shadow: 0px;
}
.trebajosempresariales {
  width: 100%;
  text-align:center;
}
.parrafoempresas{
  text-align: left;
}
.parrafoempresas p {
  color:black;
}
.querrenglon{
  width: 100%;
  background:url(../img/mantenmp.jpg);
  padding: 7px;
}
.ayuda-empresas{
width: 80%;
text-align: center;
padding:1px;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 3%;
background: rgb(178, 175, 175,0.8);
height: 220px;
}
.ayuda-empresas h4,h3{
  margin: 0px;
}
.clasedelboton{
  margin-top:18px;
  font-family:"Lato", sans-serif;

}

.referencias{
}
.columnas{
  width: 90%;
  display: flex;
  text-align: center;
  margin-left: 10%;
  margin-top: 3%;
}
.title-ref{
  width: 100%;
  text-align: center;
}
.colureferecnias{
  width:10%;
  margin-left:3%;

}
.colureferecnias img{
  width: 100%;
  filter: grayscale(100%);
  transition: 1s;
}

.colureferecnias:hover img{
  width: 100%;
  filter: grayscale(0%);
}
.solicitar_presupuesto{
  border:solid 1px white;
  color:white;
  padding: 8px;
  border-radius: 5px;
  background:#25A70D;
  transition: 0.5s;
}
.solicitar_presupuesto:hover{
  background:#25EB01;
}
@media(max-width:815px){
  .pagina-empresas{
    padding: 0px;
  }
  .pagina-empresas2{
    width: 100%;
  }
  .cuadrante-primario2{
    margin-top: 25%;
    margin-left:2px;
    padding: 8px;
    width: 80%;
    border-top: solid 3px white;
  }
  .cuadrante-primario2 h1{
    color: white;
    margin-left:2px;
    font-size:20px;
  }
  .cuadrante-primario2 h2{
    color: white;
    margin-left:2px;
    font-size:15px;
  }
  .cuadrante-primario2 img{
    width: 0px;

  }
  .cuadrante-primario2 i,h2{
    color: white;
    margin-left:2px;
  text-shadow: 0px;
  font-size: 15px;
  }
  .botonesdeservi a {
    font-size: 18px;
  }
}
@media(max-width:812px){
  .form-group-direccion label {
    margin-left:0%;
    border-left: solid 3px #FF837B;
    padding:1px;
}
#razon_social{
  margin-bottom: 10px;
    width: 90%;
    margin-left: 10px;
}
.rsocial{
  margin-bottom: 10px;
  width: 90%;
  margin-left: 10px;

}
.direccion {
    width: 70%;
    margin-bottom: 10px;
}
.numero_puerta{
  width: 40%;
}
.form-group-localidad {
  margin-bottom:10px;
  margin-left: 0px;
}
.form-group-localidad label{
  margin-left: 0px;
}
.form-group-localidad select{
  width: 80%;
  margin-bottom: 10px;
}
.trebajosempresariales {
    width: 90%;
    text-align: center;
    margin-left:10px;
}
.querrenglon{
  height: 350px;
  width: 96%;
}
.ayuda-empresas {
  padding: 6px;
}

.cuadrante-primario {
    margin-top: 20%;
    margin-left: 5px;
    padding: 8px;
    width: 75%;
    background: rgb(192, 188, 188, 0.7);
    border-top: solid 3px white;
}

}
.contactor{
  width: 100%;
  display: flex;
  margin-top: 20px;
}
.formulariodecontacto{
  width: 25%;
  margin-left:10%;
  margin-bottom: 10%;
  margin-top: 5%;
}
.formulariodecontacto form{
  display: grid;
}
.formulariodecontacto input[type=submit]{
  padding: 6px;
  background: #DC0101;
  color:white;
  margin-top: 3px;
  transition: 1s;
}
.formulariodecontacto input[type=submit]:hover{
  opacity: 0.6;
}
.imagendeform{
  width:35%;
  margin-left: 25px;
  padding: 8px;
  margin-top:7%;

}
.peneleimg {
  background:url(../img/pozo-septico-1.jpg);
  background-size:100% 100%;
  padding: 12px;
  margin-left: 5%;
}
.peneleimg h1, h2{
  color:white;
}
.redesflex{
margin-left: 30%;
}
.redesflex i{
  color: white;
  margin-left: 5%;
  font-size: 25px;
  text-shadow:1px 2px 10px black;


}
.info {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999999;
  margin: 1.5rem;
}
.redesflex{
  display: flex;
}
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
*, *::before, *::after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	border: 0;
}

/* Slider style */
.cd-slider {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.cd-slider.ie9 nav div span {
	display: none;
}
.cd-slider ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	transition: visibility 0s .6s;
}
.cd-slider ul li::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 100%;
	width: 135vh;
	height: 135vh;
	border: solid rgba(0,0,0,0.2);
	border-width: 0;
	transform: translate(-50%, -50%);
	pointer-events: none;
	transition: border-width .4s .6s;
}
.content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	mix-blend-mode: lighten;
	opacity: 0;
	transform: scale(1.2);
	transition: opacity .4s .6s, transform .4s .6s;
}
.content blockquote {
	position: absolute;
	bottom: 5%;
	left: 4%;
	z-index: 2;
	max-width: 45%;
}
blockquote p {
	font-size: 2rem;
	margin-bottom:5rem;
}
blockquote span {
	font-size: 1.4rem;
}
/* current slide
---------------------------------*/
.cd-slider li.current_slide {
	visibility: visible;
}
.cd-slider li.current_slide::before {
	border-width: 16rem;
}
.cd-slider li.current_slide .content {
	opacity: 1;
	transform: scale(1);
}
/* nav
---------------------------------*/
nav div {
	position: absolute;
	top: 50%;
	left: 4%;
	width: 5rem;
	height: 5rem;
	margin-top: -2.5rem;
	list-style: none;
}
nav div:last-of-type {
	left: auto;
	right: 4%;
}
.prev, .next {
	position: relative;
	z-index: 100;
	width: 0%;
	height: 70%;
	display: block;
	border-radius: 100%;
	transition: box-shadow .3s;
}
.prev::before, .prev::after, .next::before, .next::after {
	content: '';
	position: absolute;
	left: 43%;
	background: #fff;
	width: .4rem;
	min-width: 3px;
	border-radius: 3px;
	height: 34%;
}
.prev::before {
	transform: rotate(45deg);
	top: 24%;
}
.prev::after {
	transform: rotate(-45deg);
	bottom: 24%;
}
.next::before, .next::after {
	left: 60px;
	right: 43%;
}
.next::before {
	transform: rotate(-45deg);
	top: 24%;
}
.next::after {
	transform: rotate(45deg);
	bottom: 24%;
}
.prev:hover, .next:hover {
	box-shadow: 0 0 0 1rem rgba(0, 0, 0, 0.15);
}
nav > div > span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-radius: 100%;
	z-index: 5;
	pointer-events: none;
	will-change: width, height;
	transform: translate(-50%, -50%);
	transition: width .6s, height .6s;
}
.laurgencia{
  background: red;
  text-align: center;
  width:5%;
  position: fixed;
  top:70%;
  padding: 3px;
  transition:1s;
  right: 0;
}
.laurgencia span{
display: none;
transition: 1.5s;

}
.laurgencia a{
color:white;
}

.laurgencia:hover span{
  display:grid;
  transition: 1s;
}
.formulario-urgencia{
  width: 100%;
  display: flex;
  }
  .form-urgente{
    margin-top: 2%;
    margin-left:5%;
    margin-bottom: 4%;
    width: 30%;
  }
  .form-urgente label{
    font-weight: bold;
}
  .form-urgente form {
    display: grid;
    width:100%;
  }
  .form-urgente input[type=submit]{
    margin-top: 5px;
    background: red;
    color:white;
    border:0px;
    padding: 3px;
  }
  .form-urgente input[type=submit]:hover{
    opacity: 0.7;
}
.aclaraciones{
  margin-top: 10%;
  margin-left:5%;
  margin-bottom: 4%;
  width: 30%;
  border: solid 0.5px red;
  padding: 4px;
  height: 125px;
}
.aclaraciones p{
  color:black;
  font-weight: bold;
}

@media(max-width:820px){


  .contactor{
    width: 90%;
    display: block;
  }
  .formulariodecontacto{
    width: 80%;
    margin-left:10%;
    margin-bottom: 10%;
    margin-top: 5%;
  }
  .formulariodecontacto form{
    display: grid;
  }
  .formulariodecontacto input[type=submit]{
    padding: 6px;
    background: #DC0101;
    color:white;
    margin-top: 3px;
    transition: 1s;
  }
  .formulariodecontacto input[type=submit]:hover{
    opacity: 0.6;
  }
  .imagendeform{
    width:80%;
    margin-left: 25px;
    padding: 8px;
    margin-top:7%;
  }
  .peneleimg{
    width: 85%;
  }
  .peneleimg h2{
    font-size:15px;
  }



  .content blockquote {
  	position: absolute;
  	bottom: 8%;
  	left: 10%;
  	z-index: 2;
  	max-width:82%;
  }
  blockquote p {
  	font-size: 1.5rem;
  	margin-bottom:1.5rem;
  }
  blockquote span {
  	font-size: 1.1rem;
  }
  .botonesdeservi {
    padding: 1px;
    font-family: "Lato", sans-serif;
    margin-top: 15px;
    display: grid;
    text-align: center;
}
.formulario-urgencia{
  width: 100%;
  display: block;
  }
  .form-urgente{
    width:90%;
  }
  .aclaraciones{
    width:90%;
  }
}

.secc1{
margin-top: 10%;
  width: 90%;
  margin-left:1%;
  display: flex;
}
.secc2{
  margin-top: 2%;
    width: 90%;
    margin-left:1%;
    display: flex;
    margin-bottom: 4%;
}
.mas{
  margin-top: 5%;
}
.mas a{
  color:blue;
}
.lista1 {
  width: 20%;
  margin-left: 3%;
  display: grid;
  border: solid 1px grey;
  padding:8px;
}
.lista1 h2{
  color: black;
}
.lista1 img{
  width: 100%;
}
.lista1 p{
  color:black;
  margin: 0;
}
.chico{
  font-size: 12px;
  color:grey;
}
.botonespago{
  margin-left: 1%;
}
.botonespago a{
    padding: 9px;
      font-family: "Helvetica Neue", Arial, sans-serif;
      font-size: 1em;
      line-height: 2.7142857142857144;
      background: #009ee3;
      border-radius: 0.2857142857142857em;
      color: #fff;
      cursor: pointer;
      border: 0;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}




@media (min-width: 768px) and (max-width: 1024px){



.content blockquote {
    position: absolute;
    top: 30%;
    left: 10%;
    z-index: 2;
    max-width: 80%;
}
blockquote p {
  font-size: 1.5rem;
  margin-bottom:1rem;
}
blockquote span {
  font-size:1rem;
  margin-bottom:1rem;
}
.botonesdeservi {
  padding: 1px;
  font-family: "Lato", sans-serif;
  margin-top: 15px;
  display: flex;
  text-align: center;
}
.botonesdeservi a{
  margin-left:5px;
}
}

@media(max-width:820px){
  .secc1{
  margin-top: 30%;
    width: 95%;
    margin-left:1%;
    display: block;
    text-align: left;

  }
  .secc2{
    margin-top: 2%;
      width: 95%;
      margin-left:1%;
      display: block;
      margin-bottom: 4%;

  }
  .lista1{
    width:90%;
    text-align: left;
    margin-top: 1%;
  }
  .lista1 p{
    text-align: left;

  }
  .botonespago{
    margin-top: 5%;
  }

}