body{ font-family: 'Roboto', sans-serif;}
h4{ font-size: 16px; }
.navbar{ background-color: #fff; border: none; margin: 0%; position: fixed; right: 0; left: 0; z-index: 1000; padding: 0% 5% 0% 10%;
height: 100px;}
.navbar-nav{    font-size: 12px; float: right;    margin: 4% 0%;    color: #575757;    font-weight: bold;}
.navbar-nav a{border-right: solid 1px #575757;padding: 1px 1pc !important;}
.navbar-nav li:nth-child(6) a{border-right: none;}
.navbar-nav li:last-child a, .dropdown-menu a{border:none;}
.navbar-brand{height: auto;}
.caret{ margin-left: 15px;}
#btn-menu{ margin: 10% 0%;}

.container-home{ margin-bottom: 5%;}

#myCarousel{height: 430px; width: 100%; overflow: hidden; margin-top: 100px;}
.item img{width: 100%;}
#myCarousel .carousel-caption{ left: 2%; top:45%; font-family:"Roboto";width: 60%; text-align: left;border:none;}
#myCarousel .carousel-caption h3{font-size: 2.4rem;width: 68%; margin: 7% 0% 0% 10%;}
#myCarousel .carousel-caption span{font-size: 3.1rem; font-weight: bold;}

#myCarousel-xs{height: 500px; width: 100%; overflow: hidden; margin-top: 100px;}
.item img{width: 100%;}
#myCarousel-xs .carousel-caption{ left: 2%; top:45%; font-family:"Roboto";width: 60%; text-align: left;border:none;}
#myCarousel-xs .carousel-caption h3 { font-size: 1.5rem; width: 120%;  margin: -15% 25%;  text-align: center;}
#myCarousel-xs .carousel-caption span{font-size: 2rem; font-weight: bold; width: 100%;}

.buscador{ position: absolute; width: 23%; height: 350px; background-color: #f47d3b; color: #fff; z-index: 10; right: 8%; top: 10%; padding: 2% 1.5%;}
.buscador h5{width: 100%; margin: 1% auto; line-height: 20px;}
.buscador form{margin: 3% 0%;}
.buscador .input-group{ margin-bottom: 4%;}
.buscador input, .buscador select{color:#909090; border:none; border-radius: 0px; }
.buscador input[name="Localidad"]{ color: #585858;}
.buscador input[name="Provincia"]{ color: #585858;}

.buscador .input-group-addon, .buscador-quienes .input-group-addon{ background-color: #22ac9c; border:none; color: #fff; width: 42px; position: relative; z-index: 2; }
.buscador .input-group-addon i{ font-size: 16px;}
.buscador .input-group{ width: 100%;}
.buscador .input-group:last-child{width: 61%;}
.buscador .input-group:last-child .input-group-addon{background-color: #1c9689; width: 47px;}
.buscador select{ width: 115%; height: 34px; color:#909090; padding-left: 4%;position: relative; z-index: 1;}
.buscador select::-ms-expand {
    display: none;
}

.buscador input[type="submit"], .buscador-quienes input[type="submit"],.refrescar{ border: none; color: #fff; background-color: #23ac9c; width: 100%;}

.botones-home{ background-color: #23ac9c; padding: 0% 0%; text-align: center}
.botones-home div{ padding: 0px; position: relative; height: 120px; }
.botones-home div img{margin: 4% 0%;}
.botones-home a:hover{ background-color: #1c9689; }
.botones-home div div{position: absolute;top: 0%; left: 0px; width: 100%;  padding:5% 15%; color: #fff; font-size: 18px; display: none; background-color: #1c9689;}
.botones-home div div div{ display: table;}
.botones-home div div div span{ display: table-cell; vertical-align: middle;}


#quienes-somos,#representacion, #reservas, #coordinacion, #preferentes, #contacto, #acceso, #logos{text-align: center;}
h1{ margin:5% 0%; color: #000; font-size: 30px; font-weight: bold; margin-bottom: 0%;}
hr{ color: #23ac9c; background-color: #23ac9c; border: solid 2px; width: 5%;}
#quienes-somos h4, #representacion h4{ margin-bottom: 5%;}

#carousel-quienes .carousel-indicators{ bottom:-50px;}
#carousel-quienes .carousel-indicators li{ border: solid #929699 1px;}
#carousell-quienes .carousel-indicators .active{background-color:#929699; }

#carousel-quienes-xs .carousel-indicators{ bottom:-50px;}
#carousel-quienes-xs .carousel-indicators li{ border: solid #929699 1px;}
#carousel-quienes-xs .carousel-indicators .active{background-color:#929699; }

#cont-logos{ background-color: #23AC9C; color: #fff; margin-top: 0%; padding-bottom: 5%; }
#carousel-logos .item p{ color:#fff;width: 20%;text-align: center; font-size: 20px;float: left; height: 100px; cursor: pointer; line-height: 100px;}
#carousel-logos-xs .item p{ color:#fff;width: 33%;text-align: center; font-size: 15px;float: left; height: 100px; cursor: pointer; }
#carousel-logos-xs h4{ font-size: 13px; }

#logos{ margin: 2% 0%; }
#logos h4{font-size: 15px;}
#carousel-logos p, #carousel-logos-xs p{font-family: 'Patua One', cursive; }
#carousel-logos .carousel-indicators{ bottom:-50px;}
#carousel-logos .carousel-indicators li{ border: solid #fff 1px;}
#carousel-logos .carousel-indicators .active{background-color:#fff; }

#carousel-logos-xs{ margin:5% 0%; }
#carousel-logos-xs .carousel-indicators{ bottom:-30px;}
#carousel-logos-xs .carousel-indicators li{ border: solid #fff 1px;}
#carousel-logos-xs .carousel-indicators .active{background-color:#fff; }

.equipo{ cursor: pointer; color:#fff; background-size: 100%; background-color: #c7c8ca; width: 20%; height: 280px; margin:2%; float: left; position: relative; background-repeat: no-repeat;}
.equipo div{background-color: rgba(27,149,136,0.7); display: none; width: 100%; height: 100%; position:absolute; top: 0px; left: 0px;}
.equipo h5{ width: 80%;margin:10% 10% 2%; font-size: 25px;}
.equipo h6{ width: 80%;margin:0% 10% 5%; font-size: 18px;}

.equipo i{ font-size: 30px; color: #fff; margin: 0% 10%;}

.container-quienes{ min-height: 570px;}
.buscador-quienes{ background: #f47d3b; width: 100%; height: 60px; margin:0%; position: fixed; bottom: 0px; left: 0px; z-index: 1000; display: none;}
.buscador-quienes h5{ color: #fff; width: 25%; float: left; font-weight: bold; margin:1% 2%; }
.buscador-quienes form{ float: left; width: 60%;height: 100%;}
.buscador-quienes .input-group{ width: 50%;margin: 2% 5% 2% 10%; float: left;}
.buscador-quienes .input-group:last-child{width: 10%; margin:2% 0%; border: none; }
.buscador-quienes .input-group:last-child .input-group-addon{background-color: #1c9689; width: 47px;}

#tab-pill li a{border: 0px;border-top: 0px; border-bottom: solid 1px #dddee0; border-right: solid 1px #dddee0; color: #585858;}
#tab-pill li.active > a{ border-top: 0px; border-bottom: solid 1px #dddee0; border-right: solid 3px #f47d3b;}
#tab-pill .nav-tabs > li.active > a{ border-top: 0px; border-bottom: solid 1px #dddee0; border-right: solid 3px #f47d3b;}
#tab-pill .nav-tabs > li > a{  border-top: 0px; border-right: solid 1px #dddee0; border-bottom: solid 1px #dddee0; }
#tab-pill .nav-tabs >li > a{   border-top: 0px; border-right: solid 1px #dddee0; border-bottom: solid 1px #dddee0; }
.cont-tabs .input-group{ width: 50%; margin-top: 10%;}
.cont-tabs .form-control {background-color: #f47d3b; color:#fff; border: none;}
.cont-tabs .input-group-addon{ background-color: #bf612d; border: none;}
.cont-tabs .input-group-addon i{color:#fcf1eb;}
.tab-pane p:nth-child(2){font-weight: bold;}

#beneficios{    color: #fff;
    width: 100%;
    max-height: 304px;
    margin: 3% 0% -3%;
    position: relative;
    background: url("../img/beneficios.jpg");
    background-size: 100% 85%;
    background-repeat: no-repeat;
    padding: 13% 0%;
}
#beneficios img{ width: 100%; position: absolute; left: 0px; top: 0px;}
#beneficios h3 {
    margin-top: -10%;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
}
#beneficios ul {
    margin-top: -25%;
}
#beneficios li{line-height: 2rem; margin-bottom: 2rem;}

#cont-map{ position: relative;}
#map { color:#000; margin-top: 3%; height: 500px; width: 100%; font-family: "Roboto"; }
#map h1{ font-size: 20px; }
#map h2{ font-size: 18px; }
#map .input-group{width: 90%; margin: 4% auto 2%;}
#map .form-control{background-color: #23ac9c; color: #fff; font-weight: bold; font-family: 14px; border: none; border-radius:0px; }
#map .input-group-addon{ background-color: #1c9689; border: none; border-radius:0px;}
#map .input-group-addon i{ color: #fff;}
.gm-style-iw {
   width: 270px !important;
   max-height: 250px;
   min-height: 200px;
   height: auto;
   overflow-y: scroll; 
   top: 15px !important; // mover a infowindow 15px para baixo
   left: 0 !important;
   background-color: #fff;
   box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
   border-radius: 2px 2px 0 0;
   padding: 2%;
}
.content-marcador{ width: 90%; margin: 0% auto;}

#reservas h1 { margin-top: 5%;}
#baner-reservas{width: 100%; text-align: center; position: relative; height: 112px; color: #fff; background: url("../img/baner-reservas.jpg"); background-size: cover;}
#baner-reservas img{ width: 100%; position: absolute; left: 0px; top: 0px;}
#baner-reservas h3{margin: 4% 0%; font-size: 2rem;}
#reservas-servicios{text-align: center; margin-top: 3%;}
#reservas-servicios i{ color: #f37e3b; margin: 2% auto 5%;}
#reservas-servicios p{color:#6e6e70; width: 90%; font-weight: bold; margin: 5% auto;}
#reservas-servicios p span{font-weight: normal;}


#coordinacion{ width: 100%; background: url("../img/coordinacion.jpg"); background-size: 100%; height: 360px; margin: 7% 0%;}
#coordinacion .input-group-addon {background-color: #1c9689; border:none; color: #fff; width: 42px; }
#coordinacion .input-group-addon i{ font-size: 16px;}
#coordinacion .form-control{ border: none;  background-color: #23ac9a;}
#coordinacion .input-group{ width: 20%; color: #fff; border: none; border-radius: 0px; margin: 5% auto;}


#preferentes hr{ margin-bottom:5%; }
.propiedad{overflow: hidden; margin:0px -15px; position: relative; cursor: pointer; height: 275px;}
.propiedad:first-child{ margin-left: 30px;}
.propiedad:last-child{ margin-right: 15px;}

.propiedad img{ width: 99%; height: 100%; margin: 1px; }
.propiedad div{background-color: rgba(27,149,136,0.7); display: none; width: 92.5%; height: 100%; position:absolute; top: 0px; left: 17px;}
.propiedad div h3{color: #fff; margin: 25% auto 0%; font-size: 30px;}
.propiedad div h2{color: #fff; font-size: 16px;}

.modal-slide{width: 100%; height: 450px; overflow: hidden;}
.modal-slide img{width: 100%; height: 100%;}
.modal-body{text-align: center; overflow: hidden; width: 100%; padding: 0px;}
.modal-body hr{ border:0px; height: 15px; background-color: #c7c8ca; width: 100%; margin: 0% 0% 5%;}
.modal-body h1{ font-size: 26px;}
.modal-body h1 span{ font-size: 20px;}
.modal-body h3{ font-size: 16px;}
.modal-body a{ font-size: 16px; color:#ef7e3c;}
#carousel-modal a{ color: #fff}

.modal-header{ height: 0px; padding: 0px; margin: 0px;}
#myModal .modal-header .close{ position: absolute; top: 0%; left: 3%;}
.modal-servicios{padding:0% 5%; text-align: left; color: #58585a; }
.modal-servicios img{ float: left;}
.modal-servicios h5{ float: left; margin-left: 2%;}
.modal-servicios ul{width: 100%; padding: 0%; margin: 2% 0% 0% 2%; float: left;}
.modal-servicios li{ width: 46%; margin-right: 4%; text-align: justify; float: left;}

.modal-foot{     width: 100%;height: 55px; background-color: #23ac9c; color: #fff;float: left; text-align: left; padding: 2% 5% 4% 5%; margin: 2% 0% 0%;}
.modal-foot a { color: #fff; margin-left: 1%; font-size: 14px;}
.modal-foot .input-group{ background-color: #fff; color: #3cb1a1; border: solid 1px #9dd0c9; width: 20%;  margin-top: -1%;}
.modal-foot .input-group-addon{ background-color: #fff; color: #3cb1a1; border: solid 1px #9dd0c9;}
.modal-foot div i{font-size: 16px; margin-right: 1%;}
.modal-foot .form-control{    color: #23ac9c;font-size: 12px;}
.close { position: absolute; top: 2%; right: 2%; color:#fff; opacity: 1; z-index: 1;}

#contacto {margin-top: 8%;}
#contacto input[type="text"],#contacto input[type="password"], #contacto textarea{ width: 96%; padding: 2%}
#contacto textarea{ margin: 2% 0%; width: 98%;}
#contacto { margin-top:3%; }
#contacto hr{ margin-bottom: 4%;}
#contacto p{ margin: 2% 0%;}
#contacto .input-group{ width: 15%; margin: 0% auto 5%;}
#contacto .form-control{ background-color: #f67c3d; color: #fff; border: none; border-radius: 0px;}
#contacto .input-group-addon{background-color: #bf612d; color: #fff; border: none; border-radius: 0px;}

#acceso {margin-top: 8%;}
#acceso input[type="text"],#acceso input[type="password"]{ width: 96%; padding: 3%;margin:2%;}
#acceso hr{ margin-bottom: 4%;}
#acceso p{ margin: 2% 0%;}
#acceso .input-group{ width: 15%; margin: 2% auto 5%;}
#acceso .form-control{ background-color: #f67c3d; color: #fff; border: none; border-radius: 0px;}
#acceso .input-group-addon{background-color: #bf612d; color: #fff; border: none; border-radius: 0px;}
#btnAcceso{background: #23AC9C;border-left: none; color: #fff; width: 65%;font-size: 10px;line-height: 12px; text-align: center; border:none;}
#btnAccesoXS{background: #23AC9C;border-left: none; color: #fff; width: 100%;font-size: 11px;line-height: 20px; text-align: center; margin-top: 3%;}

#modalError .modal-dialog, #modalOk .modal-dialog{ top:30%;}
#modalError .modal-content, #modalOk .modal-content{ border-radius: 0px; background-color: #f67c3d ; color:#fff;}
#modalError p, #modalOk p{ margin: 5%;}
#modalError .modal-body, #modalOk .modal-body {padding: 5%;}
#modalOk .modal-content{ background-color: #23ac9c;}
#modalOk .modal-header .close, #modalError .modal-header  .close{position: absolute;
top: 0%;
right: 0%;
margin: 1%;
left: !important;}



footer{ width: 100%; padding:2% 0%; background-color: #58585a; color: #fff; min-height: 350px; font-size: 11px;}
footer a:first-child{ color: #fff;}

footer a{ color:#fff;}
footer a:hover{color:#fff;}
footer li{list-style: none; width: 100%; line-height: 20px; color: #a7a9ac; }
footer a:first-child li{ color:#fff;}
footer ul{  width: 100%; padding-left: 0%;}
footer div div div:last-child ul{border-right: 1px #f00;}

.form-xs{width: 100%; padding: 2% 2% 11%; background-color: #f47d3b;}
.form-xs input{ border-radius: 0px;}
.form-xs .input-group-addon {    background-color: #22ac9c;  border: none;  color: #fff;  width: 42px;  position: relative;  z-index: 2;}
.form-xs input[type="submit"]{ border: none; color: #fff; background-color: #23ac9c;  width: 100%;}
.form-xs input, .form-xs select{color:#909090; border:none; border-radius: 0px; }
.form-xs input[name="Localidad"]{ color: #585858;}
.form-xs input[name="Provincia"]{ color: #585858;}

.form-xs .input-group-addon{ background-color: #22ac9c; border:none; color: #fff; width: 42px; position: relative; z-index: 2; }
.form-xs .input-group-addon i{ font-size: 16px;}
.form-xs .input-group{ width: 100%; margin: 1% 0%;}
.form-xs .input-group:last-child{width: 61%;}
.form-xs .input-group:last-child .input-group-addon{background-color: #1c9689; width: 47px;}
.form-xs select{ width: 110%; height: 34px; color:#909090; padding-left: 4%;position: relative; z-index: 1;}
.form-xs select::-ms-expand {
    display: none;
}
.form-xs input[type="submit"]{ border: none; color: #fff; background-color: #23ac9c; width: 50%; float: right;}
.buscador-xs{ margin: 5% 2%; }

.carousel-inner > .item > img{display: block;
height: auto;
max-width: 100%;
line-height: 1;
}

.pdf{ width: 33%; float: left; margin-bottom: 5%; }
.pdf p{ color:#333; }



/* Animation delays */


.carousel-caption h3:first-child {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.carousel-caption button {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

/******************************************************************** AJUSTES RESOLUCIONES  *****************************************************/
/***********************************************************************************************************************************************/




/* Small devices < 768px */

@media (max-width: 767px) {

#coordinacion{ background-repeat: no-repeat;}
.botones-home div{ border-bottom: solid 1px #fff;}
.botones-home div div{ font-size: 1.3rem;}
.botones-home div img{ margin-top: 12%;}

#logos h4{ font-size: 13px; }
.tab-pane{ margin-top:4%; }
/*.carousel-inner > .item > img{ height: 220px;}*/

#representacion{ margin-top: 25%;}

.navbar-default .navbar-collapse{
    border-color: #e7e7e7;
    background: #fff;
    margin: -3% -6% 0% 0%;
    width: 100%;
    float: right;
    border: solid 1px #ddd;
    border-top: none;
}

.navbar-nav a{border-right:none;} 
.open > li > a{ font-size: 15px;}

.dropdown > li > a, .dropdown > li > a:hover{ font-size: 15px;}
.navbar-default .navbar-nav > li > a{ font-size: 15px;}
.navbar-default .navbar-nav > li > a:hover{ font-size: 15px;}
.navbar-default .navbar-nav > li > a:active{ font-size: 15px;}

.dropdown-menu{

  float: none;
  border:none;
  box-shadow: none;
  width: 100%;
  white-space: normal;
  padding: 0px;
}
.open { font-size: 12px;}
.navbar-nav{ float: left; font-size: 12px;}

.dropdown-menu > li > a, .dropdown-menu > li > a:hover{

  font-size:11px;
  margin: 2% -4% 0%;
  padding: 0px;
  white-space: normal;
  width: 100%;
}


.dropdown-menu li{ width: 100%; white-space: normal;}

h1{ font-size: 20px;}
h4{ font-size: 12px;}
#baner-reservas h3 { margin: 4% 0%; font-size: 1.5rem;}
#baner-reservas{ width: 100%;  padding: 10% 0%; height: auto; margin-bottom: 10%; background: url("../img/baner-reservas.jpg"); background-size: cover;}
#baner-reservas .row{ margin: 0%;}
#coordinacion{ background-size: cover; background-position: center top; padding: 10% 0%;}

#preferentes .row{ margin: 0%; padding: 0%;}
.propiedad:first-child{ margin: 0%; padding: 0%; margin-bottom: 1%;}
.propiedad{ margin:0%; padding: 0%; width: 100%; margin-bottom: 1%;}
.propiedad img{ width: 100%;}

.modal-slide img{ height: 55%;}
#myCarousel-xs {height: auto;}

#myModal .carousel-inner{height: 240px;}

.modal-servicios li{ width: 95%; margin: 1% 0%;}
.modal-body h1 span, .modal-body h1{ font-size: 18px;}
.modal-servicios{margin-top: 3%;}
.modal-body h3, .modal-body a{ font-size: 13px;}

.modal-foot .input-group{margin: 0% -3%; }
.modal-foot .form-control{ font-size:10px; padding: 1px;}


.propiedad div{ width: 100%; left: 0px;}
.propiedad div h3{margin: 25% auto 0%;}

#beneficios {
    margin: 20% 0% 10%;
    background-size: 500%;
    background-repeat: no-repeat;
    padding: 10% 0% 20% 0%;
    background-position: left center;
    max-height: 500px;

  }
#beneficios ul{ margin: 2% 0% 0% -2%; text-align: justify;}
#beneficios li{ line-height: 1.5rem; font-size: 1.2rem; margin-top: 20px;}
#beneficios h3{ margin: 2% 0% 3%;}

#cierra-modal{ margin-top: 1%;}
.modal-foot i{ margin-top: 5%;}
.modal-servicios li{ font-size: 1.3rem;}

.equipo{ width: 60%; margin: 10% 22%; height: 280px;}


footer ul{ border-right: none; }
footer img{ margin-bottom: 5%; }


#acceso h1{ margin-top: 25%; margin-bottom: 3%; }

}



/*********FIN SMALL DEVICE********


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { ... }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { ... }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }

/********** Full hd >1900 **************/
@media (min-width: 1900px){

.buscador select{width: 110%;}
#reservas { margin-top: 10%;}
.carousel-caption h3{ font-size: 2.5rem;}
#myCarousel{height:715px;}


.propiedad{ max-width: 415px; }
.propiedad:first-child{ margin-left: 20%;}
#beneficios li{ font-size: 1.8rem; }


}