/* Logo de la parte superior izquierda */
#top-left-logo {
margin-top: -15px;
height: 51px;
}
/* Contenedor del menú superior */
.navbar-inverse {
background-color: #ffffff;
border-color: #bbbbbb;
}
.navbar-header {
padding-bottom: 2px;
}
/* Opciones principales del menú superior */
.navbar-inverse .navbar-nav > li > a {
line-height: 35px;
}
/* Opciones principales del menú superior */
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
color: #00CCFF;
}
/* Ratón sobre las opciones principales del menu superior */
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
color: #00CCFF;
}
/* Opción principal del menú superior resaltada */
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
color: #fff;
background-color: #00CCFF;
}
/* Cajita para desplegar el menú comprimido */
.navbar-inverse .navbar-toggle {
border-color: #00acd8;
background-color: #00CCFF;
}
/* Ratón sobre la caja para desplegar el menú comprimido */
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background-color: #3EB5FF;
border-color: #3EB5FF;;
}
/* Color de fondo de las subopciones de la versión comprimida del menú principal */
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
color: #262626;
background-color: #f5f5f5;
}
}
/* Elimino la rayita que sale a veces en la parte inferior de la barra contenedora del menú cuando ésta está
en su versión comprimida. */
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border: 0px;
}
/* Textos de cabecera en un gris tenue */
/*
.page-header {
color: #cccccc;
font-family: 'Didact Gothic', sans-serif;
font-size: 58px;
}
*/
/* Imágenes de los destacados principales en la home. */
#img-home-outstanding {
/* Para que el faldón de las imágenes se superponga un poco a la foto. */
margin-bottom: -4px;
}
/* Bloque población del destacada */
#home-outstanding-bottom-1 {
text-align: right;
color: white;
background-color: #00CCFF;
opacity: 0.8;
font-size: 28px;
padding: 8px;
padding-top: 10px;
font-family: 'Didact Gothic', sans-serif;
letter-spacing: 2px;
}
/* Bloque ocupantes y dormitorios del destacado */
#home-outstanding-bottom-2 {
color: #bbbbbb;
font-size: 19px;
padding: 10px;
font-family: 'Didact Gothic', sans-serif;
}
/* Celda ocupantes */
#home-outstanding-bottom-2 table:first-child tr:first-child td:first-child {
text-align: left;
}
/* Número de ocupantes */
#home-outstanding-bottom-2 table:first-child tr:first-child td:first-child span {
font-size: 28px;
}
/* Celda dormitorios */
#home-outstanding-bottom-2 table:last-child tr:last-child td:last-child {
text-align: right;
}
/* Número dormitorios */
#home-outstanding-bottom-2 table:last-child tr:last-child td:last-child span {
font-size: 28px;
}
/* Bloque precio del destacado */
#home-outstanding-bottom-3 {
color: #00CCFF;
font-size: 48px;
text-align: right;
font-family: 'Rubik', sans-serif;
padding-right: 10px;
}
/* "Desde" y "euros" */
#home-outstanding-bottom-3 span {
font-size: 19px;
font-family: 'Didact Gothic', sans-serif;
}
#home-outstanding-separator {
margin-bottom: 48px;
}
/* Banda de desplegables del breadcrumb de los listados */
.breadcrumb {
background-color: #ffffff;
}
/* Botoncillo para elegir el formato de los listados */
#list-format-button {
color: #87e7fe;
}
/* Pie de las fotos en los listados en el que se muestra el tipo y localidad del alojamiento */
.list-property-bottom {
padding: 8px;
text-align: right;
font-family: 'Didact Gothic', sans-serif;
}
.list-2c-property-reference {
background-color: #4DDCFF;
color: white;
font-size: 28px;
letter-spacing: 2px;
margin-top: 0px;
padding: 8px;
text-align: right;
}
.list-property-bottom {
padding-top: 0px;
font-family: 'Didact Gothic', sans-serif;
}
/* Texto de ocupantes y dormitorios */
.list-property-bottom h5 {
font-size: 19px;
color: #999999;
margin-top: -8px;
}
/* Número de ocupantes y dormitorios */
.list-property-bottom h5 span {
font-size: 28px;
color: #999999;
}
.list-property-bottom h4 {
margin-top: 32px;
}
.list-property-bottom h4, p {
font-size: 19px;
color: #333333;
text-align: justify;
}
.list-property-bottom p {
line-height: 120%;
}
/* Bloque precio */
.list-property-bottom div {
color: #00CCFF;
font-size: 48px;
font-family: 'Rubik', sans-serif;
}
/* "Desde" y "euros" */
.list-property-bottom span {
font-size: 19px;
}
.list-property-bottom a {
color: white;
}
/* Fin listados de 2 y 3 columnas */
.one-column-list-data {
padding-top: 0px;
font-family: 'Didact Gothic', sans-serif;
}
/* Referencia del alojamiento */
.one-column-list-data h3 {
color: #00CCFF;
font-size: 45px;
letter-spacing: 2px;
margin-top: 0px;
}
/* Texto de ocupantes y dormitorios */
.one-column-list-data h5 {
font-size: 19px;
color: #999999;
margin-top: -8px;
}
/* Número de ocupantes y dormitorios */
.one-column-list-data h5 span {
font-size: 28px;
color: #999999;
}
.one-column-list-data h4 {
margin-top: 32px;
}
.one-column-list-data h4, p {
font-size: 19px;
color: #333333;
text-align: justify;
}
.one-column-list-data p {
line-height: 120%;
}
/* Bloque precio */
.one-column-list-data div {
color: #00CCFF;
font-size: 48px;
font-family: 'Rubik', sans-serif;
}
/* "Desde" y "euros" */
.one-column-list-data span {
font-size: 19px;
}
.list-3c-property-reference {
background-color: #4DDCFF;
color: white;
font-size: 28px;
letter-spacing: 2px;
margin-top: 0px;
padding: 8px;
text-align: right;
}
/* INICIO: Listado 4 columnas */
.list-4c-property-top {
font-family: 'Didact Gothic', sans-serif;
/*border: 2px solid lime;*/
}
.list-4c-property-top table {
width: 100%;
font-family: 'Rubik', sans-serif;
}
.list-4c-property-top td {
/*border: 2px solid orange;*/
vertical-align: bottom;
color: #00CCFF;
padding-bottom: 0;
}
.list-4c-property-top table:first-child tr:first-child td:last-child {
text-align: right;
font-size: 40px;
line-height: 44px;
}
.list-4c-property-top table:first-child tr:first-child td:last-child span {
font-size: 16px;
line-height: 23px;
}
.list-4c-property-bottom {
font-family: 'Didact Gothic', sans-serif;
font-size: 15px;
color: #999999;
text-align: right;
}
.list-4c-property-bottom span {
font-size: 21px;
}
/* FIN: Listado 4 columnas */
#home-outstanding-bottom-4 {
font-family: 'Didact Gothic', sans-serif;
}
/* Celda ocupantes */
#home-outstanding-bottom-4 table:first-child tr:first-child td:first-child {
text-align: left;
}
/* Número de ocupantes */
#home-outstanding-bottom-4 table:first-child tr:first-child td:first-child span {
font-size: 28px;
}
/* Celda dormitorios */
#home-outstanding-bottom-4 table:last-child tr:last-child td:last-child {
text-align: right;
}
/* Número dormitorios */
#home-outstanding-bottom-4 table:last-child tr:last-child td:last-child span {
font-size: 28px;
}
.property-header {
font-family: 'Didact Gothic', sans-serif;
font-size: 48px;
letter-spacing: 2px;
margin-top: 16px;
color: #00CCFF;
}
#property-header-reference{
float: left;
}
#property-header-price {
float: right;
}
/* "Desde" y "euros" */
.property-header span {
font-size: 19px;
}
.property-subheader {
clear: both;
font-family: 'Didact Gothic', sans-serif;
font-size: 19px;
}
#property-subheader-occupants {
float: left;
color: #999999;
}
#property-subheader-occupants span {
font-size: 28px;
}
#property-subheader-location {
float: right;
color: #333333;
}
/* Carrusel múltiple de la parte superior de la ficha del inmueble */
.carousel-inner .active.left { left: -25%; }
.carousel-inner .next { left: 25%; }
.carousel-inner .prev { left: -25%; }
.carousel-control { width: 4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
.property-carousel-container {
padding: 0;
}
.property-carousel-container > div {
padding: 0px;
}
/* div que contiene cada imagen del carrusel del inmueble */
.property-carousel-container > div > div > div > div > div {
padding-left: 2px; padding-right: 2px;
}
#property-map-header {
padding-left: 16px;
padding-right: 16px;
}
#property-latitude-longitude-text {
text-align: right;
padding: 24px;
color: #00CCFF;
font-size: 24px;
font-family: 'Rubik', sans-serif;
}
#property-description {
max-height: none;
font-family: 'Didact Gothic', sans-serif;
font-size: 19px;
color: #333333;
}
.property-feature-heading {
font-family: 'Didact Gothic', sans-serif;
font-size: 19px;
color: #666666;
background-color: #FCFCFC;
}
.property-feature {
font-family: 'Didact Gothic', sans-serif;
font-size: 19px;
color: #333333;
}
#footer-icon-mastercard {
height: 80px;
}
#footer-icon-visa {
height: 64px;
margin-top: 4px;
}
.header-rol-form-inner {
background: #4d536d url('../../../img/custom/180/home-header-background.jpg') no-repeat center center;
background-size: cover;
}
#rol-form-container {
background-color: rgba(0, 0, 0, 0.1);
}
#search-button {
background-color: #32D6FF;
}
#search-button:hover {
background-color: #2ebee6;
}
/* Estilos formulario de reserva. */
#top-bar {
height: 52px !important;
}
/* Sombra y redondeo para cada apartado de la página de Ofertas */
.sombra {
border-radius: 8px;
box-shadow: 0 0 10px -3px #333333;
}
.sombra img {
border-radius: 5px;
height:230px;
margin: 5px;
width: 344px;
}
.sombra p {
text-align: center;
}
#button-to-home button {
border: none;
border-radius: 0;
background-color: #3478ff;
box-shadow: 0 0 15px -5px #333;
}
#button-to-home button:hover {
background-color: #295ec9;
}
@media (min-width: 1024px) and (max-width: 1199px) {
.nav > li > a {
padding: 10px 7px;
}
}
@media (min-width: 859px) and (max-width: 1023px) {
.navbar .container {
margin: 0;
padding: 0 15px 0 5px;
width: 100%;
}
.nav > li > a {
padding: 10px 2px;
}
}
@media (min-width: 768px) and (max-width: 858px) {
.nav > li > a {
padding: 10px 6px;
}
#carousel-fluid-container,
#custom-content-row,
#main-container {
margin-top: 25px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
#top-left-logo {
height: 50px;
}
nav > div.container {
margin-left: 0;
width: 100%;
}
.navbar-nav > li > a {
line-height: 40px;
}
#favorite-counter {
padding-left: 3px;
padding-right: 3px;
}
}