@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');*/
@import "tkmwhhg.css";
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600&display=swap');
	html {
		position: relative;
		min-height: 100%;
		background: #fff !important;
	}
	body {
		/*font-family: 'Oswald', sans-serif;*/
		margin-bottom: 150px;
		
		/*background-image: -webkit-linear-gradient(top, #FFFFFF 10%, #999999 200%);
		background-image: -o-linear-gradient(top, #FFFFFF 10%, #999999 200%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#999999));
		background-image: linear-gradient(to bottom, #FFF 20%, #999999 150%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#ff999999', GradientType=1);*/
		background-color: #fff;
	}
		body.nomargin {
			margin-bottom:0px !important;
			width:98% !important;
			background:none !important;
		}	 
	#capcaleraFixed {
		/*box-shadow: 0px 3px 3px #888888;*/
		background: #000 !important;
		border-color: #000 !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;
			}		
		}																						
	#capcalera {
		padding-top:90px !important;
		padding-bottom: 30px !important;
		/*background-image:url(../../img/fons_capTKM1.jpg);
		background-repeat:no-repeat;
		background-position: center top;*/
		background:#000;
		
		border-bottom: solid 1px #fff;
	}
		#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:#ffc700;
	}
		#menuAdministracioBT:hover {
			cursor:pointer;
			background:#000;
		}
		@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;
		background-color: #fff !important;
	}
		#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:#000;
		color: #fff !important;
		text-align:center !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;
				}
			}		

	/* ************************************************************* */
	/* 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;
	}	


	/*Editat*/
	#capcaleraFixed .navbar-inverse {
		background-color: #1f6c35 !important;
	}
	/*Menu desplegable*/
	#menuDESPL1 {
		color: #fff !important;
		background: #3f3f3f !important !important ;
	}
	.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
		color: #fff !important;
	}
	#menuDESPL1 .nav-pills > li > a.nivellPRIN, #menuDESPL2 .nav-pills > li > a.nivellPRIN {
		border: none !important;
		font-weight: 450;
	}
	.nav > li > a:focus, .nav > li > a:hover {
		text-decoration: none;
		background-color: #3f3f3f;
		color: #fff !important;
		border-bottom: 3px solid #ffc700;
	}
	#menuTOP1.nav > li > a {
		color: #f9f9f9 !important;
		font-weight: 500;
		letter-spacing: normal;
	}
	.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
		background-color: #ffc700 !important;
	}
	/* Banner*/
	.bannerTEXT .bannerLlegenda.color1 {
		background: #ffc700 !important;
		border-radius: 0px 0px 8px 8px;
	}
	.bannerTEXT .bannerLlegenda {
		color: #fff !important;
		width: auto;
		padding: 10px;
		font-weight: bold;
		text-align: center !important;
		font-size: 16px;
		text-decoration: none !important;
	
	}
	.bannerTEXT .img {
		border-radius: 8px 8px 0px 0px;
	}
	/*Taueler control*/
	.divControlSECCTOUCH {
		padding: 5px 0px 5px 0px;
			padding-left: 0px;
		background: 
		#ffc700 !important;
		color: #FFF;
		text-align: left;
		width: 100%;
		padding-left: 2%;
		font-weight: 600 !important;
		text-transform: capitalize;
		font-size: 1.5em !important;
	}
	.divControlTOUCH {
		background: #333;
		color: #FFF;
		text-align: center;
		height: 98%;
		width: 98%;
		margin: 1%;
		padding: 16px 8px 16px 8px;
		display: table;
		text-transform: capitalize !important;
		font-weight: 450;
		font-size: 1.05em !important;
	}
	#menuPEUgeneric ul.nav > li > a {
		border-radius: 0px;
		padding: 5px !important;
		color: #fff !important;
		font-size: 1em !important;
		border-bottom: solid 1px #fff !important;
		font-size: 0.9em;
		font-weight: 500 !important;
		padding-top: 6px;
	}
	#capcaleraMenuEspecial {
		background: #fff !important;
	}
	#capcaleraMenuEspecial .container > ul.nav.nav-pills > li > a {
		color: #000 !important;
	}
	#peu.relatiu {
		background: #000 !important;
		color: #fff !important;
	}
	/*Registra*/ 
	#registreObligatori .panel-primary > .panel-heading {
		color: #fff !important;
		background-color: #ffc700 !important;
		border-color: #ffc700 !important;
	}
	/*Altres*/
	#DMEli_1 {
		background: #fff !important;
	}
	#DMEli_1 a:hover {
		background: #fff !important;
		border-bottom: 3px solid #ffc700 !important;
	}
	#DMEli_2 {
		background: #fff !important;
	}
	#DMEli_2 a:hover {
		background: #fff !important;
		border-bottom: 3px solid #ffc700 !important;
	}
	#capcaleraMenuEspecial .container > ul.nav.nav-pills > li > a, #capcalera #divMenuEspecialLogo ul.nav.nav-pills > li > a {
		color:#fff !important;

	}