/* Ver. 1.0 */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');
html {
	 height: 100%;
	 width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}
body {
	font-family: 'Raleway', sans-serif;
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}
a:link {
	color: #DC0053;
	text-decoration: none;
}
a:visited {
	color: #DC0053;
	
}
a:hover {
	color: #DC0053;
	text-decoration: underline;
}
a:active {
	color: #DC0053;
	text-decoration: underline;
}
a{
	transition:all 300ms;
	-webkit-transition:all 300ms;
}
p {
	margin-top: 0px;
}
hr {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-right-style: none;
	border-left-style: none;
	margin-top:2px;
	margin-bottom:2px;
	}
.seleccioareaObert hr {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E5E5E5;
	border-bottom-color: #FFFFFF;
	border-right-style: none;
	border-left-style: none;
	margin-top:2px;
	margin-bottom:2px;
	display:none;
	}
ol {
	color: #DC0053;
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: bold;
}
ol p{
	font-family: 'Raleway', sans-serif;
	color: #000000;
	font-weight: normal;
}
input:focus, textarea:focus, select:focus{
	box-shadow: 0 0 1px 0px #DC0053;
	border-color: #DC0053;
	outline: none;
}
.contingutGlobal {
	min-width: 1170px;
}
/*>>////////// CAPÇALERA //////////////////////*/
#capcelera {
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	display:none;
}
#banner {
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	width: 100%;
	height: 50px;
}
#banner2 {
	float: right;
	margin-top: 63px;
}
#premenu {
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 0px;
	padding: 0px 15px;
	height: 130px;
}
#logo {
	float: left;
	display: block;
}
.logoDisseny img {
	height: 130px;
	width: 267px;
}
.logoClient{
	height: 100%;
}
.logoClient img {
	max-height: 100%;
	width: auto;
}
/*>> AUTH */
.authGen{
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	float: right;
}
#authInactiu {
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #000000;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 10px 0;
}
#authInactiu a.button {margin-top: 1px;}
#authActiu {
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #000000;
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 2px;
	padding: 10px 0;
}
#authActiu .Taronja {
    font-weight: bold;
    color: #DC0053;
}
#authActiu #usuari{
	line-height: 18px;
}
.boto {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: middle;
}
.camp_auth{
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #666;
	background-color: #E6E6E6;
	border: 1px solid #E6E6E6;
	width: 100px;
	border-radius: 4px;
	padding-left: 3px;
	padding-right: 3px;
	height: 18px;
}
/*>> IDIOMA */
.idiomaGen{
	overflow:hidden;
}
#idioma {
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #000000;
	float: right;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 14px 0;
	
}
#idioma a{
	color: #000000;
	text-decoration:none;
}
#idioma a:hover{
	color: #000000;
	text-decoration:underline;
}
/*>> MENU PRINCIPAL */
#menu {
	width: 1170px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 2px;
	overflow: hidden;

}
#iniciomenu {
	height: 39px;
	padding-left:0;
	border-radius: 4px;
	width: 1140px;
	margin: 0 15px;
	overflow:hidden;
	background-color: #F2F2F2;
}

#menuPrincipal {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #F2F2F2;
}
#menuPrincipal li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 39px;
	position:relative;
}
#menuPrincipal a {
	color: #DC0053;
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: .95em;
	font-weight: 500;
	background-color: #F2F2F2;
	padding: 0 17px;
	transition:all 100ms;
	-webkit-transition:all 100ms;
	
}
#menuPrincipal a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #DC0053;
}
#menuPrincipal .activo {
	color: #FFF;
	text-decoration: none;
	background-color: #DC0053;
}
#menuPrincipal .activo:hover {

}

#iniciosubmenu {
	height: 30px;
	padding-left:0;
	border-radius: 4px;
	width: 1140px;
	margin: 2px 15px 0;
	overflow:hidden;
	background-color: #f4f4f4;
	margin-top: 2px;
}

#submenuPrincipal {
	list-style: none;
	padding: 0;
	margin: 0;
	border-radius: 4px;	
}
#submenuPrincipal li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 30px;
}
#submenuPrincipal a {
	color: #888;
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #f4f4f4;
	padding: 0 17px;
}
#submenuPrincipal a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #777;
	background-repeat: no-repeat;
	background-position: center bottom;
}
/*>>///////////////////// PEU /////////////////////////*/
.caixaPeu{
	min-width: 1170px;
}
#peu {
	font-family: 'Raleway', sans-serif;
	color: #666666;
	font-size: 12px;
	overflow: hidden;
	margin-top: 12px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
}
#peu a {
	color: #333333;
	text-decoration: none;
}
#peu a:hover {
	color: #DC0053;
	text-decoration: underline;
}
#infoClub {
	float: left;
	margin-right: 85px;
}
#infoTelEmail {
	float: left;
	margin-right: 45px;
}

#infoURLs {
	float: left;
	margin-right: 30px;
	margin-top: 15px;
}
#infoSecure {
	float: right;
	margin-top: -3px;
	margin-right: 50px;
}
#logoKoobin {
	font-size: 10px;
	color: #666666;
	text-align: right;
	float: right;
}
#infoRedesSociales {
 	float: left;
	margin-right: 45px;
}
/*>>//////////////////// INFO GENERAL ////////////////// */
#infoGeneral {
	width: 1140px;
	margin: 0px auto;
	min-height: 100px;
	background-color: #DC0053;
	border-radius: 4px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#evento {
	font-family: 'Raleway', sans-serif;
	font-size: 29px;
	color: #FFF;
	max-width: 720px;
	font-weight: bold;
	line-height: 27px;
	padding: 20px 10px 20px 28px;
}
.eventoTaronja {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 20px;
}
#infoPagina {
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	padding-right: 20px;
}
#logoClub {
	float: left;
	height: 74px;
	width: 74px;
	margin-left: 30px;
	background-color: #FFF;
	border-radius: 4px;
	margin-top: 13px;
	margin-bottom: 13px;
	padding: 0 4px;
	position: relative;
}
#pestanya {
	display:none;
}
#pestanya2 {
	display:none;
}
#infoGeneralEvento {
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	min-height: 100px;
	display: flex;
	align-items: center;
	background-color: #DC0053;
	border-radius: 4px;
	overflow:hidden;
}
.infoFotoEvento{
	width:150px;
}
.infoFotoEfecto{display:none;}

#infoGeneralEvento #evento{
	max-width: inherit;
	padding:20px 25px;
	}
#evento h1{
	font-size: 35px;
	line-height:35px;
	margin:0;
}
/*>>///////////////////////////// CONTINGUT ///////////////////////// */
#contingut {
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-right: 15px;
	padding-left: 15px;
	min-height: 300px;
}
/*>> ERROR */
.divError {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #C00;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-image: url(images/error.png);
	background-repeat: no-repeat;
	background-position: 9px center;
	font-weight: bold;
	margin-top: 15px;
}
/*>> BANNERS CONTINGUT */
#bannerBase {
	margin-right: 0px;
	margin-left: 0px;
	overflow: hidden;	
}
.banner {
	margin-bottom: 20px;
}
.bannerFila {
	margin-bottom: 10px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
/*>> COLUMNES */
#col1 {
	float: left;
	margin-left: 0px;
	width: 490px;
	margin-top: 35px;
	margin-bottom: 20px;
}

.col1Landing {
	float: left;
	margin-left: 0px;
	width: 700px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
}

#col1b {
	/*float: left;*/
	margin-left: auto;
	width: 720px;
	margin-top: 35px;
	margin-bottom: 60px;
	margin-right: auto;
}
#colentrades {
	/*float: left;*/
	margin-left: 0px;
	/*width: 650px;*/
	margin-top: 25px;
	margin-bottom: 20px;
	margin-right: 0px;
}
#col2 {
	float: right;
	margin-right: 0px;
	width: 590px;
	margin-top: 35px;
	margin-bottom: 20px;
}
.col2Landing {
	float: right;
	margin-right: 0px;
	width: 396px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
}
#col2b {
	float: right;
	margin-right: 30px;
	width: 517px;
	margin-top: 25px;
	margin-bottom: 20px;
	background-color: #FFF;
}
#col3 {
	margin-right: auto;
	width: 650px;
	margin-top: 25px;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #FFF;
}
#estadio {
	float: left;
	position: relative;
	margin-top: 57px;
	margin-bottom: 30px;
	width:396px !important;
}
#pas {
	float: right;
	width: 700px;
	margin-right: 0px;
	margin-top: 25px;
}
.box { 
	 overflow-y:hidden;
	 overflow-x:auto;
	 margin-left:auto;
	 margin-right:auto;
}
#localitats {
	float:left;
	margin-left: 0px;
	margin-bottom:20px;
	width:900px;
}
.localidad {
	border-style:solid;
	border-width:thin;
	border-color:#FFFFFF;
	background-color:transparent;
	width:12px;
	height: 12px;
	float:left;
	font-family: 'Raleway', sans-serif;
	font-size: 9px;
	text-align: center;
}
#tarifesCadires {
	margin-left: 0px;
	float:left;
	width: 900px;
	overflow:hidden;
	margin-top: 10px;
}
.estadiCadira {
	float: right;
	overflow: auto;
	margin-right: 30px;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	width:193px;
	margin-top: 10px;
}
.estadiCadira .Taronja{
	color:#DC0053;
}
.paquet .Taronja{
	color:#DC0053;
}
.paquetHorizontal .Taronja{
	color:#DC0053;
}
/*>> CAIXES INFO */
#infoExtra {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 15px;
}
#infoExtra3 {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #FFBCD5;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 4px;
}
#infoExtra3 a{
	
}
#infoExtra2 {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: #e6e6e6;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 4px;
	border: 1px solid #e6e6e6;
}
#infoExtra2 a:link, #infoExtra2 a:visited{
	color: #DC0053;
	text-decoration: none;
}
#infoExtra2 a:hover, #infoExtra2 a:active{
	color: #DC0053;
	text-decoration: underline;
}
/*>> BUTONS */





a.button {
	float: left;
	height: 18px;
	margin-right: 3px;
	margin-left: 6px;
	padding: 0 6px;
	text-decoration: none;
	color: #ffffff;
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;
	border: solid 1px #DC0053;
	border-radius: 3px;
	background-color: #DC0053;
}
a.button span {
	display: block;
	line-height: 18px;
	color: #ffffff;

} 
a.button:hover{
	text-decoration:none;
	color: #FFF;
	border: solid 1px #A0003C;
	background-color: #A0003C;
}

a.button3 {
	/*float: left;*/
	height: 18px;
	margin-right: 3px;
	margin-left: 6px;
	padding: 0 6px;
	text-decoration: none;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;
	border: solid 1px #DC0053;
	border-radius: 3px;
	background-color: #DC0053;

}
a.button3 span {
	display: block;
	line-height: 18px;
	color: #ffffff;
	
} 
a.button3:hover{
	text-decoration:none;
	color: #FFF;
	border: solid 1px #A0003C;
	background-color: #A0003C;
}
a.buttonBig {
	float: right;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 0px;
	margin-left: 0px;
	padding: 0 12px;
	text-decoration: none;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
	border: 1px solid #DC0053;
	border-radius: 3px;
	background-color: #DC0053;
	
}
a.buttonBig span {
	display: block;
	line-height: 30px;
	color: #ffffff;
	
} 
a.buttonBig:hover{
	text-decoration: none;
	color: #FFF;
	border: 1px solid #A0003C;
	background-color: #A0003C;
}
div.buttonBigINACTIU {
	float: right;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 0px;
	margin-left: 0px;
	padding: 0 12px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-attachment: scroll;
	background-color: rgba(135,134,128,0.36);
	display: block;
	text-transform: uppercase;
	border: 1px solid transparent;
	border-radius: 3px;
	}
div.buttonBigINACTIU span {
	display: block;
	line-height: 30px;
	color: rgba(255,255,255,0.80);
	
} 
a.buttonBigEntrades {
	float: right;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 0px;
	margin-left: 10px;
	padding:0 12px; 
	text-decoration: none;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	font-weight:bold;
	display: block;
	text-transform:uppercase;
	border: solid 1px #DC0053;
	border-radius: 3px;
	background-color: #DC0053;
	
}
a.buttonBigEntrades span {
	display: block;
	line-height: 30px;
	color: #ffffff;
} 
a.buttonBigEntrades:hover{
	text-decoration:none;
	color: #FFF;
	border: solid 1px #A0003C;
	background-color: #A0003C;
}
a.buttonBigPaginacio {
	float: left;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 3px;
	margin-left: 3px;
	padding:0 12px; 
	text-decoration: none;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	font-weight:bold;
	display: block;
	text-transform:uppercase;
	border: solid 1px #DC0053;
	border-radius: 3px;
	background-color: #DC0053;
}
a.buttonBigPaginacio span {
	display: block;
	line-height: 30px;
	color: #ffffff;
} 
a.buttonBigPaginacio:hover{
	text-decoration:none;
	color: #FFF;
	border: solid 1px #A0003C;
	background-color: #A0003C;
}
.btnPaginacioAct {
	float: left;
	border: 1px solid #F2F2F2;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 12px;
	padding-left: 12px;
	text-decoration: none;
	color: #DC0053;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	border-radius: 3px;
	background-color: #F2F2F2;
}
a.button2 {
	float: right;
	height: 18px;
	margin-right: 0px;
	margin-left: 3px;
	padding: 0 6px;
	text-decoration: none;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;
	border: solid 1px #DC0053;
	border-radius: 3px;
	background-color: #DC0053;
}
a.button2 span {
	display: block;
	line-height: 18px;
	color: #ffffff;

} 
a.button2:hover{
	text-decoration:none;
	color: #FFF;
	border: solid 1px #A0003C;
	background-color: #A0003C;
}
a.buttonBigTemporades {
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 3px;
	margin-left: 3px;
	padding:0 12px; 
	text-decoration: none;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	display: block;
	text-transform:uppercase;
	border: solid 1px #DC0053;
	border-radius: 3px;
	background-color: #DC0053;
	
}
a.buttonBigTemporades span {
	display: block;
	line-height: 30px;
	color: #ffffff;
} 
a.buttonBigTemporades:hover{
	text-decoration:none;
	color: #FFF;
	border: solid 1px #A0003C;
	background-color: #A0003C;
	
}
a.enrere{
	padding-left:26px;
	background-image:url(images/ico-enrere.svg);
	background-repeat:no-repeat;
	background-position:left center;
	background-size: contain;
}
a.enrere.button, a.enrere.button2, a.enrere.button3{
	padding-left:18px;
}
a.endavant{
	padding-right:26px;
	background-image:url(images/ico-endavant.svg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size: contain;
}
a.endavant.button, a.endavant.button2, a.endavant.button3{
	padding-right:18px;
}
/*>> CAIXES */
#area {
	margin-bottom:30px;
}
.caixaEvent {
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #000;
	padding: 15px;
	margin-bottom: 20px;
	overflow: hidden;
	position:relative;
	background-color: #F2F2F2;
}
.titolSelEvent {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	color: #000;
	float: left;
	width: 320px;
}
.titolSelEvent strong {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    line-height: normal;
}
.titolSelEvent .Taronja {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
}
.seleccioarea {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	color: #000;
	background-image: url(images/principi_area.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 16px;
	overflow:hidden;
	padding-bottom:8px;
	padding-top: 8px;
	padding-right: 6px;
	padding-left: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.seleccioarea div[style="overflow:hidden;"]{
	display: flex;
	align-items: center;
}
.seleccioarea div[style="overflow:hidden;"] .areaLliures{
	order: 1;
}
.seleccioareaObert {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 28px;
	margin-right:0px;
}
.seleccioZona {
	background-color: #F8F8F8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #DDD;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	margin-left: 10px;
	padding: 10px;
	overflow:hidden;
}
.areaNom {
	float: left;
	margin-left: 48px;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	flex: 1 1 auto;
}

.areaEvent {
	float: left;
	margin-left: 48px;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	width: 270px;
}
.areaPreu {

	margin-left: 15px;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	text-align: right;
	color: #000;
}
.areaLliures {
	margin-left: 15px;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
}
.areaData {

	margin-left: 0px;
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	width: 120px;
}
.verd {
	color: #0C0;
}
.vermell {
	color: #FD2727;
}
.groc {
	color: #F90;
}
.areaPax {
	margin-left: 5px;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	order:3;
	display: flex;
	align-items: center;
}
img[src*="btn_me"]{
	width: 18px;
	height: 18px;
	margin-left: 4px;
	cursor: pointer;
}
img[src*="btn_me"]:hover, img[src*="btn_agregar"]:hover{
	filter: brightness(.8) contrast(1.5);
}
img[src*="btn_agregar"]{
	width: 32px;
	height: 18px;
	cursor: pointer;
}
img[src*="_GRIS"]:hover{
	cursor: not-allowed !important;
	filter: none;
}
#contingut #pas #area .seleccioarea .areaPax label #textfield {
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #87796B;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 20px;
}
#contingut #pas #area .textfield {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #333;
	background-color: #fff;
	width: 20px;
	border: 1px solid #CCC;
	padding-left: 3px;
	padding-right: 3px;
	height: 16px;
}

.areaAgregar {
	float: right;
	margin-left: 0px;
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	margin-top: 0px;
	width: 31px;
}
.capZona {
	padding: 5px 8px;
	font-weight: bold;
	color: #FFF;
	overflow:hidden;
}
.capZonaTitol {
	float: left;
	overflow: hidden;
	flex: 1;
	align-self: flex-start;
	
}

.capAfegir {
	float: right;
	width: 55px;
	text-align: right;
	order:4;
	
}
.capCantitat {
	float: right;
	width: 235px;
	text-align: right;
	order: 3;
}
.obrirArea {
	float: right;
	margin-right: 3px;
	order: 4;
	margin-left: 15px;
}

.blocZona {
	overflow:hidden;
	padding-top: 7px;
	padding-right: 8px;
	padding-bottom: 7px;
	padding-left: 8px;
	border-bottom:1px solid #E5E5E5;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.blocZona:hover{
	background-color:#EEE;
}
.blocZona .capZonaTitol, .blocZona .capLliures{
	padding: 2px 0;
}
.blocQuantitat {
	overflow:hidden;
	margin-bottom:3px;
	border-top: 1px dotted #DDD;
	padding-top:4px;
}

.blocQuantitat:first-child {
	border-top: none;
	padding-top:0;
}
.blocQuantitat:last-child {
	margin-bottom:0px;
}
.blocQuantitat span span{
	white-space:nowrap;
}
.capLliures {
	float: right;
	width: 65px;
	text-align: center;
	order: 2;
	align-self: flex-start;
}
.tarifaCadira {
	margin-right: auto;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	width: 650px;
	margin-left: auto;
	text-align: center;
	color: #333333;
}
.tarifaCadira .Taronja{
	color: #DC0053;
}
.campCadires {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background-color: #DC0053;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 183px;
	padding: 5px;
}

.taulaCadires {
	font-family: 'Raleway', sans-serif;
	font-size: 9px;
	text-align: center;
	margin-bottom: 0px;
	color: #333333;
}

.caixaGeneral {
	margin-bottom: 30px;
	
}
.caixaTitol {
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #DC0053;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	margin-bottom: 1px;
	overflow: hidden;
	background-color: #F2F2F2;
}
.caixaInfo {
	margin-top: 2px;
	padding: 16px 0;
	overflow: hidden;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #000;
}
.caixaEsquerra {
	float: left;
	margin-right: 10px;
}

.caixaDreta {
	float: right;
	overflow: hidden;
	display:block;
	margin-left: 10px;
}

#caixaUserPass {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	color: #000000;
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-color: #F2F2F2;
}
.caixaCentre {
	font-size: 13px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	display: table;
}
#caixaPagament {
	margin-bottom: 20px;
	padding: 10px;
	overflow: hidden;
	background-color: #F2F2F2;
}
#caixaAgregar {
	margin-bottom: 20px;
	padding: 10px;
	overflow: hidden;
	background-color: #F2F2F2;
	
}
#caixaGuardar {
	margin-bottom: 20px;
	background-color: #F2F2F2;
	padding: 10px;
	overflow: hidden;
}
#usuari {
	float: left;
	display: block;
}
#accesoAuth {
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    color: #000;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #F2F2F2;
}

.recuperar {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	color: #392218;
	overflow: hidden;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 25px;
}
.recuperarForm {
	margin-right: 5px;
	margin-left: 5px;
	overflow: hidden;
}

.recuperarDiv {
	margin-bottom: 10px;
	margin-top: 20px;
}

.titolEvent {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.Taronja {
	font-weight: bold;
	color: #DC0053;
}
.campgran {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #FFF;
    height: 30px;
    width: 75px;
    border: 1px solid #CCC;
    padding-left: 5px;
    padding-right: 5px;
}
#formAcceso {
	float: left;
	margin-left: 20px;
}
.titolLanding {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}



.caixaInfoEntrada {
	background-color: #DBDBDB;
	padding: 16px;
	overflow: hidden;
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #333333;
	margin-top:15px;
}
.lineaForm {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}
.nombreForm {
	font-size: 14px;
	float: left;
	width: 140px;
	margin-top: 4px;
	margin-left: 5px;
}
.campoForm {
	float: left;
}
.campForm {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	width: 140px;
	border: 1px solid #CCC;
	padding: 5px;
	
}
.campFormCurt {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	border: 1px solid #CCC;
	width: 30px;
	padding: 5px;
}
.campFormText {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	border: 1px solid #CCC;
	width:240px;
	padding: 5px;
}
.CheckForm {
	font-size: 12px;
	float: left;
	width: 40px;
	margin-top: 4px;
	margin-left: 0px;
}
.TextoCheckForm {
	float: left;
	overflow: hidden;
	width: 400px;
}

.pagament {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	float: left;
	margin-top: 6px;
	overflow: hidden;
	margin-left: 15px;
}
.caixaInfo2 {
	margin-top: 2px;
	padding: 16px 0;
	overflow: hidden;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #000;
}
.envioEntrades {
	overflow: hidden;
}
.selectEquipo {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	color: #333333;
	background-color: #FFF;
	border: 1px solid #333;
	padding: 5px;
	margin: 5px;
	border-radius: 4px;
}
.campgran2 {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	height: 30px;
	border: 1px solid #CCC;
	padding-left: 5px;
	padding-right: 5px;
}
.itemHistoric {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	background-image: url(images/fondo_historic.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	overflow: hidden;
	margin-bottom: 8px;
	padding-right: 10px;
	margin-top: 8px;
}
.eventoHistoric {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #DC0053;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	margin-bottom: 2px;
	padding-bottom: 2px;
	overflow:hidden;
}
.dataHistoric {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	margin-bottom: 2px;
	padding-bottom: 2px;
	overflow:hidden;
}
.botoHistoric {
	margin-top:5px; 
	margin-bottom:3px; 
	float:right;
	overflow:hidden;
	}
#sillas {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	background-color: #C00;
	padding: 10px;
	width: 110px;
	margin-left: 132px;
	text-align: center;
	margin-top: 30px;
	position: absolute;
	border: 1px solid #FFF;
	visibility: hidden;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}


.taulaDireccioPista {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
	color: #333333;
}
.paginacio {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.paquet {
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	width: 29.33%;
	margin-top: 25px;
	margin-bottom: 20px;
}
.descPaquet {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color: #ccc;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-align: center;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}
.descPaquet:hover{
	cursor:pointer;
}
.compraPaquet {
	margin-top: 15px;
	padding: 10px;
	overflow: hidden;
	background-color: #F2F2F2;

}
.paquetsText {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #F8F8F8;
	padding: 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #DDDDDD;
	margin-top: 25px;
}
.entrada {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}

.nomPartit {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	background-color: #F2F2F2;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#error {
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	overflow: hidden;
}
#enhorabona {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #009900;
	padding: 10px;
	text-align: center;
	overflow: hidden;
}
#ups {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #C00;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	background-image: url(images/error.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div.corner{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}


/*>>///////////////////////////// PAGINA TEMPORADES ///////////////////////// */


.col1LandingLlarg {
	margin-top: 25px;
	overflow: hidden;
	margin-right: 0px;
	margin-left: 0px;
}
.caixaTemporada {
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	width: 29.33%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 14px;
	background-color: #F2F2F2;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
}
.col1LandingLlarg > div[style="overflow:hidden;"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	margin-top: 40px;
	margin-bottom: 40px;
}
.titlolTemporada {
	padding: 25px 10px 10px;
	font-weight: bold;
	font-size: 15px;
	display: block;
}
.fotoTemporada {
	min-height: 160px;

}
.fotoTemporada img{
	width: 100%;
	min-width: 100%;
}
.botoTeporada {
	overflow: hidden;
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 18px;
}
.fotoEvent {
	float: left;
	margin-right: 15px;

}
.titolSelEventFoto {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	color: #000;
	float: left;
	padding-bottom: 40px;
}
.titolSelEventFoto strong {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    line-height: normal;
}
.titolSelEventFoto .Taronja {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
}
.contenedorSelEventFoto {
	overflow: hidden;
	padding: 0px;
}
.botoSelEventFoto {
	margin-top: 0px;
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: 260px;
}

.bannerCol {
	margin-right: 0px;
	margin-left: 50px;
	overflow: hidden;
	float: left;
	margin-top: 51px;
}
/* carrito nou estils -----------------------------*/
#colCarrito {
	margin-left: 0px;
	margin-top: 25px;
	margin-right: 0px;
	overflow: hidden;
}
.titolEventC {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.DataC {
	font-weight: bold;
	color: #DC0053;
}
.ColorC {
	color: #DC0053;
}
.itemCestaC {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	background-image: url(images/fondo_carrito.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 29px;
	overflow: hidden;
	margin-bottom: 8px;
	padding-right: 0px;
	margin-top: 8px;
}
.fila1C {
	overflow:hidden; 
	padding-top:5px; 
	padding-bottom:5px;
	padding-left:6px;
	padding-right:7px;
}
.caixaTarifaC {
}
.selectC {
	font-size: 11px;
	background-color: #FFF;
	border: 1px solid #FFF;
	height: 20px;
}
.camppetitC {
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	background-color: #FFF;
	border: 1px solid #FFF;
	width: 60px;
	padding-left: 3px;
	padding-right: 3px;
	height: 16px
}
.caixaDetallsC {
	overflow: hidden;
	float: right;
	border-left: 1px solid #ccc;
	padding-left: 3px;
}
.caixaDetallsC img{
	margin-top: 3px;
	margin-left: 4px;
}
.fila2C {
	overflow:hidden;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:6px;
	padding-right:8px;
	border-top: 1px solid #ccc;
}
.caixaLocalitatC {
	float:left;
}
.caixaPreusC {
	overflow:hidden; 
	float:right;
}
.txt11{
	font-size: 11px;
	}
.txt13{
	font-size: 13px;
	}
.hrC {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #f2f2f2;
	border-right-style: none;
	border-left-style: none;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	margin-right:8px;
}
.fila3C {
	overflow:hidden;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:6px;
	padding-right:8px;
}
.caixaDescompteC {
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	padding-right: 7px;
	margin-right:7px;
	margin-top:3px;
}
.caixaMobilC {
	float:left;
	
}
.totalCestaC {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	float: right;
	margin-top: 4px;
}
.ImporteTotalC {
	overflow: hidden;
	font-family: 'Raleway', sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #DC0053;
	background-color: #F2F2F2;
	float: right;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-left: 10px;
	
}
.ImporteTotalCm {
	overflow: hidden;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	background-color: #F2F2F2;
	float: right;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	margin-left: 10px;
}
.caixaPreuBlanc {
	overflow:hidden; 
	float:right;
}
.caixaGlobalC {
	overflow:hidden;
	margin-bottom:10px;
}

.caixaAuth {
	margin-bottom: 10px;
	padding: 10px;
	overflow: hidden;
	color: #000000;
	background-color: #F2F2F2;
}

.caixaPaquetC {
	background-color: #fff;
	padding: 0px;
	overflow: hidden;
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #333;
	border: 4px solid #f2f2f2;
}
.tituloPaqueteC {
	color:#000;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	background-color: #F2F2F2;
}
.hrP {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f2f2f2;
	border-bottom-color: #cccccc;
	border-right-style: none;
	border-left-style: none;
	margin:0px;
}
.hrP2 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-style: none;
	border-left-style: none;
	margin-top:2px;
	margin-bottom:10px;
}
.caracteristicasPaqueteC {
	overflow:hidden;
	color:#000;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	background-color: #F2F2F2;
}
.contEntradasP {

	padding: 10px;
}
.fila2P {
	overflow:hidden;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:6px;
	padding-right:8px;

}
.ImportePaqueteC {
	overflow:hidden;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	background-color: #F2F2F2;
	float: right;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	margin-left: 10px;
	
}
.columnaForm{
	margin-left: auto;
	margin-right: auto;
	width: 460px;
}
.actualitzarPreusC {
	margin-bottom: 7px;
	margin-top: 5px;
	background-color: #F00;
	padding: 5px;
	overflow: hidden;
	color:#FFF;
	font-size:12px;
}
.txtActualizarC {
	overflow:hidden; 
	float:left; 
	margin:5px;

}
.caixaCarritoBuit {
	
	padding: 15px;
	overflow: hidden;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #666666;
	text-align: center;
	font-weight: bold;
}
/* -------------- EXTRAS --------------------------------------------------*/

#E_CajaMenu {
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	margin-top:2px;
	color: #000;
	height: 35px;
	overflow:visible;
	border-radius: 4px;
	background-color: #f4f4f4;
	
}
#E_iniciomenu {
	overflow:hidden;
	border-radius: 4px;
}

#ExtraMenu {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	
	text-align: right;
	
}


#ExtraMenu li {
	float: left;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;

}
#ExtraMenu a {
	color: #000;
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 400;
	padding: 0 17px;

}
#ExtraMenu a:hover {

	text-decoration: none;
	background-color: #DC0053;
	color: #fff;
}
.E_itemActivo{
	color: #DC0053 !important;

}
.E_itemActivo:hover{
	color: #fff !important;

}
#colExtras {
	margin-left: 0px;
	margin-top: 25px;
	margin-right: 0px;
	overflow: hidden;
	margin-bottom: 25px;
}
.E_TitolBar {
	margin-top: 0px;
	overflow: hidden;
	background-color: #F2F2F2;
}
.E_TitolBar .titol {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #DC0053;
	float: left;
	line-height: 25px;
	padding: 15px;
	
	}
.E_TitolBar .descripcio {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	float: right;
	line-height: 25px;
	width: 550px;
	padding: 15px;
}
.E_caixaExtraGen {
	background-color: #F2F2F2;
	border-radius: 4px;
	margin-bottom: 28px;
	overflow:hidden;
	min-height: 200px;
	background-image: url(images/fons_fitxaExtra.png);
	background-repeat: repeat-y;
	background-position: left top;
	position: relative;
}
.E_foto {
	background-color: #000;
	float: left;
	width: 300px;
}
.E_global {
	float: left;
	width: 840px;
}
.E_capfitxa {
	padding-right: 10px;
	padding-left: 15px;
	overflow:hidden;
	background-color: #F2F2F2;
}
.E_titolfitxa {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #DC0053;
	line-height: 35px;
	float:left;
}
.E_estatfitxaOFF {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	line-height: 35px;
	float:right;
}
.E_estatfitxaON {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3399CC;
	line-height: 35px;
	float:right;
}
.E_contingutfitxa {
    overflow: hidden;
    background-image: url(images/ombra_carrito.png);
    background-repeat: repeat-x;
    background-position: left top;
    margin-bottom: 60px;
}
.E_descfitxa {
	padding: 15px;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	width: 350px;
	float: left;
}
.E_caracteristicaFitxa {
	float: right;
	width: 450px;
}
.E_reservar {
	width: 820px;
	position:absolute;
	padding: 10px;
	right:0px;
	bottom:0px;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
	background-color: #F2F2F2;
}
.E_tablaCarct {
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	color: #000;
}
.E_tablaCarct .fila{
	padding-top: 4px;
	padding-bottom: 6px;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.E_tablaCarct .celda1{
	float: left;
	width: 190px;

}
.E_tablaCarct .celda2{
	float: left;
	width: 60px;
	text-align: right;

}
.E_tablaCarct .celda3{
	float: left;
	width: 85px;
	text-align: right;

}
.E_tablaCarct .celda4{
	float: right;
	width: 60px;
	text-align: right;
	color: #000000;
	font-weight: bold;

}
.E_titCart_Extra {
	font-weight: bold;
	color: #DC0053;
}
.E_tablaCarct .filaTotal{
	padding-top: 7px;
	padding-bottom: 6px;
	text-align:right;
	overflow:hidden;
}
.E_tablaCarct .precioFinal{
	color:#000;
	font-size: 22px;
	font-weight: normal;
}
.E_tablaCarct .groc, .E_tablaCarct .vermell{
	font-size:11px;
	padding-top:1px;
	display:block;
}
.E_alerta {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #F00;
    float: right;
    line-height: 30px;
    margin-right: 15px;
    background-image: url(images/prohibido.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 17px;
}
.E_alerta a{
	color: #F00 !important;
	text-decoration:none;
}
.E_alerta a:hover{
	color: #F63 !important;
	text-decoration:none;
}
.E_sinProdExtra {
	border-radius: 0px;
	margin-bottom: 28px;
	overflow:hidden;
	position: relative;
	padding:30px;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	border-radius:4px;
}
.E_carritoOp {
	float: left;
	overflow: hidden;
}
.E_carritoOp .add {
    float: none;
    overflow: hidden;
    height: 60px;
}
.E_carritoMenu {
	float: none;
	overflow: hidden;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #222;
	border-radius: 4px;
}
.E_descOp {
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	overflow: hidden;
}
.E_Menu {
	padding-left: 2px;
	float: left;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #DC0053;
}
#MenuOpciones {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	
	
}
#MenuOpciones li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: bold;
}
#MenuOpciones a {
	color: #FFFFFF;
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
#MenuOpciones a:hover {
	color: #DC0053;
	
}
.E_caixaExtraGen a {
	color: #DC0053;
	text-decoration: none;
}
.E_caixaExtraGen a:hover {
	color: #999999;
	text-decoration: none;
}
.pistaUp, .pistaDown, .rotL, .rotR{
	position:absolute;
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
	background-color: rgba(238,238,238,0.70);
	line-height: 17px;
	padding: 0 3px;
	border-radius: 4px;
	display: block;
	white-space: nowrap;
	pointer-events: none;
	z-index: 10;
}
.pistaUp {
	
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	
} 
.pistaUp:before, .pistaDown:before, .rotL:before, .rotR:before,
.pistaUp:after, .pistaDown:after, .rotL:after, .rotR:after{
	content:"";
	background-image: url(images/direccio-escenari.svg);
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	display: inline-block;
	vertical-align: middle;
}
.pistaUp:before, .pistaUp:after{
	transform: rotate(180deg); 
	height: 12px;
}
.pistaDown {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
} 
.pistaRight {
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	position: absolute;
	z-index: 10;
	
} 
.pistaLeft {
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	position: absolute;
	z-index: 10;
	
} 
.rotR {
	transform: rotate(-90deg); 
	right: 0;
} 
.rotL {
	transform: rotate(90deg);  
	left: 0;
} 
@media \0screen {
	.rotL {writing-mode: tb-rl;}
	.rotR {writing-mode: tb-rl;}
}
/* A class used by the jQuery UI CSS framework for their dialogs. */
.ui-front {
    z-index:1000000 !important; /* The default is 100. !important overrides the default. */
}
/* "dialogClass" para Dialog sin botón "x" para cerrar */
.no-close .ui-dialog-titlebar-close {
 display: none !important;
}

/* Ven conmigo estils -----------------------------*/
.seleccioeventAmic {
	border-color: #999999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	margin-top: 16px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	overflow:hidden;
	padding-bottom: 0px;
}
.seleccioeventAmic .caixaEvent{
	margin-bottom:0px;
}
.eventAmicInfo {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	background-image: url(images/icona_vina_amb_mi.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 105px;
	min-height: 45px;
}
.eventAmicInfo p{
	margin: 0;
	font-size: 13px;
	color: #FE5D12;
	text-shadow: 0 1px #fff;
	font-style: italic;
}
.seleccioareaAmic {
	 border-top-width: 1px;
	 border-right-width: 1px;
	 border-left-width: 1px;
	 border-bottom-width: 1px;
	 border-top-style: solid;
	 border-right-style: solid;
	 border-left-style: solid;
	 border-bottom-style: solid;
	 margin-top: 16px;
	 padding-top: 0px;
	 padding-left: 0px;
	 padding-right: 0px;
	 overflow:hidden;
	 padding-bottom:0px;
}
.seleccioareaAmic .seleccioarea{
	margin-top:0;
	border-radius:0;
}
.areaAmicInfo {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	background-image: url(images/icona_vina_amb_mi.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 105px;
	min-height: 40px;
	overflow: hidden;
}
.areaAmicInfo p{
    margin: 0;
    font-size: 13px;
    color: #FE5D12;
    text-shadow: 0 1px #fff;
}
.areaAmicInfo span{
	display: block;
	padding: 5px;
	margin-top: 5px;
	float: left;
}
.seleccioZonaAmic {
	 border: 1px solid #FE5D12;
	 padding-top: 4px !important;
	 padding-bottom: 4px !important;
}

.codigoseating {
	background-color: #FFFFCC;
}
.codigoseating.blocZona:hover{
	background-color:#FFFFCC;
}
.caixaInfoCodigoSeatingLanding {
	padding: 10px;
	border: 1px solid #999;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.caixaInfoCodigoSeatingLanding .buttonBig{
	display:inline-block;
	float:none;
	margin-left: 15px;
}
#colcodigosseating {
	 margin-left: 30px;
	 margin-top: 40px;
	 margin-bottom: 60px;
	 margin-right: 30px;
}

.caixetaLocalidad {
	padding: 3px;
	margin-top: 5px;
	float: left;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	border-radius: 4px;
}
.venConmigo {
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/icona_vina_amb_mi.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 105px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	min-height: 35px;
}
.venConmigo p{
	margin:0;
}
.venConmigo h1{
    display: block;
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 18px;
    color: #FF6600;
    text-shadow: 0 1px #fff;
}

.redesSociales{
  padding-top: 10px;
  padding-bottom: 10px;
}
.capa_asocia_codigo_amigo{
	padding-top: 15px;
	border-top: solid 1px #999;
	}
.capa_asocia_codigo_amigo .buttonBig{
	display:inline-block;
	float:none;
	margin-left: 15px;
}
.botonsRS {
}
#colEvents1 {
	float: left;
	width:49%;
	margin-right: 1%;
	margin-top: 25px;
}
#colEvents2 {
	float: right;
	width:49%;
	margin-left: 1%;
	margin-top: 25px;
}
#colEvents1 .titolSelEventFoto, #colEvents2 .titolSelEventFoto {
	width:inherit;
	}
#colEvents1 .titolSelEvent, #colEvents2 .titolSelEvent{
	width:280px;
}
#colEvents1 .fotoEvent, #colEvents2 .fotoEvent{
	margin-right:10px;
	}
#localitats .caixaInfoCodigoSeatingLanding{
	width:650px;
}
/* SELECCIO SESSIO ------------------------------------------------ */
.sessioGen {
}

.caixaSessio {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	background-color: #F2F2F2;
	padding: 15px;
}
.caixaSessio h2{
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #000;
	margin: 0;
	font-weight:700;
	
}
.caixaSessio h3{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	margin: 0;
	
}

.seleccioSessio {
	overflow: hidden;
	margin-bottom: 10px;
}
.diaSessio{
	background-color: #ccc;
	padding: 5px 5px 5px 8px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	}
.titoldiasessio {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	float: left;
}
.horaSessio {
	overflow: hidden;
	padding: 8px 5px 8px 8px;
	border-bottom: solid 1px #DDD;
}
.titolhorasessio {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #DC0053;
	float: left;
	padding: 6px 0;
}
.Caixahorasessio {
	max-width: 220px;
	margin-left: 20px;
	float: left;
}
.Deschorasessio {
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;

}
.Alertahorasessio {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	padding: 4px 0;
}
/*-------------------------------- Estils seleccio localitat LICEU */
.Ltitolpas {
	font-family: 'Raleway', sans-serif;
	letter-spacing: 0pt;
	font-size: 18px;
	text-align: left;
	color: rgba(43,43,43,1.00);
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;

}
.LcaixaSeleccio{
	overflow: hidden;
}
.LcaixaSeleccio h5{
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #DC0053;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	height: 15px;
}
.LcolEsq {
	float: left;
	width: 953px;
	overflow: hidden;
}
.LcolDre {
	float: left;
	width: 187px;
	height: 745px;
	position: relative;
}
.LcapSeleccio {
	overflow: hidden;
}
.LcapMapa {
	overflow: hidden;
}
.Lpreus {
	float: left;
	width: 124px;
}
.LminiAforo {
	float: left;
}
.LentradesSelect {
	float: right;
	width: 434px;
}
.LentradesSelect3D{overflow: hidden;}
.LtaulaEntradesCap{
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	height: 23px;
	padding-right: 18px;
	width: 100%;
}
.LtaulaEntrades{
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #252525;
	width: 100%;
}
.LtaulaEntrades td, .LtaulaEntradesCap td{
	padding: 2px 5px;
}
.LtdDreta{
	text-align: right;
}
.LtdCentre{
	text-align: center;
}
.LcaixaEntrades {
	background-color: #eee;
	height: 81px;
	width: 434px;
	overflow-y: scroll;
}
.LtrHover:hover{
	color: #FFF;
	background-color: #DC0053;
	cursor: pointer;
	}
.LcaixaResum {
	background-color: #DC0053;
	display: block;
	height: 37px;
	width: 434px;
	overflow: hidden;
}
.LtotalLoc {
	float: left;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 10px;
	padding-right:10px;
}
.LtotalPreu {
	float: right;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 10px;
	padding-left:10px;
}
.Lbig {
	font-family: 'Raleway', sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:40px;
}
.LfotoLocalitat {
	padding-top: 38px;
	min-height: 200px
}
.LfotoDesc {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1C1C1;
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #A2A2A2;
	padding-top: 10px;
	padding-bottom: 5px;
}
a.Lboto1 {
	
	margin-right: 0px;
	margin-left: 0px;
	text-decoration: none;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size:10px;
	font-weight:bold;
	border-radius: 4px;
	background-color: #999;
	margin-top: 5px;
	text-transform:uppercase;
	display: block;
	padding:6px;
	
}
a.Lboto1.enrere{
	padding-right:20px;
	padding-left:20px;
	
}
a.Lboto1 span {
	display: block;
	line-height: normal;
	text-align:center
} 
a.Lboto1:hover{
	text-decoration:none;
	background-color: #777;
	color: #FFF;
}
.Lleyenda {
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #666;
	margin-bottom: 20px;
}
.LtaulaLeyenda{
	margin-left: 30px;
	}
.LtaulaLeyenda td{
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	}
.Lcaixafitxa {
	margin-bottom: 20px;
}
a.Lbotocercle {
	height: 86px;
	width: 86px;
	margin-right: 37px;
	margin-left: 37px;
	text-decoration: none;
	color: #333;
	font-family: 'Raleway', sans-serif;
	font-size:13px;
	font-weight:bold;
	border-radius: 43px;
	background-color: #FFF;
	border: solid 2px #B72530;
	margin-top: 5px;
	display: block;

}
a.Lbotocercle span {
	display: block;
	padding: 20px 5px;
	text-align:center;
} 
a.Lbotocercle:hover{
	text-decoration:none;
	background-color: #B72530;
	color: #FFF;
}
.LcaixaBotons {
	width:100%;
}
a.Lboto2 {
	margin-right: 0px;
	margin-left: 0px;
	text-decoration: none;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: bold;
	border-radius: 4px;
	background-color: #DC0053;
	border: 1px solid #DC0053;
	margin-top: 5px;
	text-transform: uppercase;
	display: block;
}
a.Lboto2 span {
	display: block;
	padding: 56px 0 12px 0;
	line-height: 15px;
	text-align: center;
	margin: 0 2px;
	background-image: url(images/ico-cistella.png);
	background-repeat:no-repeat;
	background-position: center 16px;
} 
a.Lboto2:hover{
	text-decoration: none;
	background-color: #A0003C;
	border: 1px solid #A0003C;
	color: #FFFFFF;
}
.Lmapa{
	margin-top:15px;
}
.LinfoExtra {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	color: #DC0053;
	padding: 12px 0;
	margin-bottom: 30px;
}

/*---------- ICONES ESTAT CAMP -------------*/
.campOK {
	float: left;
	height: 18px;
	width: 18px;
	margin-left: 5px;
	background-image: url(images/ico-campOK.png);
	background-repeat: no-repeat;
	display:none;
}
.campKO {
	float: left;
	height: 18px;
	width: 18px;
	margin-left: 5px;
	background-image: url(images/ico-campKO.png);
	background-repeat: no-repeat;
	display: none;
	font-size: 11px;
	color: #FF3D11;
}
.campDescError {
	font-family: 'Raleway', sans-serif;
	font-size:11px;
	color: #FFFFFF;
	background-color: #CC0000;
	white-space:nowrap;
	line-height:18px;
	padding: 0 5px;
	border-radius: 4px;
}
.campLoading {
	float: left;
	height: 18px;
	width: 18px;
	margin-left: 5px;
	background-image: url(images/ico-loading.gif);
	background-repeat: no-repeat;
	border-radius: 9px;
	background-color: #3399CC;
	display:none;
}
.filaRegitre{
}
/* ----------------- ESTILS COOKIES -----------------------------*/
#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
	background-color: rgba(0,0,0,0.90);
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    padding: 30px;
	color:#FFF;
	overflow:hidden;
}
#infobox3 p {

    font-size:13px;
	margin:0;
	font-family: 'Raleway', sans-serif;
}
#infobox3 p a {
     text-decoration: none;	
}
.textcookies{
	float:left;
	margin-bottom:10px;
	max-width:85%;
}
a.Bcookie{
	display:inline-block;
	float:inherit;
	margin: 0 5px;
}

/* -------------------- SESSIO CALENDARI -------*/
.caixaInfoSessio{
	width: 400px;
	float: left;
}
.caixaCal {
	float: right;
	width: 245px;
	font-family: 'Raleway', sans-serif;
	color:#FFF;
}
.caixaCal a{
	transition:background-color 300ms;
	-webkit-transition:background-color 300ms;
}
.diaSessioCal{
	background-color: #DC0053;
	padding: 5px 5px 5px 8px;
	overflow: hidden;
	}
.titoldiasessioCal {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align:center;
}

/*------------ CALENDARI ------------*/
.caixaMesos {
	display:table;
	margin: 0 auto;
	overflow:hidden;
}
.caixaMesosCentre{
	width:auto;
	margin: 0 auto;	
	overflow:hidden;
}
.caixaEines{
	float:left;}
.mesActiu {
	background-color: #DC0053;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding: 4px 10px;
	margin:1px;
	float:left;
}
a.mesBoto{
	display: block;
	background-color: #666;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 10px;
	float: left;
	margin: 1px;
}
a.mesBoto:hover{
	background-color:#DC0053;
	color:#FFF;
	text-decoration:none;
}
a.mesSeguent{
	background-image: url(images/fletxes-mes.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
a.mesSeguent:hover{
	background-position: right bottom;
	}
a.mesAnterior{
	background-image: url(images/fletxes-mes.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
a.mesAnterior:hover{
	background-position: left bottom;
	}
.caixaDiaSetmana {
	overflow:hidden;
}
.diaSet{
	width:33px;
	height:18px;
	line-height:18px;
	margin:1px;
	float:left;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	color:#AAA;
}
.diumengeSet{
	color:#C9390A;
	}
.caixaDies {
	overflow:hidden;
}
.dia{
	width:33px;
	height:33px;
	line-height:33px;
	margin:1px;
	float:left;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight:bold;
}
.sin{
	background-color: #e2e2e2;
	color: #F2F2F2;
}
.con a{
	background-color: #666;
	color: #FFF !important;
	display: block;
	}
.con a:hover{
	background-color: #DC0053;
	color: #FFF;
	text-decoration: none;
	display: block;
	}
.seleccionado{
	background-color: #DC0053;
	color: #FFF;
	display: block;
	}
.hoy{
	background-image: url(images/calendari-avui.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.con.hoy a{
	background-image: url(images/calendari-avui.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.con.hoy a:hover{
	background-image: url(images/calendari-avui.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.seleccionado.hoy{
	background-image: url(images/calendari-avui.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
a.mesAmic{
	border: solid 2px #FC982B;
	padding: 2px 8px;
	}
a.mesAmic:hover{
	border: 2px solid #FC982B;
	}
.mesActiuAmic{
	border: 2px solid #FC982B;
	padding: 2px 8px;
	}
a.mesInici{
	background-image: url(images/cal-inici.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
a.mesInici:hover{
	background-position: center bottom;
	}
a.mesAmicInici{
	background-image: url(images/amic-cal-inici.png);
	background-repeat: no-repeat;
	background-position: center top;
	width:9px;
	}
a.mesAmicInici:hover{
	background-position: center bottom;
	}
.diaAmic {
	width:33px;
	height:33px;
	margin:1px;
	float:left;
	text-align:right;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight:bold;
	
	}
.diaAmic.con a{
	height: 27px;
	padding: 1px 2px;
	border: solid 2px #FC982B;
	background-color: #666;
	background-image: url(images/amic-cal.png);
	background-repeat: no-repeat;
	background-position: center top;
	color: #fff;
}
.diaAmic.con a:hover{
	border: 2px solid #FC982B;
	background-position: center bottom;
	background-color: #DC0053;
	color: #FFF;
}
.diaAmic.seleccionado{
	background-color: #DC0053;
	color: #FFF;
	display: block;
	border: 2px solid #FC982B;
	width: 25px;
	height: 27px;
	padding: 1px 2px;
	background-image: url(images/amic-cal.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
.diaAmic.con.hoy a{
	background-image: url(images/amic-cal-hoy.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.diaAmic.con.hoy a:hover{
	background-image: url(images/amic-cal-hoy.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.diaAmic.seleccionado.hoy{
	background-image: url(images/amic-cal-hoy.png);
	}
.diaAmic.sin{
	background-image: url(images/amic-cal-sin.png);
	background-repeat: no-repeat;
	background-position: center top;
	border: 2px solid #d2d2d2;
	width: 25px;
	height: 27px;
	padding: 1px 2px;	
}
.diaAmic.sin.hoy{
	background-position: center bottom;
}
/* ----------------------------------- seleccio de grup ------------------------------------- */
.grupCaixaGen {}
.grupCaixa {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	color: #333;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	margin-bottom: 30px;
	position: relative;
	background-color: #FFFFFF;
	border-bottom: solid 1px #efefef;
	border-radius: 0px !important;
	min-height: 95px;
	}
.grupColD {
	float: right;
	width: 170px;
	margin: 0;
	padding-top:52px;
	background-image:url(images/icona-club.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.grupContingut {
	clear:both;
	padding-top: 15px;
}
.grupTitol{
	/*float: left;*/
	padding-top: 54px;
	margin-right: 190px;
}
.grupTitol h2{
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	color: #DC0053;
	margin: 0;
	
}
.grupNota {
	font-size: 11px;
	color:#999;
}
a.selectBig span{
	padding-right: 16px;
	background-image:url(images/fletxa-select.png);
	background-repeat:no-repeat;
	background-position:right top;
}
a.selectBig:hover span{
	background-position:right -22px;
}


.dropdown {
	position: relative;
}
.submenu {
	background: #FFF;
	position: absolute;
	top: 75px;
	right: 3px;
	z-index: 1000;
	width: 264px;
	display: none;
	border: 1px solid #DC0053;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
	max-height: 400px;
	overflow: auto;

	*width:350px; /* IE7 */
}
.submenuCap {
	background: #FFF;
	position: absolute;
	top: -3px;
	left: -3px;
	z-index: 1000;
	min-width: 264px;
	display: none;
	border: solid 1px #999;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
	max-height: 400px;
	overflow: auto;
	*width:350px; /* IE7 */
}
.root li a { /* solucio IE*/
	display: block;
	}
.root li a {
	color: #444;
	display: block;
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	padding: 3px 15px;
	cursor: pointer;
	text-decoration: none;
	border-bottom: solid 1px #efefef;
	overflow: hidden;
	white-space: nowrap;
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
	display: flex;
	align-items: center;
}

.root li a span{
	display:inline-block;
}
.root li img{
	border: 0;
	margin-right:10px;
	margin-left: -12px;
}
.root li a:hover {
	background-color: #DC0053;
	color: #FFFFFF;
	text-decoration: none;
}
.root li.actiuGrup a{
	background-color: #FFE6D2;
	color: #DC0053;
	font-weight: bold;
	cursor: default;
	}
.root li.actiuGrup a:hover{
	background-color: #FFE6D2;
	color: #DC0053;
	}
.root .grupAmic a{
	background-color: #FFFFCC;
	border-bottom: solid 5px #FE5D12;
	color: #FE5D12;
	font-weight: bold;
	background:#FFFFCC url(images/amic-grup-llista.png) no-repeat right bottom;
	padding-right: 45px;
	}
.root .grupAmic a:hover{
	color: #C24001;
	background: #FDC576 url(images/amic-grup-llista.png) no-repeat right bottom;
	}

.root {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size: 14px;
}
.root img{
	height: 50px;
	width: 50px;
}
.botoDesplegat{
	border-radius: 3px 3px 0px 0px !important;
	}
.globoGrup{
	background-color: #FFE53D;
	color: #000000;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	position: absolute;
	z-index:100;
	width: 400px;
	top: -10px;
	left: 72px;
	padding: 16px;
	border-radius: 8px;
	display: none;
	background-image:url(images/fons-globo.png);
	background-repeat:no-repeat;
	background-position: 250px bottom;
}
.globoGrup .fletxa{
	position:absolute;
	width: 18px;
	height: 15px;
	left: -15px;
	top: 20px;
	background-image:url(images/fletxa-globo-grup.png);
	background-repeat:no-repeat;
}
.globoGrup .tancarGlobo{
	position:absolute;
	width: 16px;
	height: 16px;
	right: 3px;
	top: 3px;
	background-image:url(images/btnTancarGlobo.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
.globoGrup .tancarGlobo:hover{
	background-position: left bottom;
}
.logoGrup{
	cursor:pointer;
	width: 74px;
	height: 74px;
	top: 0px;
	left: 0px;
	display:block;
	position:absolute;
	z-index:500;
	background-image:url(images/ico-edicioGrup.png);
	background-position: -35px bottom;
	background-repeat: no-repeat;
	}
.logoGrup:hover{
	background-position: right bottom
}
.amicLogoGrup{
	border:solid 3px #FE5D12 !important;
}
.amicIcoLogoGrup{
	position: absolute;
	z-index: 1000;
	background-image: url(images/amic-grup-llista.png);
	background-repeat: no-repeat;
	width: 37px;
	height: 21px;
	top: -24px;
	right: 5px;
	display: none;
}
.grupCaixaImg{
	position:relative;
	}
.grupCaixaImg img{
	position:absolute;
	top: 0px;
	left: 0px;
	display:none;
	z-index:30;
}
.root img{
	height: 50px;
	width: 50px;
}
.heightContingut{
	min-height:540px;
	
}
.loadingGrup{
	background-image: url(images/loadingGrup.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: bold;
	line-height: 32px;
	padding-right: 40px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
 only screen and (-o-min-device-pixel-ratio: 13/10),
 only screen and (min-resolution: 120dpi) {
.grupColD {
	background-image:url(images/icona-club_2x.png);
	background-size: 170px 52px;
} 
.root .grupAmic a{
	background:#FFFFCC url(images/amic-grup-llista_2x.png) no-repeat right bottom;
	background-size: 43px 21px;
	}
.root .grupAmic a:hover{
	background: #FDC576 url(images/amic-grup-llista_2x.png) no-repeat right bottom;
	background-size: 43px 21px;
	}
.globoGrup{
	background-image:url(images/fons-globo_2x.png);
	background-size: 170px 50px;
}
.globoGrup .fletxa{
	background-image:url(images/fletxa-globo-grup_2x.png);
	background-size: 18px 15px;
}
.globoGrup .tancarGlobo{
	background-image:url(images/btnTancarGlobo_2x.png);
	background-size: 16px 32px;}
.amicIcoLogoGrup{
	background-image:url(images/amic-grup-llista_2x.png);
	background-size: 43px 21px;
}
.logoGrup{
	background-image:url(images/ico-edicioGrup_2x.png);
	background-size: 21px 23px;
}
.loadingGrup{
	background-image: url(images/loadingGrup_2x.gif);
	background-size: 32px 32px;
}
}
/*-------- FOTO LOCALITAT I 3D ------------------------------ */
.caixaVistaFoto{
	margin-top: 10px;
	color: #555;
}
.caixaFoto{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
}
.caixaFoto img{
	max-width: 100%;
	height:auto;
	border: 0;
}
.caixaFoto a{
	cursor: url(images/zoom.cur), auto;
	cursor: zoom-in;
	cursor: -webkit-zoom-in;
	
}
.titolFoto{
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #DC0053;
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin-bottom: 1px;
	overflow: hidden;
	background-color: #FFFFFF;
	border-bottom: 2px solid #DC0053;
}
.caixa3d{
	margin-top: 7px;
	}
.caixa3d .buttonBigTemporades {
	margin-left: 0;
	margin-right: 0;
}
.descFoto {
	background-color: #EEE;
	padding: 6px;
	
}
.bloc3D {
	position: absolute;
	width: 670px;
	border: solid 6px #f4f4f4;
	border-radius: 6px;
	-webkit-box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.41);
	-moz-box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.41);
	box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.41);
	z-index:1000;
}
.bloc3Doff {
	width: 670px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	
}
.capcelera3d {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
	color: #DC0053;
	background-color: #f4f4f4;
	border-bottom: 4px solid #BBBBBB;
	padding: 6px;
	overflow: hidden;
	}
.nomlocalidad{
	font-size: 11px;
	color:#7E7E7E;
	padding-left:20px;
}
.btnSeparar{
	display:block;
	float:right;
	height:22px;
	width:25px;
	background-image:url(images/btn_separar.png);
	background-repeat:no-repeat;
	background-position: left top;
	text-decoration:none;
	transition:none;
}
.btnUnir{
	display:none;
	float:right;
	height:22px;
	width:25px;
	background-image:url(images/btn_unir.png);
	background-repeat:no-repeat;
	background-position: left top;
	text-decoration:none;
	transition:none;
}

.btnSeparar:hover, .btnUnir:hover{
	background-position: left bottom;
}

.box3D{
	display: table;
	background-image: url(images/escheresque.png);
	width: 670px;
	height: 335px;
	overflow: hidden;
	position: relative;
	}
.bloc3D .box3D{
	border-bottom: solid 1px #FFF;
}
.descBox3D{
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color:#BBB;
	text-shadow:0 1px #FFF;
}
.ico3D{
	position: absolute;
	z-index:1000;
	width: 29px;
	height: 29px;
	left: 10px;
	top: 10px;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.40);
	background-image: url(images/ico-3D.svg);
	background-repeat: no-repeat;
	background-position: center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
 only screen and (-o-min-device-pixel-ratio: 13/10),
 only screen and (min-resolution: 120dpi) {
	.box3D{
		background-image: url(images/escheresque_2x.png);
		background-size: 46px 29px;
	} 
 }
.contadorCap {
	position: absolute;
	right: -3px;
	top: 4px;
	z-index: 10;
	background-color: #000;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	height: 16px;
	min-width: 11px;
	line-height: 16px;
	padding: 0 3px;
	text-align: center;
	border-radius: 11px;
	text-shadow: none;
}
/* -------------------------- COMPRA REGAL -------------------------------*/
.caixaInfoRegal {
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 16px;
	overflow: hidden;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #000;
	border-radius: 0px !important;
}
.caixaRegal{
	background-color: #F2F2F2;
	color: #000;
	border-radius: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.capRegal{
	padding: 10px;
	color: #DC0053;
	font-size: 18px;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	}
	
.contingutRegal{
	background-image: url(images/ombra_carrito.png), url(images/fonsRegal.png);
	background-repeat: repeat-x, no-repeat;
	background-position: left top, right bottom;
	padding: 20px 15px;
	display: none;
	}
.formRegal{
	padding:10px;
}
.filaRegal {
	clear: both;
	display: flex;
	justify-content: space-around;
}
.formRegal label{
	width: 200px;
	display:inline-block;
	margin-bottom:6px;
	margin-top:6px;
	font-weight:bold;
	color:#DC0053;
	vertical-align: middle;
}
.campRegal {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	background-color: #FFF;
	border: 1px solid #ccc;
	width:140px;
	padding:3px 5px;
	
}
.campCalendari{
	margin-left:10px;
	padding-right: 17px;
	padding-left: 3px;
	width: 85px;
	background-image:url(images/ico-calendari.png);
	background-repeat:no-repeat;
	background-position: right center;
}
.desactivat {
	opacity: 0.35;
}
.areaRegal {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	background-color: #FFF;
	border: 1px solid #ccc;
	width: 400px;
	max-width: 400px;
	height: 100px;
	padding: 3px 5px;
}
.colRegal1 {
	float: left;
	width: 410px;
	border-right: 1px solid #DC0053;
	margin-bottom: 20px;
	flex: 1;
}
.colRegal2 {
	float: left;
	width: 390px;
	margin-left: 60px;
	margin-bottom: 20px;
	flex: 1;
}
.colRegal1 label, .colRegal2 label{
	width: 50%;
	min-width: 200px;
}
.colRegal3 {
	float: left;
	width: 460px;
	border-right: 1px solid #DC0053;
	clear: both;
	flex: 1;
}
.colRegal4 {
	float: left;
	width: 340px;
	margin-left: 60px;
	flex: 1;
}
.colRegal3 label, .colRegal4 label{
	width:inherit;
	margin-bottom:5px;
}
.colRegal4 .titolRegal{
	color:#DC0053;
	font-weight: bold;
}
.colRegal4 label{
	color: #000000;
}
.icoRegal{
	position: absolute;
	width:45px;
	height:44px;
	background-image: url(images/ico-regal.png);
	background-repeat:no-repeat;
	right: 12px;
	bottom: 5px;
	display:block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
 only screen and (-o-min-device-pixel-ratio: 13/10),
 only screen and (min-resolution: 120dpi) {
	.icoRegal{
		background-image: url(images/ico-regal_2x.png);
		background-size: 45px 44px;
	} 
	.contingutRegal{
		background-image: url(images/ombra_carrito.png), url(images/fonsRegal_2x.png);
		background-size: 366px 21px, 329px 308px;
	}
	.campCalendari{
		background-image:url(images/ico-calendari_2x.png);
		background-size: 17px 16px;
 }
 }

/* NOU ACCES A ZONA PERSONAL */
.colX1{
	float: left;
	margin-right: 5%;
	width: 43%;
	margin-top: 35px;
	margin-bottom: 20px;
}
.colX2{
	float: left;
	width: 52%;
	margin-top: 35px;
	margin-bottom: 20px;
}
.usuariAccesInici, .usuariNouInici, .usuariNouForm{
	overflow:hidden;
	}
.tdL{
	margin-bottom: 30px;
}
.colX2.ampliado {
	width:100%;
}
.ampliado .tdL{
	margin-bottom:0;
	float:left;
	width:44%;
	margin-right:12%;
}
.ampliado .tdR{
	margin-bottom:0;
	float:left;
	width:44%;
}

/* ------------------------- LOCALITATS GLOBAL 3D ----------------------------------- */

.LcaixaSeleccio3D{
	width: 1140px;
	display: flex;
	justify-content: space-between;
}
.LcaixaSeleccio3D_b{
	margin-bottom:5px;
	margin-top:20px;
	clear: both;
	display: flex;
}
.LcaixaSeleccio3D_b h5{
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #DC0053;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	height: 15px;
}
.LcaixaSeleccio3D h5{
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #DC0053;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	height: 15px;
}
.LcolEsq3D{
	width: 940px;
	display: flex;
	justify-content: center;
}
.LcaixaSeleccio3D_b .LcolEsq3D{
	justify-content: flex-start;
}
.LcolDre3D{
	width: 187px;
}
.LcolDre3D_b{
	width: 200px;
	display: flex;
	align-items: flex-end;
}
.Lmapa3D{
	margin-top:0px;
}
.LcaixaSeleccio3D .LminiAforo {
	float: none;
}
.LcaixaSeleccio3D .Lpreus {
	float: none;
	display: table;
	margin: 10px auto;
	width:auto;
}
.LcaixaSeleccio3D .LtaulaLeyenda{
	margin-left: inherit;
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #666;
	margin:10px 0;
	}

.localitatsSeleccionades {
	margin-right:15px;
	width: 100%;
}
.LcaixaEntrades3D {
	background-color: #E6E6E6;
	height: 169px;
	overflow-y: scroll;
}
.LcaixaResum3D {
	background-color: #DC0053;
	display: block;
	overflow: hidden;
	height: 40px;
}

.blocFoto {
	width: 295px;
	float: left;
	margin-right: 3px;
}
.localitatFoto{
	width: 295px;
	height: 209px;
	overflow: hidden;
	background-color: #E6E6E6;
	background-image: url(images/ico-foto.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.localitatNom{
	font-family: 'Raleway', sans-serif;
	font-size:11px;
	color:#666;
	height:23px;
	display:table;	
}
.localitatNom .centre{
	display: table-cell;	
	vertical-align:middle; 
	line-height:11px;
}
.centre{
	display: table-cell;	
	vertical-align:middle; 
	}
/* finestra 3D */
.model3D .bloc3Doff .bloc3D {
	width: 418px;
}
.model3D .bloc3D {
	width: 836px;
}
.model3D .bloc3Doff {
	width: 418px;
	margin-top: 4px;
	float:left;
	margin-right:3px;
}
.model3D .capcelera3d {
	font-size: 13px;
	color: #DC0053;
	height: 34px;
	padding: 0;
	background-color: inherit;
	border-bottom: none;
	}
.model3D .bloc3D .capcelera3d{
	font-size: 13px;
	line-height: 22px;
	background-color: #f4f4f4;
	border-bottom: 4px solid #BBB;
}
.model3D .titolVista{
	display: table;
	width: 165px;
	overflow: hidden;
	float:left;
	height:34px;
	line-height: 14px;
	}

.model3D .bloc3D .titolVista{
	margin-left: 6px;
	width: 220px;
	}
.model3D .nomlocalidad{
	font-size: 11px;
	color: #7E7E7E;
	width: 0px;
	float: left; 
	width: 205px;
	display: table;
	height:34px;
	vertical-align: middle;
	line-height: 11px;
	margin-left:5px;
	padding:0;
}
.model3D .bloc3D .nomlocalidad{
	width: 540px;
}
.model3D .btnSeparar{
	text-decoration:none;
	margin-right:6px;
	margin-top:5px;
}
.model3D .btnUnir{
	text-decoration:none;
	margin-top:5px;
}

.model3D .btnSeparar:hover, .btnUnir:hover{
	background-position: left bottom;
}

.model3D .bloc3Doff .box3D{
	width: 418px;
	height: 209px;
	}
.model3D .box3D{
	width: 836px;
	height: 418px;
	}
.model3D .descBox3D{
	font-size: 20px;
}
.model3D .descBox3D .Taronja{
	font-weight: bold;
	}

/* -------------------- ESTILS PER IFRAME ----------------------------------- */
.iniframe{
	background-image:none;
	background-color:#FFF;
}
.iniframe #capcelera{display:none;}
.iniframe #premenu{
	display: none;
}
.iniframe #menu{display:none;}
.iniframe #infoGeneral, .iniframe #infoGeneralEvento{
	padding:0;
	background-image:none;
	background-color:transparent;
	height:auto;
	text-shadow:none;
	width:1140px;
	border-radius:0;
	min-height:inherit;
	}
.iniframe #infoGeneral #evento, .iniframe #infoGeneralEvento #evento{
    background-color: transparent;
    font-weight: bold;
    color: #222;
    margin-top: 10px;
    padding: 5px 0px;
    text-shadow: none;
}
.iniframe .eventoTaronja{text-shadow:none;}
.iniframe .infoFotoEvento{padding-right:20px;}
.iniframe #infoPagina{display:none;} 
.iniframe .caixaPeu{display:none;}
.iniframe #contingut{
	padding: 0;
	width:1140px;
}
.iniframe .contingutGlobal{
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
.iniframe .peuIframe{
	width: 1140px;
	margin: 15px auto;
	text-align: right;
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	color: #666;
}
.iniframe #E_CajaMenu {display:none;}
.iniframe .previTitol {display:none;}
.authActiuIframe{display:none;}
.iniframe .authActiuIframe{
	display:block;
	float:right;
	overflow:hidden;
	padding:5px 0;
	}
.iniframe .usuariIframe{
	float:left;
	display:inline-block;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	color: #333;
	line-height:16px;
	}

/* ----------------- VEN CONMIGO NUEVO ------------------------- */
.titolEventC.xarxes{
	
	}
.grupXarxes{
	float:right;
	margin-left:10px;
	margin-top:-4px;
	
}
.baseXarxa, .contenidorXarxes{
	display:inline-block;
	margin-bottom:3px;
	}
.btnXarxa{
	display:inline-block;
	vertical-align:middle;
	background-color:#ccc;
	color:#FFFFFF;
	font-size:11px;
	line-height: 1.3em;
	font-weight:bold;
	padding:4px 7px 4px 22px;
	border-radius:3px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-size:contain;
	height:14px;
}
.btnXarxa.local{
	background-color: #DC0053;
	background-image: url(images/logo-copiar.svg);
	}
.btnXarxa.local:hover{
	background-color: #C96828;
	}
.s_twitter .btnXarxa{
	background-color:#06BBFF;
	background-image:url(images/logo-twitter.svg);
	}
.s_twitter .btnXarxa:hover{
	background-color:#0593C9;
}
.s_facebook .btnXarxa{
	background-color:#425DAA;
	background-image:url(images/logo-facebook.svg);
	}
.s_facebook .btnXarxa:hover{
	background-color:#344986;
}
.s_plus .btnXarxa{
	background-color: #DC4E41;
	background-image: url(images/logo-google.svg);
	}
.s_plus .btnXarxa:hover{
	background-color:#AD3D33;
}
.s_linkedin .btnXarxa{
	background-color: #00A0DC;
	background-image: url(images/logo-linkedin.svg);
	}
.s_linkedin .btnXarxa:hover{
	background-color:#007EAD;
}
.countXarxa{
	display: inline-block;
	vertical-align: middle;
	background-color: #E4E4E4;
	color: #666;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.3em;
	padding: 4px 7px;
	border-radius: 3px;
	position:relative;
	height:14px;
	}
.countXarxa:before{
    content: "";
    width: 0;
    position: absolute;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent #E4E4E4;
    top: 6px;
    left: -4px;
}
.titolXarxa{
	font-size: 11px;
	color: #222;
	display: inline-block;
	margin-right: 2px;
}
a.grupAmic{
	margin:8px 0;
	background-color:#FE5E14;
	color:#FFF;
	padding:8px 8px 8px 105px;
	display:block;
	background-image:url(images/icona_ven_conmigo.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	border-radius:4px;
}
a.grupAmic:hover{
	text-decoration:none;
	background-color: #EC4B01;
}
.titolAmic{
	font-size:18px;
	font-weight:bold;
}
.descAmic{
	color: #FFFD00;
}

.capaAmic{
	padding-left:250px;
	background-image:url(images/amicGran.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	min-height:110px;
	border-bottom: 3px solid #FE540E;
	
	}
.capaCentral{
	background-color:#FFFFCC;
	border: 1px solid #FE540E;
	padding-bottom:20px;
}
.capaCodi{
	padding:15px 0;
	text-align:center;
	margin: 0 auto;
	}
.capaCodi h1{
	font-family: 'Raleway', sans-serif;
	margin-top: 0;
	font-size: 22px;
	color: #FE540E;
	
	padding: 0 12px;
}
.capaCodi h1 span{
	color:#999;
	font-weight: normal;
	}
.infoCodi{
	width:350px;
	display:block;
	margin:10px auto;
}
.codigoCaja{
	width: auto;
	background-color: #DC0053;
	color: #000000;
	font-size: 30px;
	padding: 12px 20px;
	border-radius: 10px;
	margin: 6px auto;
	display: table;
	}
.codigoCaja span{
	font-size:12px;
	color:#FFF;
	display:block;
	}
.capaXarxes{
	display:table;
	margin: 0px auto;
}
.capaXarxes .baseXarxa{
	margin:2px;
}
.capaXarxes a.button{
	height:18px;
}
.capaXarxes a.button span{
	line-height:18px;
	font-size:10px;
}
.capaXarxes .contenidorXarxes{
	text-align:center;
}
.capaInfo{
	padding: 15px 10px 0 10px;
	font-size: 11px;
	color: #555;
	text-align: center;
}
.capaInfo a{
	color: #FE540E !important;
	}
.capaInfo a:hover{
	color: #000 !important;
}
.capaVine{
	padding:14px 0;
}
.capaVine .buttonBig{
	display:inline-block;
	float:none;
	margin-left: 15px;
}
.capaVine .divError{
	margin-top:10px; 
	}
.capaAmic h1, .capaVine h1{
	font-family: 'Raleway', sans-serif;
	color: #DC0053;
	margin: 10px 0;
	font-size: 20px;
	font-weight: bold;
	}
.capaAmic h1{
	font-size: 23px;
}
.capaXarxes .btnXarxa{
	padding:7px 8px 7px 28px;
}
.compartirEvento .btnXarxa {
/* ACTIVAR EN CAS DE VERSIO NANO
 text-indent: -999px;
 background-position:center;
 */
}

/* ================================== SLIDER =================================== */
.sContenidorGeneral{
	position:relative;
	margin:0 auto;
	display:table;
}
.sliderC, .sliderH{
	font-family: 'Raleway', sans-serif;
	color:#FFF;
	font-weight:300;
}
.sliderC{
	margin-top:20px;
	}

.sTipoC > div, .sTipoH > div {
	margin-bottom:27px;
	position:relative;
	overflow:visible;
}


.sFitxa{
	float: left;
	margin: 0 5px;
	position: relative;
	overflow: hidden;
	background-color: #222;	/* mesures a continuacio */
}
/* ======================================= */
/* ===== MESURES sFitxa segons slider ==== */
/* ======================================= */
.sTipoC > div { /* alçada contenidor = fitxa */
	height:231px;
}
.sTipoH > div {
	height:254px;
}
.sliderC .sFitxa{
	width: 359px;
	height: 231px;
}
.sliderH .sFitxa{
	width: 396px;
	height: 254px;
	margin:0;
}
/* -EN MODO EVENTOS GRID- */
.eventGridGlobal .sliderH .sFitxa{ 
	width: 370px;
	height: 238px;
	margin: 0 5px;
}
.eventGridGlobal .sTipoH > div {
	height:238px;
}
/* ======================================= */
.sFitxa:hover{cursor:pointer;}
.sFoto{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	}
.sFoto img{
	min-height:100%;
	width:auto;
	}
.sEfecte{
	position:absolute;
	background-image:url(images/ombraSlider.png);
	background-repeat:repeat-x;
	background-position:center bottom;
	top:0;
	width:100%;
	height:100%;
	}
.sFitxa .sContingut{
	position:absolute;
	left:0;
	top:100%;
	width: 100%;
	height:100%;
	background-color:rgba(0,0,0,0.00);
	margin-top:-60px;
	-webkit-transition: margin-top 300ms, background-color 300ms, top 300ms;
	transition: margin-top 300ms, background-color 300ms, top 300ms;
	}
.sFitxa:hover .sContingut, .sFitxa.Hover .sContingut {
 background-color:rgba(0,0,0,0.80);
 margin-top:0px;
 top:0;
}

.sContingut h1{
	color: #DC0053;
	font-size: 28px;
	margin: 15px 0px 13px 0px;
	overflow: hidden;
	white-space: nowrap;
	}
.sContingut h1.tresPunts{
	text-overflow: ellipsis;
	}
.sContingut h1 .primeraPalabra{
	font-weight:300;
}
.sContingut .sTitol{
	margin:0 18px;
}
.sContingut .sDesc{
	font-size:14px;
	padding:0 20px;
	overflow:hidden;
	position:absolute;
	top:60px;
	bottom:42px;
	
	}
.sContingut .sDesc .sScroll{
	height:100%;
	overflow:hidden;
	}
.sContingut .sDesc .sText{
	padding-bottom:10px;
	}
.sContingut .sDesc .sText a{
	position: relative;
	z-index:10000 !important;
}
.sContingut .sDesc .sOmbra{
	display:block;
	height:1px;
	box-shadow: 0px 0px 25px 10px rgba(0,0,0,1.0);
	position:absolute;
	bottom:-2px;
	left:0;
	right:0;
}
.sContingut .sPreu{
	position: absolute;
	width: auto;
	bottom: 8px;
	right: 18px;
	font-size: 26px;
	color: #DC0053;
	}
.sContingut .sPreu .sTitolPreu{
	font-size:16px;
}
.sSeleccio{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	border: none;
	}
.sSeleccio.activado{
	border: 3px solid #DC0053;
}
.sSeleccio .sCheck{
	display:none;
}
.sSeleccio.activado .sCheck{
	display: block;
	width: 21px;
	height: 21px;
	background-color: #DC0053;
	background-image: url(images/checkOk.svg);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	margin: 5px;
}
.unslider-nav {
	margin:6px 0;
}
.unslider-nav ol {
	list-style: none;
	text-align:center;
	font-size: 3px;
}

.unslider-nav ol li {
	display: inline-block;
	width:9px;
	height:9px;
	border-radius:5px;
	overflow: hidden;
	text-indent: -999em;
	background-color:#aaa;
	margin:3px;
	cursor: pointer;
	-webkit-transition: background-color 300ms;
	transition: background-color 300ms;
}

.unslider-nav ol li:hover {
	background-color: #DC0053;
	text-decoration: none;
}

.unslider-nav ol li.unslider-active, .unslider-nav ol li:hover.unslider-active {
	background-color: #DC0053;
	cursor: default;
}

.unslider-arrow.prev{
	position:absolute;
	top:50%;
	left:0px!important;
	width:25px;
	height:50px;
	margin-top:-25px;
	background-image:url(images/sNavL.svg);
	background-repeat:no-repeat;
	background-position:left center;
	opacity:0.2;
	-webkit-transition: opacity 100ms, background-position 100ms;
	transition: opacity 100ms, background-position 100ms;
}
.sTipoH .unslider-arrow.prev{left:-6px!important;}
.unslider-arrow.prev:hover{
	opacity:1.0;
	background-position: -2px center;
}
.unslider-arrow.next{
	position:absolute;
	top:50%;
	right:0px!important;
	width:25px;
	height:50px;
	margin-top:-25px;
	background-image:url(images/sNavR.svg);
	background-repeat:no-repeat;
	background-position:left center;
	opacity:0.2;
	-webkit-transition: opacity 100ms, background-position 100ms;
	transition: opacity 100ms, background-position 100ms;
}
.sTipoH .unslider-arrow.next{right:-6px!important;}
.unslider-arrow.next:hover{
	opacity:1.0;
	background-position: 2px center;
}


.sFitxa.noFoto .sEfecte{
	display:none;
}
.sFitxa.noFoto .sContingut{
	margin-top:0;
	top:0;
}
.sFitxa.noPreu .sPreu{
	display:none;
}
.sFitxa.noPreu .sDesc{
	bottom:0;
}

/* ----------------------------- Codigo promocional -------------------------*/
.infoMini{
	font-size:11px;
	color:#999;
}
.contenidorCodi{
	overflow: hidden;
	background-color: #fff;
	border-radius: 4px;
	padding: 5px;
	border:1px solid #DDD;
	clear:both;
	}
.centradorCodi{
	display:table;
	margin:0 auto;
}
.fitxaCodi{
	font-size: 13px;
	color: #FFFFFF;
	padding: 5px 20px 5px 5px;
	display: block;
	margin: 5px;
	border-radius: 4px;
	float: left;
	position: relative;
	background-color: #222;
}
.numCodi{
	display: inline-block;
	background-color: #DC0053;
	color: #FFF;
	border-radius: 100%;
	font-size: 13px;
	padding: 2px 7px;
	font-weight: bold;
	margin-right: 5px;
}
.treureCodi{
	position:absolute;
	width:12px;
	height:12px;
	right:3px;
	top:8px;
	background-image:url(images/ico-eliminar-mini.svg);
	background-repeat:no-repeat;
	background-position: center top;
	cursor:pointer;
}
.treureCodi:hover{
	background-position: center bottom;
}
.floatR{
	float:right;
}
.codigoPromo .campgran2{
	padding-left: 5px;
	padding-right: 5px;
	margin:0 10px;
}
.codigoPromo .tdL{
	margin-bottom:0;
	float:left;
	width:44%;
	margin-right:12%;
}
.codigoPromo .tdR{
	margin-bottom:0;
	float:left;
	width:44%;
}
#estadio .codigoPromo .tdL, #pas .codigoPromo .tdL, #colEvents2 .codigoPromo .tdL, #colEvents1 .codigoPromo .tdL, .col1Landing .codigoPromo .tdL, .col2Landing .codigoPromo .tdL, #col1 .codigoPromo .tdL, #col2 .codigoPromo .tdL, .colX1 .codigoPromo .tdL, .colX2 .codigoPromo .tdL{
	width:100%;
	float:none;
	margin-bottom:20px;
	margin-right:0;
}
#estadio .codigoPromo .tdR, #pas .codigoPromo .tdR, #colEvents2 .codigoPromo .tdR, #colEvents1 .codigoPromo .tdR, .col1Landing .codigoPromo .tdR, .col2Landing .codigoPromo .tdR, #col1 .codigoPromo .tdR, #col2 .codigoPromo .tdR, .colX1 .codigoPromo .tdR, .colX2 .codigoPromo .tdR{
	width:100%;
	float:none;
}
/* ------- ANEXE codi promocional desplegable ---------- */
.titolDesplegable{
	cursor: pointer;
	color: #DC0053;
	background-image: url(images/obrirArea.png);
	background-repeat: no-repeat;
	background-position: center right 9px;
	padding: 8px 10px;
}
.titDesObert{
	background-image: url(images/tancarArea.png);
}
.titDesInactiu{
	background-image: none;
	pointer-events: none;
}
/* -------------- nou boto continuar a la cistella ------------------------------ */

.pagamentUltra .pagament{
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.pagamentUltra .opcioPagament{
	font-size:13px;
}
.pagamentUltra .pagament .Taronja{
	font-weight:normal;
}
.pagamentUltra a.buttonBig{
	height: 42px;
	padding: 0 18px;
	font-size: 16px;
	}
.pagamentUltra a.buttonBig span {
	line-height: 42px;
} 
.pagamentUltra .campoForm{
	line-height: 30px;
}

/* ------------------------------ pagina TPV --------------------------------------- */
body.iframeTPV{
	background-color: #FFFFFF;
}
.caixaTpv .usuariAccesInici{
	padding-bottom:15px;
	margin-bottom: 15px;
	border-bottom:1px solid #e6e6e6;
}
.caixaTpv .tdL{
	width:60%;
	margin-right:15%;
	float:left;
	margin-bottom:0;
}
.caixaTpv .tdR{
	width:25%;
	margin-bottom:0;
	float:left;
	}
.caixaCompteEnrere{
	padding: 12px;
	color:#FFF;
	background-color: #222;
	text-align:center;
}
.compteEnrereDesc{}
.compteEnrereTemps{
	margin-top: 10px;
	font-size: 40px;
	}
	
.caixaIframeTpv{
	overflow:hidden;
	padding:15px 0 ;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	color: #333;
	
}
.selectCurt {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 4px 5px;
}
.caixaIframeTpv #caixaGuardar{
	margin-top:30px;
}
.caixaIframeTpv .campoForm{
	position:relative;
}
.ErrorCampoForm{
	float:left;
	max-width:150px;
	background-color:#cc0000;
	margin-left:10px;
	border-radius: 4px;
	padding:5px 8px;
	color:#FFF;
	display:block;
}
.caixaIframeTpv .divError{
	margin-bottom:20px;
	}
.interrogant{
	display:inline-block;
	width:14px;
	height:14px;
	background-image:url(images/btn-interrogant.svg);
	vertical-align:top;
}
.contCVV{
	text-align:center;
}
.exitTpv{
	font-weight:bold;
	color:#009900;
	font-size: 16px;
}
.caixaIframeTpv .lineaForm .nombreForm:last-child{
	width:inherit;
	font-weight:bold;
	}

/* ---------- Caixa event amic nou ------------------- */
.caixaEvent.amicEvent{
	
	border:2px solid #FE5D12;
	box-sizing:border-box;
	
}
.caixaEvent.amicEvent:before{
	content:"";
	position:absolute;
	width:50px;
	height:35px;
	left: 0px;
	top: 0px;
	display:block;
	background-image: url(images/amic-events.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	background-color:#FE5D12;
	}
.amicEventInfo{
	font-size:12px;
	margin:10px 0;
	border:1px dashed #FE5D12;
	border-radius: 4px;
	padding:10px;
	
}
.amicEventInfo p{
	color: #FE5D12;
	margin: 0 0 4px 0;
	font-size:16px;
}
.amicEventInfo strong{
    display: inline;
    font-size: inherit;
    color: inherit;
    line-height: normal;
	font-weight: bold;
}


/* ------------------------- PAGINA EVENTS TIPUS GRID -----------------------------------------*/
.eventGridGlobal{
	overflow:visible !important;
	}
.gridGlobal{
	margin-top:30px;
}
.gridGlobal h2{
	font-family: 'Raleway', sans-serif;
	color: #222222;
	font-weight: bold;
	font-size: 22px;
	margin-top: 0;
}
.gridGlobal h3{
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #222;
}
.gridGen{
	overflow:hidden;
	margin:0 -10px 30px -10px;
}
.gFitxaGen{	
	float:left;	
}
.gFitxa{
	font-family: 'Raleway', sans-serif;
	color: #000;
	background-color: #f2f2f2;
	margin: 10px;
	width: 270px;
	height: 270px;
	position: relative;
	overflow: hidden
}
.gFoto{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	display: flex;
	}
.gFoto img{
	min-height:100%;
	width:100%;
	}
.gEfecte{
	position:absolute;
	background-image:url(images/ombraSlider.png);
	background-repeat:repeat-x;
	background-position:center bottom;
	top:0;
	width:100%;
	height:100%;
	}
.gData{
	position: absolute;
	right: 4px;
	top: 4px;
	background-color: #DC0053;
	padding: 4px;
	color: #FFF;
	text-align: center;
	border: 1px solid #DC0053;
	min-width: 32px;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}
.gFitxa:hover .gData, .gFitxa.Hover .gData{
	display:none;
}
.gDia{
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 3px;
	}
.gMes{
	display:block;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
	}
.gAny{
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:-5px;
	}
.gVarisdies{
	display:block;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	padding:3px 2px;
	}
.gFitxa .gContingut{
	position:absolute;
	
	top:100%;
	width: 100%;
	height:100%;
	background-color:rgba(242,242,242,0);
	margin-top:-50px;
	-webkit-transition: margin-top 300ms, background-color 300ms, top 300ms;
	transition: margin-top 300ms, background-color 300ms, top 300ms;
	}
.gFitxa:hover .gContingut, .gFitxa.Hover .gContingut {
	 background-color:rgba(242,242,242,0.90);
	 margin-top:0px;
	 top:0;
}
.gTexto{
	position: absolute;
	bottom: 40px;
	top: 0;
	left: -2px;
	right: 0;
	overflow: hidden;
	}
.gTitol h1{
	color:#fff;
	font-size:20px;
	margin:15px 0px 15px 0px;
	overflow:hidden;
	white-space:nowrap;
	}
.gTitol  h1.tresPunts{
	text-overflow: ellipsis;
	}
.gFitxa:hover .gTitol h1, .gFitxa.Hover .gTitol h1{
	white-space: normal;
	margin:15px 0px 3px 0px;
	color: #DC0053;
	}
.gContingut .gTitol{
	margin:0 15px;
}
.gContingut .gDesc{
	font-size: 15px;
	padding: 0 15px;
	}
.gFitxa:hover .gContingut .gDesc, .gFitxa.Hover .gContingut .gDesc{
	top:40px;
	}
.gContingut .gSubtitol{
	font-size: 17px;
}

a:focus, button:focus{
	outline:0px;
}
/* == TIPO INFO TODO == */
.infoTodo .gContingut .gBoto{
	position: absolute;
	width: auto;
	bottom: 12px;
	right: 13px;
	left: 13px;
	font-size: 28px;
	color: #DC0053;
	z-index: 10;
	}
.infoTodo a.buttonGrid {
	text-decoration: none;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #DC0053;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 0 8px;
	line-height: 30px;
	border-radius:3px;
}

.infoTodo a.buttonGrid:hover{
	background-color: #A0003C;
}
.infoTodo .gInfo{
	position:absolute;
	bottom:0;
	left:0;
	top:0;
	right:0;
	}
.infoTodo a.buttonInfo{
	opacity:0;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: url(images/icoInfo-2.svg);
	background-repeat:no-repeat;
	background-position: right top;
	/* modo text
	text-decoration: none;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	text-transform:uppercase;
	padding:0 8px;
	line-height: 24px;
	*/
	
}
.infoTodo a.buttonInfo span{
	display:none;
	}
.infoTodo a.buttonInfo:hover{

}
.infoTodo.gFitxa:hover a.buttonInfo{
	opacity:0.6;
}
/* == TIPO INFO ICONO == */
.infoIcono .gContingut .gBoto{
	position: absolute;
	width: auto;
	bottom: 12px;
	right: 13px;
	left: 37px;
	font-size: 28px;
	color: #DC0053;
	z-index: 10;
	}
.infoIcono .gTexto{
	bottom:0; 
}
.infoIcono a.buttonGrid {
	text-decoration: none;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #DC0053;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 0 8px;
	line-height: 30px;
	border-radius:3px;
}

.infoIcono a.buttonGrid:hover{
	background-color: #A0003C;
}
.infoIcono .gInfo{
	position:absolute;
	bottom:13px;
	left:10px;
	width:30px;
	}
.infoIcono a.buttonInfo{
	display: block;
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url(images/icoInfo.svg);
	background-position: center top;
	transition: none;
	-webkit-transition:none;
	/* modo text
	text-decoration: none;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	text-transform:uppercase;
	padding:0 8px;
	line-height: 24px;
	*/
	
}
.infoIcono a.buttonInfo span{
	display:none;
	}
.infoIcono a.buttonInfo:hover{
	
	background-position:center bottom;
}
/* == TIPO INFO TEXTO == */
.infoTexto .gContingut .gBoto{
	position: absolute;
	width: auto;
	bottom: 12px;
	right: 13px;
	left: 13px;
	font-size: 28px;
	color: #DC0053;
	z-index: 10;
	}
.infoTexto a.buttonGrid {
	text-decoration: none;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #DC0053;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 0 8px;
	line-height: 30px;
	border-radius:3px;
}

.infoTexto a.buttonGrid:hover{
	background-color: #A0003C;
	
}
.infoTexto .gInfo{
	
	}
.infoTexto a.buttonInfo{
	display: inline-block;
	background-color: transparent;
	text-decoration: none;
	color: #DC0053;
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	padding: 0 5px;
	line-height: 18px;	
	border: 1px solid #DC0053;
	margin: 8px 0;
	border-radius:3px;
	
}

.infoTexto a.buttonInfo:hover{
	border: 1px solid #A0003C;
	background-color: #A0003C;
	color: #f7f7f7;
}
.infoTexto.gFitxa:hover a.buttonInfo{
	opacity:1;
}
/* == */
.gFitxa .msgAgotado{
	position: absolute;
	left: 0;
	bottom: 45px;
	min-width: 100px;
	height: 30px;
	background-color: #cc0000;
	font-size: 13px;
	text-align: center;
	line-height: 30px;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	}
.gFitxa .msgAlerta{
	position:absolute;
	left:0;
	bottom:45px;
	min-width:100px;
	height:30px;
	background-color:#FFBF00;
	font-size:13px;
	text-align:center;
	line-height:30px;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	}
.gFitxa .msgAgotado span, .gFitxa .msgAlerta span{
	padding:0 8px;
}
.gFitxa:hover .msgAgotado, .gFitxa:hover .msgAlerta, .gFitxa.Hover .msgAlerta, .gFitxa.Hover .msgAgotado{
	bottom: 12px;
	min-width: 244px;
	left: 13px;
}
/* == SIN FOTO == */
.sinFoto.gFitxa .gContingut{
	margin-top:0;
	top:0;
}
.sinFoto.gFitxa .gContingut h1{
	white-space: normal;
	margin:15px 0px 3px 0px;
	color: #DC0053;
}
.sinFoto.gFitxa .gData, .sinFoto.gFitxa .gEfecte{
	display:none;
}
.sinFoto.gFitxa .msgAgotado, .sinFoto.gFitxa .msgAlerta{
	bottom: 13px;
	min-width: 244px;
	left: 13px;
}
/* == VERSIO AMIC == */
.amic.gFitxa{
	border: 3px solid #F60;	
	box-sizing:border-box;
}
.amic.gFitxa .gContingut{
	background-image:url(images/amic-fons.svg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
.amic .gData{
	border:1px solid #F60;
}
.icoAmic{
	margin: 0 -4px -4px -4px;
	height: 25px;
	background-color: #F60;
	display: block;
	background-image: url(images/amic-ico.svg);
	background-repeat:no-repeat;
	background-position:center center;
	}
	
.eventGridAmic{
	border: 3px solid #F60;
	font-size:14px;
	padding-left:180px;
	padding-right:30px;
	padding-top:15px;
	padding-bottom:15px;
	font-family: 'Raleway', sans-serif;
	position:relative;
	margin: 10px 0;
	}
.tablaCentrado{
	display: table;
	min-height:70px;
	}
.centrado{
	display:table-cell;
	vertical-align:middle;
}
.eventGridAmic:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:150px;
	background-color:#F60;
	background-image: url(images/amic-events.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	}
.eventGridAmic h1{
	margin:8px 0;
	font-size: 24px;
	color:#F60;
	font-weight:700;
	}
/* == VERSIO VACIO == */
.gFitxa.gVacio{
	background-color: transparent;
	border: 1px dashed #CCC;
	box-sizing:border-box;
}

/* == DIALOG MAS INFO == */
.masInfoGen{
	overflow:hidden;
	margin:23px 16px;
	color:#333;
	font-family: 'Raleway', sans-serif;
	position:relative;
}
.masInfoGen a{
	color: #DC0053;
}
.masInfoC1 {
	width:485px;
	float:left;
}
.masInfoC2{
	float:right;
	width:385px;
}
.masInfoSinFoto .masInfoC1 {
	width: inherit;
	float: none;;
}
.masInfoSinFoto .masInfoC2{
	float: none;
	width: inherit;
}
.masInfoGen h1{
	margin: 2px 0;
	color: #000;
	font-size: 34px;
	font-weight: bold;
	}
.masInfoGen h2{
	margin:4px 0;
	font-size:24px;
	font-weight:normal;
	}
.masInfoGen h3{
	margin:4px 0;
	font-size:21px;
	font-weight:bold;
	color: #DC0053;
	}
.masInfoGen h4{
	margin:4px 0;
	font-size:18px;
	font-weight:bold;
	color:#888;
	}
.masInfoGen .masInfoDesc{
	overflow:auto;
	padding-right:30px;
	max-height:306px;
	font-size:15px;
	line-height:22px;
	margin-top:30px;
	}
.masInfoDesc::-webkit-scrollbar              {
	width: 8px;
   }
.masInfoDesc::-webkit-scrollbar-button       {
  width:8px;
  height: 5px; 
  }
.masInfoDesc::-webkit-scrollbar-track        { 
	background-color: rgba(33,33,33,0.10);
    border-radius: 8px;
   }
.masInfoDesc::-webkit-scrollbar-thumb        { 
	background-color: rgba(220,0,83,0.20);
  	border-radius: 8px;
  }

.masInfoDesc:hover::-webkit-scrollbar-track        { 
	background-color: rgba(33,33,33,0.30);
   }
.masInfoDesc:hover::-webkit-scrollbar-thumb {
  background: rgba(220,0,83,1.00);
}
.masInfoDesc:hover::-webkit-scrollbar-thumb:hover{
    background-color: #A0003C;
}
.masInfoFoto{
	margin-bottom:80px;
	}
.masInfoBoton{
	text-align:right;
	position:absolute;
	right:0;
	bottom:0;
	}
.masInfoSinFoto  .masInfoBoton{
	position: inherit;
	right: inherit;
	bottom: inherit;
	margin-top:30px;
	}
a.buttonMaxi {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 16px;
	padding-left: 16px;
	text-decoration: none;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #DC0053;
	display: inline-block;
	text-transform: uppercase;
	line-height: 49px;
	height: 49px;
	border-radius: 4px;	
}

a.buttonMaxi:hover{
	background-color: #A0003C;
}
.masInfoAmic{
	display:inline-block;
	width:70px;
	height:49px;
	vertical-align:top;
	background-color:#F60;
	background-image: url(images/amic-events.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	margin-right: 5px;
	}
.msgAgotadoG{
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 300;
    padding: 0 16px;
    height: 49px;
    background-color: #CC0000;
    text-align: center;
    line-height: 49px;
    color: #FFF;
    display: inline-block;
    text-transform: uppercase;
	}
.msgAlertaG{
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	font-weight:300;
	padding:0 16px;
	height:49px;
	background-color:#FFBF00;
	text-align:center;
	line-height:49px;
	color:#000;
	display:inline-block;
	text-transform:uppercase;
	}
.msgProperament{
	font-family: 'Raleway', sans-serif;
	color: #DC0053;
	border:1px solid #DC0053;
	font-size:13px;
	text-align:center;
	line-height:28px;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	border-radius: 4px;
	}
a.msgProperament{
	color: #DC0053;
}
a.msgProperament:hover{
	text-decoration:none;
}
	
.msgProperamentG{
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0 16px;
	height: 49px;
	text-align: center;
	line-height: 47px;
	color: #DC0053;
	border: 2px solid #DC0053;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 4px;
	box-sizing:border-box;
	}
.bannerGrid{
	margin:40px 0;
	text-align:center;
}
.gridGlobal > div:last-child{
	margin-bottom:inherit;
	}
	
/* =============================== capes extendides =============================== */
.capceleraGlobal{}
.premenuGlobal{}
.infoGeneralGlobal{
	padding: 0 15px;
}

/* --------------------- etiquetes d'estat de l'abonament  ----------------------------  */
.ui-dialog .titolSelEvent{
	float:none;
	width:inherit;
	}
.ui-dialog .caixaEvent{
	margin-bottom:0px;
	border-bottom:2px solid #fff;
	padding: 14px;
}
.ui-dialog .botoSelEvent{
	margin-top:10px;
	}
.etiquetaAlerta{
	color: #FF3535;
	border: 1px solid #FF3535;
	float: right;
	border-radius: 4px;
	padding: 3px 6px;
	font-size: 11px;
	margin-left: 10px;
	text-transform: uppercase;
	font-weight:bold;
	}
.etiquetaImportant{
	color: #DD8500;
	border: 1px solid #DD8500;
	float: right;
	border-radius: 4px;
	padding: 3px 6px;
	font-size: 11px;
	margin-left: 10px;
	text-transform: uppercase;
	font-weight: bold;
	}
.etiquetaConfirmat{
	color: #5DD300;
	border: 1px solid #5DD300;
	float: right;
	border-radius: 4px;
	padding: 3px 6px;
	font-size: 11px;
	margin-left: 10px;
	text-transform:uppercase;
	font-weight:bold;
	}

/* ================================ CLUB FIDELIDAD ===================================== */
.clubGeneral{
	background-color: #222;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	border-radius: 4px;
	margin-top: 25px;
	background-image: url(images/club.svg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	}
.clubGeneral.inicial{
	margin-bottom:25px;
}
.clubTitolCaixa{
	background-image:url(images/club-ico.svg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:contain;
}
.clubTitolCaixa h3{
	margin:0;
	font-size:25px;
	color:#DC0053;
	padding:10px 15px;
	}
.clubContingut{
	padding:20px 15px;
	background-image: url(images/ombra_carrito.png);
	background-repeat: repeat-x;
	background-position: left top;
	min-height:100px;
	}
.clubInfo{
	text-align:center;
	padding:10px;
	font-size:15px;
}
.clubPuntos{
	font-size:22px;
	color:#DC0053;
}
.clubGracias{
	font-size: 17px;
	font-weight: bold;
	color: #00CC00;
}
.clubRegistreGen{
	overflow: hidden;
	border-bottom: 1px dashed #666;
	border-top: 1px dashed #666;
	padding-top: 16px;
	padding-bottom:0;
	padding-right: 0;
	padding-left: 0;
}
.clubText{
	margin-bottom:16px;
	}
.colClubForm{
	overflow:hidden;
	margin-bottom:16px;
	}
.colClubFormUni{	
	width:100%;
	}
.colClubFormA{
	float:left;
	width:50%;
	}
.colClubFormB{
	float:left;
	width:50%;
	}
.clubForm{
	display:table;
	width:auto;
	margin:0 auto;
	}
.clubRadio, .clubCheck{
	display:inline;
}
.clubRadio label,  .clubCheck label{
	width:inherit;
	padding-right:20px;
	color:#FFF;
	font-weight:normal;
}
.clubForm .campCalendari{
	margin-left:0px;
}
.clubBotonera{
	padding-top:20px;
	overflow:hidden;
}
.clubCentre{
	display: table;
	margin: 0 auto;
	}
.clubCol{
	display: inline;
	padding: 0 20px;
	overflow: hidden;
	line-height: 30px;
	font-size: 13px;
	}
.clubCol .buttonBigPaginacio{
}
.clubCol .buttonBigPaginacio span{
}
.noClub{
	text-align:center;
	font-size:14px;
	padding:20px;
}
.noClub .buttonBigPaginacio{
	width: 50px;
}
.clubGeneralCarrito{
	background-color: #222;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	border-radius: 4px;
	margin: 25px 0;
}
.clubGeneralCarrito .clubContingut{
	min-height:inherit;
}
.clubInfoCarrito{
	text-align:left;
	font-size:15px;
}
.clubGeneral.carrito .clubInfo p{
	margin:0;
}
.clubGeneralZonaperso{
	background-color: #222;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	border-radius: 4px;
	margin: 20px 0;
}
.clubGeneralZonaperso .clubInfoCarrito{
	text-align:left;
	font-size:13px;
}
.clubGeneralZonaperso .clubContingut{
	min-height:inherit;
	padding:16px;
}
.clubGeneralZonaperso .clubTitolCaixa h3{
	font-size:20px;
}
.clubGeneralZonaperso .clubRegistreGen{
	padding: 10px 0;
	}
.clubGeneralZonaperso .clubPuntos{
	font-size:19px;
}
/* -------------------------- DIALOG SELECCIO BUTACA NUMERADA --------------------------------- */

.dloc-CaixaGen{
	padding:3px 3px 0 3px;
	margin:16px 10px;
	border-radius:4px;
}
.dloc-aviso{
	background-color: #000;
	color: #FFF;
	padding: 10px;
	padding-left: 50px;
	background-image: url(images/error.png);
	background-repeat: no-repeat;
	background-position: 9px 1px;

}
.dloc-minus{
	background-color: #1661D4;
	color: #FFF;
	padding: 10px;
	padding-left: 50px;
	background-image: url(images/ico-minus.svg);
	background-repeat: no-repeat;
	background-position: 9px 1px;
}
.dloc-selTarifa{
	padding:20px;
	background-color:#FFF;
}
.dloc-infoArea{
	
	color:#FFF;
	padding:7px 10px;
	font-weight:bold;
	font-size:14px;
	margin:0 0;
	text-align:right;
	}
.dloc-radios{
	text-align:center;
	
}
.dloc-preu{
	font-weight:bold;
}

.dloc-radios input[type="radio"]{
	position: absolute;
	opacity: 0;
	}
.dloc-radios label{
	background-color:#CCC;
	color:#000;
	padding-left: 35px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:16px;
	position:relative;
	margin: 5px;
	display:inline-block;
	border-radius:4px;
}
.dloc-radios input[type=radio] + label::before{
	content:''; 
	padding: 0;
	min-width: inherit;
	background: #eee;
	display: block;
	width: 18px;
	height: 18px;
	top: 50%;
	margin-top:-9px;
	left: 8px;
	z-index: 1;
	border-radius: 50px;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
	position: absolute;
}
.dloc-radios input[type=radio] + label::after{
	content:''; 
	padding: 0;
	width:18px;
	height:18px;
	border-radius:50px;
	position:absolute;
	top:50%;
	margin-top:-9px;
	left:8px;
	background-color: rgba(255,255,255,0.00);
	z-index:1;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
	}
.dloc-radios input[type=radio]:checked + label{
	background-color: #DC0053;
	color: #FFF;
}
.dloc-radios input[type=radio]:checked + label::before{
	background-color:#333;
	
	}
.dloc-radios input[type=radio]:checked + label::after{
	top:50%;
	margin-top:-3px;
	left:14px;
	width:6px;
	height:6px;
	background-color: rgba(255,255,255,1.00);
}
.dloc-radios input[type=radio]:focus + label::before {
    box-shadow: 0 0 1px 1px #DC0053;
}
.dloc-radios input[type=radio]:checked:focus + label::before {
    box-shadow: 0 0 1px 1px #fff;
}
/* SELECCIO NO NUMERADA */ 
.dloc-subtitol{
	display: flex;
	margin-bottom: 15px;
	align-items: center;
	justify-content: space-between;
}
.dloc-subtitol p{
	margin: 0;
}
.dloc-checkbox{
	text-align: center;
}
.dloc-checkbox input[type="checkbox"]{
	position: absolute;
	opacity: 0;
	}
.dloc-checkbox label{
	background-color:#CCC;
	color:#000;
	padding-left: 35px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:16px;
	position:relative;
	margin: 5px;
	display:inline-block;
	border-radius:4px;
	cursor: pointer;
	
	box-sizing: border-box;
	line-height: 22px;
}
.dloc-checkbox input[type=checkbox] + label::before{
	content:''; 
	padding: 0;
	min-width: 18px;
	background: #eee;
	display: block;
	width: 18px;
	height: 18px;
	top: 50%;
	margin-top:-9px;
	left: 8px;
	z-index: 1;
	border-radius: 4px;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
	position: absolute;
}
.dloc-checkbox input[type=checkbox] + label::after{
	content:''; 
	padding: 0;
	width:18px;
	height:18px;
	position:absolute;
	top:50%;
	margin-top: -9px;
	left:8px;
	background-image:url(images/ico-stick-blanc.svg);
	background-repeat:no-repeat;
	background-position: center center;
	z-index:1;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
	opacity:0;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
	}
.dloc-checkbox input[type=checkbox]:checked + label .blocQuantitat{
	display: inline;
	margin-left: 20px;
}
.dloc-checkbox input[type=checkbox]:checked + label{
	background-color: #DC0053;
	color: #FFF;
	
}
.dloc-checkbox input[type=checkbox]:checked + label::before{
	background-color:#333;
	
	}
.dloc-checkbox input[type=checkbox]:checked + label::after{
	opacity:1;
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}
.dloc-checkbox input[type=checkbox]:focus + label::before {
    box-shadow: 0 0 1px 1px #DC0053;
}
.dloc-checkbox input[type=checkbox]:checked:focus + label::before, .dloc-checkbox .blocQuantitat .campFormCurt:focus, .dloc-checkbox .blocQuantitat .buttonContMenys:focus, .dloc-checkbox .blocQuantitat .buttonContMes:focus {
    box-shadow: 0 0 1px 1px #fff;
}
.dloc-checkbox .blocQuantitat .campFormCurt{
	height: 10px;
	margin-right: 3px;
}
.dloc-checkbox .blocQuantitat {
	overflow:hidden;
	margin-bottom:0;
	border-top:none;
	padding-top:0;
	display: none;
}
.dloc-noNum{
	margin:30px -20px 0 -20px;
	padding:20px 20px 0;
	border-top:1px solid #ddd;
	overflow:hidden;
	
	}
.dloc-noNum .campFormCurt{
	padding:2px;
	}
.dloc-noNum .floatL{
	float:left;
	line-height:22px;
}
.dloc-botonera{
	margin:16px 10px;
	overflow:hidden;
}
.dloc-etiqueta{
	display:inline-block;
	margin-right:10px;
	border:1px solid #5DD300;
	font-size:13px;
	font-weight:normal;
	color:#5DD300;
	line-height:20px;
	padding:0 7px;
	border-radius:6px;
	background-color:#fff;
	vertical-align:bottom;
}
a.buttonContMes{
	font-family: 'Raleway', sans-serif;
	border: 1px solid #fff;
	display:inline-block;
	color:#FFF;
	background-color:#DC0053;
	line-height:20px;
	width:20px;
	text-align:center;
	font-weight:800;
	border-radius:0 4px 4px 0;
	background-image:url(images/ico-loc-mes.svg);
	background-position:center;
	transition:background-position 0ms, background-color 200ms;
	-webkit-transition:background-position 0ms, background-color 200ms;
	margin-left:-3px;
	}
a.buttonContMes:hover{
	background-color:#A0003C;
	border: 1px solid #fff;
	text-decoration:none;
}
a.buttonContMenys{
	font-family: 'Raleway', sans-serif;
	border: 1px solid #fff;
	display: inline-block;
	color: #FFF;
	background-color: #DC0053;
	line-height: 20px;
	width: 20px;
	text-align: center;
	font-weight: 800;
	border-radius: 4px 0 0 4px;
	background-image: url(images/ico-loc-menys.svg);
	background-position: center;
	transition: background-position 0ms, background-color 200ms;
	-webkit-transition: background-position 0ms, background-color 200ms;
	}
a.buttonContMenys:hover{
	background-color:#A0003C;
	border: 1px solid #fff;
	text-decoration:none;
}
a.btnAlternatiu{
	background-color:#D00;
	border-color:#D00;
}
a.btnAlternatiu:hover{
	background-color:#900;
	border-color:#900;
}

.LcaixaInfo{
	font-family: 'Raleway', sans-serif;
	color: rgba(255,255,255,0.70);
	font-size: 11px;
	display: table;
	height: 40px;	
}

.btnEditar{
	width:16px;
	height:16px;
	background-image:url(images/editar.svg);
	background-repeat:no-repeat;
	background-position:top center;
	display:block;
	transition: none;
	-webkit-transition: none;
}
.LtrHover:hover .btnEditar{
	background-position:bottom center;
	}
/* ---- foto i 3d al dialog ----*/
.dloc-foto{
	background-color: #EEE;
	color: #333;
	padding: 10px;
	padding-left: 50px;
	background-image: url(images/ico-ull-color.svg);
	background-repeat: no-repeat;
	background-position: 9px 1px;
	position: relative;
}
.dloc-3D{
	background-color: #EEE;
	color: #333;
	padding: 10px;
	padding-left: 50px;
	background-image: url(images/ico-3D-color.svg);
	background-repeat: no-repeat;
	background-position: 9px 1px;
	position: relative;
}
.dloc-fletxa{
	position:absolute;
	right: 10px;
	top:50%;
	margin-top: -8px;
	width: 24px;
	height: 16px;
	background-image: url(images/ico-obrir-tancar.svg);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}
.dloc-fletxa.dloc-obert{
	background-position: left bottom;
}
.dloc-multimedia{
	background-color: #EEE;
	color: #333;
	position: relative;
}
.dloc-multimedia .localitatFoto{
	margin: 0 auto;
	background-color:inherit;
}
.dloc-multimedia .box3D{
	width: 544px;
	height: 272px;
}
.dloc-multimedia .descBox3D{
	font-size: 20px;
}
/* ===== control amplada mapa sencer ====== */
.model3D{
	width: auto !important;		
	}
.Ltitolpas {
	max-width:1140px;
	margin-left:auto;
	margin-right:auto;
}
.LinfoExtra {
	max-width:1140px;
	box-sizing: border-box;
	margin-left:auto;
	margin-right:auto;
}
.LcaixaSeleccio3D_b{
	margin-left:auto;
	margin-right:auto;
	width:1140px;
}

.LcaixaSeleccio3D{
	width:auto;
	display:table;
	margin: 0 auto;
}
.mapaAmpliable .LcolEsq3D{
	width:auto;
	min-width:953px;
}
.mapaAmpliable .LcolEsq3D, .mapaAmpliable .LcolDre3D{
	float: left;
}

/*--------------------------- IDENTIFICACIO SOCIS -------------------*/
.sociGen{
	margin-bottom:20px;
}
.sociCap{
	padding:8px 9px 8px 12px;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #DC0053;
	border-radius: 4px;	
	margin-bottom: 1px;
	overflow: hidden;
	background-color: #F2F2F2;
}
.obrirAreaB{
	float:right;
	background-image:url(images/obrirArea.png);
	background-repeat:no-repeat;
	width:25px;
	height:15px;
	display:block;
	margin-top:2px;
}
.obrirAreaB.tancar{
	background-image:url(images/tancarArea.png);
}
.sociContingut{
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	overflow: hidden;
	color: #333;
	padding: 6px;
	margin-top: 2px;
}
.capa50{
	width:50%;
	float:left;
}
#pas .capa50{
	width: 100%;
}
.blocCapa{
	padding:10px;
}
.lineaForm:last-child{
	border-bottom:none;
}
.infoSoci{
	font-size: 11px;
	color: #999;
	margin: 8px 0;	
}
.contenidorSocis{
	overflow:hidden;
	}

.fitxaSoci{
	font-size: 13px;
	color: #fff;
	padding: 5px 20px 5px 5px;
	display: block;
	margin: 5px;
	border-radius: 4px;
	float: left;
	position: relative;
	background-color: #333;
	border-bottom: 1px solid #000;
}
.numSoci{
	display: inline-block;
	background-color: #DC0053;
	color: #FFF;
	border-radius: 100%;
	font-size: 12px;
	padding: 2px 5px;
	font-weight: bold;
	margin-right: 5px;
}
.treureSoci{
	position:absolute;
	width:12px;
	height:12px;
	right:3px;
	top:7px;
	background-image:url(images/ico-eliminar-mini.svg);
	background-repeat:no-repeat;
	background-position: center top;
}
.treureSoci:hover{
	background-position: center bottom;
}
/* ------------------------------- LOGIN -NOU- -FACEBOOK- ------------------------------- */

.loginGlobal{}
.loginGen{
	width: 500px;
	margin: 0 auto;
}
.colX2 .loginGen{
	width: auto;
}
.loginGen h2{
	color: #DC0053;
	font-size: 20px;
}
.loginBloc{
	margin: 20px;
	font-size: 16px;
}
.loginBlocReg{
	margin: 13px 20px;
	font-size: 15px;
}
.colX2 .loginBlocReg{
	margin: 13px 4px;
}
.loginSeparador{
	display: block;
	text-align: center;
	margin: 20px;
	color:#777;
}
.loginSeparador span{
	width: 20%;
	display: inline-block;
}
.loginSeparador:before, .loginSeparador:after{
	content: "";
	width: 40%;
	display: inline-block;
	height: 1px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #777;
}



a.logNeutre{
	background-color: #DC0053;
	color: #FFF;
}
a.logNeutre:hover{
	background-color: #a89c70;
	color:#f7f7f7;
}
.loginBlocSocial{
	margin: 10px 20px;
	overflow: hidden;
	padding: 3px 2px;
}
.socialInfo{
	text-align: center;
	font-size: 11px;
	color: #888888;
}
.floatBTN{
	float: left;
	width: 48%;	
}
.floatBTN:last-child{
	margin-left: 4%;
}


.loginGen label{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	font-size:15px;
}
.loginGen label span{
	color: #888;
	font-size: 11px;
}

/* només en casos d'inputs amb estils foscos */
/*.loginGen ::-webkit-input-placeholder { opacity:0.6; }*/
/*.loginGen ::-moz-placeholder { opacity:0.6; } /* firefox 19+ */
/*.loginGen :-ms-input-placeholder { opacity:0.6; } /* ie */
input::-webkit-contacts-auto-fill-button, input::-webkit-credentials-auto-fill-button {
  background-color: #DC0053;
 -webkit-transition: background-color 300ms;
 transition: background-color 300ms;
} /* safari */
input::-webkit-contacts-auto-fill-button:hover, input::-webkit-credentials-auto-fill-button:hover {
background-color: #A0003C;
} /* safari */

.grupCamps > label{
	vertical-align: top;
	margin-top: 6px;
}
.contentCamps{
	display: inline-block;
}
.filaCamps{
	margin-bottom: 7px;
}
.filaCamps:last-child{
	margin-bottom: 0;
}
.campLogin{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #333;
	padding: 0 12px;
	background-color: #FFF;
	height: 34px;
	border: 1px solid #CCC;
	width: 199px;
}
.campLoginReg{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #333;
	padding: 0 8px;
	background-color: #FFF;
	height: 30px;
	border: 1px solid #CCC;
	width: 176px;
	box-sizing: border-box;
}
.campLogin:focus, .campLoginReg:focus{
	box-shadow: 0 0 1px 0px #DC0053;
	border-color: #DC0053;
	outline: none;
}
select.campLoginReg{
	width: 176px;
    height: 32px;
	border-radius: 0px;
}
.campLoginCurt{
	width: 50px;
}
.campLoginMig{
	width: 88px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* per dissenys foscos
	select.campLoginReg{
		background-image: url(images/ico-select.png);
		background-repeat:no-repeat;
		background-position:right center;
		padding-right:20px;
		-webkit-appearance: none;
	} */
	
}
a.buttonUltra {
	padding-right: 18px;
	padding-left: 18px;
	text-decoration: none;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size:15px;
	font-weight:bold;
	background-color: #DC0053;
	display: inline-block;
	text-transform:uppercase;
	line-height: 40px;
	border-radius: 3px;
}
a.buttonUltra:hover{
	background-color: #A0003C;
}
.loginBlocReg a.buttonUltra {
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 40px;

}
.loginMini{
	text-align: center;
	font-size: 14px;
}
.loginInfo{
	font-size: 13px;
	color: #888;
}
/*---------- ICONES ESTAT CAMP NOU-------------*/
.campOK2 {
	height: 20px;
	width: 20px;
	margin-left: 2px;
	background-image: url(images/ico-campOK.svg);
	background-repeat: no-repeat;
	display:none;
	vertical-align: middle;
 }
.campKO2 {

	height: 20px;
	width: 20px;
	margin-left: 2px;
	background-image: url(images/ico-campKO.svg);
	background-repeat: no-repeat;
	display: none;
	vertical-align: middle;
	font-size: 11px;
	color: #FF3D11;
}
.campLoading2 {

	height: 20px;
	width: 20px;
	margin-left: 2px;
	background-image: url(images/ico-loading.svg);
	background-repeat: no-repeat;
	display: none;
	vertical-align: middle;
	font-size: 11px;
	color: #FF3D11;
	animation: pulse 1.2s linear infinite;
}

@keyframes pulse {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
.campDescError2 {
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	color: #FFFFFF;
	background-color: #CC0000;
	white-space:nowrap;
	line-height:20px;
	padding: 0 5px;
	border-radius: 4px;
}
.loginSeparador2{
	border-bottom: 1px solid #DDDDDD;
	margin: 0 20px;
}
.grupOpcions label{
	vertical-align: top;
}
.contLoginRC{
	width: 48%;
	vertical-align: middle;
}
.grupC{
	display: inline-block;
	color: #555;
}
.capRegal .grupC{
	color: #DC0053;
}
.grupR{
	display: inline-block;
	color: #555;
}
.grupR label{
	width: initial;
	margin-right: 10px;
}
.RCFila{
	margin-bottom: 7px;
}
.textareaLoginReg {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	width: 86.5%;
	max-width: 86.5%;
	border: 1px solid #CCC;
	margin: 6px 0;
	padding: 5px 5px;
	vertical-align: middle;
}
.textareaLoginReg:focus{
	box-shadow: 0 0 1px 0px #DC0053;
	border-color: #DC0053;
	-webkit-appearance: none;
	outline: none;
}
.loginPrivacidad{
	width: 10%;
	display: inline-block;
	padding: 15px 0;
}
.loginRegInfo{
	font-size: 14px;
	color: #888;
	width: 88%;
	display: inline-block;
	vertical-align: top;
	padding: 15px 0;
}
.loginCondiciones{
	text-align: center;
	display: block;
	padding: 15px 0;
	width: 100%;
	font-size: 15px;
	color: #333;
}
.campLoginCalendari{
	padding-right: 30px;
	background-image:url(images/ico-calendari.png);
	background-repeat:no-repeat;
	background-position: right 5px center;
}

.grupR input[type="radio"]{
	position: absolute;
	opacity:0;
	}
.grupR label{
	padding-left: 25px;
	position:relative;
}
.grupR input[type=radio] + label::before{
	content:''; 
	padding: 0;
	min-width: inherit;
	background: rgba(0,0,0,0.15);
	border: 1px solid transparent;
	display: block;
	width: 16px;
	height: 16px;
	top: 0px;
	left: 1px;
	z-index: 1;
	border-radius: 50px;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
	position: absolute;
}
.grupR input[type=radio]:focus + label::before{
	box-shadow: 0 0 1px 1px #DC0053;
}
.grupR input[type=radio] + label::after{
	content:''; 
	padding: 0;
	width:18px;
	height:18px;
	border-radius:50px;
	position:absolute;
	top:0;
	margin-top:0;
	left:1px;
	background-color: rgba(0,0,0,0.00);
	z-index:1;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
	}

.grupR input[type=radio]:checked + label{

}
.grupR input[type=radio]:checked + label::before{
	background-color: #DC0053;
	border-color: rgba(0,0,0,0.15);
	}
.grupR input[type=radio]:checked + label::after{
	top:9px;
	margin-top:-4px;
	left:6px;
	width:8px;
	height:8px;
	background-color: rgba(255,255,255,1.00);
}
.grupC input[type="checkbox"]{
	position: absolute;
    opacity:0;
	}
.grupC label{
	padding-left: 25px;
	position:relative;
	width: initial;
	
}
.grupC input[type=checkbox] + label::before{
	content:''; 
	padding: 0;
	min-width: inherit;
	background-color: rgba(0,0,0,0.15);
	display: block;
	width: 16px;
	height: 16px;
	border:1px solid transparent;
	border-radius: 2px;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
	position: absolute;
	top: 0px;
	z-index: 1;
	left: 1px;

}
.grupC input[type=checkbox]:focus + label::before{
	box-shadow: 0 0 1px 1px #DC0053;
}
.grupC input[type=checkbox] + label::after{
	content:''; 
	padding: 0;
	width:12px;
	height:12px;
	
	position:absolute;
	top:3px;
	left:4px;
	background-image:url(images/ico-stick.svg);
	background-repeat:no-repeat;
	z-index:1;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
	opacity:0;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
	}
.grupC input[type=checkbox]:checked + label::before{
	background-color: #DC0053;
	border-color: rgba(0,0,0,0.15);
	}
.grupC input[type=checkbox]:checked + label::after{
	opacity:1;
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}
.caixaRegal .grupR input[type=radio] + label::before,
.caixaRegal .grupC input[type=checkbox] + label::before{
	border-color: #DC0053;
}

/* =============== ICONA DE LA XARXA AMB QUE S'HA IDENTIFICAT L'USUARI [CODI:A01] =====================*/

[class^="logIco-"]{ /*qualsevol clase que comenci per "logIco-"*/
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
	background-repeat: no-repeat;
}
/* ---------------------- DESPLEGABLE SELECCIÓ PREU ------------------------ */
.LbotoSelectUnArea {
	margin-right: 0px;
	margin-left: 0px;
	text-decoration: none;
	margin-top: 8px;
	display:block;
	position:relative;
	margin-bottom: 30px;
}
.LbotoSelect {
	margin-right: 0px;
	margin-left: 0px;
	text-decoration: none;
	border-radius: 4px;
	background-color: #999;
	margin-top: 8px;
	display: block;
	padding:2px 10px 3px 10px;
	
	position:relative;
	margin-bottom: 30px;
	cursor: pointer;
	transition: all 200ms;
}
.LbotoSelect:hover{
	background-color: #777;
}
.LbotoSelect.botoDesplegat{
	border-radius: 4px !important;
	}
.LbotoSelect span.iniciSelect {
	padding: 3px 0;
	display: block;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin-right: 20px;
	min-height: 15px;
} 
.LbotoSelect span.iniciSelectIco{
	float: right;
	width: 20px;
	height: 20px;
	background-image: url(images/fletxa-desplegar.svg);
	margin-right: -25px;
	margin-top: -3px;
	transform: rotate(360deg);
	transition: all 100ms;
}
.botoDesplegat.LbotoSelect span.iniciSelectIco{
	transform: rotate(180deg);
}
.LbotoSelect .contenidorTarifa, .LbotoSelectUnArea .contenidorTarifa{
	background: #fff;
	color:#000;
	display: block;
	text-align: left;
	font-size: 11px;
	margin:0 3px;
	padding: 0 5px 0 34px;
	letter-spacing: normal;
	border-radius: 3px;
	line-height: 15px;
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	text-transform: none;
	position: relative;
	box-sizing: border-box;
}
.LbotoSelect span.tarifaSelect, .LbotoSelectUnArea span.tarifaSelect{
	display: table;
	height: 30px;
}
.LbotoSelect .totDesc{
	font-size: 13px;
}
.LbotoSelect .contenidorLlista {
	position: relative;
	margin: 0 -10px;
}
.LbotoSelectUnArea .contenidorLlista{
	position: relative;
	margin: 0;
}
.LbotoSelect span.colorCorp, .LbotoSelectUnArea span.colorCorp{
	color:#DC0053;
	font-size: 13px;
	font-weight: bold;
}
.colorCorp .zonaPreuSecundari{
	color: #666;
	font-weight: normal; 
}
.LbotoSelect span.icoTarifa, .LbotoSelectUnArea span.icoTarifa{
	background-color: #ddd;
	position: absolute;
	width: 26px;
	height: 26px;
	left: 2px;
	top: 2px;
	border-radius: 4px;
	margin-right: 5px;
	vertical-align: middle
	
}
.desplegablePreu {
	background: #FFF;
	position: absolute;
	top:0px;
	overflow: hidden;
	right: 0px;
	z-index: 1000;
	width: 364px;
	display: none;
	border: 2px solid #999;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
	border-radius: 6px 0px 6px 6px;
}
.taulaContenidor{
	max-height: 425px;
	overflow: auto;
	position: relative;
}
.notaPie{
	background-color: #999;
	color: #FFF;
	padding: 5px 10px;
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
}
.notaPieSecundari{
	display: block;
	color: #FFF;
	padding: 5px 10px 2px 10px;
	font-size: 9px;
	font-family: 'Raleway', sans-serif;
	text-align: center;
}
.LbotoSelectUnArea .notaPieSecundari{
	color: #666;
}
.taulaLlista {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size: 14px;
}
.taulaLlista li a {
	color: #333;
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	padding: 12px 15px;
	cursor: pointer;
	text-decoration: none;
	border-bottom: solid 1px #efefef;
	overflow: hidden;
	
	display: table;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	transition: all 200ms;
}

.taulaLlista li a span{
	display:table-cell;
	vertical-align: middle;
}
.taulaLlista li:last-child a{
	border-bottom: none;
}
.taulaLlista li a:hover {
	background-color: #DC0053;
	color: #FFFFFF;
	text-decoration: none;
}
.taulaLlista li a.actiuTarifa{
	background-color: #f4f4f4;
	
	
	cursor: default;
	}
.taulaLlista li a.actiuTarifa:hover{
	background-color: #f4f4f4;
	color: #333;
	}


.taulaLlista li a .zonaColor{
	width: 10%;
}
.taulaLlista li a .zonaDesc{
	width: 50%;
}
.taulaLlista li a .zonaPreu{
	text-align: right;
	width: 40%;
	color: #DC0053;	
	font-weight: bold;
}
.taulaLlista li a .zonaPreuSecundari{
	text-align: right; 
	display: block; 
	font-size: 13px; 
	font-weight: normal; 
	color: #666;
}

.taulaLlista li a:hover .zonaPreu, .taulaLlista li a:hover .zonaPreuSecundari{
	color:#FFF;
}
.taulaLlista li a.actiuTarifa:hover .zonaPreu{
	color:#DC0053;
}
.taulaLlista li a.actiuTarifa:hover .zonaPreuSecundari{
	color:#666;
}
.colorArea{
	background-color: #ddd;
	width: 30px;
	height: 30px;
	display: block;
	margin-left: -5px;
	margin-bottom: -5px;
	margin-top: -5px;
	border-radius: 6px;
	border:2px solid #fff;
	box-sizing: border-box;
}
.totTarifes{
	background-image: url(images/ico-tot-tarifes.svg);
	background-position: center;
	background-repeat: no-repeat;
}
.baseScroll{
	position: relative;
}
.ombraButtom{
	background-image: url(images/ombra-llista-arees.png);
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 15px;
	z-index: 999;
	pointer-events: none;
}
.ombraTop{
	background-image: url(images/ombra-llista-arees.png);
	background-repeat: repeat-x;
	background-position: bottom;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 15px;
	z-index: 999;
	pointer-events: none;
}

/* ------------------- Validar Titular abonament ------------------------- */

.caixaTitular{
	font-size:14px;
	padding:16px 10px;
}
.caixaTitular .caixaAuth{
	margin-bottom:0;
	padding:10px;
	}
.caixaTitular .campgran{
	
}
.caixaTitular h4{
	margin:8px 0;
	font-size: 16px;
}
.resultado{
	display:none;
	padding: 16px 0;
	border-radius: 4px;
	margin-top: 2px;
	}
.checkOK{
	display:none;
	width:22px;
	height:22px;
	background-image:url(images/ico-campOK.svg);
	background-repeat: no-repeat;
	float:right;
}
.UsuariAbono{
	display:none;
	float:left;
	border: 1px solid #fff;
	color:#fff;
	border-radius: 4px;
	padding:1px 21px 1px 4px;
	font-size:11px;
	font-weight:500;
	margin:0 3px 0 6px;
	position:relative;
	line-height: 16px;
	background-color: #222;
}
.treureUsuari{
	position:absolute;
	width:12px;
	height:12px;
	right:3px;
	top:3px;
	background-image:url(images/ico-eliminar-mini.svg);
	background-repeat:no-repeat;
	background-position: center top;
	cursor:pointer;
}
.treureUsuari:hover{
	background-position: center bottom;
}

.caixaTitular #caixaGuardar{
	margin-top:10px;
	margin-bottom:inherit;
}
.caixaTitular .divError{
	margin: 10px 0;
}


/* ------------- widget visor MMC ----------------------------- */
.contenidorMMC{
	margin: 30px 0;
}
.iframeMMC{
	width: 100%;
	height: 70vh;
}

.contenidorMMC .sociGen .capa50{
	width: 100%;
	text-align: center;
}
.contenidorMMC .sociGen .blocCapa > div{
	display: flex;
	justify-content: center;
}
.contenidorMMC .sociGen .lineaForm{
	display: flex;
    align-items: center;
    margin-right: 16px;
	border-bottom: none;
}
.contenidorMMC .sociGen .lineaForm .nombreForm{
    width: auto; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 8px;
}
.contenidorMMC .sociGen .contenidorSocis{
    padding: 15px;
    display: flex;
	justify-content: center;
}

.contenidorMMC .sociGen .contenidorSocis .fitxaSoci{
	padding: 10px 30px 10px 15px;
}

.contenidorMMC .sociGen .contenidorSocis .fitxaSoci .treureSoci{
	right:6px;
	top:13px;
}

/* estils formulari inscripcio */

.inscripcioGen{
	padding: 25px 0;
}
.inscripcioGen .loginGen{
	width: auto;
	margin: 0 auto;
}
.inscripcioGen .loginBloc, .inscripcioGen .loginBlocReg, .inscripcioGen .loginSeparador2{
	margin: 20px 0;
} 

.inscripcioFlex{
	display: flex;
	flex-wrap: wrap;
}
.inscripcioFlex .loginBlocReg{
	flex: 0 0 50%;
	box-sizing: border-box;
	margin: 0;
	padding: 13px 20px 13px 0;
}
.inscripcioFlex .loginBlocReg label{
	width: 45%;
}

.inscripcioRGPD{
	display: flex;
}
.inscripcioGen h2{
	margin-top: 50px;
}
.inscripcioGen a.buttonUltra {
	padding-right: 36px;
	padding-left: 36px;
	font-size: 18px;
	line-height: 56px;
	margin: 20px auto;
	width: 300px;
}
.inscripcioHoresGen{
	display: flex;
	flex-direction: column;
}
.inscripcioHoresGen > label{
	flex: 1;
	margin-right: 20px;
	margin-bottom: 30px;
}
.inscripcioHoresCaixa{
	flex: 1;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.inscripcioColDia{
	flex: 0 0 20%;
	border-right: 1px solid #eee;
	padding: 0 15px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}
.inscripcioColDia:last-child{
	border-right: none;
}
.inscripcioColDia h3{
	margin-top: 0;
	color: #DC0053;
	font-size: 14px;
	min-height: 40px;
	margin-bottom: 0px
}
.inscripcioColDia .dloc-checkbox{
	text-align:right;	
}
.inscripcioColDia .dloc-checkbox label{
	background-color:#d6d6d6;
	color:#000;
	padding-left: 35px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:16px;
	position:relative;
	margin: 10px 0;
	display:block;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #d6d6d6;
	line-height: normal;
}
.inscripcioColDia .dloc-checkbox label:hover{
	border: 1px solid #DC0053;
}
.inscripcioColDia .dloc-checkbox label span {
    color: #555;
    font-size: 10.5px;
    font-weight: normal;
    display: block;
}
.inscripcioColDia .dloc-checkbox input[type=checkbox] + label::before{
	background-color: #f5f5f5;
}
.inscripcioColDia .dloc-checkbox input[type=checkbox]:checked + label::before{
	background-color: #000;
}
.inscripcioColDia .dloc-checkbox input[type=checkbox]:checked + label span {
    color: #FFF;
}
.inscripcioColDia .dloc-checkbox input[type=checkbox]:checked + label {
    background-color: #DC0053;
    color: #FFF;
    border: 1px solid #DC0053;
}
.inscripcioColDia .dloc-radios{
	text-align:right;	
}
.inscripcioColDia .dloc-radios label{
	background-color:#d6d6d6;
	color:#000;
	padding-left: 35px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:16px;
	position:relative;
	margin: 10px 0;
	display:block;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #d6d6d6;
	line-height: normal;
}
.inscripcioColDia .dloc-radios label:hover{
	border: 1px solid #DC0053;
}
.inscripcioColDia .dloc-radios label span {
    color: #555;
    font-size: 10.5px;
	font-weight: normal;
	display: block;
}
.inscripcioColDia .dloc-radios input[type=radio] + label::before{
	background: #f5f5f5;
}
.inscripcioColDia .dloc-radios input[type=radio]:checked + label::before{
	background-color:#000;	
}
.inscripcioColDia .dloc-radios input[type=radio]:checked + label span{
	color: #FFF;
}
.inscripcioColDia .dloc-radios input[type=radio]:checked + label{
	background-color: #DC0053;
	color: #FFF;
	border: 1px solid #DC0053;
}


.inscripcioColDia.inscripcioDiaNo h3{
	color: #bbb;
}
.inscripcioDesactivat{
    display: flex;
    background-color: #f0f0f0;
    height: 125px;
    background-image: url("images/fons-no-disponible.svg");
    background-size: cover;
    justify-content: center;
    align-items: center;
	margin: 10px 0;
	border-radius: 4px;
}
.inscripcioDesactivatText{
	text-align: center;
	padding: 30px;
	font-size: 13px;
	color: #555;
}

/* --------------------- pàgina abono v2 ---------------------------- */
.abonos{
	margin-bottom: 40px
}
.grupAbono{
	margin-bottom: 40px;
}
.abonos .caixaTitol{
	padding: 8px 10px;
}
.itemAbono{
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background-color: #F2F2F2;
	padding: 10px 0;
	overflow: hidden;
	margin-bottom: 15px;
	margin-top: 15px;
	border-radius: 4px;
}
.itemAbono .fila1C{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 20px;
	padding-left: 20px;
}
.itemAbono .fila2C{
	padding-right: 20px;
	padding-left: 20px;
}
.itemAbono .fila1C > div{

}
.btnAbonos{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.fila1C .btnAbonos{
	justify-content: space-around;
	flex-wrap: wrap;
    flex: 0 1 40%;
}
.btnAbonos > div{
	padding: 5px;
	box-sizing: border-box;
	flex: 0 1 50%;
    display: flex;
}
.btnAbonos > div a.buttonBig{
	flex: 1 1 100%;
    text-align: center;
}
.precioAbono{
	display: flex;
	align-items: flex-end;	
}
.precioAbono > div{
	margin-right: 3px;
}
.precioAntes{
	text-decoration: line-through;
	font-weight: normal;
	font-size: 80%
}
.precioAntes .interrogant{
	display:inline-block;
	width:11px;
	height:11px;
	background-image:url(images/btn-interrogant.svg);
	background-size: 11px;
	vertical-align:text-top;
	margin-left: 3px;
}
a.icoInfoCSS{
    text-decoration: none;
    display: inline-block;
    background-color: #bbb;
    width: 12px;
    height: 12px;
	line-height: normal;
    text-align: center;
    font-weight: bold;
    font-family: "Courier New", "monospace";
    border-radius: 50%;
    font-size: 11px;
    color: #000;
    margin-left: 3px;
    margin-right: 3px;
	vertical-align: text-top;
}
.caixaAbonoAvet {
    margin-bottom: 20px;
    padding: 15px;
    overflow: hidden;
    background-color: #F2F2F2;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.caixaAbonoAvet .pagament{
	margin-top: 0;
	margin-left: 5px;
	flex: 1;
}
.accesAvet{
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-left: 30px;
	color: #000;
}
.accesAvet .campgran2{
	margin-right: 10px;
	margin-left: 5px
}
.ui-dialog .loginGen{
	width: auto;
}
.ui-dialog .loginGen label{
	width: 45%;
}
.ui-dialog .loginGen .grupC label{
	width: inherit;
}
.ui-dialog .loginBloc:last-child{
	text-align: right;
}
.campLoginReg.extraLlarg{
	width: 230px;
}
.errorValidacio{
	background-color: #c00;
	color: #fff;
	font-size: .90em;
	padding: 8px 12px;
	border-radius: 4px;
}
.divExit {
	font-size: 16px;
	color: #FFF;
	background-color: #090;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
	margin: 15px 0;
	position: relative;
}
.divExit:after{
	content: "";
	width: 25px;
	height: 25px;
	border: 2px solid #fff;
	border-radius: 50%;
	position: absolute;
	background-image: url(images/ico-stick-blanc.svg);
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
	left: 12px;
	margin-top: -12.5px;
	box-sizing: border-box;
}