/* ==========================================================================
   	COLORES

	BLAU NEGRE  	#021a1d
	VED		        #a2a330
	VER HIGHT  		#566833
	BLAU 					#396073
	BLAU HIGHT 		#082c35
	MARRON 				#b49b72
	MARRON HIGHT	#30281a

   ========================================================================== */


body {
	background-color: #fff;
  font-family: 'Lato', sans-serif;
	font-size: 14px;
  font-weight: 300;
}


#logo { margin: 0px; width: 80%; height: auto; }

@media (max-width: 991px) {
	#logo { max-width: 220px; margin-bottom: 1rem; }
}

a {  transition: 0.2s all ease-in-out; }
a:hover { text-decoration: none; transition: 0.2s all ease-in-out; }


h1, h2, h3, h4, h5, h6 { font-family: Futura, Trebuchet MS, 'Lato', Arial, sans-serif; font-weight: 500 !important; }


/* COMUNES ------------------------------------- */

.margin-botton { margin-bottom: 35px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }

.padding-xs { padding: 20px 0; }


hr.hr-corto { margin-top: 12px !important; margin-bottom: 12px !important; }

/* Sección HEADER ------------------------------ */
header { background-color: #021a1d; padding: 10px 0px;  }
header .input-group { margin-top: 4px; }
header .input-group input,
header .input-group .input-group-addon { background-color: #d9d9d9 !important;   }

header ul.social-header { display: inline-block; margin: 0px;  }
header ul.social-header li {  margin-right: 2px; list-style: none; display: inline-block; }
header ul.social-header li a { color: #fff; padding: 0.9rem 0.5rem; display: block; font-size: 17px; }
header ul.social-header li a i.fa-whatsapp { font-weight: bold; }


@media (max-width: 991px) {
header ul.social-header { padding-left: 0; margin-right: 2rem; }
}




.stylish-input-group .input-group-addon{ background: white !important; vertical-align: middle; }
.stylish-input-group .form-control { border-right:0; box-shadow:0 0 0; border-color:#ccc;  }
.stylish-input-group button { border:0; background: transparent; }

/* Departaments ------------------------------ */

section.header { padding: 30px 0 100px; position: relative; }
section.header h2 { text-transform: uppercase; font-weight: 700; color: #fff; margin-bottom: 10px!important; }

.breadcrumb {
    background-color: transparent;

    list-style: outside none none;
    margin-bottom: 0px;
    padding: 0px 15px 8px 0;
}

.breadcrumb a { color: #fff; }
.breadcrumb a:hover { text-decoration: underline; }

.label-benicarlo { background-color: #a2a330; }

.breadcrumb .label-benicarlo { text-transform: uppercase; font-size: 12px; }

/* Main ------------------------------ */
section.main { padding-bottom: 80px; background-color: #d4dadb; }

.margin-resta { margin-top: -60px; z-index: 10; }


/* Navs ------------------------------ */
ul.nav-idiomes li { display: inline-block; }
ul.nav-idiomes li a { color: #8b8b8b; padding: 10px 10px; }
ul.nav-idiomes li a:hover { color: #3c3c3c; }
ul.nav-idiomes li.active a { color: #fff; }
ul.nav-idiomes li.active a:hover { color: #3c3c3c; }

@media (max-width: 991px) {
	ul.nav-idiomes { text-align: right; }
}


/* Sección PRINCIPAL ------------------------------ */

.principal { padding: 80px 0; }
.principal-alt { padding: 80px 0 80px 0; }

.padding { padding: 40px 0; }

/* Sección BACKGROUNDS */
.bg-benicarlo { background: url('../img/bg-benicarlo-003-compressor.jpg') no-repeat top center; background-size: cover; }
.bg-carxofa { background: url('../img/site/bg-carxofa.jpg') no-repeat center center; background-size: cover; }
.bg-verd { background-color: #a9b5b8; }
.bg-blau { background-color: #021a1d; }

.margin-para-full { margin-bottom: 40px; }

/* BANNER HOME */
.banner-home { margin-bottom: 35px; }
.banner-home img { box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3); }


/* Caixes */
.caja { padding: 25px; color: #fff; display: block; position: relative; margin-bottom: 35px; box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3); }
.caja:hover {  }

.caja .caja-icono { text-align: right; height: 50px; position: absolute; bottom: 25px; left: 25px; right: 25px; }
.caja .caja-icono img { width: auto; height: 100%; }

.c-gris { background-color: #b2b8ba; }
.c-verde { background-color: #a2a330; }
.c-azul { background-color: #396073; }
.c-marron { background-color: #b49b72; }

.c-gris--opacidad { background-color: rgba(178, 184, 186, 0.9); }
.c-verde--opacidad { background-color: rgba(162, 163, 48, 0.9); }
.c-azul--opacidad { background-color: rgba(57, 96, 115, 0.9); }
.c-marron--opacidad { background-color: rgba(180, 155, 114, 0.9); }

.c-blanca { background-color: #fff; }
.c-blanca p, .c-blanca h2 { color: #3c3c3c !important; }

.c-gris-dos { background-color: #777a70; }
.c-verde-dos { background-color: #566833; }
.c-azul-dos { background-color: #082c35; }
.c-marron-dos { background-color: #30281a; }

.c-gris-dos { background-color: rgba(119, 122, 112, 0.9); }
.c-verde-dos { background-color: rgba(86, 104, 51, 0.9); }
.c-azul-dos { background-color: rgba(8, 44, 53, 0.9); }
.c-marron-dos { background-color: rgba(48, 40, 26, 0.9); }

.c-gris:hover { background: #b2b8ba linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); }
.c-verde:hover { background: #a2a330 linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); }
.c-azul:hover { background: #396073 linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); }
.c-marron:hover { background: #b49b72 linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); }

.c-gris-dos:hover { background: #777a70 linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); }
.c-verde-dos:hover { background: #566833 linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); }
.c-azul-dos:hover { background: #082c35 linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); }
.c-marron-dos:hover { background: #30281a linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); }

.c-blanco { background-color: #fff; color: #000; }


/* bncrem josep */
.caja-grande-max-benicarlo-actiu { height: 496px; }
.caja-grande-max-benicarlo-actiu h2 { margin: 5px 0 20px 0; color: #fff; text-transform: uppercase; font-size: 20px; }

.caja-grande-max { height: 372px; } 
.caja-grande-max h2 { margin: 5px 0 20px 0; color: #fff; text-transform: uppercase; font-size: 20px; }

.caja-grande { height: 275px; }
.caja-grande h2 { margin: 5px 0 20px 0; color: #fff; text-transform: uppercase; font-size: 20px; }

.caja-mediana { height: 168px; }
.caja-mediana h2 { margin: 5px 0 20px 0; color: #fff; text-transform: uppercase; font-size: 20px; }

.caja-pequena { height: 100px; }
.caja-pequena h2 { margin: 5px 0 20px 0; color: #fff; font-size: 18px; }

.caja-flex { height: auto; }
.caja-flex h2 { margin: 5px 0 20px 0 !important; color: #fff; font-size: 18px; }

.caja-address { height: auto; }
.caja-address h3 { margin: 5px 0 10px 0; color: #fff; font-size: 16px; font-weight: 700; }

.caja-noticias h2 { font-size: 20px; margin: 0px 0 20px 0; }
.caja-noticias .row > div { padding: 0px 5px 0 5px !important; }
.caja-noticias img { margin: 7px 0 15px; }
.caja-noticias p { font-weight: 300 !important; }
.caja-noticias h2 > a { color: #fff; }


.resultado-buscador { margin-bottom: 35px;  }
.resultado-buscador h4 { font-weight: 600; font-size: 18px; margin-bottom: 0px; }
.resultado-buscador a.url { color: blue; margin-bottom: 3px; display: block;  }
.resultado-buscador p { margin-left: 20px;  }


/* Noticias ------------------------------- */
/* Noticias home */

.noticias-home { background-color: #d9d9d9; margin-bottom: 1rem; display: grid; grid-template-columns: 1fr 1fr; }
.noticias-home__imagen { }
.noticias-home__imagen img { height: auto; width: 160px; background-color: #fff; padding: 2rem;}
.noticias-home__entrada { padding: 1rem 2rem; }
.noticias-home__entrada h2 { font-size: 16px; margin-top: 0; line-height: 23px; }

@media (min-width: 480px) and  (max-width: 991px) {
	.noticias-home { grid-template-columns: 1fr 3fr; }
}


/* Noticias listado interior */
.noticias { display: grid; grid-template-columns: 200px 5fr 1fr; margin-bottom: 3rem; background-color: #082c35; color: #fff; box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3); }
.noticias__imagen {  }
.noticias__entrada { padding: 2rem 1rem 2rem 4rem; }
.noticias__entrada h2 { margin-bottom: 2rem; margin-top: 0;}
.noticias__entrada h2 a { color: #fff !important; }
.noticias__meta { padding: 3rem 4rem; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; }
.noticias__meta time { text-transform: uppercase; display: block; text-align: right; font-weight: bold; margin-top: 1rem; }


@media (max-width: 767px) {
	.noticias { display: grid; grid-template-columns: 1fr; }

	.noticias__entrada { padding: 2rem 3rem 2rem 3rem; }

	.noticias__meta { display: flex !important; padding-top: 0; justify-content: flex-start !important; align-items: center; flex-direction: row; }
	.noticias__meta img  { padding-right: 1.5rem; margin-right: 1.5rem; border-right: 1px solid #fff; width: 50px !important; height: auto; }
	.noticias__meta time  { margin-top: 0;}
}



.noticia h2 { color: #000; font-size: 25px; }
.noticia h3 { color: #000; font-size: 20px; }
.noticia p { color: #505050; font-size: 15px; }
.noticia a { color: #556a34; text-decoration: underline; }
.noticia iframe { margin: 20px 0;}
.noticia a:hover { color: #556a34; text-decoration: none; }
.noticia__titulo { color: #a2a330 !important; font-size: 30px !important;  }


.galeria-imagenes--principal { margin-bottom: 2rem; }
.galeria-imagenes--principal a img { width: 100%; height: auto; }
.galeria-imagenes { display: grid; grid-template-columns: repeat(3, 2fr); grid-gap: 2px; margin-bottom: 20px; }

.adjunto { display: grid; grid-template-columns: 30px 1fr; grid-gap: 2rem;  margin: 15px 0; }
.adjunto a { color: #fff; }
.adjunto a:hover { color: #556a34; }
.adjunto__icono img { width: 100%;height: auto; }
.adjunto__descripcion {}
.adjunto__descripcion h4 { margin-top: 0; margin-bottom: 5px; text-transform: uppercase; font-size: 16px; }


/* Carrousel inner ------------------------- */

.carousel-inner  { box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3); }
.carousel-inner .item img { width: 100%; height: auto; }
.carousel-caption { background-color: rgba(0,0,0,0.3); }


/* Cargos ------------------------------ */
.cargo { margin-bottom: 20px; box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3); }
.cargo h3, .cargo p { color: #fff; }
.cargo h3 { font-size: 17px; font-weight: 300; margin: 10px 0 5px; }
.cargo figcaption { padding: 10px 10px 20px; height: 165px; position: relative; }
.cargo figcaption img { width: 25px; height: auto; }
.cargo figcaption p.media-heading { margin-top: 1px; }

.cargo figcaption .media { position: absolute; bottom: 20px; left: 10px; }

/* Scrollbar ------------------------------ */
.content {

    box-sizing: border-box;
    height: 404px;
    max-width: 100%;
    overflow: auto;
    padding: 0px;
    position: relative;
    width: 740px;
}

ul.lista-scroll { list-style: none; padding: 0px; }
ul.lista-scroll li a { padding: 5px 10px; display: block; color: #fff; }
ul.lista-scroll li { border-bottom: 1px solid #fff; margin-left: 0px !important; }
ul.lista-scroll li a:hover { background-color: #8c8c46; }
ul.lista-scroll li h4 { margin-bottom: 3px;}

ul.lista-menu { list-style: none; padding: 0px; }
ul.lista-menu li { border-bottom: 1px solid #fff; margin-left: 0px !important; }
ul.lista-menu li a { padding: 10px 10px; display: block; color: #fff; }
ul.lista-menu li a:hover { background-color:rgba(0, 0, 0, 0.2); }
ul.lista-menu li h4 { margin-bottom: 3px;  }

ul.lista-linea {   }
ul.lista-linea li { border-bottom: 1px dotted #fff; margin-bottom: 15px; padding-bottom: 12px; }
ul.lista-linea li label { font-weight: bold; }

.lista-basica li a { font-size: 18px; color:#fff; }
.lista-basica li { margin-bottom: 10px; }



/* FOOTER ------------------------------ */

footer { background-color: #021a1d; padding: 50px; color: #fff; }

footer h4 { text-transform: uppercase; margin-bottom: 15px; }
footer ul { margin-bottom: 20px; }
footer ul.footer-links { list-style-image: url('../img/arrow-list-style.png'); padding-left: 30px; }
footer ul.footer-links li { padding-left: 0px; }

footer ul.footer-utils { list-style: none; padding-left: 0px; }
footer ul.footer-utils .glyphicon { margin-right: 10px; font-size: 85%; }
footer ul li a { font-size: 13px; }

footer a { color: #fff; }
footer a:hover { color: #d6d6d6; }

/* BOTONES ------------------------------ */

.btn-blanc {
    background-image: linear-gradient(to bottom, #fff 0px, #fff 100%);
    background-repeat: repeat-x;
    border-color: #ccc;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    color: #3c3c3c;
    }


.modal-content .modal-title, .modal-content .modal-body  { color: #3c3c3c !important; }





/* Responsive
--------------------------------------------------------------------------- */


@media (min-width: 1200px) {


}


@media (max-width: 1200px) {

}


@media (min-width: 768px) {

}

@media (max-width: 767px) {


}


@media (min-width: 481px) and (max-width: 1024px) {

}

@media (max-width: 667px) {

}

@media (max-width: 480px) {

}