body {
	background-color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height:140%;
	color:#000;
    /*padding-top:280px;  ----- mida menu home desplegat*/
    /*padding-top:145px;  ----- primera mida que vaig utilitzar per el menu plegat*/
    padding-top:165px;
}
.wrapper{max-width:1920px;margin:auto;}
small{font-weight:inherit !important;}
hr{border-top:1px dotted #aaa !important;}
pre{font-size:1.2em;}
a{color:#938974;}
a:hover{color:#000;}
a:visited{color:inherit;}
.clickable{cursor:pointer;}
.tachado{text-decoration:line-through; color:#c00;}
.ombra{box-shadow: 0px 0px 10px #000;}
.ombra-text{text-shadow: 0px 0px 6px #000;}
.titol{font-weight:700;}
.left {overflow:hidden; float:left;}
.right {overflow:hidden; float:right;}
.justificat {text-align:justify;}
.center {text-align:center;}
.cela{display:table-cell; padding:0 0.5em;}
.marker{background-color:#938974; color:white; padding:2px 6px;}

.custom{color:#938974 !important;}
.bg-custom{background-color:#938974 !important;}
.link-custom, .link-custom:visited {color:#938974 !important;}
.link-custom:hover {color:#bfadeb !important;}

.custom2{color:#bfadeb !important;}
.bg-custom2{background-color:#bfadeb !important;}
.link-custom2, .link-custom2:visited {color:#bfadeb !important;}
.link-custom2:hover {color:#fff !important;}

.custom3{color:#b72c25 !important;}
.bg-custom3{background-color:#b72c25 !important;}
.link-custom3, .link-custom3:visited {color:#b72c25 !important;}
.link-custom3:hover {color:#fff !important;}

.white {color:#fff!important;}
.bg-white {background-color:#fff!important;}
.link-white {color:#fff!important;}
.link-white:hover {color:#bfadeb!important;}

.red{color:#fc0101 !important;}
.link-red{color:#fc0101 !important;}
.link-red:hover {color:#fff !important;}

.clar {color:#f1f3f4!important;}
.bg-clar {background-color:#f1f3f4!important;}

.black {color:#000!important;}
.bg-black {background-color:#000!important;}

.gris {color:#9fa4a6!important;}
.bg-gris {background-color:#9fa4a6!important;}

.rodo{
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	border-radius: 6px;  
}
.degradat{
	background:-webkit-linear-gradient(top,#fff,#ddd) ;
	background:-moz-linear-gradient(top,#fff,#ddd) ;
	background:-ms-linear-gradient(top,#fff,#ddd) ;
	background:-o-linear-gradient(top,#fff,#ddd) ;
	background:linear-gradient(top,#fff,#ddd) ;
}

/*----------------- icon loading animated -------------------------*/
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
/*----------------/ icon loading animated -------------------------*/

/*----------------- estils d'impresió -------------------------*/
.printable { display: none; }
@media print {
	.non-printable { display: none; }
    .printable { display: block; }
}
/*----------------/ estils d'impresió -------------------------*/

/*----------------------------------- FONTS -----------------------*/
.font-titol{font-family: 'Raleway', sans-serif; font-weight: 400;}
.font-titol-bold{font-family: 'Raleway'; font-weight: 800;letter-spacing: 0.03em;}
.font-body-light{font-family: 'Montserrat', sans-serif; font-weight: 300;}
.font-body{font-family: 'Montserrat', sans-serif; font-weight: 400;}
.font-body-bold{font-family: 'Montserrat', sans-serif; font-weight: 600;letter-spacing: 0.03em;}
b,strong{font-weight: 600 !important;};

.fs07{font-size:0.7em !important;}
.fs075{font-size:0.75em !important;}
.fs08{font-size:0.8em !important;}
.fs09{font-size:0.9em !important;}
.fs10{font-size:1em !important;}
.fs11{font-size:1.1em !important;}
.fs12{font-size:1.2em !important;}
.fs13{font-size:1.3em !important;}
.fs14{font-size:1.4em !important;}
.fs15{font-size:1.5em !important;}
.fs16{font-size:1.6em !important;}
.fs17{font-size:1.7em !important;}
.fs18{font-size:1.8em !important;}
.fs19{font-size:1.9em !important;}
.fs20{font-size:2em !important;}
.fs21{font-size:2.1m !important;}
.fs22{font-size:2.2em !important;}
.fs23{font-size:2.3em !important;}
.fs24{font-size:2.4em !important;}
.fs25{font-size:2.5em !important;}

.lh100{line-height:100% !important;}
.lh110{line-height:110% !important;}
.lh120{line-height:120% !important;}
.lh130{line-height:130% !important;}
.lh140{line-height:140% !important;}
.lh150{line-height:150% !important;}

/* Imágenes responsive */
img.my-imagen-responsive {width:100%;height:auto;}
img.my-imagen-responsive-v{height:100% !important;}

/*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
#navbarTop{
    margin-top:50px;
    padding:0.5em 50px;
	background-color: #fff;
    height:230px;
}
.navbar-brand img{max-height:100px;margin:0 1em 0 0;}
.navbar-dark .navbar-toggler{border-color:#fff; color: rgba(255,255,255,.5); margin-left:1em;}

/* items del menu */
/*#navbarTop .navbar-nav .nav-item {
	border-right:2px solid #F6B333;
}
#navbarTop .navbar-nav .nav-item:last-child {
	border-right:0px;
}*/
#navbarTop .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #9fa4a6;
	font-weight: 600;
	font-size: 0.8em;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
    letter-spacing: 0.12em;
}
#navbarTop .navbar-nav .nav-link:hover {
    color: #938974;
    text-decoration: none;
}
#navbarTop .navbar-nav .nav-link.active {color: #222222;}

/* items submenu */
.sageta_submenu{
    background-image: url("/IMAGES/BULLETS/sageta_submenu.png");
    width:14px;height:14px;
    position:absolute; z-index:105; top:12px; left:9.5em;
}
.dropdown-menu:hover>.sageta_submenu{
    background-image: url("/IMAGES/BULLETS/sageta_submenu_lila.png");
}
.dropdown-menu:hover>.sageta_submenu img{}
/* Show the dropdown menu on hover */
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-menu{background-color:#fff; width: 19em;border-radius:0;padding:20px 0 0 0;border:0;margin:0em 0 0 -5em;}
#navbarTop .navbar-nav .dropdown-menu .nav-item {
	margin: 0;
	border-bottom:1px solid #fff;
    line-height:110%;
    text-align: center;
}
#navbarTop .navbar-nav .dropdown-menu .nav-item:last-child {
	border-bottom:0px;
}
#navbarTop .navbar-nav .dropdown-menu .nav-link {
    padding:0.5em 1em;
    background-color: #9fa4a6;
    color: #fff;
	font-weight: 600;
	font-size: 0.75em;
	font-family: 'Montserrat', sans-serif;
	text-transform: none;
    letter-spacing: 0.10em;
}
#navbarTop .navbar-nav .dropdown-menu .nav-link:hover {
    background-color: #bfadeb;
}
#navbarTop .navbar-nav .dropdown-menu .nav-link:hover {
    color: #fff;
	text-decoration: underline;
}
#navbarTop .navbar-nav .dropdown-menu .nav-link.active {color:#222222;text-decoration: none;font-weight:bold;}
#navbarTop .navbar-nav .dropdown-menu .nav-link.active:hover {text-decoration: underline;}

/*----------------------------------- PERSONALITZACIÓ BOOTSTRAP -----------------------**/
.btn:hover {cursor:pointer;color:inherit;}
/*.btn-danger {color:#fff !important;}*/
.btn-custom {
    color: #fff;
    background-color: #938974;
    border-color: #938974;
	font-weight: 600;
    font-size: 0.9em;
    border-radius:0;
    letter-spacing: 0.10em;
}
.btn-custom:hover {
    color: #ffffff;
    background-color: #9fa4a6;
    border-color: #9fa4a6;
}
.btn-custom:not([disabled]):not(.disabled).active, .btn-custom:not([disabled]):not(.disabled):active, .show>.btn-custom.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #444;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,.5);
}

.btn-custom2{
    color: #fff !important;
    background-color: #bfadeb;
    border-color: #bfadeb;
	font-weight: 600;
    font-size: 0.9em;
    border-radius:0;
    padding:1em 2.5em;
    letter-spacing: 0.15em;
}
.btn-custom2:hover {
    color: #fff !important;
    background-color: #938974;
    border-color: #938974;
}
.btn-tickets {
    color: #fff !important;
    background-color: #b72c25;
    border-color: #b72c25;
	font-weight: 600;
    font-size: 0.9em;
    border-radius:0;
    padding:0.5em 2.5em;
    letter-spacing: 0.15em;
    padding: 1em 3em;
}
.btn-tickets:hover {
    color: #fff !important;
    background-color: #938974;
    border-color: #938974;
}
.btn-clar {
    color: #fff !important;
    background-color: #9fa4a6;
    border-color: #9fa4a6;
	font-weight: 600;
    font-size: 0.8em;
    border-radius:0;
    padding:1em 2.5em;
    letter-spacing: 0.15em;
    position:relative;
}
.btn-clar:hover {
    background-color: #938974;
    border-color: #938974;
    color: #fff !important;
}
.btn-clar:hover>.sageta-up-buto {filter: saturate(65%) brightness(48%) hue-rotate(275deg);}
.sageta-up-buto{position:absolute;top:-8px;left:calc(50% - 8px);}

.btn-custom-line {
    color: #938974 !important;
    background-color: #fff;
    border: 2px solid #938974;
	font-weight: 600;
    font-size: 0.8em;
    border-radius:0;
    padding:0.5em 2.5em;
    letter-spacing: 0.15em;
}
.btn-custom-line:hover {
    color: #fff !important;
    background-color: #938974;
}
.btn-custom-lineinv {
    color: #fff !important;
    background-color: transparent;
    border: 2px solid #fff;
	font-weight: 600;
    font-size: 0.8em;
    border-radius:0;
    padding:0.5em 2.5em;
    letter-spacing: 0.15em;
}
.btn-custom-lineinv:hover {
    color: #000 !important;
    background-color: #fff;
}

.btn-custom3-lineinv {
    color: #fff !important;
    background-color: transparent;
    border: 2px solid #fff;
	font-weight: 600;
    font-size: 0.8em;
    border-radius:0;
    padding:0.5em 2.5em;
    letter-spacing: 0.15em;
}
.btn-custom3-lineinv:hover {
    color: #b72c25 !important;
    background-color: #fff;
}

.panel-breadcrumb a{color:#ccc;}
.panel-breadcrumb a:hover{color:#fff;}

/*----------------------------------- GLOBAL DIVS -----------------------**/
.divSpace{overflow:hidden; height:1em;}
.divSeparador{width:25%; height:3px; background-color:#222; margin:2em 0;}
#divMenuSpace{overflow:hidden; height:204px;}
#divTop{height:50px; position:fixed; z-index:1035; top:0; left:0; padding:0.5em 2em}
    .blockTopLeft{display:table-cell; float:left; height:auto; margin:0 0.5em; border:2px solid #938974;
                text-align:left; vertical-align:middle; font-size:0.8em; color:white; padding:0.40em 1em; letter-spacing:0.15em;}
    .blockTopRight{display:table-cell; float:right; height:auto; margin:0 0.5em; border:2px solid white;
                text-align:center; vertical-align:middle; font-size:0.8em; color:white; padding:0.40em 1em; letter-spacing:0.15em;}
#divBottom{padding:2em 2em 10em 2em; color:#fff;}
    #logo-footer{max-height:76px;}
    #divBottom address{font-size:0.85em; line-height:110%;}
#divMenuShop{margin:1em 0 1em 0;}
#divDebug{background-color:#F5EF93;display:none;}

/*---------------- menu idiomes -------------------------*/
.ulIdiomes{list-style:none; display:block; text-align:center; margin:0; padding:0; background-color:transparent;}
	.ulIdiomes li{display:inline-block; margin:0 0.25em 0 0.25em;}
		.ulIdiomes li a{color:#fff;}
		.ulIdiomes li a:hover{color:#222;}	
		.ulIdiomes .active > a{color:#222;}
/*----------------/ menu idiomes -------------------------*/

/*---------------- menu xarxes -------------------------*/
#divXarxesTop{position:fixed;top:275px;right:20px;z-index:1490;} /*---- per sota del photo-swipe de les expos on line ----*/
.ulXarxes{list-style:none; display:block; text-align:center; margin:0; padding:0; background-color:transparent; width:auto;}
	.ulXarxes li{}
        .ulXarxesTop {font-size:0.8em;}
            .ulXarxesTop li{margin:0;padding:0.3em 0;}
            .ulXarxesTop li a{color:#ffff !important;}
            .ulXarxesTop li a:hover{color:#fff !important;}	
            .ulXarxesTop li a:visited{color:#fff !important;}	
            .ulXarxesTop li a:active{color:#fff !important;}	
            .ulXarxesTop i.xxss {
                background-color:#bfadeb;
                border-radius: 50%;
                border: 1x solid grey;
                padding:6px 0px;
                width:38px;
                height:38px;
            }
            .ulXarxesTop i.xxss:hover {
                background-color:#938974;
            }
        .ulXarxesBottom {font-size:1em;margin-top:1em;text-align:right;}
            .ulXarxesBottom li{display:inline-block;margin:0 0 0 0.5em;}
            .ulXarxesBottom li a{color:#ddd;}
            .ulXarxesBottom li a:hover{color:#938974;}
        .ulXarxesHome {font-size:1.1em;margin-top:1em;text-align:center;}
            .ulXarxesHome li{display:inline-block;margin:0 0 0 1em;}
            .ulXarxesHome li a{color:#fff !important;}
            .ulXarxesHome li a:visited{color:#fff !important;}	
            .ulXarxesHome li a:active{color:#fff !important;}
            /*.ulXarxesHome li a:hover{color:#938974;}*/
            .ulXarxesHome i.xxss {
                background-color:#bfadeb;
                border-radius: 50%;
                border: 1x solid grey;
                padding:8px 0;
                width:52px;
                height:52px;
            }
            .ulXarxesHome i.xxss:hover{background-color:#938974;}
/*----------------/ menu xarxes -------------------------*/
/*---------------- menu legal -------------------------*/	
#divMenuLegal{width:100%; text-align:center; margin:0 0 1em 0;}	
	#divMenuLegal ul{list-style:none; padding:0;}
		#divMenuLegal ul li{display:inline-block; cursor:pointer; font-size:0.75em; margin:0 0.7em; color:#fff;}
			#divMenuLegal a{color:#fff;}
			#divMenuLegal a:hover{color:#fff;}
/*----------------/ menu legal -------------------------*/

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*----- portatil vinx / meritxell ---------------------------*/
@media screen and (max-device-width:1366px),screen and (max-width:1366px){
    /*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
    #navbarTop .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
        font-size: 0.8em;
    }
}
/*----- portatil 1200 / 1280 ---------------------------*/
@media screen and (max-device-width:1199px),screen and (max-width:1199px){
	/*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
	#navbarTop .navbar-nav .nav-link {padding-right:1.25rem;}
}
/*----- lg -> ipad horizontal + ipad pro vertical ---------------------------*/
@media screen and (max-device-width:1024px),screen and (max-width:1024px){
    body {
        font-size: 0.8rem; 
        /*padding-top:140px;   ----- primera mida que vaig utilitzar per el menu plegat*/
        padding-top:160px;
    }
    #divTop{height:42px; padding:0.5em 1em;}
    #logo-footer{max-width:120px;}
    
    .ulXarxesTop i.xxss {
        padding:6px 0px;
        width:32px;
        height:32px;
    }
    .ulXarxesHome i.xxss {
        padding:8px 0px;
        width:44px;
        height:44px;
    }
    /*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
    #navbarTop{margin-top:42px;}
    .navbar-brand img{max-height:80px;margin:0 0;}
    #navbarTop .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
        font-size: 0.8em;
    }
}

/*----- sm ---------------------------*/
@media screen and (max-device-width:991px),screen and (max-width:991px){
    /*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
    #navbarTop{padding:1em 2em 1em 2em;}
    .navbar-brand{margin:0;}
    /*---- submenu ------*/
    .dropdown-menu{background-color:#fff; width:auto; padding:0 0 2em 0;border:0;margin:0;}
    #navbarTop .navbar-nav .nav-link {
        font-size: 1em;
    }
    #navbarTop .navbar-nav .dropdown-menu .nav-item {
        margin: 0 1em;
        text-align: left;
    }
    #navbarTop .navbar-nav .dropdown-menu .nav-link {
        padding: 0.5em 1em;
        font-size: 0.8em;
    }
    .sageta_submenu{display:none;}
    /*---------------- menu legal -------------------------*/	
    #divMenuLegal ul li{font-size:0.7em; margin:0 0.4em;}
}

/*----- ipad vert vertical ---------------------------*/
@media screen and (max-device-width:767px),screen and (max-width:767px){
}

/*----- iphone 6+ horizontal ---------------------------*/
@media screen and (max-device-width:736px),screen and (max-width:736px){
}

/*----- iphone 6/7/8  horizontal ---------------------------*/
@media screen and (max-device-width:667px),screen and (max-width:667px){
    .sageta-up-buto{display:none;}
}

/*----- iphone 5 horizontal ---------------------------*/
@media screen and (max-device-width:568px),screen and (max-width:568px){
}

/*----- iphone 6/7/8 vertical ---------------------------*/
@media screen and (max-device-width:480px),screen and (max-width:480px){
}

/*----- iphone 5 vertical ---------------------------*/
@media screen and (max-device-width:320px),screen and (max-width:320px){
}

/*---------------- bootstrap z-indexs --------------------------
$zindex-dropdown:          1000 !default;
$zindex-sticky:            1020 !default;
$zindex-fixed:             1030 !default;
$zindex-modal-backdrop:    1040 !default;
$zindex-modal:             1050 !default;
$zindex-popover:           1060 !default;
$zindex-tooltip:           1070 !default;
---------------------------------------------------------------*/