@font-face {
  font-family: 'Gotham-Bold';
  src: url('../fonts/Gotham-Bold.eot');
  src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'),
       url('../fonts/Gotham-Bold.ttf') format('truetype'),
       url('../fonts/Gotham-Bold.woff') format('woff'),
       url('../fonts/Gotham-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('../fonts/Gotham-Book.eot');
  src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg'),
       url('../fonts/Gotham-Book.ttf') format('truetype'),
       url('../fonts/Gotham-Book.woff') format('woff'),
       url('../fonts/Gotham-Book.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular.eot');
  src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'),
       url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
       url('../fonts/MyriadPro-Regular.woff') format('woff'),
       url('../fonts/MyriadPro-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Bold Regular';
  src: url('../fonts/Gotham Bold Regular.eot');
  src: url('../fonts/Gotham Bold Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Gotham Bold Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBold';
  src: url('../fonts/GothamBold.svg#GothamBold') format('svg'),
       url('../fonts/GothamBold.ttf') format('truetype'),
       url('../fonts/GothamBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.dd{
    width: 100%;
    height: 100vh;
    display: flex;
}
.dd img{
margin: auto;
display: block;
}


body.mdg{
  background-color:rgb(65,64,66); 
}
header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    background-image: url(../img/placa-menu.png);
    height:100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: flex-start;
    flex-flow: row nowrap;
    padding: 0px;
}



section.principal .img-slider{
    height:94vh;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
  }

a.navbar-brand {
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    font-size: 40px;
}
a.conoseelproyecto{
    text-transform: uppercase;
    color: #000;
      font-family: 'Gotham-Bold';
    font-size: 14px;
    text-decoration: none;
}
div#navbarNav{
  width: 100%;
}
div#navbarTogglerDemo01{
  position: relative;
}

div#navbarTogglerDemo01 ul{
    padding-inline-start: 0px;
    width: auto;
    display: inline-block;
    right: 0;
position: absolute;
}
div#navbarTogglerDemo01 ul li{
  padding: 5px 10px 5px 5px;
  display: inline-block;
}

div#navbarTogglerDemo01 ul li:nth-child(1){
   padding: 5px 30px 5px 5px;
}

div#navbarNav a.nav-link {
  position: absolute;
  right: 0px;
  text-transform: uppercase;
  color: #000;
  font-family: 'Gotham-Bold';

}
.sin-padding{
  padding-right: 0px;
    padding-left: 0px;
}
.sin-margin{
  margin-right:0px;
  margin-left:0px; 
}
.owl-theme .owl-nav {
    margin-top: 0px;
    display: none;
}
.owl-dots {
    position: relative;
    bottom: 40px;
    width: 100%;
    height: 30px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

section.galeria{
  background-image: url(/img/conoce-el-proyecto-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
}

.principal-aviso.fond .text-footer-img p span{

 font-size: 20px;
}

section.galeria img{
 width: 100%;
}

.spacio-altura{
  height: 60px;
}

.spacio-altura-2{
  height: 50px;
}
section.galeria .contenedor-galeria{
  height: 500px;
  width: 800px;
  background-color: transparent;
  margin: auto;
}

section.formulario{
display: block;
background-color: rgb(88,89,91);
}


section.formulario .marco-form{
padding: 70px;
    margin-top: 40px;
}

section.formulario .marco-form .form-delig form label{
  color: #fff;
  margin-bottom:0rem;
  font-family: 'Gotham-Book';

}
section.formulario .marco-form .form-delig h4{
  font-size: 2.5rem;
  text-align: center;
    text-transform: uppercase;
    color: #fff;
}


section.formulario .marco-form .form-delig form .marco-msj p{
    text-decoration: none;
    color: #fff;
    margin-bottom: 0rem;
    font-family: 'Gotham-Book';
    font-size: 24px;
    text-align: center;
}

section.formulario .marco-form .form-delig form input{
      border-radius: 0rem;
}

section.formulario .marco-form .form-delig form button.boton-enviar {
    width: 100%;
    padding: 10px;
    text-transform: uppercase;
    color: black;
    font-weight: bold;
}


section.formulario .marco-form .form-delig .mrgen {
    height: 100%;
    width: 100%;
    display: flex;
}

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt{
  margin: auto;
  display: block;
  text-align: center;
}

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt .smsc{
height:10px;
display: block;
}

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt span{
    font-family: 'Gotham-Bold';
    color: #fff;
    font-size: 30px;
}

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt a{
  text-decoration: none;
  color: #fff;
  margin-bottom: 0rem;
  font-family: 'Gotham-Book';
  font-size: 24px;
}
section.formulario .marco-form .form-delig .mrgen .mrgen-intrt p {
  margin-top: 0;
  color: #fff;
  margin-bottom: 0rem;
  font-family: 'Gotham-Book';
  font-size: 24px;
}

section.aviso .banner{
height: 348px;
width: 100%;
}

section.aviso h1{
  color: #333;
  text-transform: uppercase;
  text-align: center;
}
section.aviso h3{
  color: #333;
  text-transform: uppercase;
  text-align: center;
}
section.aviso p{
  font-family: 'MyriadPro-Regular';
}
section.aviso p b.txt-negro {
    font-family: 'Gotham Bold Regular';
}
section.aviso span{
  font-family: 'Gotham Bold Regular';
    color: #333;
    font-weight: bold;
}

section.aviso span.verdr-tit{
  font-family: 'Gotham Bold Regular';
    color: rgb(78,98,49);
    font-weight: bold;
}
section.aviso label{
color: rgb(11,119,183);
margin-bottom: 0rem;

}

.fond{
  background-color:rgb(65,64,66); 
}
.marco-text-boton{
  text-align: center;
    margin: auto;
    display: block;
    height: 200px;
    width: 350px;
}
.marco-text-boton span{
 text-transform: uppercase;
 font-family: 'Gotham-Bold';
 color:#fff;
 font-size: 40px;
}
.principal-aviso.fond .img-slider .marco-text-boton span.subtext{
 text-transform: initial;
font-family: 'MyriadPro-Regular';
  color: #333;
 font-size: 18px;
}
.principal-aviso.fond .img-slider .marco-text-boton span.subtext span{
 text-transform: inherit;
font-family: 'Gotham-Bold';
color: rgb(65,64,66);
font-size: 20px;
}
.principal-aviso.fond .img-slider .marco-text-boton span.subtext span a.url-link{

  background-color: transparent;
text-decoration: none;
color: #333;
border-radius: 0px;
height: 40px;
padding: 5px 10px 10px 5px

}
.marco-text-boton .altur{
  height: 20px;
  display: block;
}
.marco-text-boton a{
    background-color: rgba(255,255,255,0.9);
    text-decoration: none;
    color: #333;
    border-radius: 5px;
    height: 40px;
    padding: 10px 110px 10px 110px;
}

.principal-aviso.fond .img-slider{
    display: flex;
    background-image: url(../img/Consulta-vecinal.jpg);
    height: 95vh;
    background-repeat: no-repeat;
    background-position: 40% center;
}

.principal-aviso.fond .img-slider .marco-text-boton {
    text-align: center;
    margin: auto;
    display: block;
    height: 200px;
    width: auto;
}
.principal-aviso.fond .img-slider .marco-text-boton span {
    text-transform: uppercase;
    font-family: 'Gotham-Bold';
    color: rgb(65,64,66);
    font-size: 20px;
}

.principal-aviso.fond .img-slider .marco-text-boton a{
    background-color: rgba(65,64,66,0.9);
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    height: 40px;
    padding: 10px 110px 10px 110px;
}

.principal-aviso.fond  .text-footer-img{
  padding: 0px 10px 0px 10px;   
  text-align: center;
  font-family: 'Gotham-Bold';
  color: #fff;
  
}
.principal-aviso.fond  .text-footer-img p{
  padding: 15px;
  color: #fff;
}

footer{
  height:30px;
  background-color:rgb(65,64,66); 
}
footer .text-footer{
  text-align: center;
  position: absolute;
  display: flex;
  width: 100%;
  top: -15px;
}
footer .text-footer a{
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  margin: auto;
}
footer .text-footerr{
  text-align: center;
  display: flex;
  width: 100%;
}
footer .text-footerr a{
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  margin: auto;
}


footer.index{
    height: 10px;
    background-color: rgb(65,64,66);
}

footer.index .text-footer {
    text-align: center;
    position: absolute;
    display: flex;
    width: 100%;
    top: -20px;
    font-size: 15px;
}

footer.index footer .text-footer a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    margin: auto;
    font-size: 15px;
}
a.navbar-brand.bd {
    font-size: 25px;
    display: none;
}

.okk{
  display: block;
}




.de600 {
    max-width: 900px;
}

.modal-content {
    border: transparent;
    background-color: transparent;
}
.modal-body {
    padding: 0;
    display: flex;
}
button.close {
    width: 50px;
    height: 50px;
    font-size: 4rem;
    right: 0;
    display: block;
    position: absolute;
    top: 0;
    color: #000;
    opacity: 5;
    text-shadow: none;
}
img.modal-img {
    margin: auto;
    display: block;
    width: 100%;
    height: auto;
}













@media (max-width: 575.98px) { 

  nav.navbar.navbar-expand-lg.navbar-light.imagen{
    background-color: #fff;
  }
      section.galeria .contenedor-galeria{
        width: auto;
      }
      a.navbar-brand {
        font-size: 30px
      }
      section.formulario .marco-form {
    padding: 20px 0 20px 0;
      }

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt span {
    font-size: 20px;
}

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt a {
    font-size: 14px;
}

section.formulario .marco-form .form-delig .mrgen .mrgen-intrt p {
    font-size: 14px;
}

section.formulario .marco-form .form-delig h4 {
    margin: 20px 0 20px 0;
}

div#navbarTogglerDemo01 ul{
    padding-inline-start: 0px;
    width: auto;
    display: inline-block;
position: relative;
}

div#navbarTogglerDemo01 ul li{
  padding: 5px;
  display: block;
}

.principal-aviso.fond .img-slider .marco-text-boton span {
    font-size: 14px;
}

.principal-aviso.fond .img-slider .marco-text-boton span.subtext {
    font-size: 18px;
}

.principal-aviso.fond .img-slider .marco-text-boton span.subtext span {

    font-size: 14px;
}
a.navbar-brand.bd {
    font-size: 25px;
    display: block;
}
.okk{
  display: none;
}

}

@media (max-width: 767.98px) { 

}

@media (max-width: 991.98px) {  

}

@media (max-width: 1199.98px) { 
 }