@charset "utf-8";

#iexplorer {
	min-height:50px; 
	padding:10px;
	display:none;
	text-align:center;
	width:100%;
	border-top:solid 1px #666;
	border-bottom:solid 1px #666;
	background:rgba(200,200,200,0.3);
	font-size:1.2em;
}
#infTaules {
	overflow:auto;
	overflow-y:auto;
	background:#EEE;
	border: solid 1px #DDD;
	border-radius:5px;
	height:400px;
}
	#infTaules .panel-dragg {
		width:380px !important;
	}
	#infTaules .panel-dragg > .llcamps {
		height:auto;
		max-height: 300px;
		overflow-y:auto;
	}
.overflowX {
	overflow:auto;
	overflow-y: hidden;
}	
	.overflowX.border {
		border:solid 1px #CCC;
		padding: 0px !important;
	}
.list-group-item.listMini {
	padding-top:5px !important;
	padding-bottom:5px !important;
}
.list-group.noBorder, .list-group.noBorder > .list-group-item {
	border: none !important;
	box-shadow: none !important;
}
	.list-group.noBorder.paddingMIN > .list-group-item {
		border: none !important;
		box-shadow: none !important;
		padding-left: 0px;
		padding-right: 0px;
	}
	.list-group.noBorder > .list-group-item.titol {
		font-weight: bold;
		border-bottom: solid 2px #CCC !important;
	}
.list-group-item.noBorder {
	border: none !important;
}
.list-group-item.separate {
	margin-bottom: 8px;
	border-radius: 4px !important;
}
.overH500 {
	height:500px !important;
	overflow-y: scroll;
}
body.bespecial {
	margin-bottom:0px;
	position:relative;
	background:RGBA(51, 51, 51, 0.95) !important;
}
body.blanc {
	background:#FFF;
	margin:0px;
}
html.totem {
	height:100%;
}
body.totem {
	position:relative;
	height:100%;
	margin-bottom: 0px;
}
	body.totem.out {
		background: url(../img/fons_totem.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;	
	}
.detallRebut {
	display:none;
	background:rgba(15,15,15,0.10) !important;
}

@media screen and (max-width:768px) {
	.divControl {
		width:50% !important;
	}
		.divControl.control80 {
			width:24% !important;
		}
}

@media screen and (max-width:980px) {
	body {
		margin-bottom:0px;
	}
	#peu {
		margin-top:10px;												
		position: relative;
	}
}
body.relatiu {
	margin-bottom:0px;
}
#peu.relatiu {
	position:relative;
	margin-top:10px;
}
.height100 {
	height: 100% !important;
}
/* ** Menus TOPs *********************** */
#capcaleraFixed.menuTOPDVshow {
	box-shadow: none;
	padding-bottom: 0px;
}
#capcaleraFixed.menuTOPDVhide {
	/*box-shadow: 0px 3px 3px #888888;*/
	padding-bottom: 5px;
}
.menuTOPDV {
	cursor:pointer;
}
#menuTOP1.nav > li > a {
	padding-left:2px !important;
}
#menuTOP1.nav > li.dropdown {
	padding-right:2px !important;
}
	#menuTOP1.nav > li.dropdown > a {
		padding-right:2px !important;
		padding-left:5px !important;
	}
	#btnCAPprv {
		color:#337ab7 !important;
		background: rgba(255,255,255,0.1) !important;
	}
#menuTOP2 {
	background:rgba(255,255,255,0.6) !important;
}	
#menuTOP2 > #menuTOP1.nav > li > a {
	padding-left:2px !important;
	padding-right:2px !important;
}
#menuTOP2 > #menuTOP1.nav > li.dropdown {
	padding-left:2px !important;
	padding-right:2px !important;
}
	#menuTOP2 > #menuTOP1.nav > li.dropdown > a {
		padding-right:5px !important;
		padding-left:5px !important;
	}
#menuDESPL1, #menuDESPL2 {
	display:none;
	padding-top:5px;
	padding-bottom:10px;
	overflow-y:scroll;
}
#menuDESPL1 {
	color:#FFF;
	background-color:#333;
}
	#menuDESPL1 a {
		color:#DDD;
	}	
	#menuDESPL1 a:hover {
		color:#333;
	}
		#menuDESPL1 .nav-pills > li > a, #menuDESPL2 .nav-pills > li > a {	
			padding-top:5px;
			padding-bottom:5px;
		}
			#menuDESPL1 .nav-pills > li > a.nivellPRIN, #menuDESPL2 .nav-pills > li > a.nivellPRIN {
				border:solid 1px #555;
			}
#menuDESPL1contingut, #menuDESPL2contingut {
	padding-bottom:10px;
}
.topSepara {
	padding-bottom:5px !important;
	margin-bottom: 5px;
	border-bottom: dotted 1px #666 !important;
}
#menuBase a:hover {
	color:#CCC !important;
}
.nomenu {
	background:#666;
	color:#EEE;
}
/* ************************************* */
/* Banners ***************************** */
.bannerTEXT {
	width:100%;
	margin-bottom:10px;
}
	.bannerTEXT .img {
		width: 100%;
		height: 230px;
		overflow: hidden;
	}
		.bannerTEXT .img > a > img {
			height:100%;
		}
	.bannerTEXT .text {
	    width: 100%;
	    min-height: 30px;
	    height: auto;
	    max-height: 120px;
	    text-align: left;
	    z-index: 10;
	}
	@media screen and (max-width:992px) {
		.bannerTEXT {
			width:96%;
			margin-left:2%;
			margin-right:2%;
		}
			.bannerTEXT .img {
				height: auto;
			}
			.bannerTEXT .img > a > img {
				height:auto;
				width:100%;
			}
	}
	@media screen and (max-width:768px) {
		.bannerTEXT {
			width:90%;
			margin-left:5%;
			margin-right:5%;
			margin-bottom:5px;
		}
			.bannerTEXT .img > a > img {
				height:auto;
				width:100%;
			}
	}
	.bannerTEXT .bannerLlegenda {
		color:#FFF; 
		width:auto; 
		padding:10px;
	}
		.bannerTEXT .bannerLlegenda.color1 {
			background-color:#333333;
		}
		.bannerTEXT .bannerLlegenda.color2 {
			background-color:#333333;
		}
		.bannerTEXT .bannerLlegenda.color3 {
			background-color:#333333;
		}
/* ************************************ */	
/* Control **************************** */
.rowControlTOUCH > .col-md-12, .rowControlTOUCH > .col-md-3, .rowControlTOUCH > .col-md-2, .rowControlTOUCH > .col-xs-6, .rowControlTOUCH > .col-xs-4 {
	padding:0px;
}
.rowControlTOUCH a, .rowControlTOUCH a:hover {
	text-decoration:none;
}
.divControlTOUCH {
	background:#333;
	color:#FFF;
	text-align:center;
	height:98%;
	width:98%;
	margin:1%;
	padding:16px 8px 16px 8px;
	display: table;
}
	.divControlTOUCH:hover {
		background:#666;
		color:#EEE;
	}
	.divControlTOUCH i.gran {
		font-size:4em;
	}
	.divControlTOUCH i.base {
		font-size:2em;
	}
	.divControlTOUCH span {
		display: table-cell;
		vertical-align: middle;
	}
	.divControlTOUCH.round {
		border-radius: 6px;
		height:94% !important;
		margin-bottom:6% !important;
	}
		.divControlTOUCH.round .cap {
			border-bottom: solid 1px #FFF;
			padding-bottom:4px;
			margin-top:-5px;
			margin-bottom:10px;
			margin-left:-8px;
			margin-right:-8px;
			font-size: 1.2em;
			font-weight: 600;
		}
		.divControlTOUCH.round .img {
			margin-top:-10px;
			margin-left:-8px;
			margin-right:-8px;
			margin-bottom:10px;
		}
			.divControlTOUCH.round:hover {
				box-shadow: 5px 5px 5px grey !important;
			}
			.divControlTOUCH.round:hover .img img {
				filter: grayscale(100%);
			}
			.divControlTOUCH > img.panell {
				filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
			}
	.divControlTOUCH.selected {
		background: #888;
	}
.divControlSECCTOUCH {
	padding:5px 0px 5px 0px;
	background:#337ab7;
	color:#FFF;
	text-align:left;
	width:100%;
	padding-left:2%;
}
	.divControlSECCTOUCH.black {
		background:#000000;
	}
/* ************************************ */	
.lgDetall {
	display:none;
}				
.grTaula {
	background-image:url(../img/fonsGTaula.png);
}
	.grHora.titol, .col-grFranja.element > .titol {
		height:30px;
		overflow:hidden;
	}
.col-grFranja {
	min-width:40px;
	float:left;
}
	.col-grFranja.element {
		/*min-width:200px;*/
	}	
.grFranja {
	padding-left:2px;
	padding-right:2px;
	border:solid 1px #333;
	border-radius: 4px;
	overflow: hidden;
}
.col-dia {
	width:14%;
	padding:1%;
	float:left;
} 
.loader {
  border: 6px solid #333;
  border-radius: 50%;
  border-top: 6px solid #EEEEEE;
  border-bottom: 6px solid #EEEEEE;
  width: 32px;
  height: 32px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
	.loader.blanc {
		border: 6px solid #EEE;
		border-top: 6px solid #333;
 		border-bottom: 6px solid #333;
	}
.loaderXL {
  border: 12px solid #333;
  border-radius: 50%;
  border-top: 12px solid #EEEEEE;
  border-bottom: 12px solid #EEEEEE;
  width: 64px;
  height: 64px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}	
.displayNone {
	display:none;
}
.pointer {
	cursor:pointer;
}

.has-warningCENT .form-control {
    border-color: #f9cb06;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    color: #F00;
	font-weight: bold;
    background: rgba(249, 229, 142, 0.34);
}

#postits {
	position:fixed;
	top:80px;
	right:20px;
	width:auto;
	height:auto;
	min-width:1px;
	min-height:1px;
	z-index:1000;
}
	#postits .postit {
		padding:5px;
		max-height:250px;
		width:250px;
		background:yellow;
		-webkit-box-shadow: 2px 2px rgba(0,0,0,.075);
    	box-shadow: 2px 2px rgba(0,0,0,.075);
    	margin-bottom:5px;
	}
	#postits .postit.tercer {
		background:#a1e993;
	}
		#postits .postit > input[type='text'], #postits .postit > textarea {
			background:none;
			border:none;
			width:100%;
		}
		#postits .postit > input[type='text'] {
			width:180px;
			font-weight:bold;
		}	
		
	#editPostits .postit {
		padding:5px;
		width:96%;
		background:yellow;
		-webkit-box-shadow: 2px 2px rgba(0,0,0,.075);
    	box-shadow: 2px 2px rgba(0,0,0,.075);
    	margin-bottom:10px;
	}
	#editPostits .postit.tercer {
		background:#a1e993;
	}
		#editPostits .postit > input[type='text'], #editPostits .postit > textarea {
			background:none;
			border:none;
			width:100%;
		}
		#editPostits .postit > input[type='text'] {
			width:98%;
			font-weight:bold;
		}	
		#editPostits .postit > textarea {
			display:block;
			min-height:150px;
    		max-height:100%;
		}
	#editPostits .postit.eliminat {
		background:#CCC;
		color:#333;
	}

i.tkm {
	font-size:2.5em;
	vertical-align: middle;
}
.granS {
	font-size:3em;
	text-shadow: 0 1px 0 rgba(33,33,33,1);
}
.granS1 {
	font-size:1.5em;
}
.granS12 {
	font-size:1.2em;
}
.granS13 {
	font-size:1.3em;
}
.genGGL {
	margin-bottom:20px;
}
	.genGGL.ordre {
		border:solid 1px #F00000;
		background:white;
		padding-top:5px;
		padding-bottom:5px;
	}	
.chart_div {
	width:100%;
	min-height:500px;
	height:auto;
	border:solid 1px #BBB;
	background:#FFF;
	padding:10px;		
}
	.chart_div.dim6 {
		min-height:400px;
	}
	.chart_div.dim4 {
		min-height:350px;
	}
	.chart_div.dim3 {
		min-height:250px;
	}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}		

/*
 * Graelles 2018
 */
 #resultatGRAELLA .infrj {
 	cursor:pointer;
 }
 	@media screen and (max-width:768px) {
 		 #resultatGRAELLA .infrj {
		 	font-size:2em;
		 }
 	}
 #graellaNOVA_espera {
 	position:fixed;
 	top:0px;
 	left:0px;
 	display:none;
 	background:rgba(0,0,0,0.4);
 	width:100%;
 	height:100%;
 	overflow:hidden;
 	z-index:2000;
 }
 	#graellaNOVA_espera #dv_espera {
 		position:absolute;
 		top:200px;
 		left:50%;
 		margin-left:-32px;
 	}
 	#graellaNOVA_espera #dv_info {
 		position:absolute;
 		border-radius:10px;
 		width:80%;
 		height:80%;
 		top:10%;
 		left:10%;
 		padding:3%;
 		background: #FFF;
 		overflow-y:scroll;
 	}
 		#graellaNOVA_espera #dv_info .dv_info_titol {
 			font-size:1.6em;
 			padding:5px;
 			border-bottom: solid 1px #333;
 		}
 		#graellaNOVA_espera #dv_info .dv_info_text {
 			padding-bottom: 10px;
 			font-size:1.2em;
 		}
 			#graellaNOVA_espera #dv_info .dv_info_text .usNivellIMG {
 				margin:10px;
 				width:40% !important;
 				float:left;
 			}
 			@media screen and (max-width:768px) {
 				#graellaNOVA_espera #dv_info .dv_info_text .usNivellIMG {
	 				margin:10px;
	 				width:90% !important;
	 				float:none;
	 			}
 			}
 #navegaGraellaInterna {
 	padding:10px;
 	padding-bottom:30px;
 	position:fixed;
 	bottom:0px;
 	left:0px;
 	width:100%;
 	z-index:2000;
 	background:#FFF;
 	border-top:solid 1px #999;
 	box-shadow: 0px -2px 3px #666;	
 }
 	#navegaGraellaInterna .rdGraella {
 		padding:5px;
 	}
 	 	#navegaGraellaInterna .rdGraella.seleccionat {
 			background:#EEE;
 		}
 	#navegaGraellaInterna #radioUsos {
 		margin-top:10px;
 	}			
 #resCURS { 
 	padding-top:10px;
 	padding-bottom:10px;
 	color:#FFF;
 	font-size:1.2em;
 	background:#33cc33;
 	z-index:100;
 }
 	#resCURS.fixe {
 	 	position:fixed;
 		width:100%;
 	}
 	#resCURS.noactiu {
 	 	display:none;
 	} 	
 	#resCURS .row {
 	 	margin-right: 0px;
		margin-left: 0px;
 	}	
 	#resCURS .btn.btn-confirmar {
		background:#FFF;
		color:#33cc33;
		border-color: #FFF;   
		border-radius: 0px;
		letter-spacing: 0.5px;
		vertical-align: middle;
		font-size: 1.2rem;
		line-height: 36px;
		outline: 0 none;
		padding: 0 2rem;
		display: inline-block;
		   text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);	
	}
	#resCURS .btn.btn-tankuam:hover {
		background:#EEE;
		border-color: #EEE; 
	}
	#resCURS .btn.btn-tankuam.activat {
		background:#EEE;
		border-color: #EEE;
	}
.rdGraella {
	padding-right:20px;
}	
#diaINFO {
	padding-left:0px !important;
	padding-right:0px !important;
}	
 #menuGR {
 	margin-right: 0px;
	margin-left: 0px;
 }	
 #menuGR .list-group {
	border-radius:0px;
	margin-bottom: 0px;
}
	#menuGR .list-group .list-group-item:first-child, #menuGR .list-group .list-group-item:last-child {
		border-radius:0px;
	}
#menuGR .col-md-4, #menuGR .col-md-3 {
	padding-right: 2px;
	padding-left: 2px;
}
@media screen and (max-width:768px) {
	#menuGR.row {
		margin:0px !important;
	}	
}
#filGRCalendari {
	margin-top:2px;
	min-height:230px;
	position:relative;
}
.calMESnavega {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:20%;	
}
	.calMESnavega .calMESnavega_botons, .calMESnavega .calMESnavega_dies {
		height:50%;
	}
		.calMESnavega .calMESnavega_botons .dBotons {
			height:100%;
			width:33%;
			float:left;
			text-align:center;
			
			background:#333333;
			color:#EEE;
			border-color: #333333;   
			border-radius: 0px;
			letter-spacing: 0.5px;
			vertical-align: middle;
			outline: 0 none;
			padding: 0 2rem;
			display: inline-block;
			text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
			-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
		}
.calMES {
	position:absolute;
	top:20%;
	left:0px;
	width:100%;
	height:80%;
}
	.calMES .calDIA, .calMESnavega .calDIA {
		text-align:center;
		width:14.28571%;
		padding:2px;
		float:left;
	}
		.calMES .calDIA.setb4 {
			height:25%;
		}
		.calMES .calDIA.setb5 {
			height:20%;
		}
		.calMES .calDIA.setb6 {
			height:16.66%;
		}
		.calMES .calDIA.setb7 {
			height:14.28571%;
		}
			.calMES .calDIA .mEstat {
				position: relative;
				text-align:center;
				width:100%;
				height:100%;
				border:solid 1px #EEE;
			}
				.calMES .calDIA .mEstat.inactiu {
					background:#FFF;
					color:#DDD;
				}
				.calMES .calDIA .mEstat.lliure {
					background:#0F0;
					color:#FFF;
					cursor:pointer;
				}
				.calMES .calDIA .mEstat.festiu {
					background:#25c0ff;
					color:#FFF;
					cursor:pointer;
				}				
				.calMES .calDIA .mEstat.ocupat {
					background:#F00;
				}
				.calMES .calDIA .mEstat.avui {
					border: solid 1px #333;
				}
				.calMES .calDIA .mEstat.seleccionat {
					border: solid 1px #999;
				}
			.calMES .calDIA .mEstat > span {
				display: inline-block;
				vertical-align: middle;
				line-height:1em;
			}
.graellaRes_0 {
	margin-top:5px;	
}
	.graellaRes_0.reservaActiva {
		padding-bottom:100px;
	}
	.graellaRes_0 .element_0 {
		padding:5px;
		float:left;
	}
		.graellaRes_0 .element_0 .e0Titol {
			padding:5px;
			height:30px;
			color:#FFF;
			overflow:hidden;
		}	
	.graellaRes_0 .uso_0 {
		padding:2px;
		float:left;
	}
		.graellaRes_0 .uso_0 .u0Titol {
			padding:8px;
			height:40px;
			overflow:hidden;
			cursor:pointer;
		}
			@media screen and (max-width:768px) {
				.graellaRes_0 .uso_0 .u0Titol.infrj {
					font-size:1em !important;
				}
			}
		.graellaRes_0 .uso_0 .u0Uso {
			position:relative;
			overflow:hidden;
			cursor:pointer;
		}
			.graellaRes_0 .uso_0 .u0Uso .u0Contingut, .graellaRes_0 .u0ContingutBLN {
				height:100%;
				width:100%;
				border-top:solid 1px #FFF;
				padding-left: 4px;
				padding-top:4px;
			}
		.graellaRes_0 .uso_0 .u0Uso.seleccionat {
			background:#333 !important;
			color:#FFF !important;
		}
		.graellaRes_0 .uso_0 .u0Uso.deshabilitat {
			cursor:auto !important;
		}
	.graellaRes_0 .uso_0.deshabilitat {
		opacity:0.5;
	}
#reservaCONTINUA {
	display:none;
	position:fixed;
	height:100px;
	width:100%;
	bottom:0px;
	left:0px;
	padding:20px;
 	border-top: solid 3px #FFF;
 	color:#FFF;
 	font-size:1.2em;
 	background:#33cc33;
 	z-index:1000;
 	text-align:center;
}
 	#reservaCONTINUA .btn.btn-confirmar {
		background:#FFF;
		color:#33cc33;
		border-color: #FFF;   
		border-radius: 0px;
		letter-spacing: 0.5px;
		vertical-align: middle;
		font-size: 1.8rem;
		line-height: 36px;
		outline: 0 none;
		display: inline-block;
		   text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);	
	}								
.graellaRes_1 .row {
	margin-right: 0px;
	margin-left: 0px;
}
.graellaRes_1 .element {
	margin-top:5px;
	padding:10px;
	color:#FFF;
}
.graellaRes_1 .us {
	padding:10px;
	padding-left:20px;
}
.graellaRes_1 .franja {
	margin-bottom:2px;
	border: solid 1px #CCC;	
	padding:10px;
	background:rgba(255,255,255,0.9);
}
	.graellaRes_1 .franja .row .cfrj {
		cursor:pointer;
	}
	
.diaSET_b7 {
	width:14.28571%;
	float:left;
}
.diaSET_b6 {
	width:16.6666%;
	float:left;
} 
.diaSET_b5 {
	width:20%;
	float:left;
} 
.diaSET_b2 {
	width:50%;
	float:left;
}
.diaSET_b1 {
	width:100%;
}
	.diaSET_b7 .diaSET, .diaSET_b6 .diaSET, .diaSET_b5 .diaSET, .diaSET_b2 .diaSET, .diaSET_b1 .diaSET {
		margin:2px;
		background:#EEE;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
		.diaSET_b7 .diaSET.avui, .diaSET_b6 .diaSET.avui, .diaSET_b5 .diaSET.avui, .diaSET_b2 .diaSET.avui, .diaSET_b1 .diaSET.avui {
			background:#CCC;
			font-weight:bold;
		}
@media screen and (max-width:768px) {	
	.diaSET_100 {
		width:100% !important;	
	}		
}
.diaUS {
	margin:2px;
	border:solid 1px #EEE;
	text-align:left;
}
 	.diaUS .row {
 	 	margin-right: 0px;
		margin-left: 0px;
 	}
	.diaUS .element {
		padding:2px;
		color:#000;
	}
	.diaUS .us {
		padding:4px;
		border-bottom: solid 1px #FFF;
	}	
		.diaUS .us .horari {
			font-size:0.9em;
			padding:2px;
			background: rgba(255,255,255,0.2);
		}
			.diaUS .us .horari .hora {
				width:50%;
				float:left;
			}
	.diaUS .us .info .cfrj {
		cursor:pointer;
	}
.noUS {
	height:1px;
}
.restipus-1 {
	background-size: auto 100%;
	background-position: top right;
	background-repeat: no-repeat;	
}
.restipus-2 {
	background-size: auto 100%;
	background-position: top right;
	background-repeat: no-repeat;	
}
.restipus-3 {
	background-size: auto 100%;
	background-position: top right;
	background-repeat: no-repeat;	
}
.restipus-4 {
	background-image:url('../img/usos/res-tipus-4.png');
	background-size: auto 100%;
	background-position: top right;
	background-repeat: no-repeat;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  	filter: grayscale(100%);
  	opacity: 0.7;
}
.restipus-5 {
	background-image:url('../img/usos/res-tipus-5.png');
	background-size: auto 100%;
	background-position: top right;
	background-repeat: no-repeat;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  	filter: grayscale(100%);
  	opacity: 0.7;
}
.reservaBOTONS {
	position:fixed;
	/*height:100px;*/
	width:100%;
	bottom:0px;
	left:0px;
	padding:20px;
	border-top: solid 3px #FFF;
	color:#FFF;
	font-size:1.2em;
	z-index:1000;
}
	.reservaBOTONS.colorDEST {
		background:#33cc33;
	}
	.reservaBOTONS.colorFI {
		background:#333333;
	}
	.reservaBOTONS a, .reservaBOTONS a:hover {
		text-decoration: none;
		color:#FFF;
	}
.cgrH {
	background:#FFF;
}	
	.cgrH .info {
		padding:10%; 
		background:#FFF; 
		height:100%;
	}			
.btn.btn-blanc {
	background:#FFF;
	color:#000;
	border-color: #000;
	border-radius: 50px;
	letter-spacing: 0.5px;
	/*text-transform: uppercase;*/
	vertical-align: middle;
	font-size: 1em;
	line-height: 36px;
	outline: 0 none;
	padding: 0 3rem;
	display: inline-block;
	   text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);

	transition-duration: .3s;
	transition-property: transform;
}
	.btn.btn-blanc:hover {
		border-color: #FFF;
		transform:scale(1.1);
	}
		.btn.btn-blanc.btn-sm {
			padding: 5px 10px;
			font-size: 12px;
			line-height: 1.5;
			border-radius: 20px;
		}
		.btn.btn-blanc.btn-xs {
			padding: 1px 5px;
			font-size: 12px;
			line-height: 1.5;
			border-radius: 20px;
		}
.btn.btn-negre {
	background:#000;
	color:#FFF;
	border-color: #000;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	transition-duration: .3s;
	transition-property: transform;
}
	.btn.btn-negre:hover {
		transform:scale(1.1);
	}
		.btn.btn-negre.no-hover:hover {
			transform:none;
		}
.btn.btn-gris {
	background:#F5F5F5;
	color:#000000;
	border-color: #F5F5F5;
	text-shadow: none;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	transition-duration: .3s;
	transition-property: transform;
}
	.btn.btn-gris:hover {
		background: #DDDDDD;
		border-color: #DDDDDD;
	}
.btn.btn-transparent {
	background:none;
	color:#000;
	border-color: transparent;
	/*text-shadow: 0 -1px 0 rgba(0,0,0,0.2);*/
	-webkit-box-shadow: none;
	box-shadow: none;
}
	.btn.btn-transparent:hover {
		background:none;
		text-shadow: 0 1px 0 rgba(0,0,0,0.2);
		border-color: transparent;
	}
	.btn.btn-transparent.white {
		color: #FFF !important;
	}
.btn.btn-seguent {
	background: #333333 0% 0% no-repeat padding-box;
	box-shadow: 0px 4px 4px #00000007;
	border-radius: 15px;
	color:#FFFFFF;
	letter-spacing: 0.5px;
	vertical-align: middle;
	font-size: 1em;
	line-height: 36px;
	outline: 0 none;
	padding: 0 3rem;
	display: inline-block;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);

	transition-duration: .3s;
	transition-property: transform;
}
	.btn.btn-seguent:hover {
		transform:scale(1.1);
	}
	.btn.btn-seguent.btn-sm {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 10px;
	}
	.btn.btn-seguent.btn-xs {
		padding: 1px 5px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 10px;
	}
	.btn.btn-seguent.btn-lg {
		padding: 1rem 6rem;
		font-size: 18px;
		line-height: 1.3333333;
		border-radius: 18px;
	}
.btn.btn-anterior {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 4px 4px #00000007;
	border-radius: 15px;
	color:#333333;
	border-color: #333333;
	letter-spacing: 0.5px;
	vertical-align: middle;
	font-size: 1em;
	line-height: 36px;
	outline: 0 none;
	padding: 0 3rem;
	display: inline-block;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);

	transition-duration: .3s;
	transition-property: transform;
}
	.btn.btn-anterior:hover {
		border-color: #333333;
		transform:scale(1.1);
	}
	.btn.btn-anterior.btn-sm {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 10px;
	}
	.btn.btn-anterior.btn-xs {
		padding: 1px 5px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 10px;
	}
	.btn.btn-anterior.btn-lg {
		padding: 1rem 6rem;
		font-size: 18px;
		line-height: 1.3333333;
		border-radius: 18px;
	}
.btn.btn-tankuam {
	background:#333333;
	color:#EEE;
	border-color: #333333;
	border-radius: 0px;
	letter-spacing: 0.5px;
	/*text-transform: uppercase;*/
	vertical-align: middle;
	font-size: 1.2rem;
	line-height: 36px;
	outline: 0 none;
	padding: 0 2rem;
	display: inline-block;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
}
.btn.btn-tankuam:hover {
	background:#000000;
	border-color: #666666;
}
.btn.btn-tankuam.activat {
	background:#000000;
	border-color: #666666;
}
.btn.btn-tankuam.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.btn.btn-tankuam.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.btn.btn-round {
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 50px !important;
    text-transform: capitalize;
}
	.btn.btn-round.nopadding {
		padding:0px !important;
		min-width: 20px;
	}
.btn.btn-textgrey {
	color: #777777 !important;
}
.usNivell {
	padding:4px;
	padding-left: 6px;
	border: solid 1px #999;
	font-size:1.6em;
}
.usNivellTXT {
	line-height:1em;
	padding-bottom:10px;
}
.usNivellIMG {
	width:100%;
	margin-bottom:5px;
}
.usNivellMN {
	padding:4px;
	padding-left: 6px;
	border: solid 1px #999;
	font-size:1.3em;
}
/*
 * ELEMENTS CONTINGUT DETALL - INI
 */
.fullCellContainerMargin1 {
	border:dotted 1px #CCC;
	margin:2px;
	padding:5px;
	width:100%;
	height:100%;
}
	.fullCellContainerMargin1 .fullCellContainerMargin2 {
		margin:2px;
		padding:5px;
		width:100%;
		height:100%;
	}
		.fullCellContainerMargin1 .fullCellContainerMargin2 .alert {
			padding-top:2px !important;
			padding-bottom:2px !important;
			margin-bottom:2px !important;
		}
.colFElement {
	border:dotted 1px #CCC;
	color:#BBB;
	padding:10px;
	min-height:80px;
}
.nova-row-format {
	padding-top:5px;
	padding-bottom:5px;
}
.nRBtn {
	padding-top:5px;
}
	.nRBtn .btn-lg {
		height:80px;
	}
.dx-display-inline-block {

    display: inline-block !important;
    clear: both;

}
.PanelAdmin {
	padding-top:4px;
	padding-bottom: 4px;
}
.editar-celaIF {
	display: inherit;
}
.sortir-cela {
	display: none;
}
.borrar-cela {
	margin-left: 50px !important;
	display: none;
}
.pln_banners, .pln_noticies, .pln_graella {
	margin-bottom:5px;
	margin-top:5px;
}
	.pln_graella.colorCLAR {
		background-color:#FFF;
		padding-top:5px;
		padding-right:5px;
		padding-left:5px;
	}	
	.pln_graella.colorFOSC {
		background:rgba(0,0,0,0.3);
		padding-top:5px;
		padding-right:5px;
		padding-left:5px;
	}
		.pln_graella .row.colorCLAR, .pln_graella .row.colorFOSC {
			margin-right:-20px;
			margin-left:-20px;
		}
.pln_appblog .thumbnail {
	height:100%;
}
.pln_appblog .img-appblog {
	width: 100%;
	overflow: hidden;
}
	.pln_appblog .img-appblog.col6, .pln_appblog .img-appblog.col12 {
		height: 280px;
	}
	.pln_appblog .img-appblog.col4 {
		height: 220px;
	}
	.pln_appblog .img-appblog.col3 {
		height: 190px;
	}
		.pln_appblog .img-appblog img {
			display: block;
			max-width: 100%;
			height: auto;
		}
.pln_separador1 {
	border-top:solid 1px #CCC;
	margin-top:10px;
	margin-bottom:10px;
}
#dvElementContingut > .alterna {
	background:#FFF;
	margin-right:-40px;
	margin-left:-40px;
	margin-top:30px;
	margin-bottom:30px; 
	padding-top:10px;
	padding-bottom:10px;
}
	#dvElementContingut .alterna > .col-xs-12, #dvElementContingut .alterna > .col-md-12 {
		padding-right:40px;
		padding-left:40px;
	}
@media screen and (max-width:1200px) {
	#dvElementContingut .alterna {
 		margin-right:0px;
 		margin-left:0px;
	}
		#dvElementContingut .alterna > .col-xs-12 {
			padding-right:10px;
			padding-left:10px;
		}	 	
}		
.elemBanners {
	margin-left:-15px;
	margin-right:-15px;
}
.elemTitol {
	background: rgba(0,0,0,0.30);
	padding:2px;
}
.EGgraella {
	min-height:200px;
}

/*
 * ELEMENTS CONTINGUT DETALL - FI
 */
.imgAEsq {
	float:left;
 	margin-right:10px;
 	margin-bottom: 10px;
 	width:40%;
}
 	@media screen and (max-width:768px) {
		.imgAEsq {
	 		clear:both;
	 		margin-right:0px;
	 		margin-bottom: 10px;
	 		width:100%;
		} 	
 	}
 	
#principalSlider100 {
	min-height:200px;	
}
	#principalSlider100.carousel {
		min-height:200px;
	  	height: auto;
	  	margin-top:-5px;
	  	margin-bottom: 30px;
	}
	/* Since positioning the image, we need to help out the caption */
	#principalSlider100 .carousel-caption {
	  	z-index: 10;
	  	font-size:3em;
	}
		#principalSlider100 .carousel-caption.color {
			font-size:2em;
			right:0px;
			left:0px;
			bottom:0px;
			padding-top:10px;
			padding-bottom:10px;
			background:rgba(0,0,0,0.7);
		}
		@media screen and (max-width:768px) {
			#principalSlider100 .container{
				padding-left:0px;
				padding-right:0px;
			}
			#principalSlider100 .carousel-caption {
				position:relative;
				width:100%;
			}
		}
	#principalSlider100 .carousel-captionYUT {
	  	position: absolute;
	  	z-index: 10;
	  	font-size:3em;
	  	right: 15%;
	  	left: 15%;
	  	bottom:30%;
	  	color: #fff;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
	}		
	#principalSlider100.carousel .item {
		min-height:200px;
	  	height: auto;
	  	overflow:hidden;
	  	background-color: #777;
	}		
		#principalSlider100 .carousel-inner > .item > img, 
		#principalSlider100 .carousel-inner > .item > a > img {
	 		width:100%;
		} 
		@media screen and (max-width:768px) {
			#principalSlider100, #principalSlider100.carousel, #principalSlider100.carousel .item {
				min-height:100px;	
			}
			#principalSlider100 .carousel-caption, #principalSlider100 .carousel-caption.color {
			  	font-size:1.2em;
			}
			#principalSlider100 .carousel-captionYUT {
				font-size:2em;
			}		
		}		
#indicatorsColor {
	margin:0 auto;
	position:relative;
	height:40px;
	background:#EEE;
}
	#indicatorsColor .carousel-indicators {
		top:10px;
		bottom: 5px;
	}
		#indicatorsColor .carousel-indicators li {
			border:solid 1px #999;
			background-color: #999;
		}
			#indicatorsColor .carousel-indicators .active {
				width:10px;
				height:10px;
				margin: 1px;
				border:solid 1px #666;
				background-color: #666;
			}	 	
#principal_youtube {
	display:none;
	z-index:20;
	height:100%;
	width:100%;
	background:rgba(33,33,33,0.9);
	position:absolute;
}
#principal_youtube_tanca {
	display:none;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	color:white;
	font-size:3em;
	z-index:25;
}
	#capcalera #divLogo {
		width:30% !important;
	}
	#capcalera #divMenuEspecialLogo {
		float: left !important;
		padding-top:20px;
		width:70% !important;
	}
		#capcalera #divMenuEspecialLogo a {
			color:#FFF !important;
		}
#capcaleraMenuEspecial {
	display:none;
	min-height:20px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: -webkit-linear-gradient(top, #999999 10%, #666666 200%);
	background-image: -o-linear-gradient(top, #999999 10%, #666666 200%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666));
	background-image: linear-gradient(to bottom, #999999 20%, #666666 150%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999FF', endColorstr='#FF666666', GradientType=1);
	background-color: #666666;
	font-size:1.2em;
	color:#FFF;
}
	#capcaleraMenuEspecial.visible {
		display:inherit;
	}
		#capcaleraMenuEspecial.menuExtraLogo {
			min-height: 0px !important;
			padding-top: 0px !important;
			padding-bottom: 0px !important;
    	}
    #capcaleraMenuEspecial .container > ul.nav.nav-pills > li.active, #capcaleraMenuEspecial .container > ul.nav.nav-pills > li.active > a,
    #capcalera #divMenuEspecialLogo ul.nav.nav-pills > li.active, #capcalera #divMenuEspecialLogo ul.nav.nav-pills > li.active > a
    {
        border-radius:0px;
        background:#666;
    }
        #capcaleraMenuEspecial .container > ul.nav.nav-pills > li.active > a:hover {
            color:#CCC;
        }
        #capcalera #divMenuEspecialLogo ul.nav.nav-pills > li > a:hover,
        #capcalera #divMenuEspecialLogo ul.nav.nav-pills > li.active > a:hover {
            background: none !important;
            color: #CCC !important;
            text-decoration: underline;
        }
			#capcalera #divMenuEspecialLogo ul.nav.nav-pills > li,
			#capcalera #divMenuEspecialLogo ul.nav.nav-pills > li:visited,
			#capcalera #divMenuEspecialLogo ul.nav.nav-pills > li > a:visited,
			#capcalera #divMenuEspecialLogo ul.nav.nav-pills > li > a:active {
				background: none !important;
			}
    #capcaleraMenuEspecial .container > ul.nav.nav-pills > li > a,
    #capcalera #divMenuEspecialLogo ul.nav.nav-pills > li > a
    {
        color:#FFF;
        font-weight:500;
        text-decoration:none;
    }
        #capcaleraMenuEspecial .container > ul.nav.nav-pills > li > a.MEbtn,
        #capcalera #divMenuEspecialLogo ul.nav.nav-pills > li > a.MEbtn
        {
            padding-top:11px;
            padding-left:3px;
            padding-right:3px;
        }
        #capcalera #divMenuEspecialLogo ul.nav.nav-pills > li > a.MEbtn:hover {
            text-decoration: none;
        }
    #capcaleraMenuEspecial .container > ul.nav.nav-pills > li > a:hover {
        color:#666;
        text-decoration:none;
    }
#capcaleraMENUextraIMG {
background-image: -webkit-linear-gradient(top, #666666 10%, #333333 200%);
background-image: -o-linear-gradient(top, #666666 10%, #333333 200%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
background-image: linear-gradient(to bottom, #666666 20%, #333333 150%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666FF', endColorstr='#FF333333', GradientType=1);
background-color: #333333;
}
#capcaleraMENUextraIMG .container {
    padding-top:5px;
    padding-bottom:5px;
}
#capcaleraMENUextraIMG a, #capcaleraMENUextraIMG a:hover {
    color:#FFF;
    text-decoration:none;
}
#capcaleraMENUextraIMG hr {
    height:0px;
    text-align:left;
    border-top:0px;
    border-bottom:#999 dashed 1px;
}
#capcaleraMENUextraIMG img {
    border:solid 1px #CCC;
}
#menuAdministracioBT.minimitzat {
margin:0px !important;
padding-top:15px !important;
padding-bottom:15px !important;
border:none !important;
}

#menuPEUgeneric {
padding-bottom:40px;
}
#menuPEUgeneric ul.nav > li > a {
    border-radius:0px;
    padding:2px;
    color:#666;
    font-size:0.8em;
    border-bottom: dotted 1px #666;
}
    #menuPEUgeneric ul.nav > li > a:hover {
        color:#333;
        border-bottom: solid 1px #333;
    }
.imgBPeu {
max-width:100%;
}
.imgBPeu.gris {
    filter: grayscale(100%);
}
.imgBPeu.strans {
    filter: contrast(0%);
    opacity:10%;
}
#bannersPEU {
margin-top:5px;
margin-bottom:10px;
padding-top:5px;
padding-bottom:5px;
border-top:solid 1px #CCC;
border-bottom:solid 1px #CCC;
}
#bannersPEU > a, #bannersPEU > a:hover {
    text-decoration:none;
}
#bannersPEU > a > img.bannerPEU {
    margin:5px;
    opacity: 0.5;
      filter: alpha(opacity=50);
      max-width:100px;
}
    @media screen and (max-width:768px) {
        #bannersPEU > a > img.bannerPEU {
              max-width:80px;
        }
    }
    #bannersPEU > a > img.bannerPEU:hover {
        opacity:1;
    }
.row-igual-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
}
.row-igual-height > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.paddingBottom {
padding-bottom: 5px;
}
.paddingBottom.pt10 {
    padding-bottom: 10px !important;
}
.paddingBottom.pt16 {
    padding-bottom: 16px !important;
}
.paddingBottom.pt20 {
    padding-bottom: 20px !important;
}
.paddingBottom.pt32 {
    padding-bottom: 32px !important;
}
.paddingBottom.pt40 {
    padding-bottom: 40px !important;
}
.paddingTop {
padding-top: 5px;
}
	.paddingTop.pt10 {
		padding-top: 10px !important;
	}
	.paddingTop.pt16 {
		padding-top: 16px !important;
	}
	.paddingTop.pt20 {
		padding-top: 20px !important;
	}
	.paddingTop.pt32 {
		padding-top: 32px !important;
	}
	.paddingTop.pt40 {
		padding-top: 40px !important;
	}
	.paddingTop.ptButton {
		padding-top:24px !important;
	}
.paddingLeft {
	padding-left: 5px;
}
	.paddingLeft.pl20 {
		padding-left: 20px;
	}
	.paddingLeft.pl40 {
		padding-left: 40px;
	}
	.paddingLeft.pl80 {
		padding-left: 80px;
	}
	.paddingLeft.pl120 {
		padding-left: 120px;
	}
.lineHeight {
	line-height: 1.5;
}
.lineHeight.em2 {
    line-height: 2;
}
.divSeleccionat {
background:#EEE;
}

/* casal */
#validaContracte, #generaContracte {
	position:fixed;
	min-height:100px;
	width:100%;
	bottom:0px;
	left:0px;
	padding:20px;
 	border-top: solid 3px #FFF;
 	color:#FFF;
 	font-size:1.2em;
 	background:#33cc33;
 	z-index:1000;
 	text-align:center;
}
	#validaContracte.validant {
		background:#CCC;
	}
	#validaContracte.error {
		background:#FC0;
	}	
 	#validaContracte .btn.btn-confirmar, #generaContracte .btn.btn-confirmar {
		background:#FFF;
		color:#33cc33;
		border-color: #FFF;   
		border-radius: 0px;
		letter-spacing: 0.5px;
		vertical-align: middle;
		font-size: 1.8rem;
		line-height: 36px;
		outline: 0 none;
		display: inline-block;
		   text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);	
	}
 	#generaContracte .btn.btn-cancelar {
		background:#999;
		color:#FFF;
		border-color: #999;   
		border-radius: 0px;
		letter-spacing: 0.5px;
		vertical-align: middle;
		font-size: 1.8rem;
		line-height: 36px;
		outline: 0 none;
		display: inline-block;
		   text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);	
	}		
#cashdroWait {
	z-index:1000;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.9);
	display:none;
}
	#cashdroWait #cashdroWaitBtns {
		position:absolute;
		top:200px;
		left:10%;
		width: 80%;
	}
	#cashdroWait.error {
		background:rgba(255,0,0,0.9);
	}
/*
* TOTEM - INI ***********************
*/
#cosTotem {
	padding-top:55px;
	height:100%;
	width:100%;
	overflow:auto;
	position:relative;
} 
	#cosTotem > .container.opcions {
		height:100%;
	}
	#cosTotem #totemPubli {
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:10;
		/*
		background: url(../img/fons_totem.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		 */
	}
		#cosTotem #totemPubli #totemPublicPRE {
			display:none;
		}
		#cosTotem #totemPubliIMG {
			position:fixed;
			top:0px;
			left:0px;
			z-index:5;
			display:none;
		}
#mostraTotem {
	height:100%;
}
#textPassaTargeta {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	padding:1%;
	min-height:10%;
	background:rgba(0,0,0,0.8);
	border: solid 1px #111;
	text-align:center;
	color:#FFF;
	font-size:3em;
	z-index:100;
}
#btnSCRtop, #btnSCRdown {
	position:fixed;
	z-index:2000;
	background:rgba(0,0,0,0.8);
	min-height:20px;
	min-width:60px;
	text-align:center;
	padding:0px;
	color:#FFF;
	font-size:2em;
	cursor:pointer;	
}
	#btnSCRtop .btn-tankuam, #btnSCRdown .btn-tankuam {
		font-size:1em;
		height:100%;
		min-height:60px;
		border:none;
	}
#btnSCRtop {
	top:55px;
	right:10px;	
}
#btnSCRdown {
	bottom:10px;
	right:10px;	
}
.guardarOK {
	background:#c82d2d !important;
}
.guardarKO {
	background:#FF0000 !important;
}
.guardarOKscs {
	background:#5CB85C !important;
}
.guardarKOdng {
	background:#D9534F !important;
}
/*
* TOTEM - FI *************************
*/
.slcIco:hover {
	background:#EEE !important;
}

.panel-footer.paycomet {
	color:#EEE;
	background:#242424;	
}
.cpin, .npin {
	border: solid  2px #242424;
	text-align: center;
}
.npin {
	width:30px !important;
	margin-right:5px;
	float:left;
	padding-right:0px;
	padding-left:0px;
	text-align: center;
}
#capCistella.ctotem {
	margin-right:5px !important;
}
#capCistella.ctotem.miniCistella {
	background-image: -webkit-linear-gradient(top, #f0ad4e 0, #eb9316 100%) !important;
    background-image: -o-linear-gradient(top, #f0ad4e 0, #eb9316 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)) !important;
    background-image: linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) !important;
    background-repeat: repeat-x !important;
    border-color:#e38d13 !important;
    border-radius: 4px !important;
}
	#capCistella.ctotem.miniCistella a, #capCistella.ctotem.miniCistella a:hover {
		color:#FFF !important;
		background:none !important;
	}
	#capCistella.ctotem.miniCistella:hover {
	    background-color: #eb9316 !important;
	    background-position:0 -15px !important;
	}
#popup_fons {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.4);
	overflow:hidden;
	z-index:1050;
	display:none;
}
	#popup_fons #popup_contingut, #graellaNOVA_espera #popup_contingut {
		position:absolute;
		top:10%;
		left:10%;
		width:80%;
		max-height:80%;
		padding:2%;
		overflow-y: auto;
		overflow-x: hidden;
		background:#FFF;
		z-index:1055;
	}
		#popup_fons #popup_contingut.mini {
			top:10%;
			left:25%;
			width:50%;
			border-radius: 10px;
		}
		#popup_fons #popup_contingut.maxi {
			left:10%;
			width:80%;
			max-height:80%;
			border-radius: 10px;
		}
.divReservaLlista {
	padding:5px 0px 5px 0px;
	background:#337ab7;
	color:#FFF;
	text-align:left;
	width:100%;
	padding-left:2%;
	margin-bottom:1%;	
}
.backgroundTBlanc {
	background:rgba(255,255,255,0.8);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	padding:20px;
	margin-bottom:10px;
}
/* **** botons laterals ****************************** */
@keyframes amagar-lateral-aforament {
  from {
    left: 0;
  }
  to {
    left: -200px;
  }
}

.lateral-aforament:hover {
  transform: translate(200px, 0);
}

.lateral-aforament {
	color:#FFF;
	background-color: #999;
	width: 250px;
	height: auto;
	border-radius: 0 5px 5px 0;
	
	position: fixed;
	bottom:40%;
	left: -200px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	transition: 0.5s ease-in-out;
	z-index: 50100;
}  
	.lateral-aforament .valor {
		position:relative;
		border-top: solid 1px #CCC;
		min-height:40px;
		height:inherit;	
	}
		.lateral-aforament .valor.success {
			color: #FFFFFF;
			background-color:#64C366;
		}
		.lateral-aforament .valor.danger	{
			color: #FFFFFF;
			background-color:#D2443C;
		}
		.lateral-aforament .valor.warning	{
			color: #FFFFFF;
			background-color:#F5CE46;
		}
	.lateral-aforament .cont {
		position: relative;
		float: left;
		padding:10px;
		width:200px;
	}
	.lateral-aforament .boto {
		position:relative;
		text-align: center;
		padding:5px;
		float: left;
		width: 50px;
		height:100%;
	}
		.lateral-aforament .boto.princ {
			font-size:1.5em;
			padding-top:18px;
		}	
.lateral-aforament-animat {
    left: 0;
    animation: amagar-lateral-aforament 2s;
        animation-duration: 2s;
        animation-timing-function: ease;
        animation-delay: 0s;
        animation-direction: normal;
        animation-fill-mode: none;
        animation-iteration-count: 1;
        animation-play-state: running;
        animation-name: amagar-lateral-aforament;
    animation-delay: 2s;
    animation-fill-mode: forwards;
 }
/* *************************************************** */
.qtip-textL {
	font-size:14px !important;
	line-height:18px !important;
}
.comandament-dada {
	height:100%;
	border: solid 1px #FFF;
	background:#FFF;
	color:#666;
	padding:10px;
	box-shadow: 0px 0px 20px 2px #DDD;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:10px;
}
	.comandament-dada .ico {
		font-size:1.5em;
	}
	.comandament-dada .nombre {
		font-size:2.5em;
		font-weight:bold;
	}
		.comandament-dada .nombre.quant {
			color: #35aa8f !important;
		}
		.comandament-dada .nombre.import {
			color: #3579aa !important;
		}
	.comandament-dada .colTitol {
		font-weight: bold;
	}	
	.comandament-dada .grfPie {
		min-height:200px;
	}
		.comandament-dada .grfPie .c3-chart {
			min-height:200px !important;
		}
	.comandament-dada .grfLines {
		min-height:300px;
	}	
	@media screen and (max-width:980px) {
		.comandament-dada .nombre {
			font-size:1.5em;
		}
	}
.comandament-dada.noshadow {
	height:100%;
	border: none !important;
	background:#FFF;
	color:#666;
	box-shadow: none !important;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}
.capDiesSetmana {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 70px;
	z-index:1000;
}
.bloc_cataleg {
	position: relative;
	margin: 0 auto;
	border-radius:20px;
	width:90%;
	height:100%;
	overflow: hidden;
}
	.bloc_cataleg .imatge {
		position:relative;
		height:170px;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	.bloc_cataleg .selecciona {
		position: absolute;
		top:150px;
		left:20px;
		z-index:20;
	}
	.bloc_cataleg .ccos {
		position: relative;
		height: auto;
		margin-bottom: 60px;
	}
		.bloc_cataleg .ccos.noboto {
			margin-bottom:0px !important;
		}
		.bloc_cataleg.fix {
			position: -webkit-sticky; /* Safari */
			position: sticky;
			top: 70px;
			z-index: 20;
			height: auto !important;
		}
		.bloc_cataleg .ccos .contingut {
			padding:30px;
			line-height: 30px;
		}
			.bloc_cataleg .ccos .contingut .nom {
				font-size: 1.2em;
			}
		.col-lg-2 .bloc_cataleg .ccos .contingut {
			padding: 20px 10px 20px 10px;
			line-height: 20px;
		}
			.col-lg-2 .bloc_cataleg .ccos .contingut .nom {
				font-size: 1em;
			}
		.bloc_cataleg .boto {
			position: absolute;
			bottom: 0px;
			padding:5px;
			padding-bottom:20px;
			width: 100%;
		}
.bloc_cataleg.contorn {
	border: solid 1px #CCC;
}
/* catàleg general */
.selCatalegs {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 60px;
	z-index:1000;
}
	.selCatalegs .btn-groupOptions {
		background:#FFF;
		border-radius: 50px !important;
		border: solid 1px #000 !important;
	}
		.selCatalegs .btn-groupOptions .btn {
			border-radius: 50px !important;
			border: none;
			background: #FFF;
			font-weight: bold;
			font-size: 1.2em;
			text-shadow: none !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
		}
			.selCatalegs .btn-groupOptions .btn.opcCatalegs.actiu {
				background:#000;
				color:#FFF;
			}
.blcataleg_tquota,
.blcataleg_tgrup {
	border-radius: 25px;
	border: solid 1px #CCC;
	padding: 20px;
	height: 94% !important;
	min-height: 180px;
	margin: 6% !important;
	margin-bottom: 10% !important;
	background:#FFF;
	position: relative;
	background-opacity: 1;
}
	.blcataleg_tquota.wapp20,
	.blcataleg_tgrup.wapp20 {
		margin-bottom:2% !important;
	}
	.blcataleg_tquota.contractacio,
	.blcataleg_tgrup.contractacio {
		margin:0px !important;
		margin-bottom: 20px !important;
		border: solid 2px #CCC;
	}
		.blcataleg_tquota.contractacio.principal {
			min-height:45px !important;
		}
			.blcataleg_tquota.contractacio.principal .col-md-2 {
				border-right: solid 2px #CCC;
				border-bottom:none;
				padding-right:10px !important;
				padding-left:10px !important;
			}
				.blcataleg_tquota.contractacio.principal .col-md-2:last-child {
					border:none !important;
				}
			@media screen and (max-width:1024px) {
				.blcataleg_tquota.contractacio.principal .col-xs-12 {
					border-right: none;
					border-bottom: solid 1px #CCC;
					padding: 10px !important;
				}

				.blcataleg_tquota.contractacio.principal .col-xs-12:last-child {
					border: none !important;
				}
			}
	.blcataleg_tquota .oferta {
		position: absolute;
		top: -15px;
		left: 10px;
		z-index: 100;
		cursor: pointer;
		background-color: #5cb85c;
		color: #FFF;
		padding: 3px 12px 3px 12px;
		border-radius: 50px;
		font-size: 0.9em;
	}
	.blcataleg_tquota .ofertes {
		padding:5px;
		margin-bottom:5px;
		border-bottom: solid 1px #000;
	}
	.blcataleg_tquota .cap,
	.blcataleg_tgrup .cap {
		border-bottom: solid 2px #CCC;
		min-height: 60px;
		position: relative;
	}
		.blcataleg_tquota .cap .ico,
		.blcataleg_tgrup .cap .ico {
			text-align: left;
			width: 40px;
			float:left;
			font-size: 2em;
		}
		.blcataleg_tquota .cap .titol,
		.blcataleg_tgrup .cap .titol {
			text-align: left;
			width: 100px;
			font-weight: 500;
			font-size: 1.3em;
			float:left;
		}
	.blcataleg_tquota .cos,
	.blcataleg_tgrup .cos {
		margin-top: 10px;
		margin-bottom: 50px;
		color:#000;
	}
		.blcataleg_tquota.contractacio .cos,
		.blcataleg_tgrup.contractacio .cos {
			margin-bottom: 5px !important;
		}
		.blcataleg_tquota .cos .descripcio,
		.blcataleg_tgrup .cos .descripcio {
			opacity: 0.7;
			font-size: 0.9em;
			margin-bottom:1.2em;
		}
	.blcataleg_tquota .peu,
	.blcataleg_tgrup .peu {
		position: absolute;
		left: 0px;
		padding-top:10px;
		bottom: 25px;
		width: 100%;
		text-align: center;
	}
	.blcataleg_tquota:hover > .cos > .descripcio,
	.blcataleg_tgrup:hover > .cos > .descripcio {
		opacity: 1;
	}
.divConcepte {
	padding-top:5px;
	padding-bottom:5px;
}
	.divConcepte.important {
		font-size:1.2em;
		padding-bottom:20px;
	}
.divConceptrePrincipal {
	border-bottom: solid 1px #000;
	margin-bottom:20px;
}
.selCatalegT {
	min-height: 90px;
}
	@media screen and (max-width:1460px) {
		.selCatalegT .col-md-2 {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}
	}
	@media screen and (max-width:900px) {
		.selCatalegT .qcomplementaria {
			margin-bottom: 80px;
			border-bottom: solid 1px #CCC;
			box-shadow: 0px 6px 10px 0px #DDD;
		}
	}
	.selCatalegT .participant {
		margin-bottom:10px;
	}
.sepSelCatalegT {
	padding-top:50px;
}
.checkSelecciona {
	height: 40px;
	width: 40px;
	border-radius: 5px;
	border: solid 2px #000;
	background: white;
	padding-top:3px;
	font-size: 24px;
}
	.checkSelecciona.checked {
		background: #1553FB;
		color:#FFF;
		text-align: center;
	}
	.checkSelecciona.inline {
		margin-right: 10px;
		height: 30px;
		width: 30px;
		padding-top:1px;
		font-size: 18px;
		float:left;
	}
		.checkSelecciona.disabled {
			border: solid 1px #B9B9B9;
		}
	.nomSelecciona.inline {
		padding-top:5px;
		font-weight: bold;
	}
		.nomSelecciona.disabled {
			color:#B9B9B9;
		}
.stepper {
	padding-left:0;
	margin:20px 0;
	text-align:center;
	list-style:none
}
	.stepper li {
		padding-right: 30px;
		padding-left: 30px;
		display:inline
	}
	.stepper li>a {
		display:inline-block;
		padding:5px 14px;
		background-color:#fff;
		border:1px solid #ddd;
		border-radius:15px
	}
		.stepper li>a:focus,
		.stepper li>a:hover {
			text-decoration:none;
			background-color:#eee
		}
	.stepper .next>a,
	.stepper .next>span {
		float:right
	}
	.stepper .previous>a,
	.stepper .previous>span {
		float:left
	}
	.stepper .disabled>a,
	.stepper .disabled>a:focus,
	.stepper .disabled>a:hover,
	.stepper .disabled>span {
		color:#777;
		cursor:not-allowed;
		background-color:#fff
	}
	.stepper li.step {
		color:#46CB5C !important;
	}
		.stepper li.step .numRound {
			border: solid 1px #46CB5C !important;
		}
.stepDescription {
	text-align: center;
	padding: 10px 0 30px 0;
}
	.stepDescription b {
		color:#46CB5C !important;
	}
.btnBlock {
	padding-top:20px;
	padding-bottom:20px;
}
	.btnBlock.max {
		padding-top:60px;
	}
	.btnBlock button {
		margin-bottom:5px;
	}
.numRound {
	display: inline-block;
	padding:3px;
	min-width: 20px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 50px;
	border: solid 1px #000000;
}
#contingut_casals .participant {
	margin-bottom:10px;
}
#contingut_casals .contracte {
	margin-bottom: 40px;
	border-bottom: solid 1px #BBBBBB;
	padding-bottom: 10px;
}
#contingut_casals .ccolumna {
	background:#FFFFFF;
	border-radius: 6px;
	border: solid 1px #CCCCCC;
	padding: 10px;
	margin-bottom: 20px;
	height: 100%;
}
#contingut_casals .inscrit {
	line-height: 24px;
	margin-bottom: 50px;
}
	#contingut_casals .inscrit .dades {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: solid 1px #CCCCCC;
	}
	#contingut_casals .inscrit .descomptes {
		padding-top: 10px;
		margin-top: 10px;
		border-top: solid 1px #CCCCCC;
	}
	#contingut_casals .inscrit .total {
		padding-top: 10px;
		margin-top: 10px;
		border-top: solid 1px #CCCCCC;
		font-size: 1.2em;
		font-weight: bold;
	}
.spanBTN {
	cursor: pointer;
}
.spanBTN:hover {
	color:#333;
}
@media screen and (max-width:1024px) {
	#edtReservaMSM, #cuponsUsuari {
		padding-bottom: 300px !important;
	}
}
#avisActualitzacio {
	padding:10px;
	background:#2979F2;
	position:fixed;
	bottom:0px;
	width: 100%;
	font-weight: bold;
	color: #FFF;
	z-index:20000;
}
	#avisActualitzacio a {
		color:#FFF;
		text-decoration: none;
	}
	#avisActualitzacio a:hover {
		color:#FFF;
		text-decoration: none;
		font-weight: normal;
	}
	#avisActualitzacio .label {
		background:#FFF !important;
		color:#2979F2 !important;
	}
#avisActualitzacio_close {
	cursor: pointer;
}
	#avisActualitzacio_close:hover {
		color:#000;
	}
#dv_freeprivacypolicy_button {
	position:fixed;
	bottom:0px;
	right: 10px;
	width: 100px;
	z-index:21000;
}
	#dv_freeprivacypolicy_button #open_preferences_center {
		position: absolute;
		bottom: 0px;
		padding: 5px 10px 5px 10px;
		background: #000;
		color: #FFF;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}
		#dv_freeprivacypolicy_button #open_preferences_center:hover {
			padding-bottom: 20px !important;
			text-decoration: none;
			background: #333;
		}
.aBack {
	text-decoration:none;
	cursor: pointer;
	color:inherit;
}
	.aBack:hover {
		text-decoration:none;
		color:inherit;
	}
.buyerperson_fitxa {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border: solid 2px #CCC;
	overflow: hidden;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom:20px;
}
	.buyerperson_fitxa .dades {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.buyerperson_fitxa .descripcio {
		border-bottom: solid 1px #CCC;
		padding-top: 10px;
		padding-bottom: 10px;
	}
/** botiga ************************* */
.botiga_familia,
.botiga_article {
	border-radius: 25px;
	border: none;
	height: 94% !important;
	min-height: 320px;
	margin: 6% !important;
	margin-bottom: 10% !important;
	background:#FFF;
	position: relative;
	background-opacity: 1;
	overflow: hidden;
	box-shadow: 0px 0px 20px 2px #ddd;
}
	.botiga_familia .imatge,
	.botiga_article .imatge {
		overflow: hidden;
		width:100%;
		height: 220px;
		text-align: center;
		position: relative;
	}
		.botiga_familia .imatge img,
		.botiga_article .imatge img {
			height:100%;
		}
			.botiga_familia .imatge img.ampla,
			.botiga_article .imatge img.ampla {
				height:auto !important;
				min-width: 100% !important;
			}
		.botiga_familia .text,
		.botiga_article .text {
			padding:10px;
			min-height: 80px;
		}
			.botiga_article .text {
				min-height: 150px;
			}
		.botiga_article .preu {
			padding:10px;
			padding-top:0px;
			font-size: 1.3em;
		}
			.botiga_article .preu .preuAnt {
				color: #999999;
				text-decoration: line-through;
			}
			.botiga_article .preu .preu {
				font-weight: 600;
			}
		.botiga_article .boto {
			padding:10px;
			padding-bottom:15px;
		}
#fitxaArticle {
	padding-top:20px;
}
	#fitxaArticle #gallery {
		padding-top:10px;
		margin-left: -5px;
		margin-right: -5px;
	}
		#fitxaArticle #gallery > [class*='col-'] {
			padding-right: 5px;
			padding-left: 5px;
			padding-bottom:10px;
		}
		#fitxaArticle h3 {
			margin-top:0px;
			margin-bottom:30px;
		}
			#fitxaArticle h3 .preuAnt {
				padding-left: 30px;
				color: #999999;
				text-decoration: line-through;
				font-weight: 400;
			}
		#fitxaArticle .panel-default {
			border-radius: 10px;
			border: solid 1px #707070;
		}
#popupCistellaResum {
	position: relative;
	height: 100%;
}
	#popupCistellaCap {
		height:auto;
	}
	#popupCistella, #resumCistella {
		padding-top:10px;
		padding-bottom:10px;
	}
		#popupCistella .cistella-item, #resumCistella .cistella-item {
			border-radius: 10px;
			border: solid 1px #EEE;
			margin-bottom:10px;
			padding: 10px;
			background: #FFF;
			overflow: hidden;
		}
			#popupCistella .cistella-item.ultim {
				background: #EEE;
			}
			#popupCistella .cistella-item .row, #resumCistella .cistella-item .row {
				display: flex;
				align-items: center;
			}
			#popupCistella .cistella-item img, #resumCistella .cistella-item img {
				border-radius: 10px;
				width:100%;
			}
				#resumCistella .cistella-item .enviaXec {
					background:#000;
					color:#FFF;
					margin-top:5px;
					margin-bottom:-10px;
				}
					#resumCistella .cistella-item .enviaXec .checkbox {
						margin-top: 5px;
						margin-bottom: 5px;
					}
	#popupCistellaBTNs {
		height:auto;
		padding-bottom:10px;
	}
#resumCistella2 {
	border-left: solid 1px #000;
}
	@media screen and (max-width:980px) {
		#resumCistella2 {
			border-left: none;
		}
	}
#resumCistellaTotals {
	border-radius: 10px;
	border: solid 1px #DDD;
	margin-top: 10px;
	margin-bottom:10px;
	padding: 20px;
	padding-top:10px;
	background: #EEE;
}
	#resumCistellaTotals #rsmLinies, #resumCistellaTotals #rsmMoneder {
		padding-top:10px;
		padding-bottom:10px;
		border-bottom: solid 1px #000;
		margin-bottom:10px;
	}
		#resumCistellaTotals #rsmLinies .row {
			padding-top:5px;
			padding-bottom:5px;
		}
/** ******************************** */

#accesManual {
	position: fixed;
	bottom: 0px;
	left: 20px;
	height: 110px;
	width: 190px;
	background: #333;
	border: solid 2px #333;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	overflow: hidden;
    z-index: 30000;
}
	#accesManual .boto {
		width: 50%;
		height: 80px;
		color: #FFF;
		font-size: 50px;
		text-align: center;
		cursor: pointer;
		float: left;
	}
		#accesManual .boto.entrada {
			background:#55c155;
		}
		#accesManual .boto.sortida {
			background:#ff5401;
		}
			#accesManual .boto.entrada:hover, #accesManual .boto.sortida:hover {
				background:#666666;
			}
	#accesManual .aforament {
		text-align: center;
		color: #FFF;
		font-size: 20px;
		height: 30px;
	}
/** carnet digital ***************** */
#cdgital {
	position: relative;
	height: 100%;
	margin-right: -15px;
	margin-left: -15px;
	overflow: hidden;
	background: #FFFFFF;
}
	#cdgital .carnet {
		height: 72%;
		font-size: 1.25em;
		text-align: center;
		overflow: auto;
	}
		#cdgital .carnet img.qr {
			margin-bottom:20px;
			margin-top:10px;
		}
		#cdgital .carnet img.usuari {
			width: 40%;
			margin-left: 10px;
			margin-right:10px;
			border:solid 1px #666;
			border-radius: 6px;
			background:#666;
			float:left;
		}
		#cdgital .carnet .acces {
			font-size: 20px;
		}
			#cdgital .carnet .acces.si {
				color: #37D807 !important;
			}
			#cdgital .carnet .acces.no {
				color: #E31313 !important;
			}
	#cdgital .familiars {
		height: 27%;
		font-size: 1.2em;
		border-top: solid 1px #CCC;
		overflow: auto;
	}
		#cdgital .familiars .list-group-item {
			cursor: pointer;
		}
			#cdgital .familiars .list-group-item.seleccionat {
				background: #000 !important;
				color:#FFF !important;
			}
/** ******************************** */
hr.fosc {
	border-color: #000 !important;
}
.slcImg {
	width:50px;
	height:50px;
	padding-top:2px;
	text-align:center;
	border:solid 1px #CCC;
	margin:1px;
	float:left;
	background:#DDD;
}
	.slcImg.actiu {
		background:#FC0;
	}
table.table {
	border-radius: 6px 6px 6px 6px !important;
	/*overflow: hidden;*/
	box-shadow: 0px 3px 6px #00000029;
}
	table.table.noshadow {
		box-shadow: none !important;
	}
table.table th {
	background: #F0F0F0;
	border: none !important;
}
	table.table tr:first-child > th:first-child {
		border-radius: 6px 0px 0px 0px !important;
	}
	table.table tr:first-child > th:last-child {
		border-radius: 0px 6px 0px 0px !important;
	}
	table.table > tbody > tr:last-child {
		border-radius: 0px 0px 6px 6px !important;
		background: none !important;
	}
.tab-content-border {
	border-left: solid 1px #DDD;
	border-right: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	padding-left: 20px;
	padding-right: 20px;
	min-height: 100px;
}
.img-round {
	border-radius: 6px;
}
a.dropdown-toggle.opcions, a.dropdown-toggle.opcions:hover {
	text-decoration: none !important;
	color: #333 !important;
	cursor: pointer;
}
.panelCOL {
	border: solid 1px #CCC;
	border-radius: 6px;
	padding: 5px;
	height: 100%;
}
	.panelCOL.paddingBottom {
		padding-bottom: 20px;
	}
	.panelCOL.marginBottom {
		margin-bottom: 20px;
	}
	.panelCOL.panelfocus:hover {
		border: solid 1px #999;
	}
	.panelCOL.panelfocus:focus-within {
		border: solid 1px #4d90fe !important;
	}
	.panelCOL.warning {
		border: solid 2px #FF0000;
	}
	.panelCOL.padding10 {
		padding: 10px;
	}
.label-round {
	border-radius: 15px;
}
.label-big {
	font-size: 100% !important;
}
.ui-autocomplete {
	z-index:100000 !important;
}
/** step progress bar ******* ini *** */
.wizard-progress {
	display: table;
	width: 100%;
	min-height: 70px;
	table-layout: fixed;
	position: relative;
}
	.wizard-progress .step {
		display: table-cell;
		text-align: center;
		vertical-align: top;
		overflow: visible;
		position: relative;
		font-size: 11px;
		color: #333;
		/*font-weight: bold;*/
	}
		.wizard-progress .step:not(:last-child):before {
			content: '';
			display: block;
			position: absolute;
			left: 50%;
			top: 37px;
			background-color: #CCC;
			height: 6px;
			width: 100%;
		}
		.wizard-progress .step .node {
			display: inline-block;
			border: 6px solid #CCC;
			background-color: #CCC;
			border-radius: 18px;
			height: 30px;
			width: 30px;
			position: absolute;
			top: 25px;
			left: 50%;
			margin-left: -18px;
		}
			.wizard-progress .step.complete:before {
				background-color: #07c;
			}
			.wizard-progress .step.complete .node {
				border-color: #07c;
				background-color: #07c;
			}
				.wizard-progress .step.complete .node:before {
					font-family: "icomoon_tkm";
					content: "\e708";
                    color: #FFF;
					font-size: 14px;
				}
			.wizard-progress .step.in-progress:before {
				background: #07c;
				background: -moz-linear-gradient(left, #07c 0%, #CCC 100%);
				background: -webkit-linear-gradient(left, #07c 0%, #CCC	100%);
				background: linear-gradient(to right, #07c 0%, #CCC	100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07c', endColorstr='#CCC',GradientType=1);
			}
			.wizard-progress .step.in-progress .node {
				border-color: #07c;
			}
/** ********************************* */
.progress.nomargin {
	margin: 0px;
}
.ui-widget {
	font-family: inherit !important;
}
a.lnkOpenTab {
	color:inherit !important;
}
	a.lnkOpenTab:hover {
		text-decoration: none !important;
	}
.btn_tancar_pu {
	position:absolute;
	top:0px;
	right:0px;
	font-size: 2em;
	color:#000;
	padding:10px;
	cursor: pointer;
}
	.btn_tancar_pu:hover {
		color:#FFF;
		background: #000;
	}
.marginTOP10 {
	margin-top:10px;
}
.marginBOTTOM10 {
	margin-bottom:10px !important;
}
	.marginBOTTOM10.mb20 {
		margin-bottom: 20px !important;
	}
.fc-bg-eventTKM {
	border: solid 3px #000;
}
/** entitats agenda pública ********* */
#AgendaEnt {
	margin-top: 20px;
	min-height: 100px;
}
	#AgendaEnt .entAgendaDia {
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 1.5em;
	}
	#AgendaEnt .entAgenda {
		margin-bottom: 10px;
		padding: 15px;
		border-radius:8px;
		box-shadow: 0px 0px 20px 2px #DDD;
	}
		#AgendaEnt .entAgenda .tAgenda {
			display: table;
			width: 100%;
		}
		#AgendaEnt .entAgenda .cAgenda {
			display: table-cell;
			vertical-align: middle;
		}
			#AgendaEnt .entAgenda .cAgenda.ca1 {
				text-align: right;
				width: 4%;
				padding-right: 4%;
			}
			#AgendaEnt .entAgenda .cAgenda.ca8 {
				width: 6%;
				padding-left: 1%;
				padding-right: 1%;
			}
			#AgendaEnt .entAgenda .cAgenda.ca20 {
				width: 18%;
				padding-right: 2%;
			}
			#AgendaEnt .entAgenda .cAgenda.ca0 {
				padding-left: 1%;
				padding-right: 1%;
			}
				#AgendaEnt .entAgenda .cAgenda.ca0.separadorE {
					border-left: solid 1px #EEE;
				}
@media screen and (max-width:980px) {
	#AgendaEnt .entAgenda .cAgenda.ca8 {
		width: 12%;
		padding-left: 1%;
		padding-right: 1%;
	}
	#AgendaEnt .entAgenda .cAgenda.ca20 {
		width: 38%;
		padding-right: 2%;
	}
}
.resEntTitol {
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: solid 1px #000;
}
/** ********************************* */
/** entitats estadistica ************ */
#llisEntEstadistica {
	padding-top: 20px;
}
	#llisEntEstadistica .eegrafica {
		height: 100%;
		padding: 15px;
		margin-bottom: 10px;
		border-radius:5px;
		box-shadow: 0px 0px 20px 2px #DDD;
	}
		#llisEntEstadistica .eegrafica .dvEGrafica,
		#llisEntEstadistica .eegrafica .mlgrafica,
		#llisEntEstadistica .eegrafica .mlresum,
		#llisEntEstadistica .eegrafica .mldata {
			min-height: 300px;
		}
		#llisEntEstadistica .eegrafica .tleEGrafica {
			padding-bottom:10px;
		}
/** ********************************* */
.table.table-noborder>tbody>tr>td,
.table.table-noborder>tbody>tr>th,
.table.table-noborder>tfoot>tr>td,
.table.table-noborder>tfoot>tr>th,
.table.table-noborder>thead>tr>td,
.table.table-noborder>thead>tr>th {
	border-top: none !important;
}
.panelFlotant {
	height: 100%;
	margin-bottom: 10px;
	padding: 15px;
	border-radius:8px;
	box-shadow: 0px 0px 20px 2px #DDD;
}
	.panelFlotant.success {
		background: #7ece7e;
		color: #FFF;
	}
	.panelFlotant.warning {
		background: #edc082;
		color: #FFF;
	}
	.panelFlotant.disabled {
		background: #CCCCCC;
		color: #555555;
	}
	.panelFlotant dl.minHeigh {
		min-height: 70px;
	}
.borderBottom {
	border-bottom: solid 1px #000 !important;
}
	.borderBottom.gris {
		border-bottom: solid 1px #DDD !important;
	}
.borderTop {
	border-top: solid 1px #000 !important;
}
	.borderTop.gris {
		border-top: solid 1px #DDD !important;
	}
/** maps.google ********************** */
.input-geolocation {
	background-color: #fff;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
	margin: 10px;
	padding: 0 0.5em;
	font: 400 18px Roboto, Arial, sans-serif;
	overflow: hidden;
	line-height: 40px;
	margin-right: 0;
	min-width: 40%;
}
.button-google {
	background-color: #fff;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
	margin: 10px;
	padding: 0 0.5em;
	font: 400 18px Roboto, Arial, sans-serif;
	overflow: hidden;
	height: 40px;
	cursor: pointer;
	margin-left: 5px;
}
	.button-google:hover {
		background: #ebebeb;
	}
	.button-google.button-primary {
		background-color: #1a73e8;
		color: white;
	}
		.button-google.button-primary:hover {
			background-color: #1765cc;
		}
/** ********************************** */
#cos .cosPrincipal, .container-fluid.cosPrincipal {
	padding:0px;
	width:100%;
}
	.container-fluid.cosPrincipal #principalSlider100.carousel {
		margin-right: -1% !important;
		margin-left: -1% !important;
	}
.row100 {
	margin-right: -1% !important;
	margin-left: -1% !important;
}
.panel-fitrout {
	border-color: #1553fb;
	box-shadow: 0px 0px 14px 2px #DDD;
}
	.panel-fitrout > .panel-heading {
		background: #FFF;
		border-bottom: solid 4px #1553fb;
	}
#mostraCLQuotes {
	padding-bottom:100px;
}
.tooltip .tooltip-inner {
	white-space: pre-line;
	text-align: left;
}
.vertical-middle {
	vertical-align: middle !important;
}
.select2-container--default .select2-selection--single {
	border: 1px solid #CCCCCC !important;
}
.select2-container .select2-selection--single {
	height: 34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 34px !important;
}
.divsArticles {
	height: 100% !important;
}
.bg-modal-danger {
	background-color: #ff4545;
}
	.bg-modal-danger .modal-header, .bg-modal-danger .modal-footer {
		background-color: red;
	}
	.bg-modal-danger .modal-header {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	.bg-modal-danger .modal-body {
		color: #FFF !important;
	}
	.bg-modal-danger .modal-footer {
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}
.noborder {
	border: none !important;
	box-shadow: none !important;
}
#llisCGestio > ul.nav {
	margin-bottom: 20px;
}
#llisCGestio > ul.nav > li > a {
	background:#EEE;
	color: #333333;
	border-right: solid 1px #CCC;
}
#llisCGestio > ul.nav > li.active > a {
	background:#333333;
	color: #EEE;
}
/* Start card section */
.card-content {
	height: 100%;
	margin-bottom: 10px;
	border-radius:8px;
	box-shadow: 0px 0px 20px 2px #DDD;
	position: relative;
}
	.card-content:hover {
		box-shadow: 0px 0px 20px 2px #CCC;
	}

.card-content.inactiu {
	background: #CCC !important;
}
	.card-content.inactiu > .card-img > img {
		opacity: 0.7;
		filter: grayscale(100%);
	}
.card-content.border {
	box-shadow: none;
	border: solid 1px #333333;
}
	.card-content.border .card-footer {
		margin-bottom: 0px !important;
		border-bottom-left-radius: 8px !important;
		border-bottom-right-radius: 8px !important;
	}
	.card-content.border.danger {
		border: solid 1px #a94442 !important;
	}
.card-content > .logo {
	position:absolute;
	right:5px;
	top:100px;
	height:60px;
	width:60px;
	background: #FFF;
	border: solid 1px #666;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	text-align: center;
	padding:2px;
	z-index:100;
}
	.card-content > .logo.no-background {
		background: none !important;
		box-shadow: none !important;
		border: none !important;
	}
		.card-content > .logo > img {
			filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
		}

.card-img {
	position: relative;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
	height: 175px;
	z-index: 1;
}

.card-img img {
	width: 100%;
	display: block;
}

.card-img span {
	position: absolute;
	top: 15%;
	left: 10%;
	background: #1ABC9C;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	transform: translate(-10%, -50%);
}

.card-img span h4 {
	font-size: 12px;
	margin: 0;
	padding: 10px 5px;
}

.card-header {
	position: relative;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
	background: #333333;
	padding:5px;
	color: #FFF;
	font-size: 2em;
}
	.card-header.selected {
		background: #337ab7;
	}
	.card-content.border.danger .card-header {
		background: #a94442 !important;
	}
.card-desc {
	padding: 1.25rem;
	display: grid;
	min-height: 180px;
}
	.card-desc.igualar {
		padding-bottom: 40px;
	}
	.card-desc.minHeigh {
		min-height: 100px !important;
	}
	.card-desc.overflowX {
		overflow-x: hidden !important;
	}

.card-desc h3 {
	color: #000000;
	font-weight: 600;
	font-size: 1.5em;
	line-height: 1.3em;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}
	.card-desc a, .card-desc a:hover {
		text-decoration: none;
	}

.card-desc p {
	color: #747373;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5;
	margin: 0px;
	padding: 0;
	height: 100px;
}
.card-footer {
	margin-bottom:5px;
	padding:5px;
}
	.card-footer.igualar {
		position: absolute;
		bottom: 0px;
		width: 100%;
	}

.btn-card {
	text-align: center;
	background-color: #2b2b2b;
	color: #000000;
	font-weight: bold;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	padding: .84rem 2.14rem;
	font-size: 1rem;
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	-o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	margin: 0;
	border: 0;
	-webkit-border-radius: .125rem;
	border-radius: 25rem;
	cursor: pointer;
	text-transform: uppercase;
	white-space: normal;
	word-wrap: break-word;
}

.btn-card:hover {
	background: #9E9E9E;
}

a.btn-card {
	text-decoration: none;
	color: #fff;
	margin: auto;
}
/* End card section */
.bg-tankuam {
	background:#333333;
	color:#EEE;
}

/* The switch - the box around the slider ***************** */
.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px;
}
/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider {
	background-color: #2196F3;
}
input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}
/* Rounded sliders */
.slider.round {
	border-radius: 24px;
}
.slider.round:before {
	border-radius: 50%;
}
/* ********************************************* */
.divSeparador {
	padding-top: 10px;
	padding-bottom: 10px;
}
	.divSeparador.borderTop {
		border-top: solid 1px #CCC;
	}
@media print {
	.divPrint {
		break-inside: avoid;
	}
}
.mt-3 {
	margin-top: 3px;
}
.mb-3 {
	margin-bottom: 3px;
}
.mb-8 {
	margin-bottom: 8px;
}
.list-no-style {
	list-style: none;
}
.row.disabled {
	background: #EEE;
	color: #444;
	padding-top:4px;
	padding-bottom:4px;
}
.clinksIco {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
	margin-left: 5px;
	margin-right: 5px;
}
.borderLeft {
	border-left: solid 1px #CCC;
}