/* PAGES */
@media all and (orientation:landscape) {
    body {
        background-image: url("../IMAGES/BACK/web-landscape-bn-2024.jpg"); background-position: center center; background-size: cover; 
        background-repeat: no-repeat;  background-attachment: fixed;
    }
    .home-back{
        width:100%; height:100vh; margin-top:-130px;
        /* SUSTITUIDO POR CAROUSEL SWIPER --------
        background-image: url("../IMAGES/BACK/home-landscape.jpg"); background-position: center center; background-size: cover; 
        background-repeat: no-repeat; */
    }
	.home-cartell-no-slider{width:100%;margin-top:-10px;}
}

@media all and (orientation:portrait) {
    body {
        background-image: url("../IMAGES/BACK/web-portrait-bn-2024.jpg"); background-position: center center; background-size: cover; 
        background-repeat: no-repeat;  background-attachment: fixed;
    }
    .home-back{
        width:100%; height:100vh; margin-top:-130px;
        /* SUSTITUIDO POR CAROUSEL SWIPER --------
        background-image: url("../IMAGES/BACK/home-portrait.jpg"); background-position: center center; background-size: cover; 
        background-repeat: no-repeat;*/
    }
	.home-cartell-no-slider{width:100%;margin-top:20px;}
}

body {
	background-color: #000;
	font-family: 'Saira', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height:140%;
	color:#fff;
    /*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:96%;min-height:100vh;margin:auto;}
small{font-weight:inherit !important;}
hr{border-top:1px dotted #aaa !important;}
pre{font-size:1.2em;}
a{color:#ed1c24;}
a:hover{color:#999;}
a:visited{color:inherit;}
.clickable{cursor:pointer;}
.tachado{text-decoration:line-through; color:#c00;}
.ombra{box-shadow: 0px 0px 10px #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;}

.custom{color:#ed1c24 !important;}
.bg-custom{background-color:#ed1c24 !important;}
.link-custom {color:#ed1c24 !important;}
.link-custom:hover {color:#00a99d !important;}

/* ----- links sobre fons vermell (concursos, convidats, etc...) -----------*/
.bg-custom a{color:white;font-weight:bold;}
.bg-custom a:hover{color:black;}
.bg-custom a.linkDownload{color:#ed1c24;font-weight:normal;}
.bg-custom a.linkDownload:hover{color:black;}

.custom2{color:#00a99d!important;;}
.bg-custom2{background-color:#00a99d!important;;}
.link-custom2 {color:#00a99d!important;;}
.link-custom2:hover {color:#c0c!important;;}

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

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

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

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

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

.gold {color:#dfa727!important;}
.bg-gold{background-color:#dfa727!important;}

.pink{color:#e493a6;}
.bg-pink{background-color:#e493a6;}

.linkDownloadAcrobat, .linkDownloadAcrobat:visited {color:#666 !important;}
.linkDownloadAcrobat:hover {color:black !important;}

.rodo{
	-moz-border-radius:20px; 
	-webkit-border-radius:20px;
	border-radius: 20px;  
}
.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) ;
}
.ombra{box-shadow: 0px 0px 10px #000;}

.photoPhotos{max-height:140px;overflow:hidden;}

/*---------------- except ---------------------------------*/
#divProgramaDetallEspai a{color:#fff; text-decoration:underline;}
#divProgramaDetallEspai a:hover{color:#fff;}
#divProgramaDetallEspai a:visited{color:inherit;}

/*----------------- 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: 'Saira', sans-serif; font-weight: 700;letter-spacing: 0.07em;}
.font-titol-bold{font-family: 'Saira'; font-weight: 900;letter-spacing: 0.07em; !important}
.font-body-light{font-family: 'Saira', sans-serif; font-weight: 300;}
.font-body{font-family: 'Saira', sans-serif; font-weight: 400;}
.font-body-bold{font-family: 'Saira', 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;}

.lh80{line-height:80% !important;}
.lh90{line-height:90% !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;}

.upper{text-transform: uppercase;}

/*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
#navbarTop{
    margin-top:120px;
    padding:0 0 0 10px;
	background-color: white;
    height:auto;
}
.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 #ed1c24;
}
#navbarTop .navbar-nav .nav-item:last-child {
	border-right:0px;
}
#navbarTop .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    color: #9fa4a6;
	font-weight: 600;
	font-size: 0.9em;
	font-family: 'Saira', sans-serif;
	text-transform: uppercase;
    letter-spacing: 0.01em;
}
#navbarTop .navbar-nav .nav-link:hover {
    color: #ed1c24;
    text-decoration: none;
}
#navbarTop .navbar-nav .nav-link.active {color: #ed1c24;}

/* items submenu */
.sageta_submenu{
    display:none;
    background-image: url("/IMAGES/BULLETS/sageta_submenu.png");
    width:14px;height:14px;
    position:absolute; z-index:105; top:-7px; left:9.5em;
}
.dropdown-menu:hover>.sageta_submenu{
    background-image: url("/IMAGES/BULLETS/sageta_submenu_fucsia.png");
}
.dropdown-menu:hover>.sageta_submenu img{}
/* Show the dropdown menu on hover */
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-menu{background-color:transparent; width: 18em;border-radius:0;padding:0px 0 0 0;border:0;margin:0em 0 0 0em;}
#navbarTop .navbar-nav .dropdown-menu .nav-item {
	margin: 0;
	border-bottom:1px solid #ed1c24;
    border-right:0;
    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.25em 1em;
    background-color: #fff;
    color: #9fa4a6;
	font-weight: 600;
	font-size: 0.8em;
	font-family: 'Saira', sans-serif;
	text-transform: none;
    letter-spacing: 0.01em;
    text-align:left;
}

#navbarTop .navbar-nav .dropdown-menu .nav-link:hover {
    background-color: #ed1c24;
    color: #fff;
	text-decoration: underline;
}
#navbarTop .navbar-nav .dropdown-menu .nav-link.active {color:#ed1c24;text-decoration: none;font-weight:bold;}
#navbarTop .navbar-nav .dropdown-menu .nav-link.active:hover {text-decoration: underline; color: #fff;}

/*----------------------------------- PERSONALITZACIÓ BOOTSTRAP -----------------------**/
.btn:hover {cursor:pointer;color:inherit;}
/*.btn-danger {color:#fff !important;}*/
.btn-custom {
    color: #fff;
    background-color: #ed1c24;
    border-color: #ed1c24;
	font-weight: 700;
    font-size: 0.8em;
    letter-spacing: 0.10em;
    -moz-border-radius:20px !important; 
	-webkit-border-radius:20px !important;
	border-radius: 20px !important;
    padding:0.6em 1.0em;
    text-transform: uppercase;
}
.btn-custom:hover {
    color: #ed1c24;
    background-color: #fff;
    border-color: #fff;
}
.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;
    background-color: #00a99d;
    border-color: #00a99d;
	font-weight: 700;
    font-size: 0.8em;
    letter-spacing: 0.10em;
    -moz-border-radius:20px !important; 
	-webkit-border-radius:20px !important;
	border-radius: 20px !important;
    padding:0.6em 1.0em;
    text-transform: uppercase;
}
.btn-custom2:hover {
    color: #00a99d;
    background-color: #fff;
    border-color: #fff;
}

.btn-custom2-inv, .btn-custom2:visited{
    color: #00a99d !important;
    background-color: #fff;
    border-color: #fff;
	font-weight: 700;
    font-size: 0.8em;
    letter-spacing: 0.10em;
    -moz-border-radius:20px !important; 
	-webkit-border-radius:20px !important;
	border-radius: 20px !important;
    padding:0.6em 1.0em;
    text-transform: uppercase;
}
.btn-custom2-inv:hover {
    color: #fff !important;;
    background-color: #00a99d;
    border-color: #00a99d;
}
.btn-custom2-inv-big{
    font-size: 1.25em;
    padding:0.4em 1.5em;
}

.btn-tickets {
    color: #fff;
    background-color: #00a99d;
    border-color: #00a99d;
	font-weight: 700;
    font-size: 1.35em;
    letter-spacing: 0.20em;
    -moz-border-radius:20px !important; 
	-webkit-border-radius:20px !important;
	border-radius: 20px !important;
    padding:0.4em 1.5em;
}
.btn-tickets:hover {
    color: #00a99d;
    background-color: #fff;
    border-color: #fff;
}

.btn-tickets-red {
    color: #fff;
    background-color: #ed1c24;
    border-color: #ed1c24;
	font-weight: 700;
    font-size: 1.35em;
    letter-spacing: 0.20em;
    -moz-border-radius:20px !important; 
	-webkit-border-radius:20px !important;
	border-radius: 20px !important;
    padding:0.4em 1.5em;
}
.btn-tickets-red:hover {
    color: #ed1c24 !important;
    background-color: #fff;
    border-color: #fff;
}

.btn-menu {
    color: #000 !important;
    background-color: #fff;
    border-color: #fff;
	font-weight: 700;
    font-size: 1em;
    letter-spacing: 0.20em;
    -moz-border-radius:6px !important; 
	-webkit-border-radius:6px !important;
	border-radius: 6px !important;
    padding:0.4em 1.5em;
}
.btn-menu:hover {
    background-color: #000;
    border-color: #000;
    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: #ed1c24 !important;
    background-color: #fff;
    border: 2px solid #ed1c24;
	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: #ed1c24;
}
.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: #fdbb4d !important;
    background-color: #fff;
}*/

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

.modal-header{color:#ed1c24!important;}
.modal-title{color:#ed1c24!important;line-height:100%;font-weight:bold;}
.modal-footer{color:#ed1c24!important;}

.card-columns {column-count: 4;}

/*----------------------------------- 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:auto; position:fixed; z-index:935; top:0; left:0; text-align:right; padding:1.5em 2em; box-shadow: 0px 15px 15px #484141;}
    logo-top{}
#divTopMobile{height:auto; position:fixed; z-index:1035; top:0; left:0; text-align:right; padding:0; /*box-shadow: 0px 15px 15px #484141;*/}
    logo-top-mobile{}    
#divBottom{padding:2em 2em 2em 2em; color:#fff;}
    /*#logo-footer{max-width:155px;}*/
    #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; text-align:left; margin:0 0 0 1.85em; padding:0;}
	.ulIdiomes li{display:inline-block; margin:0 0.15em 0 0.15em;}
    .ulIdiomes li:first{margin:0 0.25em 0 -20px;}
		.ulIdiomes li a{color:#fff;}
		.ulIdiomes li a:hover{color:#ed1c24;}	
		.ulIdiomes .active > a{color:#ed1c24;}
/*----------------/ menu idiomes -------------------------*/

/*---------------- menu xarxes -------------------------*/
#divXarxesTop{position:fixed;bottom:2em;right:2em;z-index:2000;}
.ulXarxes{list-style:none; display:block; text-align:center; margin:0; padding:0; background-color:transparent; width:auto;}
	.ulXarxes li{}
        /* option 1
        .ulXarxesTop {font-size:11px;}*/
        /* option 2
        .ulXarxesTop {font-size:11px;background-image: url('/IMAGES/BULLETS/pixel-100x100-grey');padding:1em;}*/
        /* option 3 */
        .ulXarxesTop {
           font-size:11px;
           padding:1em; background-color:#ed1c24;;
           -moz-border-radius:6px !important; 
	       -webkit-border-radius:6px !important;
	       border-radius: 6px !important;
        }
            .ulXarxesTop li{display:inline-block;margin:0 0 0 0.5em;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:#ed1c24;
                border-radius: 50%;
                border: 1x solid grey;
                padding:5px 0px;
                width:32px;
                height:32px;
            }
            .ulXarxesTop i.xxss:hover {
                background-color:#00a99d;
            }
        /*.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:#ed1c24;}*/
        .ulXarxesHome {font-size:1.1em;margin-top:1em;text-align:center;}
            .ulXarxesHome #lihash{display:none;}
            .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:#0a284f;}*/
            .ulXarxesHome i.xxss {
                background-color:#ed1c24;
                border-radius: 50%;
                border: 1x solid grey;
                padding:8px 0;
                width:52px;
                height:52px;
            }
            .ulXarxesHome i.xxss:hover{background-color:#ed1c24;}
/*----------------/ 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:#000;}
			#divMenuLegal a{color:#000;}
			#divMenuLegal a:hover{color:#ed1c24;}
/*----------------/ menu legal -------------------------*/
    
/*--------------- page-firmas ----------------------*/
.item-signatures > p{margin-bottom: 0.1rem !important;}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*----- portatil vinx / meritxell ---------------------------*/
@media screen and (max-device-width:1366px),screen and (max-width:1366px){
	.wrapper{max-width:auto;margin:auto}
    /*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
    #navbarTop .navbar-nav .nav-link {
        padding-right: 0.5rem;
		padding-left: 0.5rem;
        font-size: 0.8em;
    }
}
/*----- cristina / admin ---------------------------*/
@media screen and (max-device-width:1280px),screen and (max-width:1280px){
    .wrapper{max-width:auto;margin:auto}
    .home-back{background-position:top left;}
	#navbarTop .navbar-nav .nav-link {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
}


/*----- 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:170px;
    }
    #divTop{height:120px; padding:1.5em 2em;}
    #logo-top{max-height:60px;}
	
	#navbarTop .navbar-nav .nav-link {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
    
    .container{max-width:1024px;}
    .wrapper{max-width:auto;margin:auto}
    .card-columns {column-count: 4;}
    
    /*----------------------------------- 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){
    body {
        font-size: 0.8rem; 
        padding-top:180px;
    }
    
    .container{max-width:768px;}
    .wrapper{max-width:768px;margin-right:none;margin:auto;}
    .card-columns {column-count:2;}
    
    /*------- BUTTON MENU  ----------*/
    .fa-bars,.fa-times{margin-left:30px}
    /*------- BUTTON TICKETS  ----------*/
    .btn-tickets{font-size: 1em;}
    /*----------------------------------- NAVBAR LEFT -----------------------*/
    #divMenuLeft{position:fixed;z-index:980;left:-1100px; display:block;
                    height:100vh;width:100vw;background-color:#f00; padding:1em 0;
                    font-size:1.5em; overflow:scroll;}
    #ulMenuLeft{list-style:none; margin:0 1em; padding:0;}
    #ulMenuLeft .icc{font-size:0.5em !important;margin-right:3px;vertical-align:middle;color:#000;display:none;}

    #ulMenuLeft .nav-item {line-height:140%;}
    #ulMenuLeft .nav-item.active{}

    #ulMenuLeft .nav-link{color:white;}
    #ulMenuLeft .nav-link:hover{color:white;font-weight:bold;}
    #ulMenuLeft .nav-link:visited{color:white;}
    #ulMenuLeft .nav-link.active{color:white;font-weight:bold;}
    #ulMenuLeft .nav-link.active .icc{display:inline-block;}

    #ulMenuLeft .my-dropdown-menu{display:none;list-style:none;margin:0.75em 0 0.75em 0;padding:0 1em;}

    #ulMenuLeft .my-dropdown-menu .nav-link{text-transform:uppercase;font-size:0.8em;line-height:120%;}
    /*----------------------------------/ NAVBAR LEFT -----------------------*/
    
    /*---------------- menu xarxes -------------------------*/
    #divXarxesTop{position:relative;bottom:inherit;right:inherit;z-index:inherit;margin-top:0;}
    .ulXarxesHome {display:none;}
    
    /*---------------- IDIOMES ----------------------*/
    .combo-idiomes{background-color:transparent; color:white; padding:0 0.5em;border:2px solid white;width:auto;}

    /*----------------------------------- 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){
    .card-columns {column-count:3;}
    .photoPhotos{max-height:80px;}
}

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