/*Incluir fuentes*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

@font-face {
    font-family: basictitlefont;
    src: url('/fuentes/basictitlefont.ttf');
}

h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
    /*font-family: basictitlefont, serif;*/
}

ul.errors { color:#A94442;}

/*--- Header ---*/
header {
    background-color: #fff;
	position: fixed;
    z-index: 1000;
    width: 100%;
    color: #314355;
}

header a { color: #314355 }

#copyright { padding:15px }
#copyright a { color: #777 }

.info { 
	float:right;
	position:absolute;
	top:15%;
	left:80%;
	z-index:500;
	width:18%;

	background-color: rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 0.7);

	padding-left:20px;
	padding-top:10px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1.3em;
}

.azul { color:#276bcc }
.blanco { color:white!important }
.rojo { color:red }
.verde { color: green }
.gold { color: #F5B324 }

label.required:before{
    content: "*";
    color: #f60;
}

#logo{
    margin-bottom: 0px;
    margin-top: 2px;
}

.web_principal { padding-top:92px }
.main-h2 {
    text-align: center;
    background: #254E60;
    opacity: 0.6;
    border-radius: 24px;
	/* border-top: #254E60 solid 1px;
	border-bottom: #254E60 solid 1px;
	color: #254E60; */
    color: #fff;
	font-weight: bold;
	text-align: center;
}

/*Menu Principal de la página*/
.menu {    
	font-family: 'Open Sans Condensed', sans-serif;	
    font-size: 21px;
    text-transform: uppercase;
    margin-top: 20px;
}

.mascentrado {
    padding-left:100px;
}

@media screen and (max-width: 768px) {
    .mascentrado {
        padding-left:0px;
    }
}

.navbar-collapse {padding:0;}

.menu_principal li {
    display: inline;
    list-style: none;
    margin:0 6px 0 6px;
}

.navbar-nav {
    margin: 7.5px 0px;
}

.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 20px;	 
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 0px 0px;
}
.nav > li > a:hover {
    background-color: #7BD0D3;	
	color: white;
}

.nav .active a { 
	font-weight: bold;
	text-decoration: underline;
	color:#63CCCA;
}

.navbar { 
    min-height: 0px;
    margin-bottom: 0px;  
}

.navbar-toggle { float: left }

#litle-menu-title {
    color:#fff;
}

#litle-menu-title img{
    width:30px;
    height:30px;
    display:inline;
    margin:-5px 5px;
}

/*--- Botones de las redes sociales ---*/
.color-redes, .redes {
	color: #254E60;
	font-size: 10px;	
}
.first-line-links, .first-line-links a{
	font-family: 'Open Sans Condensed', sans-serif;
	color: #BECAD0;
	font-size: 17px;	
}

/*Botones de los idiomas*/
.redes ul{
    margin-bottom: 0px;
}

.lista_idiomas{
    padding: 0px;
}

.lista_idiomas li{
    display: inline;
    list-style-type: none;
}

/*--- Carrusel ---*/
#carousel-example-generic .carousel-caption{ cursor:pointer }

.carousel-caption {

	top:20px;right:20px;
	left:auto; bottom:auto;

	font-family: 'Open Sans Condensed', sans-serif;
    background-color: rgba(45, 77, 109, 0.5);
    background: rgba(45, 77, 109, 0.5);
    color: rgba(45, 77, 109, 0.5);

    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;

    z-index: 100;

    padding:0;
}

.carousel-control .glyphicon-chevron-right:before {

    content: " ";
    display:block;
    background:url('/img/arrowder.png') no-repeat;

    width:50px;
    height:100px;
}

.carousel-control .glyphicon-chevron-left:before {
   
   content: " ";  
   display:block;  
   background:url('/img/arrowizq.png') no-repeat;
   
   width:100px;
   height:100px;
}
   
.carousel-inner {
	width: 100%;
	max-height: 850px;
    /* margin-top: 50px; */
    margin-bottom: 50px;
    box-sizing: border-box;
    box-shadow: rgb(221,221,221) 0px 0px 18px 0px;
    border-radius: 24px;
}

@media screen and (max-width: 768px) {
    .carousel-inner {
        margin-top: 37px;
    }
}

.carousel-indicators {
	border-radius: 10px;
	padding:5px;
    width: 110px;    
    margin-left: -50px;    
    background-color:rgba(0, 0, 0, 0.5);
}

.carousel-indicators li { 
    margin-left:3px;
    margin-right:3px;
}

.carousel-inner > .item > img {    
    width: 100%;
}

.item {
	width: 100%;
	max-height: 850px  !important;
}   

.info_boton {    
    border-radius: 10px;
    border:#fff solid 1px;    
    float: right;
    font-family: Arial, serif;
	/* text-transform: lowercase; */
    font-size: 14px;
    margin: 15px 20px 5px 5px;	
    padding: 5px;
    color: #FACC2E;
}

.info_boton:hover { color: #fff }

.info_texto {
	width:360px;
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    text-align: left;    
}

.info_texto a { color: #fff }

/*PIE DE PÁGINA 2 secciones */
/*Link de Apartamentos 1era Sección*/
/*links del pie para que se expandan mas*/
#footer_links .row{margin:0;}
#footer_links, #footer_links2{
    background-color: #5E7E88;
}

.apartamentos {
	list-style: none;
	margin-bottom:30px;
}

.apartamentos a { color: white }
.apartamentos a:hover { color: white!important }

.apartamentos li:before {
	color:white;
	content: "- ";
}

/*Links de playas sitios  2da Sección*/
footer {
	background-color: #254E60;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
}

.dropdown-menu > li  > a { font-weight: bold }

.linkpie {
	font-size: 14px;
	text-align: center;
	height: 100%;
	color: white;
}

.linkpie a {
    color: #fff;
    font-size: 18px;
}

.menu_pie{
    padding: 15px 0 0 0;
}

.menu_pie li {
    display: inline;
    list-style-type: none;
    padding: 5px;
}

.menu_pie a:hover { color: #fff }

.pie { padding: 15px }

/*--- Promoción ---*/
#wrap-titulo-promocion {
	
	text-align: center;
	background: #254E60;
	opacity: 0.6;
    border-radius: 24px;
	z-index: 10;
	/*position:absolute;top:0;left:0;*/
    margin-bottom: 50px;
	width: 100%;	
}

@media screen and (max-width: 768px) {
    #wrap-titulo-promocion {
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin-bottom: 0px;
    }
}

#titulo-promocion h2 {    
	text-transform:none!important;
    width:100%;
    margin: 0;
    padding:15px 0 15px 0;    
    color:#fff;
    font-size: 3em;    
    font-weight:bold;    
}

#datos-promocion {
	font-size: 1.1em;
	color:#254E60;
}

#datos-promocion h3 {  
  	margin: 0 0 15px 0;
   	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	color: #254E60;
}

#wrap-ver-galeria-grande {
	height: 750px;
    /* overflow:hidden; */
}

#wrap-ver-galeria-grande img{
    margin:0 auto;
}

#carousel-example-captions2 {
    margin-top: 15px; 
}

.carousel-control .fa-chevron-circle-left, .carousel-control .fa-chevron-circle-right {
    position: absolute;
    top: 40%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .fa-chevron-circle-left {
	margin-left:-50px;
}

#galeria-promocion .thumb img{
    padding: 5px 5px 0 0;
    width: 6.25%;
    border-radius: 10px;
}

#promocion-map-canvas {
    width:100%;
    height:300px;
    margin: 0;
    padding: 0;
}

/*--- localización ---*/
a.link-entorno{display:block;}

.adp-directions{ width:100% }

.itemView h2 {
    padding: 20px;
    background: none repeat scroll 0% 0% #000;
    opacity: 0.7;
}
.itemView h2 {
    margin:0;
    bottom: 0px;
    color: #FFF;
    font-size: 28px;
    left: 0px;
    letter-spacing: 3px;
    line-height: 1;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}
.itemView h2{
    color:#fff;
    font-weight:bold;
}
.itemImageBlock {
    height: 300px;
}

a.link-entorno:hover h2{text-decoration: underline;}

.itemImageBlock {
    background-size: cover;
    position: relative;
}
.itemImageBlock {
    display: block;
    line-height: 0;
    overflow: hidden;
}
.cssprueba{
    display: block;    
}

/*--- viviendas ---*/
.promocion {
	font-family: 'Open Sans Condensed', sans-serif;	
}

.promocion h2{
    padding: 20px 20px 20px 0px;
    margin: 0px;    
    background: #254E60;    
    font-weight: bold;
    text-align: right;

    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.promocion h2, .promocion h2 a {
	font-size: 32px;
	color:#fff;
}

.promocion-content {
	border:#254E60 solid 1px;

	padding-top: 33px;
	padding-right: 15px;
	padding-bottom: 15px;
	margin-top: -18px;

	color: #254E60;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}
	
/*agregado*/
.promocion a {
	font-size:24px;
	color: #6b6b6b;
}
			
.stock-color {
	margin-left:30px;
	margin-bottom:3px;			
	width:250px;
	color:white;
}

.fondo-color {
	background-color:#FFC500 ;
	color:white;
}
			
.col-centered {
	float: none;
	margin: 0 auto;
}

.optional { padding-top: 25px }

.marcoformulario {
    box-sizing: border-box;
    box-shadow: rgb(221,221,221) 0px 0px 18px 0px;
    border-radius: 24px;
    margin-bottom: 50px;
    margin-left: 15px;
    margin-right: 15px;
}

.form-horizontal {
	margin-top: 30px;
	margin-bottom: 30px;
}
			
#enviar { margin-top: 30px }
			
#enviar-element { text-align: right }
			/*formulario de contacto*/
			
			.marco
			{
				 border-style: solid;
				border-color: #ffc400;
				padding-top: 10px;
				padding-bottom: 8px;
				width: 350px;
			}
			.alinear
			{
				padding-top: 15px;
				padding-bottom: 8px;
			}
			
			.centrado{
			 float: none;
			 margin-left: auto;
			 margin-right: auto;
			 }

			.color { color: #ffc400!important }
			
			.sin-estilo
			{list-style-type: none;}

			.entorno-pie
			{
			margin-left: 80px;
			font-size: 1.5em;
			font-family: 'Open Sans Condensed', sans-serif;
			text-transform: uppercase;
			/*font-family: basictitlefont, serif;*/
			color: black;
			
			}

.entorno-pie a { color: black }

.entorno-pie ul li {
	float: left;
	width: 50%;
}

.letra-grande { font-size: 1.2em }

.espacio { padding-top:20% }

.descargar {
	background-color: #ffc400;
	color: white;
	padding-left: 5px;
	width:60%;
}
			
.redes { margin: 0 -55px }
	
/*aqui termina agregado*/

.boton-ver-mas {
    color: #fff !important;
    border-color: #707070;
    background: #254E60;    
    font-size:14px!important;
	text-align:left;
    border-radius: 15px;
	font-family:Arial;
	text-align: center;
}

.nueva-promocion {
    color: #254E60 !important;
    background: #F5B324;
    font-size: 16px !important;
    border-radius: 15px;
    text-align: center;
    display: inline-block;
    padding: 16px 12px;
    margin-bottom: 0;
    font-weight: bold;
    vertical-align: middle;
}

.normal-font{
    font-family: Serif, 'Times New Roman', Georgia !important;
}

/*--- cookies ---*/
#cookietool-message {
    position: fixed;bottom:0px;
    width: 100%;
    padding: .5em;
    text-align: center;
    background-color:rgba(0,0,0,0.5);
    border:0px solid #9AA704;
    color: #fff;
    display:none;
}

#cookietool-message p{
    text-align:center;
    font-size:14px;
}

#cerrar-cookie-info{
    position:absolute;top:5px;right:18px;
    display:block;background:#fff;
    border:1px solid #000;
    padding:5px;
    color:#000;
    border-radius:3px;
}

.entorno-pie .especial li { width: 100%!important }

/*--- Fondo gris ---*/
.fondo-gris {
	/*background: url('/img/fondo-gris.jpg') center top no-repeat;*/
    /*
	background: url('/img/fondo-nova.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

     */
}

.fondo-blanco-redondeado { background: #fff }

.fondo-blanco-redondeado-texto { padding: 30px 40px }

.alto-interno-quienes-somos { height: 68px }

.alto-quienes-somos { height: 500px }

#map_canvas_866_end { width:300px }

@media (max-width: 767px) {
	
	.apartamentos
	{
		margin-left:-10px;
	}
    .promocion h2{        
        font-size: 1.5em;
        margin-top: 0px;
    }
	
	#wrap-logo h1 img{ margin:0 auto}
	
	#footer_links{
		padding-top:5px;
	}
	
	.navbar-brand {
		height: 30%;
		padding: 0px;
	}
	
	.carousel-inner { max-height: 100% }

	.carousel-caption {
		top:auto;
		bottom: 0;
    	right: 0;
        left: 0;
        border-radius:0;
	}

	.info_texto {
	    width: 100%;	    
	    padding: 0px;
	    text-align: center;
	}
	
	.localidad { padding-top:0px!important }

	#titulo-promocion  img { margin-top: 43px }

    #titulo-promocion h2 {
        font-size: 1.75em;padding:8px 0 8px 0;
    }
	
	.marco {  
    	width: 100%;
    	font-size: 13px;
	}

	.web_principal { padding-top: 50px }	
	
	.entorno-pie ul li{
		float: left;
		width: 100%;
	}
	
	.entorno-pie { margin-left: 1px }
	
	.redes { margin: 0 }
	.flotar {
		margin-bottom:10px!important;
	}

	.menu_pie {
    	padding: 0px!important;
	}
	
	.menu_pie a {
    	font-size:12px;
	}

	.menu_pie li { display: block }

	.carousel-inner > .item > img { width: 100% }

	.wrap-promociones-thumbs { display: none }

	.promocion .carousel { 
		height: auto !important;
		margin-bottom: 20px
	}	

	.alto-quienes-somos {
		height: 20px;
	}

	#wrap-ver-galeria-grande {
		margin-top: -80px;
		height: auto;
	}

	#wrap-titulo-promocion {

		text-align: center;
		background: #254E60;		
		width: 100%;
	}
}	

@media (min-width: 768px) and (max-width: 991px) {
    #logo{
        margin-bottom: 0px;
        margin-top: 15px;
    }
	#wrap-logo h1 img { /* height: 80px */ }
    .menu {
        font-size: 18px;
        margin-top: 0px;
    }
	.menu_principal li {
        margin:0 3px 0 3px;
    }

    .promocion h2 {        
        font-size: 1.5em;
    }
	
	.redes { margin: 0 -30px }	
	
	#promocion-datos {
		font-size: 18px!important; 
	}
	
	#wrap-menu { padding:0 }
    
	.navbar-collapse { padding:0 }	

	.web_principal { padding-top:80px }
	
	.carousel-caption {
		top:auto;
		bottom: 15px;
    	right: 15%;
        left: 15%;
        border-radius: 20px;        
	}
	
	.entorno-pie ul li {
		float: left;
		width: 50%;
	}	
	
	.entorno-pie { margin-left: 5px }

	.info {
		width:40%;
		left:55%;
		font-size:14px;
	}
	
	.carousel-inner { max-height: 400px }

	.item {
		width: 100%;
		max-height: 400px  !important;
	}	
	
	.flotar { margin-bottom:10px!important }	

	.localidad { padding-top: 0px!important }

	.promocion .carousel {
    	height: 230px !important;
    }

    .fondo-gris { margin-top: -3px; }

    #wrap-ver-galeria-grande {
		height: 400px;
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
    #logo{
        margin-bottom: 0px;
        margin-top: 25px;
    }
	#wrap-logo h1 img { /* height: 80px */ }
	.menu {
		margin-top: 0px;
		font-size: 18px;
	}
	.menu_principal li { margin:0 5px 0 6px }

    .promocion h2 { font-size: 2em }

	.info {
		width:35%;
		left:55%;
		font-size:16px;
	}
	
	.carousel-caption { margin-bottom: 10% }

	.flotar {
		margin-bottom:10px!important;
	}

	.promocion .carousel {
    	height: 300px !important;
    }

    .fondo-gris { margin-top: -3px; }

    #wrap-ver-galeria-grande {
		height: 500px;
	}

	#map_canvas_866_end { width:202px }
}

@media (min-width: 1200px) and (max-width: 1440px) {
    #logo {
        margin-bottom: 0px;
        margin-top: 15px;
    }
}

@media (min-width: 1200px) {
	.header36 { width: 36% }
	.header64 { width: 64% }
}

/*Ultimos cambios*/
#footer_links2 {
	visibility:hidden;
	display: none;
}

.tipo { padding-left:30px }

.localidad {
	width:50%;	
	padding-top:30px;
}

.informal {
	font-family: "Eras ITC", Serif;
	font-size: 1.2em;
}

.lista-planos {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:30px;
}

.lista-planos li {
	padding-left: 1em;
	text-indent: -.7em;
}

.lista-planos li:before {
	content: "- ";
	color: #007aad;
}

.lista-planos a, .documento { color: #007aad }

.imagen-plano { padding: 20% }

.total-fotos {
	text-align: center;
	font-weight: bold;
}

.numero { color: #929596 }

.link-loc { padding-top:20px }

.link-loc a { color: #007AAD!important }

.flotar {
	margin-top: 10px;
	float: right;
}

.fondo-color p {
	color: white!important;
	font-size: 1.1em;
}

.logo-sim {	
	float: left;
	padding-left: 12px;
	color: white;	
	font-weight: bold!important;
	margin-right: -60px;
}

.logo-sim  h3 {
	font-size: 20px;
	padding:0px;
	margin:0px;
	color: white;	
	font-weight: bold!important;	
}

.navbar-toggle {    
    padding: 0px;   
	margin:0px;    
}

.der a { 
    color:white;
	font-size: 1em;
	padding-left:4px;
}

.der {
    font-family: 'Open Sans Condensed', sans-serif;	
    float: right;
    color: white;    
}

/*--- Utilidades ---*/
.font20{ font-size: 20px; }

.space15 { height:15px }
.space20 { height:20px }
.space40 { height:40px }
.space50 { height:50px }

.space40presentacion { height:40px }

@media screen and (max-width: 768px) {
    .space40presentacion {
        height:0px
    }
}

.separator40 { height: 1px; background: #254E60; margin: 20px 0; }

.brand-color { color: #254E60 }
.brand-icon-color { color: #63CCCA }

.carousel-control {
    top: 50%;    
    bottom: auto;
    margin-top:-25px;
}

.promocion-separator {
	background:#254E60;
	height: 4px;
	margin: 40px 15px;
}


/*--- Galería promociones ---*/
.wrap-promociones-thumbs {
  	margin: 0 -5px 0 0;
}

.thumb-promociones {
	width: 12.5%;
	padding: 5px 5px 0 0;
	border-radius: 10px;
	cursor: pointer;
}

.promocion .carousel{
	height: 380px;overflow: hidden;
}


/*--- Sección contacto ---*/
.contacto-titulo {
    font-family: 'Open Sans Condensed', sans-serif; 
}

.contacto-titulo h2{
    padding: 20px 20px 20px 0px;
    margin: 0px 0 20px 0;
    background: #254E60;    
    font-weight: bold;
    text-align: right;

    opacity: 0.8;
    border-radius: 24px;

    /*
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    */

    font-size: 32px;
    color:#fff;
}

.contacto-content {
   font-family: 'Open Sans Condensed', sans-serif;
   color: #254E60;
   font-size: 20px;
}

.texto-portada {
	padding-top: 20px;
	font-family: sans-serif;
	text-transform: none;
	text-align: left;
}

.texto-portada a {
	font-size: 14px;
}

.texto-portada .info_boton {
	position: absolute;bottom:0;right:14px;
	border-radius: 10px;
    border:#fff solid 1px;    
    float: right;
    font-family: Arial, serif;
	/* text-transform: lowercase; */
    font-size: 14px;
    margin: 5px;	
    padding: 5px;
    color: #FACC2E;text-align: center;
}


@media (max-width: 767px) {

	.carousel-control {
		font-size: 15px;
	}

	.carousel-control.left {
		margin-left: 26px; /* 12 pixles de margen izquierdo */
	}

	.carousel-control.right {
		margin-right: 15px; /* 0 pixles de margen derecho */
	}

	#carousel-example-generic-promo .carousel-control {
		font-size: 20px;
		top: 60%;
	}

	#carousel-example-generic-promo .carousel-control.right {
		margin-right: 11px; /* 0 pixles de margen derecho */
	}

}

.carousel-caption {
  padding-bottom: 10px;
}

.info-catalogo a {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.info-catalogo i {
  color: #FACC2E;
}