body {font-family:'Lato', sans-serif;color:#514e4b;}
h1, h2, h3, h4, h5, h6 {font-family:'Bree Serif',serif;}
a:hover {text-decoration:none;}
p a, li a {color:#004650;}
	p a:hover, li a:hover {color:#004650;text-decoration:underline;}

header {background:white;position:relative;}
	header.affix {position: fixed; left:0; top:0; width: 100%; z-index:100;box-shadow: 0 0 3px #333;border-radius:0;}
	header .navbar {margin-bottom:0;}
	header .navbar-default {background:white;border:none;box-shadow:none;}
		header .navbar-default .navbar-collapse, .navbar-default .navbar-form {background:white;}
		header .navbar-brand > img {/*max-width:226px;*/ max-height:45px;}
		header .navbar-default .navbar-nav > li {font-family:'Bree Serif',serif; color:#004650;font-size:14px;}
			header .navbar-default .navbar-nav > li > a {padding:45px 0 10px 5px;color:#004650;}
				header .navbar-default .navbar-nav > li > a:hover {color:#ccd500;}
				header .navbar-default .navbar-nav > li > a:after {content:'/';margin-left:10px;}
					header .navbar-default .navbar-nav > li:last-child > a:after {content:'';margin-left:0px;}
					header .navbar-default .navbar-nav > li > a:hover:after {color:#004650;}
			header .navbar-default .navbar-nav > li.active > a {background:white;box-shadow:none;color:#ccd500;}
			header .navbar-default .navbar-nav > li.active > a:hover {background:white;color:#ccd500;}
			header .navbar-default .navbar-nav > li.active > a:after {color:#004650;}
	header .telefono {font-family:'Bree Serif',serif;color:#ccd500;font-size:16px;text-align:right;position:absolute; top: 5px; right:30px;z-index:10000;}
		header .telefono a {color:#ccd500;}
			header .telefono a:hover {color:#004650;}

footer {background:#004650;padding:30px 0;}
	footer a {color:white;}
	footer .logo {margin-bottom:25px;;}
	footer .direccion {color:white;font-size:15px;margin-left:50px;}
		footer .direccion b {font-family:'Bree Serif',serif; color:#ccd500;font-weight:normal;font-size:18px;}
	footer .menu-inf {padding-left:15px;margin-left:50px;}
		footer .menu-inf > li {color:white;}
			footer .menu-inf > li > a {color:white;}
				footer .menu-inf > li > a:hover {color:#ccd500;}
	footer .claim {font-family:'Bree Serif',serif;color:#ccd500;font-size:30px;margin-top:30px;}
	footer .fa {border-radius:50%; width:35px; height:35px; text-align:center; line-height:33px;margin:5px;font-size:20px;border:2px solid white;}
		footer .fa:hover {border-color:#ccd500; color:#ccd500;}
	footer .logo_api {margin-left:50px;margin-top:10px;}

/* PORTADA */

.video-responsive {position: relative;padding-bottom: 75%;height: 0;overflow: hidden;} /*3x4*/
.video-responsive {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;} /*16x9*/
	.video-responsive iframe, .video-responsive object, .video-responsive embed, .video-responsive video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#carrusel .item .fondo {background-position:center center; background-repeat:no-repeat;background-size:cover;width:100%; height:326px;display:block;}
	#carrusel .carousel-caption {right:0; left:0; top:0; bottom:0;text-shadow:0 1px 2px rgba(255,255,255,0.6);padding:100px 30px 30px;}
		#carrusel .carousel-caption h1, #carrusel .carousel-caption .h1 {display:block;font-family:'Bree Serif', sans-serif;font-size:100px;color:#004650;text-align:left;}
			#carrusel .carousel-caption h1 span, #carrusel .carousel-caption .h1 span {display:block;font-size:26px;}
		#carrusel .carousel-caption h2, #carrusel .carousel-caption .h2 {display:block;font-family:'Bree Serif',serif;font-size:40px;color:#004650;text-align:left;}
		

#carrusel.carousel1 .carousel-caption {padding:0;}	
	#carrusel.carousel1 .carousel-caption .container {background:rgba(255,255,255,0.5);clip-path: polygon(0% 0%, 60% 0%, 40% 100%, 0% 100%);padding:60px 30px 30px;height:100%;}
		#carrusel.carousel1 .unifamiliares .carousel-caption .container {background:none;clip-path:none;padding:30px;}
		#carrusel .unifamiliares .carousel-caption h1, #carrusel .unifamiliares .carousel-caption .h1 {font-size:50px;text-align:right;}
		#carrusel .unifamiliares .carousel-caption h2, #carrusel .unifamiliares .carousel-caption .h2  {font-size:30px;text-align:right;margin:20px 0;}

.tabla-home {padding:30px 0;}
	.tabla-home .row:first-child {font-size:20px;padding:25px 6px;}
		.tabla-home .row:first-child a {color:#514E4B;}
			.tabla-home .row:first-child a:hover {color:#004650;}
	.tabla-home .fa-chevron-circle-down {color:#ccd500;}
	.tabla-home .destacado {margin:0 6px 30px 0;}
		.tabla-home .destacado .img {display:block; width:100%; height:150px; background:#ccc;background-repeat:no-repeat; background-position:center center; background-size:cover;}
			.tabla-home .destacado .img img {object-fit:cover;}
		.tabla-home .destacado .txt {padding:8px 0;}
	.tabla-home .row > div {padding-right:0;}
		.tabla-home .row > div:first-child {font-family:'Bree Serif',serif;font-size:26px;border-right:none;}
			.tabla-home .row.alava .destacado {border-bottom: 5px solid #ccd500;}
				.tabla-home .row.alava > div:first-child{background:#ccd500; color:#004650;height:211px;}
			.tabla-home .row.navarra .destacado {border-bottom: 5px solid #004650;}
				.tabla-home .row.navarra > div:first-child{background:#004650; color:#ccd500;height:211px;}
			.tabla-home .row.otras .destacado {border-bottom: 5px solid #6c6e37;}
				.tabla-home .row.otras > div:first-child{background:#6c6e37; color:#ccd500;height:211px;}

.llamanos {padding:20px;font-size:26px;font-family:'Bree Serif',serif;background:#F3F5C3; color:#004650;text-align:center;}

.servicios-destacados {padding:30px 0;background:#F4F4F4;font-size:15px;}
	.servicios-destacados p {color:#77716d;}
	.servicios-destacados h3 {font-size:18px;color:#004650;}
	.servicios-destacados .masinfo {font-family:'Bree Serif',serif;color:#004650;}
		.servicios-destacados .masinfo:hover {color:#ccd500;}
	.servicios-destacados .fas {font-size:25px; width:60px; height:60px; line-height:60px; text-align:center; background:#DDDDDD;color:#004650;border-radius:50%;}
	.servicios-destacados .servicio {margin-bottom:25px;}

/* INERIORES */

.boton {background:#ccd500;color:#004650;font-family:'Bree Serif',serif;font-size:18px; padding:10px 15px;display:inline-block;text-shadow:none;}
	.boton:hover {background:#004650;color:#ccd500;}

.boton2 {background:#004650;color:white;font-family:'Bree Serif',serif;font-size:18px; padding:10px 15px;display:inline-block;text-shadow:none;}
	.boton2:hover {background:white;color:#004650;}
				
.interior {background:#E4E2E2;padding:60px 0;}
	.interior h1 {font-family:'Bree Serif',serif;color:#004650;font-size:60px;}
	.interior p.grandote {font-size:20px;color:#004650;}

/* NOSOTROS */
.tabla-nosotros {padding:40px 0 70px;}
	.tabla-nosotros .servicio {font-size:15px;}
		.tabla-nosotros .equipo .img {width:100%; position:relative;}
		.tabla-nosotros .equipo .txt {padding:5px;}
		.tabla-nosotros .equipo p {color:#77716d;}
		.tabla-nosotros .equipo h3 {font-size:20px;color:#004650;margin-top:5px;}
			.tabla-nosotros .equipo h3 span {font-size:18px;font-family:'Lato', sans-serif;}
.nosotros h4 {font-size:23px;color:#007f92;}
.nosotros h5 {font-size:20px;color:#5c5753;font-family:'Lato', sans-serif;margin-top:15px;line-height:1.3em;}
.nosotros .boton {width:100%;padding:5px 0;text-align:center;margin-bottom:30px;}
.nosotros p {font-size:17px;}
.delegacion {margin-top:2em;border-bottom:2px solid #007f92;padding-bottom:5px;margin-bottom:1em;}

#carrusel.carousel2 {margin-top:30px;}
	#carrusel.carousel2 .carousel-caption {top:0;left:0;width:33%;background:url('../images/mascara-slider.png') top left no-repeat;padding:0; height:100%;}
		#carrusel.carousel2 .carousel-caption .container {width:100%;padding:30px;}
	#carrusel.carousel2 .carousel-caption h1 {font-family:'Lato', sans-serif;color:white; font-size:52px;margin-bottom:0;margin-top:50px;}
	#carrusel.carousel2 .carousel-caption h2 {font-family:'Lato', sans-serif;color:#004650; font-size:30px;text-shadow:none;margin-top:0;}
	#carrusel .unifamiliares .carousel-caption h1, #carrusel .unifamiliares .carousel-caption .h1 {font-size:40px;text-align:right;}
	#carrusel .unifamiliares .carousel-caption h2, #carrusel .unifamiliares .carousel-caption .h2  {font-size:20px;text-align:right;margin:20px 0;}

	#carrusel.carousel2 .carousel-control.left, #carrusel.carousel2 .carousel-control.right {display:none;}
	#carrusel.carousel2 .carousel-indicators {bottom:0;}

/* SERVICIOS */

.tabla-servicios {padding:30px 0;}
	.tabla-servicios .servicio {margin:0 6px 30px 0;background:white;padding:5px;font-size:15px;}
		.tabla-servicios .servicio .img {width:100%; height:90px; background:#ccd500;position:relative;}
			.tabla-servicios .servicio .img .fas {color:white; font-size:55px;position: absolute; left:10px; bottom:10px;}
		.tabla-servicios .servicio .txt {padding:5px;min-height:380px;}
		.tabla-servicios .servicio p {color:#77716d;}
		.tabla-servicios .servicio h3 {font-size:18px;color:#004650;margin-top:5px;}
		.tabla-servicios .servicio .masinfo {font-family:'Bree Serif',serif;color:#004650;}
			.tabla-servicios .servicio .masinfo:hover {color:#ccd500;}

/* CONTACTO */

.contacto {}
	.contacto h1 {margin-bottom:30px;}
	.contacto h2 {color:#004650;margin-top:0;margin-bottom:30px;}
	.contacto .direccion {font-size:15px;color:#004650;}
	.contacto .formu-contacto {background:white; border:1px solid #CDD400;padding:25px;}
		.contacto .formu-contacto label {font-weight:400;color:#004650;}
			.contacto .formu-contacto label a {color:#004650;text-decoration:underline;}
				.contacto .formu-contacto label a:hover {text-decoration:none;}
		.contacto .formu-contacto .form-control {box-shadow:none;border-radius:0;}
		.contacto .formu-contacto .boton {text-shadow:none; border-radius:0; border:none;width:100%;}
		.contacto .formu-contacto p {color:#004650;}
		.contacto .formu-contacto h3 {color:#CDD400;margin-top:0;}
		.contacto .formu-contacto .telefono {font-size:16px; color:#004650;font-family:'Bree Serif',serif;}
			.contacto .formu-contacto .telefono a {font-size:27px;line-height:1.2em;}
	.contacto .gmap {border:1px solid #ccc; margin: 30px 0 0;}

.numero .form-control {width:80%;display:inline-block;min-width:80%;margin-right:5px;text-align:right;}
.oblig {color:red;}

/* INMUEBLES */

.inmuebles .buscador {margin-top:30px;}
	.inmuebles .buscador .boton {text-shadow:none; border-radius:0; border:none;width:100%;text-align:center;margin-top:15px;}
	.inmuebles .buscador input[type="checkbox"] {margin-right:10px;}
	.inmuebles .buscador .pueblos {padding:15px 30px 30px; border:1px solid black;background:white;min-height:196px;}
		.inmuebles .buscador .pueblos h3 {font-size:30px;margin: 0 0 1em;}
		.inmuebles .buscador .pueblos.alava {border-color:#CDD400;}
			.inmuebles .buscador .pueblos.alava h3 {color:#CDD400;}
		.inmuebles .buscador .pueblos.navarra {border-color:#004650;}
			.inmuebles .buscador .pueblos.navarra h3 {color:#004650;}
		.inmuebles .buscador .pueblos.otras {border-color:#6c6e37;}
			.inmuebles .buscador .pueblos.otras h3 {color:#6c6e37;}
.inmuebles h2 {font-size:20px;color:#004650;text-transform:uppercase;}

.banner_alertas a {margin-bottom:15px;padding:30px 15px;display:flex;align-items:center;justify-content:center;background:#CDD400;color:#004650;}
	.banner_alertas h3 {margin-top:0;}
	.banner_alertas .fa {color:white;font-size:60px;}
	.banner_alertas a:hover {color:white;background:#004650;}

.buscador-inmuebles {background:white;padding:15px;margin-bottom:30px;}
	.buscador-inmuebles label {font-weight:400;color:#004650;}
	.buscador-inmuebles .form-control {box-shadow:none;border-radius:0;}

.resultado {background:white;padding:5px;margin-bottom:10px;}
	.resultado h2 {font-size:20px;text-transform:none;margin-bottom:0;}
		.resultado h2 a {color:#004650;}
			.resultado h2 a:hover {color:#CDD400;}
	.resultado .precio {font-size:24px;color:#004650;}
	.resultado .precio_ant {font-size:20px;color:red;text-decoration:line-through;display:inline-block;margin-left:20px;}

.resultado .carrusel {background-color: white; height: 169px; position: relative;}
	.resultado .carrusel .carousel {background-color:white; height: 169px;padding: 0 20px;}
		.resultado .carrusel .carousel .carousel-inner {height:100%;}
			.resultado .carrusel .carousel .carousel-inner .item {height:100%;}
				.resultado .carrusel .carousel .carousel-inner .item a {display:block;height:100%; width:100%; background-size: cover; background-repeat:no-repeat; background-position:center center;}
					.resultado .carrusel .carousel .carousel-inner .item a img {object-fit:cover;}
	.resultado .carrusel .glyphicon {text-align: center; color:white; text-shadow: none;margin-top:80px;}
	.resultado .carrusel .carousel-control {opacity:1;width:20px;background:#D2D0D1;vertical-align:middle;}
		.resultado .carrusel .carousel-control:hover {background:#BBB9BA;}

.ficha-inmueble {background:white;padding:35px;}
	.ficha-inmueble h2 {font-size:30px;text-transform:none;margin-top:0;}
		.ficha-inmueble h2 a {color:#004650;}
			.ficha-inmueble h2 a:hover {color:#CDD400;}
	.ficha-inmueble .precio {font-size:28px;color:#004650;}
	.ficha-inmueble .precio_ant {font-size:20px;color:red;text-decoration:line-through;display:inline-block;margin-left:20px;}
	.ficha-inmueble p, .ficha-inmueble p * {font-size:14px!important; text-align:justify!important;}
	.ficha-inmueble .foto {margin:15px auto; display:block;}

.caracteristicas {background: white; padding:25px;margin-bottom:15px;}
	.caracteristicas h3 {margin-top:0;}
	.caracteristicas table {width:100%;}
		.caracteristicas th {padding:5px 10px;font-weight:normal;}
		.caracteristicas td {padding:5px 10px;text-align:right;color:#004650;}
		.caracteristicas tr {border-bottom:1px solid #CDD400;}
		.caracteristicas .fa {color:#CDD400;}

#escala_energetica {width: 400px;height: 160px;position: relative;background: url('../images/escala_energetica.png') top left no-repeat;}
	#escala_energetica div {position:absolute;width: 40px;height: 13px;line-height: 13px;font-weight:normal;right: 127px;	border:none;text-align:center;color:white;margin-top:13px;font-size:12px;}

#escala_energetica #img1 {background:url('../images/CE_A.png') top left no-repeat; top: 20px;}
#escala_energetica #img2 {background:url('../images/CE_B.png') top left no-repeat; top: 36px;}
#escala_energetica #img3 {background:url('../images/CE_C.png') top left no-repeat; top: 52px;}
#escala_energetica #img4 {background:url('../images/CE_D.png') top left no-repeat; top: 68px;}
#escala_energetica #img5 {background:url('../images/CE_E.png') top left no-repeat; top: 84px;}
#escala_energetica #img6 {background:url('../images/CE_F.png') top left no-repeat; top: 100px;}
#escala_energetica #img7 {background:url('../images/CE_G.png') top left no-repeat; top: 116px;}

#escala_energetica #imgCO2_1 {background:url('../images/CE_A.png') top left no-repeat; top: 20px; right:14px;}
#escala_energetica #imgCO2_2 {background:url('../images/CE_B.png') top left no-repeat; top: 36px; right:14px;}
#escala_energetica #imgCO2_3 {background:url('../images/CE_C.png') top left no-repeat; top: 52px; right:14px;}
#escala_energetica #imgCO2_4 {background:url('../images/CE_D.png') top left no-repeat; top: 68px; right:14px;}
#escala_energetica #imgCO2_5 {background:url('../images/CE_E.png') top left no-repeat; top: 84px; right:14px;}
#escala_energetica #imgCO2_6 {background:url('../images/CE_F.png') top left no-repeat; top: 100px; right:14px;}
#escala_energetica #imgCO2_7 {background:url('../images/CE_G.png') top left no-repeat; top: 116px; right:14px;}

#escala_energetica div {background:url('../images/CE.png') top left no-repeat!important;}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background:#CDD400;
	border-color:#CDD400;
}
.pagination > li > a, .pagination > li > span,
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {color:#004650;}

.ms-parent.form-control {padding:0;max-width:100%;}
	.ms-parent.form-control button {border:none;}

.legales {background:white; padding:30px;margin-top:30px;}
	.legales h2 {color:#CDD400;font-size:26px;}

/*MENSAJE DE COOKIES*/
.msgcookie{display:block;position:fixed;bottom:10px; right:10px; min-height:30px;max-width:400px;background:rgba(0,70,80,1);color:#fff;font-size:12px;font-family:sans-serif;z-index:1000;}
	.msgcookie p{max-width:960px;margin:0 auto;color:white;padding: 10px;line-height:1.3em; text-align:center;}
		.msgcookie p a:link,.msgcookie p a:active,.msgcookie p a:visited{color:#CCD500;}
			.msgcookie p a:hover {color:white;}
		.msgcookie a.boton {margin:0 15px;text-decoration:none!important;font-weight:normal;background:#CCD500;color:white!important; display:inline-block; padding:5px 10px;font-size:14px;line-height:1em;}
			.msgcookie a.boton:hover {background:white;color:#004650!important;}

#modal-cookies .panel {border:1px solid black;}
	#modal-cookies .panel .panel-heading {background:black;padding:0;}
		#modal-cookies .panel-default > .panel-heading h3.panel-title {font-weight:400;color:white;position:relative;}
			#modal-cookies .panel-default > .panel-heading h3.panel-title a {color:white;display:block;padding:10px 15px 10px 5px;}
				#modal-cookies .panel-default > .panel-heading h3.panel-title a:hover {color:white;}
			#modal-cookies .panel-default > .panel-heading h3.panel-title a, .panel-default > .panel-heading h3.panel-title a:focus, .panel-default > .panel-heading h3.panel-title a:hover {text-decoration:none;outline:none;}
		#modal-cookies .panel label {display:inline;}
		#modal-cookies .panel input[type=checkbox] {position:absolute; right:15px; top:10px;}
		#modal-cookies .panel .siempre {position:absolute; right:15px; top:15px; text-align:right; font-size:13px;font-weight:300;}
		#modal-cookies .panel-default > .panel-heading + .panel-collapse > .panel-body {font-size:14px;border-top:10px solid #CDD400;}
		#modal-cookies .panel .panel-heading  a:before {font-family: 'Glyphicons Halflings';content: "\e080";float: left;margin-right:10px;transition: all 0.5s;}
		#modal-cookies .panel-heading.active a:before {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);} 
		#modal-cookies .panel-default > .panel-heading h2.panel-title, #modal-cookies .panel-default > .panel-heading h3.panel-title {text-transform:none;}

table.cookies {margin-bottom: 20px;}
	table.cookies tr {vertical-align:top;}
	table.cookies tr > td:first-child {font-style:italic; font-weight: 400;}
	table.cookies th {color: #d9272e; border-bottom: 1px solid #d9272e;}

.antesydespues {margin:0 auto; max-width:100%;}
	.beforeAfter {height: 380px;}

/* MEDIA QUERIES */

/*xs*/
@media(max-width:767px){
	header .navbar-brand {padding:8px;}
		header .navbar-brand > img {width:auto;max-height:34px;}
	header .telefono {padding:5px 0;text-align:center;position:relative;margin: 0 -15px;background:#004650;top:0; left:0; right:0;}
		header .telefono a:hover {color:white;}
	header.affix .telefono {display:none;}

	.navbar-default .navbar-toggle {border-color:#004650;}
		.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:white;border-color:#CDD400;}

	.navbar-default .navbar-toggle .icon-bar {background-color:#004650;}
		.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {background-color:#CDD400;}

	header .navbar-default .navbar-nav > li > a {padding:15px 0;font-size:18px;}
		header .navbar-default .navbar-nav > li > a:after {content:'';margin:0;}

	footer .direccion {margin-left:0;}
	footer .menu-inf {margin-left:0;}
	footer .logo_api {margin-left:0px;margin-bottom:30px;}

	.interior {padding:15px 0;}

	#carrusel .carousel-caption h1, #carrusel .carousel-caption .h1 {font-size:30px;}
		#carrusel .carousel-caption h1 span, #carrusel .carousel-caption .h1 span {font-size:20px;}
	#carrusel .carousel-caption h2, #carrusel .carousel-caption .h2 {font-size:26px;}
	
	#carrusel.carousel1 .carousel-caption .container {clip-path:polygon(0% 0%, 90% 0%, 75% 100%, 0% 100%);}
	#carrusel .item a {height:200px;}
		#carrusel .item a.boton2 {height:auto;}
	.carousel-caption {top:0;bottom:auto;}

	.tabla-home .row.alava > div:first-child {height:auto;margin:15px;padding:5px 15px;}
	.tabla-home .row.navarra > div:first-child {height:auto;margin:15px;padding:5px 15px;}
	.tabla-home .row > div {padding-right:15px;}
	.tabla-home .destacado {margin-right:0;}

	.servicios-destacados h3 {margin-top:0;}

	.ficha-inmueble {padding:30px;}

	#carrusel.carousel2 .carousel-caption {height:50%;width:100%;top:auto;bottom:0;}
	#carrusel.carousel2 .carousel-caption .container {padding:15px;}
	#carrusel.carousel2 .carousel-caption h1 {margin-top:0;font-size:26px;}
	#carrusel.carousel2 .carousel-caption h2 {margin-top:0;font-size:16px;}

	.msgcookie {left:20px;}

	.tabla-home .destacado .img {height:200px;}
		.tabla-home .destacado .img img {width:100%; height:100%;}

	.resultado .carrusel, .resultado .carrusel .carousel {height:200px;}
		.resultado .carrusel .carousel .carousel-inner .item a img {width:100%; height:100%;}
}

/*sm*/
@media screen and (min-width: 768px) and (max-width: 980px) {
	
}

/*md*/
@media(min-width:980px){

}

/*lg*/
@media(min-width:1200px){
	
}