html { margin: 0; text-align: left; font-size: 18px; font-weight: 400; }
.html { font-size: 18px; }
body { /* background: url(//web2.girona.cat/global/img/guies-12col.png) white; background-size: 100% 100%;*/ margin: 0; padding: 0; text-align: left; font-family: Futura-pt, sans-serif; line-height: 22px; }
.container { text-align: left; }

.minuscules { text-transform: none; }

.reset { float: none; display: block; clear: both; height: 0; }

.bg-argila { background-color: rgb(205,179,184); }
.bg-verd { background-color: rgb(168,204,182); }
.bg-blau { background-color: rgb(157,197,227); }
.bg-ocre { background-color: rgb(247,206,139); }
.bg-taronja { background-color: rgb(232,161,145); }
.bg-ombra { background-color: rgb(0,0,0,0.3); }


.premenu { right: 40px; position: absolute; top: 40px;  font: 1rem/1rem Futura-pt, sans-serif; z-index: 1100; text-align: left; }
.premenu a { float: right; padding: 8px 16px 8px 16px; display: inline-block; font-weight: 700; letter-spacing: -0.5px; color: black; border: 1px solid rgba(0,0,0,1); border-radius: 24px; }
.premenu a:hover { background: black; color: white; text-decoration: none; }
/*.premenu a.active { color: black; border: 1px solid rgba(0,0,0,1); }*/
.navbar { -webkit-backface-visibility: hidden; padding: .5rem 0; }
.menutop { padding-top: 1.5rem; padding-bottom: 1.5rem; transition: all .3s; background: white; }

#collapsibleNavbar { /*background-color: yellow;*/ }
.navbar-collapse { flex-grow: 0; }
.navbar-nav { margin-top: 46px; width: 66.667vw; list-style-type: none; /*box-shadow: inset 0 0 0 1px red;*/ padding-left: 2rem; padding-right: 2rem; }
.navbar-nav .nav-item { transition: all 1s; margin: 0; padding-top: 0.3rem; padding-bottom: 0.3rem; }
.navbar-nav .nav-link { display: block; font-family: futura-pt, sans-serif; font-size: 1.2rem; font-weight: 700; color: black; letter-spacing: -0.5px; margin: 0; padding: 0.375rem 0.5rem; }
.navbar-nav .nav-link.dropdown-toggle { padding-right: 1.5rem; }
.navbar-nav .nav-link:first-child { padding-left: 1.5rem; }
.navbar-nav .nav-link:last-child { padding-right: 1.5rem; }
.nav-link-brand { width: 16.666vw; text-align: right; /*box-shadow: inset 0 0 0 1px red;*/ }
.nav-link-brand img { height: 90px; margin-top: 13px; padding: 0 5px 20px 15px; /*box-shadow: inset 0 0 0 1px green;*/ }
.nav-link-brand:hover img { opacity: 0.5; }
.navbar-nav .nav-item.actiu { background: black; border-radius: 5px; transition: all .5s; }
.navbar-nav .nav-item.actiu a { color: white; }
.navbar-nav .nav-item:hover { background: black; border-radius: 5px; transition: all .5s; }
.navbar-nav .nav-item:hover .nav-link { color: white; }
.navbar-nav .nav-item.actiu .dropdown-item { color: black; }
.navbar-nav .nav-item.actiu .dropdown-item.actiu { color: white; background: black; }

/*dropdowns */
.nav-item.dropdown.show { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.dropdown-menu { padding: 0; left: 0; margin-top: 0; border: 1px solid rgba(0,0,0,0.5); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); border-radius: 5px; border-top-left-radius: 0;}
.dropdown-item { font-size: 1.2rem; letter-spacing: -0.5px; padding: 0.6rem 2rem; margin: 0; font-weight: 600; border-top: 1px solid rgba(0,0,0,0.5); }
.dropdown-item:first-child { border: none; }
.dropdown-item:hover { background: black; color: white !important; transition: all .3s; }


.navbar-collapse.show { background: rgba(0,0,0,0.85); }
.navbar-collapse.show .navbar-nav { margin: 10px 0; width: 100%; padding-left: 0.75rem; padding-right: 0.75rem; }
.navbar-collapse.show .nav-link { font-size: 1.2rem; font-weight: 700; color: white; padding: 0.375rem 0.5rem; }
.navbar-collapse.show .dropdown-menu.show { box-shadow: none; border: none; }
.navbar-collapse.show .dropdown-menu.show .dropdown-item { background: black; color: white; }
.navbar-collapse.show .nav-link:hover, .navbar-collapse.show .dropdown-menu.show .dropdown-item:hover { background: rgba(255,255,255,0.5); color: black; }

.menutop.petit { padding-top: 0.1rem; padding-bottom: 0rem; }
.menutop.petit .navbar-nav { margin-top: 0px; }
.menutop.petit .nav-link-brand img { height: 60px; }
.menutop.petit .navbar-nav .nav-link { font-size: 0.9rem; padding: 0.175rem 1.8rem; }
.menutop.petit.navbar { margin-top: 0 !important; }

body.bg-verd .premenu a:hover { background: rgb(168,204,182); text-decoration: none; }
body.bg-verd .nav-link:hover { color: rgb(168,204,182); }

a { color: #000; }
a:hover { color: black; text-decoratoin: none; }
h1, h2, h3, h4, h5, h6 { text-align: center;}
h1 {  font-size: 3.5rem; line-height: 1em; font-weight: 700; margin: 3.5rem 0 1.5rem 0; color: black; letter-spacing: -2px; }
h2 { font-size: 1.7rem; line-height: 1.2rem; font-weight: 700; margin-top: 0.7em; margin-bottom: 20px; color: black; letter-spacing: -1px; text-align: left; }
h3 { font-size: 1.4rem; line-height: 1.4rem; margin-top: 0.7em; font-weight: 700; margin-top: 25px; margin-bottom: 15px; text-align: left; }

h1:first-child { padding-top: 130px; }
h1.altre { padding-top: 0 !important; }
.bg-argila h3 { /*color: white;*/ }

h2.divisor { text-align: center; border-bottom: 1px solid black; padding-top: 25px; padding-bottom: 10px; margin-bottom: 30px; }
p.post-divisor { text-align: center; color: rgba(0,0,0,0.5); margin-top: -15px; }

.frase-titol { font-size: 1.4rem; line-height: 1.6rem; font-weight: 600; text-align: center; margin-bottom: 2rem; color: rgba(0,0,0,0.6); }
.frase-peu { font-size: 1.4rem; line-height: 1.9rem; font-weight: 600; text-align: center; margin-top: 2rem; margin-bottom: 2rem; padding: 1rem; background: rgba(0,0,0,0.6); color: black; }
.frase-peu.ocre { color: rgb(247,206,139); }

p { font-size: 1.2rem; letter-spacing: -0.25px; margin-bottom: 0.75rem; text-align: justify; color: black; font-weight: 400; }
p i.fas { margin-right: 5px; }
p b, p a { font-weight: 600; }

.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; }
.dues-col p { text-align: left; }
.col-no-break { break-inside: avoid-column; }
.ref { margin-bottom: 25px; }
.requadrat { border: 1px solid black; padding: 1.5rem 1rem; margin-bottom: 10px; }
.requadrat .grup { break-inside: avoid-column;  }
.requadrat.blanc { background: white; color: black; }
.requadrat.negre { background: black; color: white; }
.requadrat.negre p { color: white; }
.requadrat.dret { margin-top: 25px; background: rgba(255,255,255,0.3); }
.requadrat.dret p { text-align:left; margin-bottom: 0; }
.requadrat.organs { padding: 0 0 1rem 0; }
.requadrat.organs h2 { background: black; color: rgba(232,161,145,1); text-align: center; padding: 15px 1rem; margin: 0 0 20px 0; }
.requadrat.organs h3, .requadrat.organs p { margin: 0 1rem 0.75rem 1rem; }

.llista { color: black; }
.llista li { font-size: 1.2rem; letter-spacing: -0.25px; margin-bottom: 0.75rem; }
.llista.pics { list-style: none; margin: 0; padding: 0 0 0 1.5rem; }
.llista.pics li::before { list-style: none; content: ">"; margin-right: 8px; }
.llista.pics li { padding-left: 10px; text-indent: -20px; }

.llista.feina .titol { font-weight: 600; }
.llista.feina .fitxers li { margin-bottom: 7px; }
.llista.feina .fitxers li:last-child { padding-bottom: 25px; margin-bottom: 0; }



.foto-primary { aspect-ratio: 16 / 9; width: 100%; overflow: hidden; margin: 2rem 0; position: relative; }
.foto-primary img { width: 100%; height: 100%; object-fit: cover;  }
.foto-primary p { position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,0.1); color: rgba(255,255,255,0.8); padding: 3px 7px; margin: 0; font-size: 0.9rem; letter-spacing: 0; }


/* PEU */
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; background: rgba(0,0,0,0.94); }
#footer .address {  }
#footer .zona1 { background: #e9e7e3; margin-top: 5rem; }
#footer .zona2 {  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: white; text-decoration: none !important; background-color: transparent; -webkit-text-decoration-skip: objects; }
#footer .zona2 a { color: white; }
#footer ul.social li{ padding: 18px 15px 0 15px; }
#footer ul.social li a i { margin-right: 5px; font-size:25px; line-height: 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.75); }
#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; }
#footer p { color: white; }
.peufinal { text-align: center; }
.peufinal.logos { margin: 10px 0 25px 0; text-align: center; }
a.logo_ajgi { margin-top: 10px; }
a.logo_ajgi img { width: 150px; margin-bottom: 28px; }
.logoapc img { width: 170px; margin: 20px 95px 30px 0; }
.logofapc img { width: 270px; margin-right: 95px; }
.logogc img { width: 100px; margin-right: 0; }
.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; }


/* CAROUSEL */
.carousel-item { margin-top: 154px; height: 40vw; overflow: hidden; }
.carousel-mask { /* background: linear-gradient(90deg, rgba(193,56,40,1) 0%, rgba(193,56,40,1) 10%, rgba(193,56,40,0) 30%, rgba(193,56,40,0) 70%, rgba(193,56,40,1) 90%, rgba(193,56,40,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: 800px; /*background: rgba(0,0,0,0.6); *//*border: 1px solid white; */padding: 20px 15px 15px 15px; position: absolute; bottom: 60px; z-index: 10; }
.carousel-textos .titol { font-weight: 700; font-size: 3rem; 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: 1.6rem; 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 { display: none; color: rgba(255,255,255,1); 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; }

.insta-inici { border:none; overflow:hidden;  width:100%; height:470px; }

.divs-4, .divs-3 { width: 100%; }
.div-item { float: left; padding-right: 15px; padding-left: 15px; }
.divs-4 .div-item { width: 25%; }
.divs-3 .div-item { width: 33.333%; }


.directori { list-style: none; margin: 0; padding: 0; margin-top: 25px; }
.directori li { float: left; margin: 0; padding: 0; width: 23%; margin: 0 1% 24px 1%; height: 340px; display: block; position: relative; }
.directori a.ampliar { display: block; overflow: hidden; background: white; text-align: left; color: white; }
.directori 3 { display: block; width: 100%; aspect-ratio: 16/9; margin-bottom: 0.8rem; }
.directori img { width: 100%; height: 100%; object-fit: cover; }
.directori .foto { margin-bottom: 15px; aspect-ratio: 16 / 9; }
.directori .nom { font-size: 1.7rem; line-height: 1.6rem; font-weight: 700; margin-bottom: 3px; text-align: left; letter-spacing: -0.75px; }
.directori .intro { font-size: 1.2rem; line-height: 1.2em; font-weight: 400; letter-spacing: -0.3px; text-align: left; margin-bottom: 0; }
.directori.inici li { height: 340px; }
.directori.educatius li { height: 300px; }
.directori.educatius a { background: rgb(168,204,182); }
.directori.creacio li { height: 300px; }
.directori.creacio a { background: rgb(247,206,139); }

.directori .btn.btn-outline-primary, .fitxa .btn.btn-outline-primary { font-size: 1.2rem; line-height: 1.2rem; letter-spacing: -0.75px; text-transform: uppercase; font-weight: 700; text-transform: uppercase; padding: 0; border: none; color: black; position: relative; border-radius: 0; border-bottom: 1px solid black; }
.directori li:hover { opacity: 0.5; }
.directori li:hover a.ampliar { text-decoration: none !important; }

.tag_extern { position: absolute; background: url(img/tag_extern.png) no-repeat top left; top: 0; left: 0; width: 118px; height: 116px; cursor: pointer; }
.nota { font-size: 1rem; clear: both; margin: 20px 0; border-top: 1px solid rgba(0,0,0,0.6); padding-top: 15px; color: rgba(0,0,0,0.8); }

.directori .suspes, .directori .ajornat, .fitxa h1 span { display: inline-block; background: red; color: white; text-transform: uppercase; font-size: 0.8rem; font-stretch: condensed; font-weight: 600; letter-spacing: -0.25px; padding: 1px 10px; margin-right: 8px; vertical-align: 3px; }
.fitxa h1 span { font-size: 1rem; vertical-align: 15px; padding: 1px 10px; }

.btn.btn-outline-primary .material-symbols-outlined { font-size: 1.5rem; margin-left: 3px; position: absolute; bottom: -3px; opacity: 0.5; }
.btn.btn-outline-primary .material-symbols-outlined.relatiu { font-size: 1.5rem; margin-left: 3px; position: relative; opacity: 0.5; vertical-align: -4px; margin-right: -5px; }

.btn.btn-outline-primary.tornar { margin-top: 30px; }
.btn.btn-outline-primary.tornar i { margin-left: 5px; }
.btn.btn-outline-primary:hover { opacity: 0.5; background: none; border-color: black; }
.show-high { display: inline-block; }
.show-low { display: none; }

.fitxa { padding-top: 180px; }
.fitxa .foto { aspect-ratio: 16 / 9; width: 100%; overflow: hidden; position: relative; }
.fitxa .foto img { width: 100%; height: 100%; object-fit: cover; }
.fitxa h1 { margin-top: 25px; margin-bottom: 15px; text-align: left; }
.fitxa .subtitol { font-size: 1.3rem; font-weight: 600; font-style: italic; }
.fitxa p { text-align: left; }
.fitxa .lateral p { font-size: 0.95rem; margin-bottom: 5px; }
.fitxa .lateral p b { font-weight: 600; }

.subtitol2 { font-size: 1.2rem; line-height: 1.5rem; text-align: center; font-weight: 600; text-align: center !important; margin-top: 2rem; margin-bottom: 2rem; padding: 0.5rem 1rem; color: rgb(255,52,62); background: rgb(238,214,235); border-radius: 15px; }
.estrena { display: inline-block; border: 1px solid black; text-transform: uppercase; font-size: 1rem; padding: 5px 15px; margin-top: 5px !important; margin-bottom: 20px !important; }
.cicle { font-weight: 700; color: rgba(0,0,0,0.6); font-size: 1.8rem; line-height: 1.8rem; letter-spacing: -1px; margin-bottom: 20px; }
.cicle img { width: 130px; }
.meetgreet { border-top: 1px solid black; width: 50%; padding-top: 15px; margin-top: 15px; }
.ao_cc { padding: 0; }
.ao_cc img { height: 70px; }
.ao_cc:hover { opacity: 0.5; }

.gran-boto { display: flex; align-items: center; justify-content: center; display: block; padding: 2rem; font-size: 1.5rem; line-height: 1.6rem; font-weight: 700; text-align: center; border: 1px solid black; margin: 60px 0; }

.botonet { display: inline-block; font-size: 1.2rem; line-height: 1.2rem; letter-spacing: -0.75px; text-transform: uppercase; font-weight: 700; padding: 0; border: none; color: black; border-radius: 0; border-bottom: 1px solid black; }
.box .botonet .material-symbols-outlined { font-size: 1.5rem; margin-left: 3px; vertical-align: -7px; opacity: 0.5; }

.baner-tira { text-align: center; }
.baner-tira a { display: block; padding: 2.5rem 0;  }
.baner-tira .titol { font-size: 3rem; font-weight: 700; letter-spacing: -1px; line-height: 0.95em; text-align: center; }
.baner-tira a:hover, .baner-tira a:hover .titol, .baner-tira a:hover .botonet { text-decoration: none !important; color: white !important; }
.baner-tira a:hover .botonet { border-color: white; }

.box { position: relative; display: flex; align-items: center; justify-content: center; display: block; padding: 1rem 1rem; font-size: 1.5rem; text-align: left; border: 1px solid black; margin: 20px 0; }
.box h3 { margin-top: 0; }
.box p { text-align: left; margin-bottom: 5rem; }
.box .botonet { position: absolute; bottom: 1rem; left: 1rem; font-size: 1.2rem; line-height: 1.2rem; letter-spacing: -0.75px; text-transform: uppercase; font-weight: 700; padding: 0; border: none; color: black; border-radius: 0; border-bottom: 1px solid black; }
.box .botonet .material-symbols-outlined { font-size: 1.5rem; margin-left: 3px; vertical-align: -7px; opacity: 0.5; }
.box:hover { background: rgba(255,255,255,0.5); text-decoration: none; }

#targeta p { margin-bottom: 0.75rem; }


.boxlist { list-style: none; padding: 0; margin: 0; }
.boxlist li { float: left; width: 25%; padding: 0; margin: 20px 0; padding: 0 15px; box-sizing: border-box; }
.boxlist a { display: block; width: 100%; border: 1px solid black; position: relative; padding: 1rem 1rem; overflow: hidden;  }
.boxlist h3 { margin-top: 0; margin-bottom: 5rem; letter-spacing: -0.75px; }
.boxlist .botonet { position: absolute; bottom: 1rem; left: 1rem; font-size: 1.2rem; line-height: 1.2rem; letter-spacing: -0.75px; text-transform: uppercase; font-weight: 700; padding: 0; border: none; color: black; border-radius: 0; border-bottom: 1px solid black; }
.boxlist .botonet .material-symbols-outlined { font-size: 1.5rem; margin-left: 3px; vertical-align: -7px; opacity: 0.5; }
.boxlist a:hover { background: rgba(255,255,255,0.5); text-decoration: none; }
.boxlist.inici a:hover { background: rgba(0,0,0,0.3); text-decoration: none;  }

.boxlist.pdf li { width: 20%; }
.boxlist.pdf a { background: url(img/pdf_corner.png) no-repeat top right; padding-top: 55px; }
.boxlist.pdf a:hover { background: rgba(255,255,255,0.5); text-decoration: none; }
.boxlist.pdf.col4 li { width: 25%; }
.boxlist.pdf p.data { margin-top: -4.4rem; text-align: left; font-size: 1.1rem; padding-bottom: 3rem; }

.programa { border: 1px solid black; display: inline-block; padding: 0 1.5rem; margin: 20px 0; width: 50%; background: url(img/pdf_corner.png) no-repeat top right;  }
.programa p { font-size: 1rem; margin-bottom: 1rem; }

.premsa caption { font-size: 1.9rem; font-weight: 600; text-align: center; color: black; caption-side: top; margin: 25px 0 15px 0; letter-spacing: -1px; }
.premsa th { background: black; color: rgb(157,197,227); font-weight: 500; font-size: 1.5rem; padding: 20px; text-align: left; }
.premsa th:last-child { text-align: center; }
.premsa tr:nth-child(odd) { background: rgba(255,255,255,0.1); }
.premsa tr:nth-child(even) { background: rgba(0,0,0,0.1); }
.premsa td { padding: 15px 20px; }
.premsa td:last-child { text-align: center; }
.premsa .titol { font-weight: 700; margin-bottom: 3px; }
.premsa .txt { font-weight: 400; margin-bottom: 0px; }
.premsa .fa-solid { font-size: 2.5em; }
.premsa a:hover, .premsa a:hover p { color: white; text-decoration: none; }
.premsa tr.proper td { background: black; color: white; padding: 25px 20px; font-size: 2em; text-align: center; font-weight: 600; }
#box1 { background: rgba(255,255,255,0.5); position: relative; padding-top: 2rem; padding-bottom: 0; }
#box1 .fa-solid { position: absolute; top: 7px; right: 7px; font-size: 1.8em; opacity: 0.6; }
#box1 p { margin-bottom: 10px; font-size: 1.3rem; line-height: 1.3em; }

.abonaments { width: 100%; }
.abonaments th { font-weight: 500; text-transform: uppercase; font-size: 1rem; padding: 10px 15px; text-align: left; border-top: 2px solid rgba(0,0,0,0.3); border-bottom: 2px solid rgba(0,0,0,0.3); }
.abonaments th:last-child { text-align: center; }
.abonaments tr:nth-child(odd) { background: rgba(255,255,255,0.1); }
.abonaments tr:nth-child(even) { background: rgba(0,0,0,0.1); }
.abonaments td { padding: 10px 15px; font-size: 1.1rem; letter-spacing: -0.25px; }
.abonaments td:last-child { text-align: center; }
.abonaments .fa-solid { font-size: 2.5em; }
.abonaments a:hover, .premsa a:hover p { color: white; text-decoration: none; }
.abonaments tr:last-child td { font-weight: 600; }

/*
table.premsa { width: 94.68%; margin-left: 2.66%; margin-right: 2.66%; margin-bottom: 3%; margin-top: 20px; font: 90% 'Oswald', Arial, Helvetica, Sans-serif; letter-spacing: 0.05em; line-height: 110%; font-weight: 300 }
table.premsa th { font-weight: 300; letter-spacing: 0; color: white; background: #B7AFAD; text-align: left; border-bottom: 1px solid #D74828; padding: 5px 7px 5px 7px; text-transform: uppercase  }
table.premsa td { border-bottom: 1px solid #D74828; background: #FFF; vertical-align: middle }
table.premsa tr.parell td { background: #FBECE9 }
table.premsa h2 { font: bold 1.4em Arial Narrow, Helvetica Condensed, sans-serif; color: #3F331A; padding: 15px 0 2px 0px; margin: 0; border-bottom: 1px solid #3F331A; text-align: left; letter-spacing: 0.00em; background: url(img/bg_h2.jpg) 0 8px no-repeat }
table.premsa a p.titol { font: 95%/120% 'Oswald-Regular', Arial, Helvetica, Sans-serif; font-weight: 400; letter-spacing: 0; text-decoration: none; color: #D74828; margin: 5px 7px 5px 7px }
table.premsa a p.txt { font: 1em/1.1em 'Roboto', Arial, Sans-serif; margin: -2px 7px 5px 7px; color: #000; letter-spacing: 0 }
table.premsa tr.proper td { background: black; color: white; font: 95%/120% 'Oswald-Regular', Arial, Helvetica, Sans-serif; font-weight: 400; padding: 8px 6px 8px 6px; text-align: center }
*/

.btn { position: relative; font-size: 1.2rem; line-height: 1.2rem; letter-spacing: -0.75px; text-transform: uppercase; font-weight: 700; padding: 0 0 3px 0; border: none; color: black; border-radius: 0; border-bottom: 1px solid black; }
.btn i { margin-right: 5px; opacity: 0.5; }
.btn .material-symbols-outlined { font-size: 1.5rem; margin-left: 3px; position: relative; vertical-align: -2px; opacity: 0.5; }

.btn-pastilla { display: flex; justify-content: center; align-items: center; }
.btn-pastilla a { padding: 8px 13px 8px 19px; display: inline-block; font-size: 1.3rem; font-weight: 700; letter-spacing: -0.5px; color: black; border: 1px solid rgba(0,0,0,1); border-radius: 24px; text-align: center; margin: 0 auto; }
.btn-pastilla .material-symbols-outlined { font-size: 1.3rem; margin-left: 3px; margin-right: 0; vertical-align: -6px; opacity: 0.5; }
.btn-pastilla a:hover { background: black; color: white; text-decoration: none; }

h2.patrons { font-size: 1.4rem; font-weight: 400; border-bottom: 1px solid black; padding-bottom: 15px; margin-top: 50px; margin-bottom: 30px; text-align: left; }

.mapa { margin-top: 20px; border: 1px solid black; }
.logo_mapa { width: 150px; margin-bottom: 30px; }

.formphp { margin-top: 20px !important; font-family: futura-pt, sans-serif !important; border: 1px solid black !important; background: none !important; }
.formphp .form-group label { font-family: futura-pt, sans-serif !important; font-weight: 600; }
.formphp .form-control { font-family: futura-pt, sans-serif !important; font-weight: 600; color: black; }
.formphp .btn { background: rgb(157,197,227); text-transform: none; color: black; border-radius: 24px; border: 1px solid black; font-weight: 700; letter-spacing: -0.5px; padding: 8px 16px 8px 16px;  }
.formphp .btn-secondary { font-weight: 500; }


.peu-botons .btn { text-transform: none; color: black; border-radius: 24px; border: 1px solid white; font-weight: 500; letter-spacing: -0.5px; padding: 6px 20px 8px 20px; }
.st-button {  }
#st-1 .st-btn  { height: 42px !important; }
#st-1 .st-btn img { width: 26px !important; height: 26px !important; }

.logo { float: left; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; height: 8rem; transition: 0.5s all ease; }
.logo img { width: 100%; max-height: 100%; max-width: 100% }
.logo.cinc { width: 20%; }
.logo.cinc img { width: 100%; }
.logo.tres { width: 33.333%;}
.logo.tres img { width: 60%; }
.logo.dos { width: 50%; }
.logo.dos img { width: 40%; }
.logo.dos.llarg img { width: 100%; }
.logo.un { width: 100%; }
.logo.un img { width: 20%; }
.logo:hover { opacity: 0.5; transition: 0.3s all ease; }

.logo img.w90 { padding: 2%; }
.logo img.w80 { padding: 4%; }
.logo img.w70 { padding: 6%; }
.logo img.w65 { padding: 7%; }
.logo img.w60 { padding: 8%; }
.logo img.w50 { padding: 10%; }
.logo img.w40 { padding: 12%; }
.logo img.w30 { padding: 14%; }
.logo img.w20 { padding: 16%; }
.logo img.w10 { padding: 18%; }
.logo img.w5 { padding: 20%; }


.video-container { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100) */ overflow: hidden;}
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




/* ESTILS DE ZONA */
.pt-05 { 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-05 { 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-0 { padding-left: 0; } .pl-05 { 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-0 { padding-right: 0; } .pr-05 { 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; }
.mt-05 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; }
.mb-05 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; }
.ml-05 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-30 { margin-left: 30px; } .ml-40 { margin-left: 40px; } .ml-50 { margin-left: 50px; }
.mr-05 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-30 { margin-right: 30px; } .mr-40 { margin-right: 40px; } .mr-50 { margin-right: 50px; }



@media (max-width: 1600px)
{
	.premenu { top: 30px; right: 30px; }
}

@media (max-width: 1400px)
{
	.navbar-nav .nav-link { font-size: 1.15rem;  }
	.navbar-nav .nav-link:last-child { padding-right: 1rem; }
	.navbar-nav .nav-link:first-child { padding-left: 1rem; }

  /*
  .navbar-collapse { flex-grow: 0; }
.navbar-nav { margin-top: 46px; width: 66.667vw; list-style-type: none; padding-left: 2rem; padding-right: 2rem; }
.navbar-nav .nav-item { transition: all 1s; margin: 0; padding-top: 0.3rem; padding-bottom: 0.3rem; }
.navbar-nav .nav-link { display: block; font-family: futura-pt, sans-serif; font-size: 1.2rem; font-weight: 700; color: black; letter-spacing: -0.5px; margin: 0; padding: 0.375rem 0.5rem; }
.navbar-nav .nav-link.dropdown-toggle { padding-right: 1.5rem; }
.navbar-nav .nav-link:first-child { padding-left: 1.5rem; }
.navbar-nav .nav-link:last-child { padding-right: 1.5rem; }
.nav-link-brand { width: 16.666vw; text-align: right; }
.nav-link-brand img { height: 90px; margin-top: 13px; padding: 0 5px 20px 15px;  }
.nav-link-brand:hover img { opacity: 0.5; }
.navbar-nav .nav-item.actiu { background: black; border-radius: 5px; transition: all .5s; }
.navbar-nav .nav-item.actiu a { color: white; }
.navbar-nav .nav-item:hover { background: black; border-radius: 5px; transition: all .5s; }
.navbar-nav .nav-item:hover .nav-link { color: white; }
.navbar-nav .nav-item.actiu .dropdown-item { color: black; }
.navbar-nav .nav-item.actiu .dropdown-item.actiu { color: white; background: black; }


.nav-item.dropdown.show { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.dropdown-menu { padding: 0; left: 0; margin-top: 0; border: 1px solid rgba(0,0,0,0.5); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); border-radius: 5px; border-top-left-radius: 0;}
.dropdown-item { font-size: 1.2rem; letter-spacing: -0.5px; padding: 0.6rem 2rem; margin: 0; font-weight: 600; border-top: 1px solid rgba(0,0,0,0.5); }
.dropdown-item:first-child { border: none; }
.dropdown-item:hover { background: black; color: white !important; transition: all .3s; }
  */
}


@media (max-width: 1199px)
{
	.premenu { top: 20px; right: 0px; }
	.boxlist li { width: 33.333%; }
}


@media (max-width: 767px)
{
	.logo.cinc { width: 33.333%; }
	.logo.cinc img { width: 100%; }
	/*.logo { flex-wrap: wrap; justify-content: space-around;}*/
	.boxlist li { width: 50%; }
	.boxlist .botonet { bottom: 1rem; left: 1rem; font-size: 1rem; line-height: 1.2rem;  }
	.boxlist .botonet .material-symbols-outlined { font-size: 1.3rem; margin-left: 3px; vertical-align: -7px; opacity: 0.5; }
	.foto-primary { margin: 1rem 0; }

	.show-high { display: none; }
	.show-low { display: inline-block; }
}


@media (max-width: 576px)
{
	html { font-size: 14px; }
	.html { font-size: 14px; }
	.col-sm-0 { width: 0%; display: none; }
	.nav-link-brand { width: auto; text-align: right; }
	.nav-link-brand img { height: 65px; margin-top: 0px; padding: 0 5px 20px 15px;  }
	.premenu { top: 5px; right: 5px; width: auto; font-size: 1rem; padding: 0; }
	.premenu a { padding: 4px 8px 4px 8px; display: inline-block; font-weight: 500; letter-spacing: -0.5px; color: black; border: 1px solid rgba(0,0,0,1); border-radius: 24px; }
	.premenu a span { display: none; }
	.navbar-toggler { font-size: 2rem; }
	.menutop { padding-bottom: 0; }
	.menutop.petit .nav-link-brand img { height: 55px; margin-top: 15px; }

	h1 {  font-size: 2.2rem; }
	h1:first-child { padding-top: 60px; }
	.pb-40 { padding-bottom: 20px; }
	#footer ul.social { margin-bottom: 5px; }
	#footer ul.social li { padding: 10px 5px 0 5px; }
	#footer ul.social li a i { font-size:20px; line-height: 20px; }
	.peufinal.logos { margin: 0; }
	.logoapc img { width: 110px; margin: 10px 45px 20px 0; }
	.logogc img { width: 80px; margin-right: 0; }

	.logo.cinc { width: 33.333%; }
	.logo.cinc img { width: 100%; }
	.logo.tres { width: 50%; }
	.logo.tres img { width: 80%; }
	.logo.dos img { width: 80%; }
	.logo.dos.llarg { width: 100%; height: 4rem; }
	.logo.dos.llarg img { width: 100%; }
	.logo.dos.llarg img.w60 { padding: 4%; }
	.logo.un img { width: 50%; }
	.fitxa { padding-top: 80px; }
	.fitxa h1 { margin-top: 15px; }
	.fitxa .lateral p { font-size:1rem; }

	.tres-col, .dues-col { column-count: 1; }

	.carousel-item { margin-top: 86px; height: 250px; position: relative; }
	.carousel-item img { height: 100%; width: auto; position: absolute; left: 50%; transform: translateX(-50%); }
	.carousel-indicators { margin-bottom: 0; }
	.carousel-indicators li { height: 7px;  width: 20px; }
	.carousel-textos { max-width: auto; padding: 20px 15px 15px 15px; bottom: 10px;  }
	.carousel-textos .titol { font-size: 2rem; line-height: 2rem; margin-bottom: 5px; }
	.carousel-textos .subtitol { font-size: 1.3rem; }
	.carousel-control-next-icon, .carousel-control-prev-icon { display: none; }
	.llista.pics { padding: 0 0 0 1rem; }
	.requadrat h3 { margin-bottom: 5px; }
	.insta-inici { height: 150px; margin-bottom: -50px; }

	.boxlist.inici li { width: 48.5%; margin: 5px 0; padding: 0 5px; }
	.boxlist.inici:nth-child(odd) { padding-left: 10px; }
	.boxlist.inici:nth-child(even) { padding-right: 10px; }
	.boxlist.pdf li { width: 50%; }
	.boxlist.pdf.col4 li { width: 50%; }

	.directori.inici li, .directori.educatius li { height: 200px; }
	.directori li { width: 48%; height: 200px; overflow: hidden; }
	.directori .foto { margin-bottom: 10px; }
	.directori .nom { font-size: 1.4rem; line-height: 1.3rem; }
	.tag_extern { background: url(img/tag_extern_70px.png) no-repeat top left; width: 70px; height: 69px; }
	#targeta { margin: 0 15px; }

	.box p { margin-bottom: 2rem; }

	.baner-tira .titol { font-size: 2rem; }

	.btn-pastilla a { padding: 3px 9px 3px 15px; font-size: 1.1rem; font-weight: 600; }
	.video-container { margin-bottom: 20px; }


	/* ESTILS DE ZONA */
	.pt-05 { padding-top: 3px; } .pt-10 { padding-top: 5px; } .pt-15 { padding-top: 8px; } .pt-20 { padding-top: 10px; } .pt-30 { padding-top: 15px; } .pt-40 { padding-top: 20px; } .pt-50 { padding-top: 25px; }
	.pb-05 { padding-bottom: 3px; } .pb-10 { padding-bottom: 5px; } .pb-15 { padding-bottom: 8px; } .pb-20 { padding-bottom: 10px; } .pb-30 { padding-bottom: 15px; } .pb-40 { padding-bottom: 20px; } .pb-50 { padding-bottom: 25px; }
	.pl-0 { padding-left: 0; } .pl-05 { padding-left: 3px; } .pl-10 { padding-left: 5px; } .pl-15 { padding-left: 8px; } .pl-20 { padding-left: 10px; } .pl-30 { padding-left: 15px; } .pl-40 { padding-left: 20px; } .pl-50 { padding-left: 25px; }
	.pr-0 { padding-right: 0; } .pr-05 { padding-right: 3px; } .pr-10 { padding-right: 5px; } .pr-15 { padding-right: 8px; } .pr-20 { padding-right: 10px; } .pr-30 { padding-right: 15px; } .pr-40 { padding-right: 20px; } .pr-50 { padding-right: 25px; }
	.mb-05 { margin-bottom: 3px; } .mb-10 { margin-bottom: 5px; } .mb-15 { margin-bottom: 8px; } .mb-20 { margin-bottom: 10px; } .mb-30 { margin-bottom: 15px; } .mb-40 { margin-bottom: 20px; } .mb-50 { margin-bottom: 25px; }
	.resp-pl-15 { padding-left: 15px !important; }
	.resp-pr-15 { padding-right: 15px !important; }
}
/*
.baner-tira { text-align: center; }
.baner-tira a { display: block; padding: 2.5rem 0;  }
.baner-tira .titol { font-size: 3rem; font-weight: 700; letter-spacing: -1px; line-height: 0.95em; text-align: center; }
.baner-tira a:hover, .baner-tira a:hover .titol, .baner-tira a:hover .botonet { text-decoration: none !important; color: white !important; }
.baner-tira a:hover .botonet { border-color: white; }


*/