html { margin: 0; padding: 0; font-size: 16px; }
body { margin: 0; padding: 0; background-color: transparent !important; font-family: Interstate, Sans-serif; }
.bg1 { width: 100%; height: 100%; background: url(img/fons/1.jpg) no-repeat center center fixed #363425;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }

#top { margin-top: 0px; }
.row { text-align: left; }

/*.bg1 { position: absolute; width: 100%; height: 100%; background-color: rgba(201,194,180,1); mix-blend-mode: multiply; }*/

div#contingut { width: 952px; margin: 50px auto 0 auto }
div.fila { width: 100%; border: 4px solid rgba(147,17,126,0.6); background: rgba(255,255,255,0.9); margin-bottom: 15px; text-align: left }
div.fila_buida { width: 100%; margin-bottom: 15px; clear: both }

.nom_edicio{ position: absolute; top: 10px; right: 35px; color: rgba(255,255,255,0.8); font-size: 1.1rem; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; padding: 0; margin: 0; text-align: right; }

.premenu { position: absolute; top: 9px; right: 18px; font-size: 0.7rem; line-height: 0.7rem; text-transform: uppercase; z-index: 1100; text-align: right; font-weight: 400;  }
.premenu a { border-radius: 0px; padding: 4px 8px 4px 8px; display: inline-block; font-weight: 200; letter-spacing: 0px; background: rgba(255,255,255,0.5); color: rgba(147,17,126,1); border: 1px solid rgba(147,17,126,1); margin-left: 10px; }
.premenu a.active { color: rgb(); border: 1px solid rgba(,1); }

.idioma-toggled { display: none; }

.navbar { -webkit-backface-visibility: hidden; }
.menutop { padding-top: .25rem; padding-bottom: .25rem; transition: all .3s; background: rgb(0,0,0);
background: linear-gradient(5deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 46%, rgba(0,0,0,0.75) 100%) rgb(147,17,126); height: 85px; margin-top: 40px; box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.45); }
.menutop.petit { padding-top: 0; padding-bottom: 0; box-shadow: 0 5px 10px rgba(0,0,0,0.4); transition: all .3s; }
.menutop .navbar-brand { position: absolute; width: 156px; }
.menutop .navbar-brand img { width: 100%; margin-left: 20px; margin-right: 20px; }
.navbar-dark .navbar-nav { position: absolute; bottom: 0px; left: 220px; }
.navbar-dark .navbar-nav .nav-link { font-size: 1.1rem; font-weight: 500; color: white; margin: 0 0.5rem; padding: 0.25rem 0.85rem !important; }
.navbar-dark .navbar-nav .nav-link:first-child { margin-left: 0; }
.dropdown-toggle:after { font-size: 16.5px; margin-left: 0.155em; }

.navbar-dark .navbar-toggler {  border-color: rgba(255,255,255,0.8); /*font-size: 200%;*/ }
.navbar-dark .navbar-toggler i { font-size: 150%; color: rgba(255,255,255,0.8); }

.menutop a { border: 3px dotted rgba(,0); border-left: none; border-right: none; }
.menutop a:hover { background: rgba(0,0,0,0.5); color: white; border-radius: 14px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.menutop .nav-item.actiu a.nav-link { background: black; color: white !important; border-radius: 14px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.menutop a.navbar-brand:hover { border-color: rgba(0,0,0,0); }
.menutop .fas { margin-left: 5px; }
.navbar-dark .navbar-toggler i { margin-left: 0; }

/* dropdowns */
.dropdown-menu { left: 0; background: rgb(147,17,126); border: none; box-shadow: 0 5px 20px rgba(0,0,0,0.25); margin-top: 0px; border-radius: 14px; border-top-left-radius: 0; transition: all .3s; border: 1px solid rgba(255,255,255,0.6); padding: 0; }
.menutop .nav-item.actiu .dropdown-menu { border-color: black; }
.dropdown-menu.dret { left: auto; right: 13px; border-left: none; border-right: 1px solid rgba(255,255,255,0.6);  }
.dropdown-item { font: 1rem Interstate, Sans-Serif; letter-spacing: 0; font-weight: 400; padding: .35rem 15px .45rem 15px; color: #FFF !important; border-top: 1px solid rgba(255,255,255,0.6) !important; }
.dropdown-item:first-child { border-top: none !important; }
.dropdown-item:hover { background: linear-gradient(12deg, rgba(,1) 0%, rgba(,1) 52%, rgba(,1) 100%); border-radius: 0 !important; }
.dropdown-item:first-child { margin-top: 0; }
.menutop .actiu .dropdown-item { border-color: rgba(,1); color: white !important; border: none;  }
.menutop .dropdown-item:hover { color: rgb() !important; }
.menutop .dropdown-item.actiu { background: black; }

.menutop.petit { margin-top: 0; }
/*
.menutop.petit { box-shadow: 0 5px 20px rgba(0,0,0,0.5) inset, 0 5px 15px rgba(0,0,0,0.5); }
.menutop.petit .navbar-brand img { height: 55px; }
.menutop.petit .navbar-brand div { font-size: 95.238%; padding-top: 8px; }
.menutop.petit .navbar-brand span { display: inline; }
.menutop.petit .nav-link { font-size: 13px; }
*/

#fons_inici { width: 100%; height: 100%; text-align: center; background: url(img/fons/1.jpg) no-repeat center center fixed #363425;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }

.tira { height: 170px; margin-top: 125px; overflow: hidden; margin-bottom: 0; background: url(img/tires/generica.jpg) center center; background-size: cover; }
.tira img { width: 100%; height: 100%; }

#ajadmin_baners { background: none !important;  }
#ajadmin_baners h3 { color: black !important; font: 1.6rem Intersate, Sans-serif !important; font-weight: 900 !important; margin-bottom: 15px; }
.slick-slider { font: 16px 'Libre Franklin', Sans-serif !important; font-weight: 600; }
#ajadmin_baners .ajadmin_baners_tira a { font-size: 0.9rem !important; }



p { text-align: justify; font-size: 1.1rem; line-height: 1.4rem; font-weight: 500; letter-spacing: -0.5px; }
a { color: #975b00; font-weight: bold; }
a:hover { color: black; text-decoratoin: none; }
h1, h2, h3, h4, h5, h6 { font-family: Interstate, Sans-serif; font-weight: 800; text-align: left; }
h1 { font-weight: 900; margin-top: 0.7em; letter-spacing: -1px; color: rgba(147,17,126,1); }
h2 { font-size: 1.65rem; font-weight: 900; margin-top: 0.7em; color: rgba(,1); }
h3 { font-size: 1.3rem; font-weight: 700; letter-spacing: -0.5px; margin-top: 1em; margin-bottom: 5px; color: rgba(147,17,126,0.8); }
h3 a { color: black; }
h1 font { font-weight: 300; }

/* ESTILS DE ZONA */
.pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-30 { padding-top: 30px; } .pt-40 { padding-top: 40px; } .pt-50 { padding-top: 50px; }
.pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; } .pb-50 { padding-bottom: 50px; }
.pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-30 { padding-left: 30px; } .pl-40 { padding-left: 40px; } .pl-50 { padding-left: 50px; }
.pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-30 { padding-right: 30px; } .pr-40 { padding-right: 40px; } .pr-50 { padding-right: 50px; }

.bg-verd { background: rgba(0,204,0,0.1); }
.bg-groc { background: rgba(255,255,0,0.2); }
.bg-blau { background: rgba(0,128,255,0.15); }
.bg-lila { background: rgba(147,17,126,0.10); }
.bg-roig { background: rgba(255,51,51,0.15); }
.bg-taronja { background: rgba(255,128,0,0.15); }
.bg-gerani { background: rgba(242,105,101,0.15); }
.bg-blanc { background: rgba(255,255,255,0.5); }
.bg-negre { background: rgba(0,0,0,0.2); }
.bg-negre h2, .bg-negre h3, .bg-negre a { color: white; }

.centrat { text-align: center; }
.tres-col { column-count: 3; column-rule: 1px dotted rgba(,0.5); column-gap: 50px; }
.dues-col { column-count: 2; column-rule: 1px dotted rgba(,0.5); column-gap: 50px; }
.col-no-break { break-inside: avoid-column; }
.ref { margin-bottom: 25px; }

.btn-outline-primary { border-color: rgba(147,17,126,1) !important; background: rgba(255,255,255,0.7); color: rgba(147,17,126,1); text-align: left; }
.btn-outline-primary:hover { background: rgba(147,17,126,1); color: white; }


.noticies { break-inside: avoid-column; }
.noticies a { color: black; }
.noticies .titol { margin-top: 25px; margin-bottom: 5px; text-align: left; font-size: 120%; line-height: 1.3em; }
.noticies .intro { font-size: 1.1rem; font-weight: 500; text-align: left; }
.noticies .intro span { border-radius: 5px; display: inline-block; background: rgba(255,255,255,0.5); border: 1px solid rgba(0,0,0,0.4); color: rgba(0,0,0,0.6); padding: 2px 5px; margin-right: 5px; font-size: 90%; }

.avisos { background: rgb(254,246,159); box-shadow: inset 0 0 12px rgba(0,0,0,0.2); }

.introFitxa { font-size: 1.3rem; line-height: 1.6rem; font-weight: 600; letter-spacing: -0.5px; margin-top: 12px; }
.dataFitxa { font-size: 14px; text-transform: uppercase; color: rgba(0,0,0,0.7); background: rgba(255,255,255,0.5); border-top: 1px solid rgba(0,0,0,0.35);  border-bottom: 1px solid rgba(0,0,0,0.35); padding: 4px 10px; margin-top: 20px; }

.video-container { position: relative; width: 100%; padding-bottom: 56.25%; /* Aspect ratio 16:9 */ height: 0; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-container.r20x9 { padding-bottom: 42.75%; }


 #map .boto-fitxa { border: 1px solid gray; font-family: Interstate, sans-serif; font-weight: 400; font-size: 12px; padding: 3px 10px; border-radius: 5px; margin-top: 3px; display: inline-block; }


.mapaR { background: rgba(255,255,255,0.8); height: 500px; border: 1px solid rgba(0,0,0,1); overflow-y: scroll; text-align: left; padding: 0; }
.mapaR a { display: block; font-weight: 400; border-bottom: 1px solid rgba(0,0,0,0.25); border-right: 1px solid rgba(0,0,0,0.25); padding: 3px 10px; }
/*.mapaR a.T1 { color: #9007BB; }
.mapaR a.T2 { color: #d43e00; }
.mapaR a.T3 { color: #0086BE; }*/
.mapaR a.T1 { color: #19A884; }
.mapaR a.T2 { color: #9068AA; }
.mapaR a.T3 { color: #2F5CA7; }
.mapaR a.aparador { pointer-events: none; color: black; font-weight: 600; line-height: 1.1em; }
.mapaR a.aparador span { display: block; font-size: 0.9em; font-weight: 300; color: rgba(0,0,0,0.7); }



.horaris { border: 2px solid rgba(147,17,126,1); padding: 0; text-align: center; margin: 0 1%; background: rgba(255,255,255,0.3); }
.col-md-3.horaris { flex: 0 0 23%; }
.col-md-9.horaris { flex: 0 0 73%; }
.horaris h3 { background: rgba(147,17,126,1); color: white; padding: 5px 10px; margin-top: 0; text-align: center; text-transform: uppercase; margin-bottom: 20px; }
.horaris .numero { font: Interstate, sans-serif; font-weight: 600; font-size: 1.4rem; text-align: center; }
.horaris .numero span { font-weight: 300; font-size: 1.1rem; }
.horaris .subtitol { font: Interstate, sans-serif; font-weight: 500; font-size: 1.2rem; text-align: center; color: rgba(147,17,126,1); }
.taula-horaris { width: 100%; margin-top: -10px; }
.taula-horaris th { color: rgba(147,17,126,1); font-size: 2rem; }
.taula-horaris td { width: 50%; }
.col-md-3.horaris .numero { padding-top: 45px; }
.horaris .numero.gros { font-size: 3rem; }



.llista { list-style: none; margin-bottom: 15px; text-align: left; margin-left: 25px; padding: 0; font-size: 1.1rem; font-weight: 500; letter-spacing: -0.5px; line-height: 1.3em; border-left: 2px dotted rgba(147,17,126,0.5); }
.llista li { padding-left: 30px; margin-left: -5px; text-indent: -25px; margin-bottom: 5px; }
.llista li::before { content: "\25B6"; color: rgba(147,17,126,0.5); padding-right: 10px; margin-bottom: 2px; }
.llista a { color: rgb(147,17,126); font-weight: bold; }
.llista a:hover { color: black; text-decoration: underline; }


.taula { overflow-x: auto; margin-bottom: 20px; }
.taula_normal { width: 100%; margin-left: 0; border-bottom: 2px solid rgba(147,17,126,0.5); }
.taula_normal caption { caption-side: top; font: Interstate, sans-serif; font-size: 1.2rem; font-weight: 600; padding-top: 0; padding-bottom: 3px; color: rgba(147,17,126,0.65); }
.taula_normal tr:nth-child(odd) { background: rgba(255,255,255,0.3); }
.taula_normal tr:nth-child(even) { background: rgba(147,17,126,0.1); }
.taula_normal td { padding: 3px 10px; border-top: 1px solid rgba(147,17,126,0.5) }
.taula_normal td:first-child { font-weight: 600; }
.taula_normal th { padding: 3px 10px; background: rgba(147,17,126,0.5); color: white; font-weight: 400; text-transform: uppercase; }
.taula_normal.autocars td { padding-top: 10px; padding-bottom: 10px; }
.taula_normal.autocars td:nth-child(2) { text-align: center; font-weight: 600; }

.directori { list-style: none; margin: 0; padding: 0; margin-top: 25px; }
.directori li { float: left; margin: 0; padding: 0; width: 22%; margin: 0 1.5% 24px 1.5%; }
.directori a { display: block; box-shadow: 2px 2px 12px rgba(0,0,0,0.4); overflow: hidden; height: 270px; background: white; border-radius: 15px; text-align: center; color: white; line-height: 1.2em; background: rgba(147,17,126,.5); }
.directori .foto { background: white; display: block; height: 175px; width: 100%; padding: 0; border-radius: 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 10px; }
.directori img { width: 100%; height: 100%; object-fit: cover; }
.directori .nom { font-size: 1.1rem; font-weight: 700; margin: 15px; margin-bottom: 7px; text-align: center; }
.directori .nom-edicio { font-size: 2.2rem; font-weight: 900; margin: 30px 0 7px; text-align: center; }
.directori .intro { font-size: 0.95rem; line-height: 1.2em; font-weight: 400; margin: 0 10px; text-align: center; letter-spacing: -0.3px; }
.directori a:hover { background: black; color: white !important; text-decoration: none; }
.directori a:hover img { opacity: 0.6; }
.directori a:hover .nom { border-color: rgba(255,255,255,0.5); }


.fotos-grup { padding: 0; margin-top: 0; font-family: Interstate, Sans-serif; font-weight: 300; font-size: 20px; }
.fotos-galeria { list-style: none; margin: 0; padding: 0; width: 100%; }
.fotos-galeria li { width: 18.8%; aspect-ratio: 1; overflow: hidden; float: left; margin: 17px 1.5% 0 0; padding: 0; position: relative; border: 8px solid rgba(0,0,0,0.25); box-sizing: border-box; }
.fotos-galeria li:nth-child(5n) { margin-right: 0; }
.fotos-galeria li:first-child {/* margin-top: 0; width: 100%; float: none; aspect-ratio: auto; */}
.fotos-galeria li img { width: 100%; height: 100%; object-fit: cover; }
img.top { object-position: top; }
.fotos-galeria.cartells li { aspect-ratio: 7/10; position: relative; }
.fotos-galeria.cartells p { position: absolute; display: block; bottom: 0; background: rgba(147,17,126, 0.8); padding: 10px 0; text-align: center; width: 40%; color: white; font-size: 1.3em; font-weight: 600; }

.fotos-article.quadrat li:first-child { aspect-ratio: 1/1; }
.fotos-galeria.cartell li { width: 100%; margin-right: 0; aspect-ratio: 7/10; }

.fotos-article { list-style: none; margin: 0; padding: 0; width: 100%; margin-top: 20px; }
.fotos-article li { width: 30.33333%; aspect-ratio: 1; overflow: hidden; float: left; margin: 17px 4.5% 0 0; padding: 0; position: relative; border: 8px solid rgba(0,0,0,0.25); box-sizing: border-box; }
.fotos-article li:nth-child(3n+1) { margin-right: 0; }
.fotos-article li:first-child { margin-top: 0; width: 100%; float: none; aspect-ratio: auto; }
.fotos-article li img { width: 100%; height: 100%; object-fit: cover; }
.fotos-peu { margin-top: 20px; margin-bottom 20px; font-size: 13px; line-height: 16px; color: rgb(); }
.fotos-peu b { font-weight: 600; color: rgb(); }
.fotos-peu span { opacity: 0.8; }
.fotos-article.quadrat li:first-child { aspect-ratio: 1/1; }

.img-nav { list-style: none; background: rgba(255,255,255,0.6); margin-top: 25px; padding: 10px; border-radius: 12px; width: 100%; text-align: center; border: 2px solid rgba(147,17,126,1); }
.img-nav li { margin: 0 1rem; padding: 0; display: inline-block; }
.img-nav a { display: inline-block; font-size: 1.5rem; font-weight: 400; background: rgba(147,17,126,1); color: white; padding: 5px 25px; border-radius: 12px; }
.img-nav a.actiu { background: black; }
.img-nav a.inactiu { background: rgba(0,0,0,0.5); pointer-events: none; }
.img-nav .dropdown .btn-primary { background: rgba(147,17,126,1); border: none; font-size: 2rem; border-radius: 12px; padding: 7px 30px !important; margin-top: -8px; }
.img-nav .dropdown-toggle { padding: .375rem 30px; }
.img-nav .dropdown-item { border-radius: 0; text-align: center; }
.img-nav a:hover, .img-nav .dropdown .btn-primary:hover { background: black; }


/* CAROUSEL */
.carousel-item { margin-top: 104px; height: 27vw; overflow: hidden; }
.carousel-mask { /* background: linear-gradient(90deg, rgba(,1) 0%, rgba(,1) 10%, rgba(,0) 30%, rgba(,0) 70%, rgba(,1) 90%, rgba(,1) 100%);*/
    position: absolute; height: 100%; right: 0; bottom:0; left: 0; z-index: 1; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }
.carousel-item img { width: 100%; position: absolute; top: 0; bottom: 0; margin: auto; }
.carousel-control-prev-icon, .carousel-control-next-icon { transform: translateY(50px) scale(2); }
.carousel-control-prev { justify-content: left; left: 30px; opacity: 0.9; }
.carousel-control-next { justify-content: right; right: 30px; opacity: 0.9; }
.carousel-indicators { margin-bottom: 10px; }
.carousel-indicators li { height: 10px; }
.carousel-textos { display: inline-block; max-width: 400px; background: rgba(0,0,0,0.6); border: 1px solid white; padding: 20px 15px 15px 15px; position: absolute; bottom: 60px; z-index: 10; font-family: 'Libre Franklin', Sans-serif; }
.carousel-textos .titol { font-weight: 700; font-size: 180%; line-height: 120%; margin-bottom: 10px; text-align: left; color: white; text-shadow: 2px 2px 8px rgba(0,0,0,1); }
.carousel-textos .subtitol { font-size: 120%; line-height: 120%; text-align: left; color: white; font-weight: normal; text-shadow: 2px 2px 6px rgba(0,0,0,1); }
.carousel-textos .btn-info { color: rgba(255,255,255,1); background: rgba(0,0,0,0); border: 1px solid rgba(255,255,255,0.5); font-weight: 300; }
.carousel-textos p { margin-bottom: 0.5rem; }
.carousel-item a { text-decoration: none !important; }
.carousel-item a:hover img { opacity: 0.7; }
.carousel-item a:hover .btn-info { background: black; border-color: black; }
.carousel-item a:hover .titol { color: white; }




/* MODIFICACIÓ AGENDA EMBED */
.age-prog li { border-radius: 12px; box-shadow: 1px 3px 15px rgba(0,0,0,0.25); background: white !important; width: 18%; margin-bottom: 20px !important; }
.age-prog .tagged { font-family: 'Libre Franklin', Sans-serif !important; }
.age-prog a { color: black; }
.age-prog li:hover { background: rgba(0,0,0,0.1) !important; }
.age-prog li:hover a { color: rgba(0,0,0,0.6) !important; }
.age-prog a:hover .tagged { color: rgba(0,0,0,1) !important; }


.age-prog p.tagged { font-family: 'Libre Franklin', Sans-serif; margin-right: 5px !important; }
.formcerca .btn-group.filtres .camp-text { height: 38px !important; }
.formcerca .btn-group.filtres .camp-text .btn { height: 36px !important; }
.btn { line-height: 1; }
.age-fitxa1 { padding-top: 10px !important; }
.age-fitxa1 h1 { font-family: 'Oswald', Sans-serif !important; font-size: 32px !important; line-height: 38px !important; letter-spacing: -1px !important; margin-right: 5px !important; }
.age-fitxa1 h2 { font-family: 'Oswald', Sans-serif !important; font-weight: 600 !important; font-size: 24px !important; line-height: 32px !important; line-height: 26px !important; letter-spacing: -0.5px !important; margin-right: 5px !important; }
.age-fitxa .cicle { background: rgba(,0.40) !important; }
.age-fitxa .infobox td { font-family: 'Libre Franklin', Sans-serif !important; font-weight: 300 !important; }
.age-fitxa .infobox td:first-child { font-weight: 600 !important; }
.age-fitxa .descripcio { font-family: Merriweather, Serif !important; }
.age-fitxa .credits { font-family: Merriweather, Serif !important; }

.age-fitxa { margin: auto 0px; }



/* PEU */
section { padding: 30px 0 15px 0; }
section .section-title { text-align: center; color: #007b5e; margin-bottom: 50px; text-transform: uppercase; }
/*#footer { box-shadow: 0 5px 150px rgba(0,0,0,0.75) inset; }*/
#footer { padding-bottom: 0; text }
#footer .address {  }
#footer .zona1 { background: #e9e7e3; }
#footer .zona2 { background: rgba(0,0,0,0.4); padding: 15px 10px 5px 10px; box-shadow: 0 5px 200px rgba(0,0,0,0.85) inset; }
#footer h5{ padding-left: 10px; border-left: 3px solid #eeeeee; padding-bottom: 6px; margin-bottom: 20px; color: rgba(0,0,0,0.55); }
#footer a { color: rgba(0,0,0,0.55); text-decoration: none !important; background-color: transparent; -webkit-text-decoration-skip: objects; }
#footer .zona2 a { color: white; }
#footer ul.social li{ padding: 3px 15px; }
#footer ul.social li a i { margin-right: 5px; font-size:25px; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; }
#footer ul.social li:hover a i { font-size:30px; margin-top:-10px; }
#footer ul.social li a,#footer ul.quick-links li a{ color:rgba(0,0,0,0.55); }
#footer ul.social li a:hover{ color:#000; }
#footer ul.quick-links li{ padding: 3px 0; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; }
#footer ul.quick-links li:hover{ padding: 3px 0; margin-left:5px; font-weight:700;color: black; }
#footer ul.quick-links li a:hover{ color: black; }
#footer ul.quick-links li a i{ margin-right: 5px; }
#footer ul.quick-links li:hover a i { font-weight: 700;color: black; }
#footer span { display: inline-block; margin: 0 10px; }
.peufinal { text-align: center; }
a.logo_ajgi { margin-top: 10px; }
a.logo_ajgi img { width: 150px; margin-bottom: 28px; }
.logoaj img { width: 170px; margin-right: 0; }
.logoaf img { width: 75px; margin-right: 45px; }
.logoaga img { width: 115px; margin-right: 45px; }
.logogen img { width: 140px; margin-right: 45px; }
.logodip img { width: 175px; }
.logoaj:hover, .logoaf:hover, .logoaga:hover, .logogen:hover, .logodip:hover { opacity: 0.3; }

.peu-botons { padding-top: 10px; margin-bottom: 20px; }
.peu-botons .btn { border-radius: 14px; margin: 0 5px; padding-bottom: 8px; border-color: rgba(248,249,250,1); }
.peu-botons .btn:hover { background: white !important; color: black !important; }




@media (min-width: 1200px)
{
  .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1200px; }
}

@media only screen and (max-width: 1199px)
{
	.navbar-toggler { position: absolute; right: 20px; }
	.nom_edicio { right: 100px; top: 40%; transform: translate-y(-50%); }
	.navbar-dark .navbar-nav { position: absolute; top: 85px; right: 0; width: 30%; border-radius: 0 !important; }
	.navbar-dark .navbar-nav .nav-link { background: black; border-radius: 0 !important; }
}

@media only screen and (max-width: 1024px)
{
	.nom_edicio { letter-spacing: 0; }
}

@media only screen and (max-width: 1024px)
{
	.nom_edicio { top: 21%; }
	.nom_edicio #dates { display: block; }
	.nom_edicio #separador { display: none; }
	.nom_edicio #titol { display: block; font-weight: 600; }
}

@media only screen and (max-width: 480px)
{
	html { font-size: 14px; }
	.menutop { margin-top: 30px; height: 70px; }
	.menutop .navbar-brand { width: 100px; padding-top: 15px; left: 8px; }
	.menutop .navbar-brand img { margin-left: 0; margin-right: 10px; }
	.premenu { top: 5px;right: -5px; font-family: 'Arial Narrow', sans-serif; }
	.premenu a { padding: 2px 4px 2px 4px; margin-left: 3px; }
	.nom_edicio { padding-left: 110px; line-height: 1.1em; padding-top: 3px; }
	.nom_edicio #separador, .nom_edicio #titol { display: none; }
	.navbar-dark .navbar-nav { top: 70px; width: 50%; }
	.navbar-dark .navbar-nav .nav-link { background: rgb(147,17,126); border-top: 1px solid rgba(255,255,255,0.4); }
	.tira { margin-top: 100px; }

	h1 { font-size: 2rem; margin-top: 0.4em; line-height: 1.1em; }
	h2 { line-height: 1.1em;  }

/*.container { display: none; }*/
	.carousel-textos { display: none; }
	.carousel-item { height: 54vw; margin-top: 100px;  }
	.carousel-item img { height: 100%; width: auto; margin-left: -100px; }

	.col-md-3.horaris { flex: 0 0 98%; }
	.col-md-9.horaris { flex: 0 0 98%; }

	.horaris h3 { font-size: 1rem; }
	.col-md-3.horaris .numero { padding-top: 10px; padding-bottom: 10px; }
	.taula-horaris th { font-size: 1.4rem; }
	.horaris .subtitol { font-size: 0.9rem; }
	.horaris .numero { font-weight: 600; font-size: 1.1rem; line-height: 1.2rem; }
	.horaris .numero span { font-size: 0.9rem; }

	.tres-col { column-count: 1; }
	.dues-col { column-count: 1; }
	.directori li { width: 47%; margin: 0 1.5% 24px 1.5%; }
	.directori a { height: 250px; }
	.directori .foto { height: 125px; }
	.peufinal { font-size: 0.9rem; font-weight: 300; letter-spacing: 0.5px; }
	.peufinal span { display: block !important; opacity: 0; height: 0; }
	.logoaj img { width: 170px; margin-right: 0; }
	.logoaf img { width: 75px; margin-right: 25px; }
	.logoaga img { width: 115px; margin-right: 25px; }
	.logogen img { margin-top: 20px; width: 120px; margin-right: 25px; }
	.logodip img { margin-top: 20px; width: 155px; }

	.fotos-galeria li { width: 31.3%; margin: 10px 2% 0 0; border-width: 4px; }
	.fotos-galeria li:nth-child(3n) { margin-right: 0; }
	.fotos-galeria li:nth-child(5n) { margin-right: 2%; }
	.img-nav li { margin: 0 0.1rem; margin-bottom: 5px; }
	.img-nav a { font-size: 1rem; padding: 5px 10px; }
	.img-nav .dropdown-toggle { padding: .375rem 10px; }
	.img-nav .dropdown .btn-primary { margin-top: -2px; font-size: 1.2rem; padding: 7.5px 10px !important; }

	.llista { margin-left: 15px; }
	.llista li { padding-left: 25px; margin-left: -5px; text-indent: -20px; line-height: 1.2em; }
	.llista li::before { padding-right: 5px; }
	.patrocinadors { width: 100%; }

/*
.llista { list-style: none; margin-bottom: 15px; text-align: left; margin-left: 25px; padding: 0; font-size: 1.1rem; font-weight: 500; letter-spacing: -0.5px; border-left: 2px dotted rgba(147,17,126,0.5); }
.llista li { padding-left: 30px; margin-left: -5px; text-indent: -25px; margin-bottom: 5px; }
.llista li::before { content: "\25B6"; color: rgba(147,17,126,0.5); padding-right: 10px; margin-bottom: 2px; }
.llista a { color: rgb(147,17,126); font-weight: bold; }
.llista a:hover { color: black; text-decoration: underline; }
*/
}