@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ranchers&display=swap');
@import "tkmwhhg.css";

.h1 {
	font-family: 'Ranchers' !important;
	font-weight: 600 !important;
}

html {
	position: relative;
	min-height: 100%;
}
body {
	/*font-family: 'Oswald', sans-serif;*/
	margin-bottom: 150px;
	background: white;
}
	body.nomargin {
		margin-bottom:0px !important;
		width:98% !important;
		background:none !important;
	}	
h1, h2, h3, h4, h5 {
	color: #444444;
}
a, a:hover {
	color: #444444;
}	 
#capcaleraFixed {
	/*box-shadow: 0px 3px 3px #888888;*/
	background:#444444 !important;
	border-bottom: none !important;
}
	#capcaleraFixed.navbar-inverse .navbar-nav > li > a {
		color: #FFF !important;
		text-shadow: none !important;
	}
		#capcaleraFixed.navbar-inverse .navbar-nav > li > a:hover {
			color: #DDDDDD !important;
			text-shadow: none !important;
		}
	#capcaleraFixed .dvLogin {
		width:110px;
	}
	#capcaleraFixed .miniCistella a {
		color:#FFB800 !important;
	}
	#capcaleraFixed #navbar-header .btMobil {
		color:white !important;
		margin-right:10px;
		font-size:16px;
		padding-top:9px;
		padding-bottom:7px;
	}
	#menuMobil .separador {
		height:58px !important;
	}
		#menuMobil .list-group-item.nivell3 {
			padding: 5px 10px 5px 20px !important;
			background-color:#BDBDBD;
			color:#FFF;
		}
		#menuMobil .list-group-item.nivell4 {
			padding: 5px 10px 5px 25px !important;
			background-color:#BDBDBD;
			color:#FFF;
		}
		#menuMobil .list-group-item.nivell5 {
			padding: 5px 10px 5px 30px !important;
			background-color:#BDBDBD;
			color:#FFF;	
		}
		#menuMobil .list-group-item.nivell6 {
			padding: 5px 10px 5px 35px !important;
			background-color:#BDBDBD;
			color:#FFF;	
		}
		#menuMobil .list-group-item.nivell7 {
			padding: 5px 10px 5px 40px !important;
			background-color:#BDBDBD;
			color:#FFF;	
		}
		#menuMobil .list-group-item.nivell8 {
			padding: 5px 10px 5px 45px !important;
			background-color:#BDBDBD;
			color:#FFF;	
		}
		#menuMobil .list-group-item.nivell9 {
			padding: 5px 10px 5px 50px !important;
			background-color:#BDBDBD;
			color:#FFF;	
		}
		#menuMobil .list-group-item.sub:hover {
			opacity: 0.8;
		}
		
	#capcaleraFixed #capcaleraFormLoginMINI {
		display:none !important;
	}		
	
	@media screen and (max-width:1000px) {
		#capcaleraFixed #capcaleraFormLogin {
			display:none !important;
		}
		#capcaleraFixed #capcaleraFormLoginMINI {
			display:inherit !important;
		}		
	}
#menuDESPL1 {
	color:#FFF;
	background-color:#444444 !important;
}
	#menuDESPL1 a {
		color:#FFF !important;
	}	
		#menuDESPL1 a:hover {
			color:#DDDDDD !important;
			background-color:#6f3c29 !important;
		}
		#menuDESPL1 .nav-pills > li > a.nivellPRIN, #menuDESPL2 .nav-pills > li > a.nivellPRIN {
			border:solid 1px #FFF !important;
		}	
		#menuDESPL1 .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
		    color: #6f3c29 !important;
		    background-color: #DDDDDD !important;
		}																							
#capcalera {
	padding-top:50px !important;
	background:#6f3c29;
	border-bottom: solid 1px #6f3c29;
}
	#capcalera .container {
		background: transparent !important;
	}
	#capcalera #divLogo {
		width:50%;
		float:left;
	}
	#capcalera #divSocial {
		width:50%;
		float:right;
	}
		#capcalera #divSocial .clinks {
			padding:10px 5px 5px 5px;
			float:right;	
		}
			#capcalera #divSocial .clinks a i {
				font-size:2em;
			}
				#capcalera #divSocial .clinks a:hover {
					text-decoration:none !important;
					color:#FFF;
				}
		@media screen and (max-width:768px) {
			#capcalera #divSocial .clinks {
				padding-top:20px;
			}		
		}
#capcaleraMini {
	padding-top:55px !important;	
}										
#menuAdministracioBT {
	margin:0 auto;
	text-align:center;
	color:#FFF;
	background:#2E3632;
}
	#menuAdministracioBT:hover {
		cursor:pointer;
		background:#4CDBC3;
	}
	@media screen and (max-width:980px) {
		#menuAdministracioBT, #menuAdministracio {
			display:none;
		}	
	}	
#menuAdministracio {
	margin:0 auto;
	text-align:center;
	background: #DDDDDD;
	display:none;		
}
	#menuAdministracio #contentMAdmin, #menuAdministracio #contentMPermisos {
		text-align:center !important;
		margin-bottom:0px !important;
	}
		#menuAdministracio #contentMAdmin i.icon-tkm_ico {
			font-size:1.3em;
			vertical-align:middle;
		}
		#menuAdministracio #contentMAdmin .btn {
			margin-bottom:3px;
			font-size:0.9em !important;
		}
		#menuAdministracio #contentMPermisos table {
			font-size:0.9em !important;
		}
#fotoPrincipal {
	float:left;
	margin: 0px 10px 10px 0px;
}
#gallery .col-sm-2 {
	text-align:center;
	margin-bottom:5px;
}	
#gallery .thumbnail {
	margin-bottom:10px;
}
#cos {
	margin:0 auto;
	margin-top:5px;
}
	#cos .containerCos {
		padding:0px;
	}
		#cos .containerCos .col25 {
			width:25%;
			padding:0px;
			float:left;
		}
		#cos .containerCos .col5 {
			width:5%;
			padding:0px;
			float:left;
		}
		#cos .containerCos .col70 {
			width:70%;
			padding:0px;
			float:left;
		}
		@media screen and (max-width:900px) {
			#cos .containerCos .col25, #cos .containerCos .col5 {
				display:none;
			}
			#cos .containerCos .col70 {
				width:100%;
			}
		}
	@media screen and (max-width:768px) {
		#cos .containerCos {
			padding:0px 10px 0px 10px;
		}	
	}
	#cos .cosPrincipal {
		padding:0px;
		width:100%;
	}
#cos100 {
  margin: 0 auto;
  margin:5px 1% 5px 1%;
  position: relative;
  width: 98% !important;
}		
#menuEsquerra {
	box-shadow: 3px 3px 3px #888888;	
}		
	#menuEsquerra .list-group-item.nivell3 {
		padding: 5px 10px 5px 20px !important;
		background-color:#BDBDBD;
		color:#FFF;
	}
	#menuEsquerra .list-group-item.nivell4 {
		padding: 5px 10px 5px 25px !important;
		background-color:#BDBDBD;
		color:#FFF;
	}
	#menuEsquerra .list-group-item.nivell5 {
		padding: 5px 10px 5px 30px !important;
		background-color:#BDBDBD;
		color:#FFF;	
	}
	#menuEsquerra .list-group-item.nivell6 {
		padding: 5px 10px 5px 35px !important;
		background-color:#BDBDBD;
		color:#FFF;	
	}
	#menuEsquerra .list-group-item.nivell7 {
		padding: 5px 10px 5px 40px !important;
		background-color:#BDBDBD;
		color:#FFF;	
	}
	#menuEsquerra .list-group-item.nivell8 {
		padding: 5px 10px 5px 45px !important;
		background-color:#BDBDBD;
		color:#FFF;	
	}
	#menuEsquerra .list-group-item.nivell9 {
		padding: 5px 10px 5px 50px !important;
		background-color:#BDBDBD;
		color:#FFF;	
	}					
#peu {
	position: absolute;
	width:100%;
	bottom:0;
	padding:30px 0px 30px 0px;
	background:#6f3c29;
	text-align:center !important;
	color: #FFF;
}	
	#peu #menuPEUgeneric ul.nav > li > a {
		color: #FFFFFF !important;
		border-bottom: dotted 1px #FFF !important;
	}	
		#peu #menuPEUgeneric ul.nav > li > a:hover {
			color:#444444 !important;
			border-bottom: solid 1px #FFF !important;
			background:none;
		}	

.breadcrumb {
	background-color: #F2F0EE !important;
	font-size: 0.9em !important;
	border-radius: 0px !important;
}
	.breadcrumb li.active {
		font-weight: bold !important;
	}
	.breadcrumb a {
		color: #807D79;
		font-weigth: normal !important;
	}	
.bannerTEXT .bannerLlegenda.color1 {
    background-color: #2E3632 !important;
    color: #444444 !important;
}	
		
/* PRINCIPAL *************************************************** */
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
#principalSlider.carousel {
  height: 450px;
  margin-top:-5px;
  margin-bottom: 30px;
}
/* Since positioning the image, we need to help out the caption */
#principalSlider .carousel-caption {
  z-index: 10;
  font-size:3em;
}
/* Declare heights because of positioning of img element */
#principalSlider.carousel .item {
  height: 450px;
  overflow:hidden;
  background-color: #777;
}
	#principalSlider .posicioImg1 {
		position: absolute;
		left: 50%;
		height:100%;
	}
		#principalSlider .posicioImg1 .posicioImg2 {
			position: relative;
			left: -50%;
			height:100%;
		}
		
		#principalSlider .carousel-inner > .item > img, #principalSlider .carousel-inner > .item > a > img,
		#principalSlider .carousel-inner > .item > .posicioImg1 > .posicioImg2 > img, #principalSlider .carousel-inner > .item > .posicioImg1 > .posicioImg2 > a > img {
  			max-width:1920px !important;
  			height:100%;
		}

		@media screen and (max-width:1200px) {
			#principalSlider.carousel {
			  height: 350px;
			}
		
			#principalSlider.carousel .item {
	 			height: 350px;
			}
			#principalSlider .carousel-caption {
			  padding-bottom:0px;
			  font-size:2.5em;
			}
			#principalSlider .carousel-indicators {
				padding-bottom:0px;
				bottom:0px;
			}
		}
		@media screen and (max-width:768px) {
			#principalSlider.carousel {
			  height: 250px;
			}
		
			#principalSlider.carousel .item {
	 			height: 250px;
			}
			#principalSlider .carousel-caption {
			  padding-bottom:0px;
			  font-size:1.5em;
			}
		}		
/* FI CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */		
#divBannerFix {
	position:fixed;
	width:auto;
	top:180px;
	left:5px;
	box-shadow: 2px 2px 2px #666666;
	z-index:5000;
}			
	@media screen and (max-width:768px) {
		#divBannerFix {	
			display:none;
		}
	}
#principalContingut {
	margin-top:10px;
}
#principalPatrocinadors {
	text-align:center;
	overflow:hidden;
	margin-bottom: 30px;
}
	#principalPatrocinadors .carousel {
		background:none;
	}
/* ************************************************************* */
/* CPANEL ****************************************************** */
.divControl {
	position:relative;
	width:25%;
	margin:5px 0px 5px 0px;
	overflow:hidden;
	float:left;
}
	.divControl.control80 {
		width:12% !important;
	}
	.divControl .divControlImg {
		width:96%;
		border:1px solid #CCC;
		overflow:hidden;
	}
		.divControl .divControlImg img {
			width:100%;
		}	
	.divControl:hover .divControlImg {
		background: rgba(120,120,120,0.3);
	}
	.divControl:hover .divControlImg img {
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
		
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;	
	}
	.divControl:hover small {
		color:#5699D2;
	}
		@media screen and (max-width:980px) {
			.divControl .divControlImg img {
				width:auto !important;
				height:100%;
			}
			.divControl .divControlText {
				display:none;
			}		
		}
		@media screen and (max-width:768px) {
			.divControl .divControlImg img {
				height:auto !important;
				width:100% !important;
			}
		}		
	.divControlSECCTOUCH {
		background-color: #007888 !important;
		color: #FFFFFF !important;
	}
/* ************************************************************* */
/* ALBUM ******************************************************* */
#box #drop
{
	width: inherit;
	min-height:100px;
}
	#box #dropThunder .img {
		margin-right:5px;
		margin-bottom:5px;
		float:left;
	}
/* ************************************************************* */
/* CISTELLA **************************************************** */
#nouCProveidor {
	display:none;
}	
#tagsLlista {
	padding:5px 0px 5px 0px;	
}
	#tagsLlista .afTag {
		background-color:#B9DBFC;
		padding:4px 10px 4px 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin-right:3px;
		cursor:pointer;
		float:left;
	}
/* ************************************************************* */
/* FITXA CLIENT ************************************************ */
	#tabs iframe {
		width:99%;
		height:600px !important;
		border:none;
		background:none;
		overflow:scroll;
	}
/* ************************************************************* */
/* TRADUCCIONS ************************************************* */
.tradZoom {
	position:relative;
	text-align:center;
	cursor:pointer;
}
.finestraZoom {
	position:absolute;
	top:0px;
	left:20px;
	width:300px;
	height:245px;
	padding:2px;
	border: solid 2px #0066CC;
	background-color:#EEE;
	display:none;
	text-align:center;
	z-index:1000;
}	
/* ************************************************************* */
/* HORARIS ***************************************************** */	
.horariDia {
	height:auto;
	width:13.2%;
	margin-left:1%;	
	float:left;	
}
	.horariFranja {
		padding:5px;
		background-color:#DDD;
		margin-bottom:5px;	
	}
		.horariFranjaDia {
			padding-top: 1px;
			padding-bottom: 1px;
			border: solid 1px #DDD;
			margin-bottom:2px;	
		}
@media screen and (max-width:768px) {
	.horariDia {
		width:100%;
		margin-left:0%;	
		float:none;	
	}	
}
/* ************************************************************* */
/* LLISTAT RESERVES ******************************************** */
.selectReservaDINAMIC {
	position:relative;
}
.detallReservaDINAMIC {
	position:absolute;
	top:-10px;
	left:27px;
	width:600px;
	height:auto;
	min-height:20px;
	padding:10px;
	background-color:#F9F9F9;
	border:solid 1px #AAA;
	box-shadow: 3px 3px 3px #888888;
	z-index:1000;
	display:none;	
}
	@media screen and (max-width:500px) {
		.detallReservaDINAMIC {
			width:400px;
		}
	}	
/* ************************************************************* */	
/* MAPA WEB **************************************************** */
#mapaWeb a{
	text-decoration:none;
}
    #mapaWeb a:hover{
            text-decoration:underline;
    }
#mapaWeb .itemWeb{
    padding-left:10px;
    margin-bottom:10px;
    margin-left:80px;
}
#mapaWeb .itemWeb0{
    background-color:#CCCCCC;   
    margin-left:0px !important;     
}
#mapaWeb .itemWeb1{
	background-color:#EEECCC;
    margin-left:20px !important;
}
#mapaWeb .itemWeb2{
	background-color:#EEEEEE;
    margin-left:40px !important;
}
#mapaWeb .itemWeb3{
    margin-left:60px !important;
}
/* ************************************************************* */	
/* ALTs ******************************************************** */
#alt1 .col-md-7, #alt1 .col-md-5, #alt2 .col-md-7, #alt2 .col-md-5 {
	padding-right:0px;
}
#alt1Slide {
	height: 340px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	border: 1px solid transparent;
  	border-radius: 4px;
}
	#alt1Slide img {
		border: 1px solid transparent;
  		border-radius: 6px;
	}
	#alt1Slide .carousel-caption {
		left:1%;
		right:1%;
		padding:0px;
		text-align: left !important;
	}	
#alt1Contingut {
	height: 340px;
}
	#alt1Contingut .panel-body {
		overflow:scroll !important;
		height:290px !important;
	}
.alt1Bnr1 {
	overflow:hidden;
	height:190px;
}
	.alt1Bnr1 .carousel-caption {
		left:1%;
		right:1%;
		padding:0px 15px 0px 15px;
		text-align: left !important;	
	}
.alt1Bnr1-1 {
	height:90px;
	margin-bottom:5px;
	padding-right:0px;	
}
#alt3 .col-md-4 {
	margin-bottom:10px;
	height:275px;
}		
/* ************************************************************* */
/* GRAELLA MÒBIL *********************************************** */
#inputSData {
	width:auto !important;
	display:inline !important;
}
/* ************************************************************* */
.trGuardat {
	background:rgba(0,153,51,0.7) !important;
}
.trGuardat2 {
	background:rgba(0,102,51,0.9) !important;
}
.panelSolid {
	background: #DDDDDD; /* Old browsers */
	background: -moz-linear-gradient(top, #DDDDDD 22%, #999999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#DDDDDD), color-stop(100%,#999999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #DDDDDD 22%,#999999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #DDDDDD 22%,#999999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #DDDDDD 22%,#999999 100%); /* IE10+ */
	background: linear-gradient(to bottom, #DDDDDD 22%,#999999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#999999',GradientType=0 ); /* IE6-9 */	
}
.noPadding {
	padding:0;
}
.noMargin {
	margin:0px;
}
.width100 {
	width:100% !important;
}
.cursorPoint {
	cursor:pointer;
}
.fordre {
	cursor:pointer;
}
	.fordre:hover {
		color:#A9D5FF !important;
	}
.vCentre {
	vertical-align: middle !important;
}	
	
#cookies {
	position:fixed;
	width:100%;
	padding:10px 0px 10px 0px;
	bottom:0px;
	left:0px;
	background:rgba(33,33,33,0.95);
	color:#EEE !important;
	z-index:50000;
}

.clearBoth {
	clear:both;
}
/*
@media screen and (max-width:800px) {
	#capcaleraFixed .navbar-toggle {
		float:left !important;
	}
}
*/
#ECnoticies {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
	#ECnoticies > [class*='col-'] {
	  display: flex;
	  flex-direction: column;
	}	
	#ECnoticies .thumbnail {
	    height: 100%;
	}
/*
personalització ocupació graella
*/
.restipus-1 { /* normal */
	background-color:rgba(255,0,0,0.5) !important;
	background-image:url('../../img/usos/res-tipus-1.png') !important;		
}
.restipus-2 { /* festiu */
			
}
.restipus-3 { /* intern */
	background:rgba(255,0,0,0.5) !important;		
}
.restipus-4 { /* torneig */
	background-color:rgba(252,137,9,0.5) !important;
	background-image:url('../../img/usos/res-tipus-4.png') !important;
	/*-webkit-filter: grayscale(100%);
  	filter: grayscale(100%);*/
  	filter:none !important;
  	opacity: 0.7;
}
.restipus-5 { /* formació */
	background-color:rgba(37, 141, 38,0.5) !important;
	background-image:url('../../img/usos/res-tipus-5.png');
	/*-webkit-filter: grayscale(100%);
  	filter: grayscale(100%);*/
  	filter:none !important;
  	opacity: 0.7;
}