@charset "utf-8";
@import "tkmwhhg.css";

html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 150px;
	background-image: -webkit-linear-gradient(top, #FFFFFF 5%, #CCCCCC 200%);
	background-image: -o-linear-gradient(top, #FFFFFF 5%, #CCCCCC 200%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
	background-image: linear-gradient(to bottom, #FFFFFF 10%, #CCCCCC 150%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFFFFF', endColorstr='#ffCCCCCC', GradientType=1);
	background-color: #FFFFFF;	
}
	body.nomargin {
		margin-bottom:0px !important;
		width:98% !important;
		background:none !important;
	}	 
#capcaleraFixed {
	background-image: -webkit-linear-gradient(top, #2c7797 5%, #006599 200%);
	background-image: -o-linear-gradient(top, #2c7797 5%, #006599 200%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2c7797), to(#006599));
	background-image: linear-gradient(to bottom, #2c7797 10%, #006599 150%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c7797', endColorstr='#ff006599', GradientType=1);
	background-color: #006599;
	border-bottom: solid 1px #01517b;
}
	#capcaleraFixed.navbar-inverse .navbar-nav > li > a {
		color:#FFF;
	}
		#capcaleraFixed.navbar-inverse .navbar-nav > li > a:hover {
			color:#DDD;
		}
	#capcaleraFixed .dvLogin {
		width:110px;
	}
	#capcaleraFixed .miniCistella a {
		color:#FFB800 !important;
	}
	#capcaleraFixed #navbar-header .btMobil, #capcaleraFixed #navbar-header .menuTOPDV {
		color:white !important;
		margin-right:10px;
		font-size:16px;
		padding-top:9px;
		padding-bottom:7px;
		
		background-color: #0f6b98 !important;
		border:solid 1px #0f6b98 !important;
		
		-webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
		box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
	}
		#capcaleraFixed #navbar-header a.btMobil:hover {
			text-decoration:none !important;
		}	
	#capcaleraFixed .dropdown-menu {
		background-color: #0f6b98;
		color:#FFF;
	}
		#capcaleraFixed .dropdown-menu > li > a, #capcaleraFixed .dropdown-menu > li > a:focus, #capcaleraFixed .dropdown-menu > li > a:hover {
			color:#FFF;
		}	
			#capcaleraFixed .dropdown-menu > li > a:focus, #capcaleraFixed .dropdown-menu > li > a:hover {
				background: #006599 !important;
				color: #EEE !important;
			}
			#capcaleraFixed .dropdown-menu .divider {
				background-color: #5aa5c6 !important;	
			}
	#capcaleraFixed #capcaleraFormLoginMINI {
		display:none !important;
	}
	#capcaleraFixed.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {
		background-image: -webkit-linear-gradient(top,#006599 0,#006599 100%);
		background-image: -o-linear-gradient(top,#006599 0,#006599 100%);
		background-image: -webkit-gradient(linear,left top,left bottom,from(#006599),to(#006599));
		background-image: linear-gradient(to bottom,#006599 0,#006599 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff006599', endColorstr='#ff006599', GradientType=0);
	}		
	
	@media screen and (max-width:1000px) {
		#capcaleraFixed #capcaleraFormLogin {
			display:none !important;
		}
		#capcaleraFixed #capcaleraFormLoginMINI {
			display:inherit !important;
		}		
	}																						
#capcalera {
	padding-top:50px !important;
	background:#006599;	
	border-bottom: solid 1px #2c7797;
}
	#capcalera .container {
		background: transparent !important;
	}
	#capcalera #divLogo {
		width:50%;
		float:left;
		padding-bottom:5px;
	}
		#capcalera #divLogo > a:hover {
			opacity: 0.8;	
		}
	#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;	
}
#capcaleraMenuEspecial {
	background-image: -webkit-linear-gradient(top, #EEEEEE 10%, #CCCCCC 200%) !important;
	background-image: -o-linear-gradient(top, #EEEEEE 10%, #CCCCCC 200%) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC)) !important;
	background-image: linear-gradient(to bottom, #EEEEEE 20%, #CCCCCC 150%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffEEEEEE', endColorstr='#ffCCCCCC', GradientType=1) !important;
	background-color: #EEE !important;
	color:#006599 !important;
}
		#capcaleraMenuEspecial .container > ul.nav.nav-pills > li.active, #capcaleraMenuEspecial .container > ul.nav.nav-pills > li.active > a {
			background:#006599 !important;
			color:#EEE !important;
		}
			#capcaleraMenuEspecial .container > ul.nav.nav-pills > li.active > a:hover {
				color:#FFF !important;
				background:#006599 !important;
			}
		#capcaleraMenuEspecial .container > ul.nav.nav-pills > li > a {
			color:#006599 !important;
		}
		#capcaleraMenuEspecial .container > ul.nav.nav-pills > li > a:hover {
			background:#006599 !important;
			color:#FFF !important;
		}
#capcaleraMENUextraIMG {
	background: #ECECEC !important;
	color:#006599 !important;
}
	#capcaleraMENUextraIMG a, #capcaleraMENUextraIMG a:hover {
		color:#006599 !important;
	}		
#menuDESPL1 {
	color:#FFF;
	background-color:#006599 !important;
}	
	#menuDESPL1 a:hover {
		color:#006599 !important;
	}
			#menuDESPL1 .nav-pills > li > a.nivellPRIN, #menuDESPL2 .nav-pills > li > a.nivellPRIN {
				border:solid 1px #2c7797 !important;
			}
/*
menu mòbil ******************************************
*/
#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;
	}
/* ************************************************** */		
										
#menuAdministracioBT {
	margin:0 auto;
	text-align:center;
	color:#FFF;
	background:#337ab7;
}
	#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;
}
	#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;
}		
					
#peu {
	position: absolute;
	width:100%;
	bottom:0;
	padding:30px 0px 30px 0px;
	background:#006599;
	text-align:center !important;
	color:#EEE;
}
	#peu a {
		color:#FFF;
	}	
		#peu a.btn {
			color:#333;
		}	
	#menuPEUgeneric ul.nav > li > a {
		color:#EEE !important;
		border-bottom: dotted 1px #EEE !important;
	}
		#menuPEUgeneric ul.nav > li > a:hover {
			color:#FFF !important;
			border-bottom: solid 1px #FFF !important;
			background:none !important;
		}
	#bannersPEU {
		border-top:solid 1px #49819e !important;
		border-bottom:solid 1px #49819e !important;
	}		

.bannerTEXT .bannerLlegenda.color1 {
    background-color: #006599 !important;
}
.breadcrumb {
    background-color: #EEE !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;
	min-height:80px;
}
	#principalPatrocinadors .carousel {
		background:none;
	}
/* ************************************************************* */
/* CPANEL ****************************************************** */
.divControlTOUCH {
	background: #006599 !important;
}	
	.divControlTOUCH:hover {
		background:#666 !important;
		color:#EEE !important;
	}
.divControlSECCTOUCH {
	 background: #00659999 !important;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}
/* ************************************************************* */
/* 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;
}
#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%;
		}
		#ECnoticies .thumbnail .caption > h4 {
			font-size: 14px !important;
		}
/*
personalització ocupació graella
*/
.graellaPG222 .restipus-1, .graellaPG222 .restipus-3, .graellaPG222 .restipus-4, .graellaPG222 .restipus-5,
.graellaPG223 .restipus-1, .graellaPG223 .restipus-3, .graellaPG223 .restipus-4, .graellaPG223 .restipus-5  
{
	background-color:rgba(255,0,0,0.5) !important;		
}