@import url("https://fonts.googleapis.com/css?family=Open+Sans");
{
  margin:0px;
  padding:0px;
}

html {
        scroll-behavior: smooth;
       /*Comenta la línea (o dale el valor 'auto' a scroll behavior )
       para probar la diferencia con y sin scroll suavizado*/
    }

/*-------------------------------------NAVEGACIÓN--------------------------------*/

#barraNavegacion{
  margin-top: 6%;
  height: 20%;
  padding:1%;
  color:#9DB2A9;
  background-image: linear-gradient(to right, #DFF4F0 , #BDE8E0);
  text-align: right;
}

  .btn-outline-success {
    margin: 0 auto;
    font-size:80%;
    line-height: 1;
    height: 60px;
    justify-content: center;
    display: flex;
    align-items: center;
    color:#898D8B;
    border-left-width: thin;
    border-color: #9DB2A9;
  }
/*
  .btn-outline-success :hover {
   background-color: #25d366;
 }
*/

/*-----------------------------------Sección Header---------------------------------*/

body{
	padding: 0;
	margin: 0;
  background-color: #dbfeff;
  font-family:Times New Roman,arial,helvética;
}

#Imagen{ width: 20%; background-color: black;
   padding:2%;
   margin:5% 2%;
}

#archivoImagen{
   padding:2%;
   margin:5% 2%;
}

#enlaceHeader1, #enlaceHeader2, #enlaceHeader3, #enlaceHeader4 {
         text-align:right;
         letter-spacing: 2px;
         font-family:Times New Roman,arial,helvética;
         /*border-left: thick solid #C6D3D1;
         border-right: thick solid #C6D3D1;*/
}

#enlaceMovil1, #enlaceMovil2, #enlaceMovil3, #enlaceMovil4 {
         text-align:right;
         letter-spacing: 2px;
         font-family:Times New Roman,arial,helvética;
         /*border-left: thick solid #C6D3D1;
         border-right: thick solid #C6D3D1;*/
}

article{
	       margin-top: 5%;
	       margin-left: 5%;
	       color:#898D8B;
         font-family:Times New Roman,arial,helvética;
}

#contactTelefono1{
          text-align: center;
          padding: 0.5%;
}
#contactTelefono2{
          text-align: left;
          color: #4C4C4C;
          padding: 0.5%;
}
#cotizacion{
          padding:2%;
          background-color: #25d366;
          color: white;
}


.grande{
  font-size: 80px;
}

/*------------------------------------SECCIÓN DE IMAGENES------------------------------------*/

#edificios_img{
   position: relative;
   top:20px;
   height: auto;
   width: 99%;
   margin-right: auto;
   margin-left: auto;
   justify-content: center;
}

#edificios_img #subtituloCondominio{
    position: relative;
    background-color: #4c876c;
    display: flex;
    width: 100%;
    height: 50%;
    justify-content: center;
    left: 0px;
    color:white;
}

.list-image{
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  width: 90%;
}


.list-image {
  margin: 0 auto;
  list-style: none;
  font-family:Times New Roman,arial,helvética;
  margin-right: auto;
  margin-left: auto;
}


#nombreCondo{
  color:white;
}


#enlaceMovil1,#enlaceMovil3,#enlaceMovil4{
  display: none;
}

#enlaceMovil2{
  background-color: green;
  color: white;
  height:100px;
}

/*----------------------------------------------------ZONA FOOTER-----------------------------------------------*/

#textFooter #textSistema3{
  flex-wrap: wrap;
  list-style: none;
  width: 110%;
}

#botonFinal{
  background-color: #85c8bf;
  color:white;
}



/*-------------------------------------------------------ZONA DEL MODAL------------------------------------------*/

#subModalLoginForm{
  background-color:#BDE8E0;
}

.inputModal {
  font-size: 200%;
  outline: none;
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #ccc;
}