@font-face {
	font-family: 'Open Sans';
	src: url('/web/shared/fonts/opensans-regular.eot');
	src: local('ò?'),
			 url('https://www.girona.cat/web/shared/fonts/opensans-regular.woff') format('woff'),
			 url('https://www.girona.cat/web/shared/fonts/opensans-regular.ttf') format('truetype'),
			 url('https://www.girona.cat/web/shared/fonts/opensans-regular.svg#webfont') format('svg');
}

@font-face {
	font-family: 'FranklinGothicMC';
	src: url('https://www.girona.cat/web/shared/fonts/ITCFranklinGothicStd-MdCd.eot');
	src: local('ò?'),
			 url('https://www.girona.cat/web/shared/fonts/ITCFranklinGothicStd-MdCd.woff') format('woff'),
			 url('https://www.girona.cat/web/shared/fonts/ITCFranklinGothicStd-MdCd.ttf') format('truetype'),
			 url('https://www.girona.cat/web/shared/fonts/ITCFranklinGothicStd-MdCd.svg#webfont') format('svg');
}

@font-face {
	font-family: 'HelveticaNeueBC';
	src: url('https://web2.girona.cat/global/fonts/HelveticaNeue-BoldCond.eot');
	src: local('ò?'),
			 url('https://web2.girona.cat/global/fonts/HelveticaNeue-BoldCond.woff') format('woff'),
			 url('https://web2.girona.cat/global/fonts/HelveticaNeue-BoldCond.ttf') format('truetype'),
			 url('https://web2.girona.cat/global/fonts/HelveticaNeue-BoldCond.svg#webfont') format('svg');
}

.bg-white { background: white; }

html, body { margin: 0; text-align: left;  }
body { background: white; margin: 0; padding: 0; text-align: left; font-family: 'Libre Franklin', Sans-serif; }
.container { text-align: left; }


a { color: #900;}
a:hover { color: black; }
h1, h2, h3, h4, h5 { font-family: 'Libre Franklin', Sans-serif; line-height: 1.1em; text-align: left; }
h1 { font-size: 2.5rem; font-weight: 900; letter-spacing: -1px; word-spacing: 5px; margin-bottom: 15px; background-color: rgba(0,0,0,0.3); background-image: linear-gradient(180deg, rgba(0,0,0,0.3), rgba(0,0,0,0.9));
	background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; }
h1 span { font-weight: 300; letter-spacing: -1px; font-size: 80%;}
h2, h3, h4, h5 { font-weight: 700; }
h2 { font-size: 1.8rem; margin-top: 1em; background-color: rgba(0,0,0,0.3); background-image: linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.7)); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; }
/* h1 span, h2 span, h3 span, h4 span, h5 span { font-weight: 400; } */
h1 a { display: inline-block; text-transform: uppercase; font-size: 60%; color: rgba(107,7,40,0.7); }
.container-fluid { padding-left: 0; padding-right: 0; }

.subscripcio { position: relative; float: left; border-radius: .4em; padding: 12px 15px; background-color: #ffd700; background-image: linear-gradient(90deg, #ffd700, #E2B321); background-size: 100%; text-decoration: none; color: black; }
.subscripcio i { margin-right: 5px; }
.subscripcio:after { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right-color: #ffd700; border-left: 0; margin-top: -10px; margin-left: -20px; }
.subscripcio:hover { text-decoration: none; color: white; background-color: #E2B321; background-image: linear-gradient(90deg, #E2B321, rgb(183,126,80)); }
.subscripcio:hover:after { border-right-color: #E2B321; }

p { margin-bottom: 0.75rem; text-align: justify; }

.dada { margin-left: 30px; text-indent: -10px; text-align: left; }
.dada i { display: inline-block; margin-right: 5px; color: rgba(107,7,40,0.7); }

.reset { clear: both; height: 0; }

p0 { padding: 0; }


/* HEADER */
.header { background: black; position: relative; overflow: hidden; }
.logoct { float: left; height: 110px; margin: 20px 25px; z-index: 10; position: relative; }
.logoct img { height: 100%; z-index: 10; }
.nom { font: 1.5em/1em 'Libre Franklin', sans-serif; font-style: oblique; color: rgba(212,162,48,0.95); padding-top: 5px; z-index: 10; position: relative; text-align: left; }
.nom span { text-transform: uppercase; display: inline-block; font: 2em 'Libre Franklin', sans-serif; font-weight: 400; letter-spacing: -1px; font-style: normal; background-color: #ffd700; background-image: linear-gradient(-90deg, #ffd700, #dbab28); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; z-index: 10; }
.nom span b { font-weight: 900; }
.thumbs {  opacity: 0.9; position: absolute; top: 0; right: 0; height: 160px; mix-blend-mode: luminosity; overflow: hidden; z-index: 1; text-align: right; }
.thumbs img { margin-top: -30px; width: 184px; margin-left: 2px; display: inline; }
.shw { position: absolute; top: 0; right: 0; height: 160px; width: 100%; background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 100%); background-size: 100%; z-index: 2; }


/* MENÚ */
.navbar { padding: 0; }
.navbar-nav { position: absolute; bottom: 0; right: 0; list-style: none; margin: 0; padding: 0 15px 0 0; z-index: 5; font: 1.3em FranklinGothicMC, sans-serif; text-transform: uppercase; border-top: 3px solid rgb(255,215,0); background: rgba(0,0,0,0.8); }
.navbar-nav li { float: left; margin: 0; padding: 0; }
.navbar-nav a { display: block; color: rgb(255,215,0); padding: 8px 35px; }
.navbar-nav a i { opacity: 0.6; }
.navbar-nav a:hover { background-color: #ffd700; background-image: linear-gradient(90deg, #ffd700, #b77e50); background-size: 100%; text-decoration: none; color: black; }
.navbar-nav li.actiu a { background-color: #ffd700; background-image: linear-gradient(90deg, #ffd700, #b77e50); background-size: 100%; text-decoration: none; color: black; }
.navbar-toggler { z-index: 100; }


.ariadna { padding-bottom: 7px; font-size: 90%; }
.ariadna i { display: inline-block; margin: 0 5px; color: rgba(0,0,0,0.3); }
.ariadna a { font-weight: normal; }
.ariadna2 { margin-bottom: 15px; background: url(img/bg_ariadna2.png); background-size: 100% 100%; height: 10px; width: 100%; border-top: 1px solid #CCC; }
/*.ariadna2 div { width: 100%; height: 10px; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 7%, rgba(255,255,255,0) 93%, rgba(255,255,255,1) 100%); }*/

#filtre { float: right; margin-right: 20px; }
#filtre a { display: inline-block; }
#filtre a.selected { background: black; }
.graella { width: 100%; }
.graella td { position: relative; border-bottom: 1px solid rgba(0,0,0,0.25); padding: 5px 20px; background: rgba(0,0,0,0.05); }
.graella td.dia { background: rgba(0,0,0,0); padding-left: 0; }
.graella td:first-child { padding-left: 32px; }
.graella td:last-child { padding-right: 5px; /*width: 27%;*/ }

.graella .edat { background: white; width: 24px; height: 28px; padding: 2px 2px 2px 0; border: none; position: absolute; top: -6px; left: 3px; }
.graella .edat img { width: 20px; height: 24px; mix-blend-mode: luminosity; }

.fitxa .edat { background: white; width: 42px; margin-right: 5px; margin-top: 0; padding: 2px 2px 2px 0; border: none; float: right; }
.fitxa .edat img { width: 40px;  }


.tira { width: 100%; overflow: hidden; margin-bottom: 0; }
.tira img { width: 100%; }

.llista_cartells { padding-top: 79px; }
.llista_cartells div { float: left; margin-right: 15px; margin-bottom: 15px; }
.llista_cartells div a { display: block; background-image: linear-gradient(135deg, #ffd700, #b77e50); background-size: 100%; }
.llista_cartells div a:hover img { mix-blend-mode: luminosity; transition: all .3s; -webkit-transition: all .3s; opacity: 0.7; }
.llista_cartells.arxiu div { width: 15.166%; margin-right: 1.5%; }
.llista_cartells.arxiu div img { width: 100%; }

.timeline p { font-size: 0.85em; margin-bottom: 0; font-family: 'Open Sans', sans-serif; text-align: center; }
.timeline h2 { font-size: 1.1rem; text-align: center; }
.timeline img { height: 200px; }
.timeline__content { padding: 0.75rem; background-image: linear-gradient(180deg, rgba(194,189,185,0.15), rgba(194,189,185,0.5)); background-size: 100%; }
.timeline__content a p { color: #444; }
.timeline__content a:hover { text-decoration: none !important; opacity: 0.8; }

/* 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; }
#footer .address {  }
#footer .zona1 { background: #e9e7e3; }
#footer .zona2 { background: rgb(59,54,48); padding: 15px 10px 5px 10px; box-shadow: 0 5px 150px rgba(0,0,0,0.75) 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; }
a.logo_ajgi { margin-top: 10px; }
a.logo_ajgi img { width: 150px; margin-bottom: 28px; }
.logoaj img { width: 170px; margin-right: 45px; margin-top: 10px; }
.logodipu img { width: 160px; margin-right: 35px; margin-top: 10px; }
.logoct2 img { width: 155px; margin-right: 35px; margin-top: 10px; }
.logogc img { width: 110px; margin-right: 35px; margin-top: 10px; }
.logoem img { width: 100px; margin-right: 40px; margin-top: 10px; }
.logoicec img { width: 140px; margin-right: 35px; margin-top: 15px; }
.logoicaa img { width: 150px; margin-top: 15px; }
.logoec img { width: 105px; margin-right: 35px; margin-top: 5px; }
.logopromio img { width: 105px; margin-right: 35px; margin-top: 5px; }
.logocicae img { width: 105px; margin-right: 35px; margin-top: 5px; }
.logo_nextgeneu img { width: 140px; margin-right: 35px; margin-top: 10px; }
.logo_plarecuperacio img { width: 240px; margin-right: 35px; margin-top: 10px; }
.logo_nextgencat img { width: 260px; margin-right: 35px; margin-top: 10px; margin-left: 120px; }
#footer img:hover { opacity: 0.6; }

.peu-botons { padding-top: 10px; margin-bottom: 20px; }
.peu-botons .btn { border-radius: 14px; margin: 0 5px; padding-bottom: 8px; border-color: rgba(255,215,0,0.5); background: rgba(0,0,0,0.4) !important; }
.peu-botons .btn:hover { background: rgba(255,215,0,1) !important; color: rgba(0,0,0,1) !important; }


/* CARTELLERA */
.llistat { background-image: linear-gradient(180deg, rgba(194,189,185,0.3), rgba(194,189,185,1)); background-size: 100%; float: left; width: 47%; margin: 13px 1%; position: relative; height: 280px; overflow: hidden; transition: all .3s; -webkit-transition: all .3s; z-index: 1; }
.llistat:hover { background: rgba(0,0,0,0.2); }
.llistat .imatge { position: absolute; top: 0; left: 0; width: 184px; height: 280px; background-image: linear-gradient(135deg, #ffd700, #b77e50); background-size: 100%; }
.llistat:hover img { mix-blend-mode: luminosity; transition: all .3s; -webkit-transition: all .3s; }
.llistat h2 { margin: 0; padding: 13px 10px 5px 200px; line-height: 1em; }
.llistat h2 span { font-weight: 300; letter-spacing: -1px; font-size: 80%;}

.llistat p { margin-left: 200px; font-size: 0.9em; line-height: 1.3em; text-align: left; }
.llistat p b { /*display: inline-block; margin-top: 8px; margin-bottom: 2px;*/ }
.llistat .botons { position: absolute; bottom: 15px; left: 194px; font-weight: normal; z-index: 10; }
.boto { display: inline-block; background: rgba(59,54,48,0.85); padding: 3px 8px 1px 8px; text-transform: uppercase; letter-spacing: 0; margin: auto 5px; }
.boto i { margin-right: 7px; }
.boto.ample { padding: 5px 20px 5px 15px; margin: 15px 10px 0 0; }
.llistat .edat { position: absolute; bottom: 10px; right: 15px; width: 29px; background: white; padding: 2px 2px 2px 0; border: none; }
.llistat .edat img { width: 100%; mix-blend-mode: luminosity; }

.hora { display: inline-block; border: 1px solid rgba(0,0,0,0.4); background: rgba(255,255,255,0.5); padding: 1px 8px 0 8px; margin-right: 8px; margin-top: 5px; }
.tema { position: absolute; top: 0; right: 0; background: #FF6F00; border-bottom-left-radius: 24px; border-top-left-radius: 8px; color: white; text-transform: uppercase; font: 1.2em FranklinGothicMC, sans-serif; padding: 3px 15px 1px 20px; }
.tema i { margin-right: 10px; margin-left: -5px; }
.tema.negre { background: black; }
.llistat a { color: rgba(0,0,0,0.8); }
.llistat a:hover { text-decoration: none; }
 a.boto { color: rgb(255,215,0); }
 a.boto:hover { background-color: rgb(255,215,0); color: rgb(59,54,48); text-decoration: none; }
.boto.fullsala { background-color: #ffd700; background-image: linear-gradient(155deg, #ffd700, rgba(183,126,80,0.5)); background-size: 100%; color: rgba(59,54,48); border: 1px solid rgba(59,54,48,0.5); font-weight: bold; padding: 10px 15px; }
a.boto.fullsala:hover { background: rgb(59,54,48); color: rgb(255,215,0); }
h1.estrenes { margin-top: 50px; }

.logo_filmoteca img { width: 140px; float: right; margin-right: 42px; }
.cartell { text-align: center; position: relative; }
.cartell p { color: rgb(255,215,0); position: absolute; bottom: 0; right: 0; background: rgba(59,54,48,0.85); margin: 0 42px; font-size: 90%; padding: 2px 10px 0 10px; font-weight: normal; font-size: 1.6em; }
.cartell img { height: 433px; }
.cartell a img { mix-blend-mode: normal; transition: all .3s; -webkit-transition: all .3s; }
.cartell a:hover imv { mix-blend-mode: luminosity; transition: all .3s; -webkit-transition: all .3s; }
.cartell a:hover p { background: rgba(255,215,0,1) !important; color: rgb(59,54,48); }

.tema_fitxa { display: inline-block; background: #FF6F00; border-bottom-right-radius: 24px; border-top-right-radius: 8px; color: white; text-transform: uppercase; font: 1.5em FranklinGothicMC, sans-serif; padding: 5px 25px 3px 20px; margin-bottom: 10px; }
.tema_fitxa.negre { background: black; }
.edat { color: #FF6F00; font-weight: bold; font-size: 1.1em; margin-top: 10px; padding-bottom: 10px; background: rgba(255,111,0,0); text-align: center; border-bottom: 1px dashed rgba(255,111,0,0.6); }


.fitxa { background: rgba(194,189,185,0.2); margin: 20px 42px 0 42px; border-bottom: 3px solid black; padding-bottom: 10px; }
.fitxa h2 { padding: 8px 15px 4px 15px; margin-bottom: 15px; background-color: rgba(255,255,255,0.6); background-image: linear-gradient(0deg, rgba(255,255,255,0.6), rgba(255,255,255,1)); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; }
.fitxa p { text-align: left; margin: 0 15px 10px 15px; line-height: 1.3em; }

.thoraris { margin-top: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(194,189,185,0.8); }
/*.thoraris tr:nth-child(even) { background: rgba(194,189,185,0.3); }*/
.thoraris td { background: rgba(194,189,185,0.2); border-top: 1px solid rgba(194,189,185,0.8); padding: 6px 15px; }
.thoraris td:first-child { font-weight: bold; }
.thoraris tr.passada td { color: rgba(0,0,0,0.5); background: white; }

.thoraris.llista { margin-left: 200px; margin-bottom: 7px; }
.thoraris.llista td { font-weight: normal; background: rgba(255,255,255,0.2); vertical-align: top; position: relative; }
.thoraris.llista td:first-child { font-weight: normal; padding-right: 0; }
.thoraris.llista i { text-transform: uppercase; font-size: 75%; font-style: normal; display: inline-block; border: 1px solid rgba(0,0,0,0.4); background: rgba(255,255,255,0.3); padding: 1px 8px 0 8px; border-radius: 8px; margin-top: 5px; }
.mes_dates { margin-top: -10px; padding-left: 15px; }


p.tags { background: rgba(255,255,255,0.2); border-top: 1px solid rgba(194,189,185,0.8); border-bottom: 1px solid rgba(194,189,185,0.8); padding: 6px 15px; margin-right: 15px; font-size: 85%; }

.video-container{ position: relative; width: 100%; padding-bottom: 56.25%; height: 0; }
.video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }

/*
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; margin-top: 0%; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; }
*/



.bus span { display: inline-block; background: gray; color: white; font: 1em HelveticaNeueBC, Sans-serif; padding: 7px 0 6px 0; width: 35px; margin: 0 3px;text-align: center; }
.bus span.L1 { background-color: #FE003B; }
.bus span.L2 { background-color: #FFBE3D; }
.bus span.L3 { background-color: #008043; }
.bus span.L4 { background-color: #02A3CF; }
.bus span.L5{ background-color: #0071B4; }
.bus span.L6 { background-color: #916FB1; }
.bus span.L7 { background-color: #F6009A; }
.bus span.L8 { background-color: #A1908D; }
.bus span.L9 { background-color: #000; }
.bus span.L10 { background-color: #FF793D; }
.bus span.L11 { background-color: #42B649; }
.bus span.L12 { background-color: #921A1D; }


/* ARXIU */
.timeline-nav-button { border-color: #AAA !important; }


/* FORMS */
.formphp { margin: 10px 0px 20px 0px; padding: 9px 15px; background: rgba(183,126,80, 0.1); border: 1px solid rgba(183,126,80, 0.5); border-left: none; border-right: none; }
.formphp h2 { font: 1.8em FranklinGothicM, Sans-serif; color: rgba(59,54,48,1); margin: 0 0 10px 0; }
.formphp legend { color: rgba(183,126,80,0.6); font-size: 1.3em; font-weight: bold; border-bottom: 2px dotted rgba(183,126,80,0.3); padding-top: 15px; margin-bottom: 10px; }
.form-group label { font-size: 0.95em; font-family: Arial, Sans-serif; }
.form-group label.radio-inline, form .form-group label.checkbox { font-size: 14px; font-weight: 300; }
.form-group label.checkbox:hover { cursor: pointer; }
.form-group select { padding: 5px 10px; border-radius: 5px; border-color: rgba(0,0,0,0.3); }
.g-recaptcha { margin: 10px 0; }
.rc-anchor-light { background-color: rgba(255,255,255,0.5) !important; } /* Recaptcha */
.form_botons { background: rgba(0,0,0,0.15); margin: 15px -15px -10px -15px; padding: 0 15px 10px 15px; border-top: 1px solid rgba(183,126,80, 0.5); text-align: center; }
.form_botons button { display: inline-block; background: rgba(59,54,48,0.85); padding: 3px 15px 1px 15px; text-transform: uppercase; letter-spacing: 0; margin: auto 5px; color: rgb(255,215,0); border: none; }
.boto i { margin-right: 7px; }
.form-group.div-float { float: left; margin-right: 25px; }


/* PREUS */
.preus { background-color: #E4DBB5; background-image: linear-gradient(155deg, #E4DBB5, #D8CCC3); background-size: 100%; padding: 25px 15px 10px 15px; margin-bottom: 30px; }
.preus p { text-align: center; line-height: 1.2em; margin-bottom: 5px; color: black; }
.preus .num { font-weight: 700; color: rgba(0,0,0,.5); font-size: 2em; margin-bottom: 15px; }
.preus .num span { font-weight: 900; font-size: 150%; }

.loc { background: rgba(194,189,185,0.3); padding: 25px 45px 10px 45px; margin-bottom: 25px; height: 570px; }
.loc p { text-align: center; line-height: 1.5em; margin-bottom: 35px; }
.loc .fas { font-weight: 900; margin-bottom: 10px; font-size: 3em; display: block;color: rgba(0,0,0,.6); }




/* CAROUSEL */
.carousel-item { height: 27vw; overflow: hidden; }
.carousel-mask { background: linear-gradient(90deg, rgba(52,58,64,1) 0%, rgba(52,58,64,1) 10%, rgba(52,58,64,0) 30%, rgba(52,58,64,0) 70%, rgba(52,58,64,1) 90%, rgba(52,58,64,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: scale(2); }
.carousel-indicators { margin-bottom: 10px; }
.carousel-indicators li { height: 10px; }
.carousel-textos { display: inline-block; max-width: 450px; background: #FFCC33; padding: 15px; position: absolute; bottom: 60px; z-index: 10; box-shadow: 5px 5px 15px rgba(0,0,0,0.35); }
.carousel-textos .titol { font-family: Cairo, Sans-serif; font-weight: 700; font-size: 250%; line-height: 100%; margin-bottom: 10px; text-align: left; color: black; }
.carousel-textos .subtitol { font-size: 120%; line-height: 130%; text-align: left; color: black; font-weight: normal; }
.carousel-textos .btn-info { color: white; background: rgba(0,0,0,0.4); border: 1px solid rgba(0,0,0,0.4); }
.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; }


#baners { margin-bottom: 30px; max-width: 1123px; margin-left: 11px;  }
#baners .carousel-item { aspect-ratio: 1123 / 187; max-height: 187px; }
#baners .carousel-control-next, #baners .carousel-control-prev { width: 7%; }

.carousel-fade .carousel-item { opacity: 0; transition: opacity 1s ease-in-out; }
.carousel-fade .carousel-item.active { opacity: 1; }


.color2 { color: rgb(107,7,40); }
.box { background: rgba(59,54,48,0.1); border: 1px solid rgba(59,54,48,0.35); border-radius: 10px; padding: 1rem 1rem 0.25rem 1rem; margin-bottom: 20px; }
/*.box-visita { background: white; border: 1px solid rgba(107,7,40,1); border-radius: 10px; padding: 1rem 1rem 0.25rem 1rem; margin-bottom: 20px; }*/
.box.v2 { background: white; border-color: rgba(107,7,40,1); border-style: dashed; }

h4.icona-fa { text-align: center; margin-bottom: 20px; }
h4.icona-fa i { margin-bottom: 5px; }





.btn-primary { background-color: rgba(107,7,40,1); border-color: rgba(107,7,40,1); padding-bottom: 8px; }
.btn-primary:hover { background-color: rgba(59,54,48,1); border-color: rgba(107,7,40,1); }
.btn { margin-top: 15px; border-color: rgba(107,7,40,1); border-radius: 0; }
.btn .fas { margin-right: 5px; }
.btn-tornar { display: block; background-color: white; border-color: rgba(107,7,40,1); padding-bottom: 8px; color: rgba(107,7,40,1) }
.btn-tornar:hover { background-color: rgba(59,54,48,1); color: white; }

.autoria h3 { display: inline-block; padding-bottom: 5px; margin-bottom: 5px; color: rgba(107,7,40,1); border-bottom: 1px dashed rgba(107,7,40,0.5); }
.autoria p { color: rgba(59,54,48,1); font-weight: bold; }






.tres-col { column-count: 3; column-rule: 1px dotted rgba(107,7,40,0.5); column-gap: 50px; }



.taula_div { overflow-x: auto; }
.taula_div table { border-bottom: 3px solid rgba(107,7,40,0.3); margin-bottom: 1rem;/* background: rgba(255,255,255,0.45);*/ }
.taula_div table th { background: rgba(107,7,40,0.3); padding: 6px 10px; text-transform: uppercase; color: white; }
.taula_div table td { border-top: 2px solid rgba(59,54,48,0.3); padding: 6px 10px; }
.taula_div table td:first-child { padding-right: 3rem; }
.taula_div table td:last-child { text-align: right; }
.taula_div table tr.linia-punts td { border-top: 2px dashed rgba(52,58,64,0.2); }

/* SECCIONS */
/*#tarifes { background-image: url(img/fons/lletres.jpg), linear-gradient(90deg, rgba(229,229,229,0) 0%, rgba(229,229,229,0.7) 35%, rgba(229,229,229,0.7) 70%, rgba(229,229,229,0) 100%); background-size: cover; background-position: center center; background-blend-mode: luminosity; } */
.imatge_fons {  display: block; position: relative; background: linear-gradient(90deg, rgba(229,229,229,0.3) 0%, rgba(229,229,229,0.9) 35%, rgba(229,229,229,0.9) 65%, rgba(229,229,229,0.3) 100%); }
.imatge_fons::after { content: ""; background: url(img/fons/lletres2.jpg); background-size: cover; background-position: center center; background-blend-mode: luminosity;
  opacity: 0.2; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }

.fons_covid {  display: block; position: relative; background: linear-gradient(90deg, rgba(229,229,229,0.05) 0%, rgba(229,229,229,0.3) 35%, rgba(229,229,229,0.3) 65%, rgba(229,229,229,0.05) 100%); }
.fons_covid::after { content: ""; background: url(img/fons/covid.jpg); background-size: cover; background-position: center center; background-blend-mode: overlay;
  opacity: 0.2; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }

.fons_agenda {  display: block; position: relative; background: linear-gradient(90deg, rgba(229,229,229,0.3) 0%, rgba(255,255,255,0.95) 25%, rgba(255,255,255,0.95) 75%, rgba(229,229,229,0.3) 100%); }
.fons_agenda::after { content: ""; background: url(img/fons/bg_rellotge.jpg); background-size: cover; background-position: center center; background-blend-mode: luminosity;
  opacity: 0.2; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }

.fons_postit { background: #FFDA26; padding: 0.5rem !important; color: rgba(0,0,0,0.7); }
.fons_postit h1 { margin-top: 25px;font-size: 2rem;}
.fons_postit img { height: 120px; opacity: 0.8; }
.fons_postit .col-md-5 { text-align: right; }
.fons_postit p { font-weight: bold; }

.xarxes-inici { background: rgb(194,189,185); }
.snapwidget-widget {height: 460px; }
.fb-page { background: white; position: absolute !important; right: 10px !important; }

/*.disc_horari { width: 130px; height: 130px; background-image: conic-gradient(from -45deg, green 58.38%, white 41.62%); border-radius: 50%; border: 5px solid gray; }*/
.disc_horari { width: 120px; height: 120px; margin-bottom: 10px; }
.boxed { background: rgba(107,7,40,0.15); border-radius: 12px; border: 5px solid white; margin-bottom: 20px; padding-top: 10px }


.criteri { font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-weight: 300; display: inline-block; margin-left: 5px; border: 1px solid rgba(0,0,0,0.3); padding: 2px 10px; }


.text-left, .text-left p { text-align: left; }
.text-right, .text-right p { text-align: right; }
.text-center, .text-center p { text-align: center; }


@media (min-width: 1201px)
{
  .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1200px; }
  .navbar-toggler { display: none; }
	.collapsibleNavbar { display: flex; }
}

@media (max-width: 1500px)
{
	.logoct { height: 95px; margin: 15px 20px; }
	.nom { font-size: 1.25em; padding-top: 5px; }
	.nom span { font-size: 2em; }
	.navbar-nav a { padding: 6px 20px; }
}


@media only screen and (max-width: 1375px)
{
	thumbs {  opacity: 0.8; }
	.navbar-nav a { font-size: 0.9em; padding: 5px 15px; }
}

@media only screen and (max-width: 1200px)
{
	.navbar-toggler { display: block; }
	.collapsibleNavbar { display: none; }
	/*.navbar-dark .navbar-nav { position: relative; width: 25%; }*/
	.fb-page { position: relative !important; right: auto !important; }
	.thumbs {  opacity: 0.7; }
	.thumbs img { height: 160px; width: auto; margin-top: 0; }
	.navbar-nav a { padding: 4px 15px; font-size: 0.9em; }
	.navbar-dark .navbar-toggler { color: rgba(255,215,0,1); border-color: rgba(255,215,0,1); background: rgba(0,0,0,0.7); margin-right: 20px; padding: 0.55rem 0.95rem; font-size: 1.25rem; }
	.navbar-dark .navbar-toggler:hover { background: rgba(255,215,0,1); color: black; }
	.navbar-nav { position: relative; width: 30%; }
	.logo_filmoteca img { margin-right: 10px; }
}

@media (max-width: 991px)
{
	.preus	{ padding: 15px 10px 10px 10px; }
	.preus .num { margin-bottom: 5px; }
	.preus .num span { font-size: 120%; }

	#baners .carousel-inner { height: 150px; }
}

@media (max-width: 767px)
{
	.header { height: 110px; overflow: visible; }
	.logoct { margin: -15px 0 0 15px; position: relative; }
	.nom { font-size: 1em; margin-left: 0px; margin-top: -15px; }
	.nom span { margin-left: 0px; }
	.thumbs { opacity: 0.60; }
	.thumbs img { height: 110px; width: auto; margin-top: 0; }
	#thumb7, #thumb6 { display: none; }
	.shw { height: 110px; }
	.navbar-dark .navbar-toggler { margin-top: -10px; }
	.navbar-collapse { margin-top: -15px; width: 50%; }

	.preus	{ padding: 20px 10px 25px 10px; }

	h1 { font-size: 1.5rem; }
	h2 { font-size: 1.4rem;  }
	.llistat { width: 98%; margin: 13px 1%; height: 280px; }
	.llistat .imatge { width: 80px; height: 100px; top: 0; }
	.llistat .imatge img { width: 80px; height: 122px; }
	.llistat h2, .thoraris.llista, p.tags { margin-left: 90px; padding-left: 0; }
	.llistat p{ font-size: 0.85em; }
	.tema { font-size: 1.1em; }
	.thoraris { font-size: 0.9em; }
	.cartell { margin: 25px 0 0 0; background: rgba(194,189,185,0.4); padding: 20px; }
	.cartell p { margin: 0; font-size: 90%; padding: 2px 10px 0 10px; font-weight: normal; font-size: 1.6em; }
	.fitxa { margin: 0 0 15px 0; }
	.fitxa h2 { margin-top: 0; }

	.carousel-item { height: 350px; }
	.carousel-item img { height: 150px; width: auto; bottom: auto; margin-left: -25%; }
	.carousel-item .container {padding-left: 0; padding-right: 0; }
	.carousel-textos { display: block; bottom: auto; top: 150px; width: 100%; max-width: 100%; height: 250px; bottom: auto; z-index: 0; padding: 10px 45px 0 50px; }
	.carousel-mask { z-index: 0;}
	.carousel-textos .titol { font-size: 170%; }
	.carousel-textos .subtitol { font-size: 90%; margin-bottom: 0; }
	.subscripcio { margin-top: 5px; }
	.subscripcio:after { content: ''; position: absolute; top: 0; left: 22%; width: 0; height: 0; border: 20px solid transparent; border-bottom-color: #F8CE07; border-top: 0; margin-left: -20px; margin-top: -20px; }
	.subscripcio:hover:after { border-bottom-color: #F8CE07; }

	#baners { margin-left: 0; }
	#baners .carousel-inner { height: 60px; }
	#baners .carousel-item img { width: 100%; height: auto; margin-left: 0; }
/*
	.speech-bubble:after {
	content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 20px solid transparent; border-bottom-color: #00aabb; border-top: 0; margin-left: -20px; margin-top: -20px; }
*/

	h1 { font-size: 2rem; line-height: 2rem; }
	.snapwidget-widget {height: 100px; }


	.tira { width: 100%; height: 55px; overflow: hidden; margin-bottom: 0; }
	.tira img { height: 100%; width: auto; display: block; margin: 0 auto; }

	#footer ul.social li{ padding: 10px 7px 0 7px; }
	#footer h5 { padding-left: 0; border-left: transparent; padding-bottom: 0px; margin-bottom: 10px; }
	.logoaj img { width: 110px; margin-right: 25px; }
	.logoct img { width: 65px; margin-right: 25px; }
	.logogc img { width: 70px; }
	.peu2 { padding-left: 0; padding-right: 0; font-size: 90%; }
	.peu2 span { display: block !important; opacity: 0; height: 10px; }

	#menu_interior li { display: block; }
	#menu_interior li a { padding: 10px 10px 0 10px; margin-top: 5px; }
}


@media (max-width: 640px)
{
	.logoct { margin: -15px -10px 0 10px; height: 100px; margin-top: 5px;  }
	.nom { font-size: 0.9em; margin-left: -5px; margin-top: 15px; }
	.thumbs { opacity: 0.5; }
	#thumb5 { display: none; }
	.navbar-nav { width: 50%; margin-top: 20px; }
	.navbar-dark .navbar-toggler { margin-top: 3px; }
	.llista_cartells.arxiu div { width: 48.5%; margin-right: 1.5%; }
	select { width: 100%; }
}

@media (max-width: 480px)
{
	.navbar-dark .navbar-toggler { margin-right: 10px; padding: 0.55rem 0.65rem; }
}

@media (max-width: 375px)
{
	.logoct { margin: 10px 10px 0 5px; height: 60px; padding-left: 5px; }
	.logoct img { width: auto; margin: 0;}
	.nom { font-size: 0.9em; margin-left: -1px; padding: 5px 0 0 0; width: 220px; }
	.navbar-dark .navbar-toggler { margin-top: 15px; }
	.tema { font-size: 1em; }
	.tema_fitxa { padding-left: 13px; font-size: 1.3em; }
	.logo_filmoteca img { width: 100px; float: left; margin-bottom: 20px; }
}

/*

h1 { font-size: 2.5rem; font-weight: 900; letter-spacing: -1px; word-spacing: 5px; margin-bottom: 15px; background-color: rgba(0,0,0,0.3); background-image: linear-gradient(180deg, rgba(0,0,0,0.3), rgba(0,0,0,0.9)); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent;}

.llistat { background-image: linear-gradient(180deg, rgba(194,189,185,0.3), rgba(194,189,185,1)); background-size: 100%; float: left; width: 47%; margin: 13px 1%; position: relative; height: 280px; overflow: hidden; transition: all .3s; -webkit-transition: all .3s; z-index: 1; }
.llistat:hover { background: rgba(0,0,0,0.2); }
.llistat .imatge { position: absolute; top: 0; left: 0; width: 184px; height: 280px; background-image: linear-gradient(135deg, #ffd700, #b77e50); background-size: 100%; }
.llistat:hover img { mix-blend-mode: luminosity; transition: all .3s; -webkit-transition: all .3s; }
.llistat h2 { margin: 15px 10px 5px 200px; line-height: 1em; }
.llistat p { margin-left: 200px; font-size: 0.9em; line-height: 1.3em; text-align: left; }
.llistat .botons { position: absolute; bottom: 15px; right: 10px; font-weight: normal; z-index: 10; }
.boto { display: inline-block; background: rgba(59,54,48,0.85); padding: 3px 8px 1px 8px; text-transform: uppercase; letter-spacing: 0; margin: auto 5px; }
.boto i { margin-right: 7px; }
.boto.ample { padding: 5px 20px 5px 15px; margin: 15px 10px 0 0; }
.hora { display: inline-block; border: 1px solid rgba(0,0,0,0.4); background: rgba(255,255,255,0.5); padding: 1px 8px 0 8px; margin-left: 8px; }
.tema { position: absolute; top: 0; right: 0; background: #FF6F00; border-bottom-left-radius: 24px; border-top-left-radius: 8px; color: white; text-transform: uppercase; font: 1.3em FranklinGothicMC, sans-serif; padding: 3px 15px 1px 20px; }
.tema i { margin-right: 10px; margin-left: -5px; }
.llistat a { color: rgba(0,0,0,0.8); }
.llistat a:hover { text-decoration: none; }
 a.boto { color: rgb(255,215,0); }
 a.boto:hover { background-color: rgb(255,215,0); color: rgb(59,54,48); text-decoration: none; }
h1.estrenes { margin-top: 50px; }

fitxa { background: rgba(194,189,185,0.2); margin: 20px 42px 0 42px; border-bottom: 3px solid black; padding-bottom: 10px; }
.fitxa h2 { padding: 8px 15px 4px 15px; margin-bottom: 15px; background-color: rgba(255,255,255,0.6); background-image: linear-gradient(0deg, rgba(255,255,255,0.6), rgba(255,255,255,1)); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; }
.fitxa p { text-align: left; margin: 0 15px 10px 15px; line-height: 1.3em; }

.thoraris { margin-top: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(194,189,185,0.8); }
.thoraris td { background: rgba(194,189,185,0.2); border-top: 1px solid rgba(194,189,185,0.8); padding: 6px 15px; }
.thoraris td:first-child { font-weight: bold; }
.thoraris tr.passada td { color: rgba(0,0,0,0.5); background: white; }

.thoraris.llista { margin-left: 200px; margin-bottom: 7px; }
.thoraris.llista td { font-weight: normal; background: rgba(255,255,255,0.2); vertical-align: top; }
.thoraris.llista td:first-child { font-weight: normal; padding-right: 0; }
.thoraris.llista i { text-transform: uppercase; font-size: 75%; font-style: normal; display: inline-block; border: 1px solid rgba(0,0,0,0.4); background: rgba(255,255,255,0.3); padding: 1px 8px 0 8px; border-radius: 8px; margin-top: 5px; }
.mes_dates { margin-top: -10px; padding-left: 15px; }


.header { background: black; position: relative; }
.logoct { float: left; height: 140px; margin: 10px 25px; z-index: 10; position: absolute; }
.logoct img { height: 100%; z-index: 10; }
.nom { font: 1.5em/1em Arial, sans-serif; font-style: oblique; color: rgba(212,162,48,0.95); padding-top: 25px; z-index: 10; position: relative; }
.nom span { font: 2em 'Arial Black', sans-serif; letter-spacing: -1px; font-style: normal; background-color: #ffd700; background-image: linear-gradient(90deg, #ffd700, #b77e50); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; z-index: 10; }
.thumbs {  opacity: 0.9; position: absolute; top: 0; right: 0; height: 160px; mix-blend-mode: luminosity; overflow: hidden; z-index: 1; }
.thumbs img { margin-top: -30px; width: 184px; margin-left: 2px; }
.shw { position: absolute; top: 0; right: 0; height: 160px; width: 100%; background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 100%); background-size: 100%; z-index: 2; }


*/