@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');
}
/*
    position: absolute;
    bottom: 64px;
    left: 11px;
    width: 70%;
    font: 1.5em/1.1em FranklinGothicM, Arial, Sans-serif;
    margin: 0;
    padding: 0;
    color: #373432;*/
h2.h2dones { font-family: 'IM Fell English SC', serif; font-size: 3.2em; bottom: 0px; left: 15px; letter-spacing: 0px; font-weight: normal; text-shadow: 0 0 20px rgba(255,255,255,1); color: rgba(146,39,143,1); }
.caldones .dia { position: relative; float: left; width: 24.5%; height: 200px; background: rgba(146,39,143,0.3); margin-right: 0.5%; margin-bottom: 4px; overflow: hidden; }
.caldones .num { position: absolute; top: 0; right: 0; font: 2em/1em 'Exo 2', sans-serif; background: rgb(146,39,143); color: white; padding: 5px 10px; }
.caldones .fons { position: absolute; top: 0; left: 0; width: 110%; margin-left: -10px; margin-top: -10px; height: 220px; overflow: hidden; background: url(../img/no_foto.png) no-repeat center center; background-size: cover; background-color: rgb(146,39,143); background-blend-mode: luminosity; transition: all .3s; -webkit-transition: all .3s; opacity: 0.3; }
.caldones .fons img { width: 100%; height: 200px; }
.caldones .titol { font: 1em/1.1em 'Roboto Slab', serif; font-weight: 600; position: absolute; bottom: 0px; left: 0px; margin: 10px; text-align: left; color: black; }
.caldones .titol span { display: block; font: 1.4em/1.1em 'Roboto Slab', serif; font-weight: 600 !important; color: rgba(146,39,143,1); margin-bottom: 5px; }

.caldones .dia:hover .fons { opacity: 0.8; background-blend-mode: multiply; }
.caldones .dia:hover .titol, .caldones .dia:hover .titol span { color: white; }

.caldones .dia_avui { position: relative; float: left; width: 74.5%; height: 404px; background: rgba(146,39,143,0.6); margin-right: 0.5%; margin-bottom: 4px; overflow: hidden; }
.caldones .dia_avui .num { /*background: black;*/ }
.caldones .dia_avui .fons { opacity: 0.8; height: 424px; background-blend-mode: multiply; }
.caldones .dia_avui .titol { color: white; font: 1.5em/1.1em 'Roboto Slab', serif; font-weight: 600;  margin: 20px; }

.taula_caldones { width: 99.5%; border-top: 2px solid rgba(146,39,143,1); border-bottom: 2px solid rgba(146,39,143,1); background: rgba(146,39,143,1); margin-top: 20px; margin-bottom: 4px; }
.taula_caldones td { width: 8.333%; text-align: center; font: 1.2em 'Exo 2', sans-serif; font-weight: 600; color: white; }
.taula_caldones td.avui { background: white; color: rgba(146,39,143,1); }
.taula_caldones a { padding-top: 10px; padding-bottom: 10px; display: block; color: white; }
.taula_caldones td.avui a { color: rgba(146,39,143,1); }
.taula_caldones a:hover { background-color: black; text-decoration: none; }
.taula_caldones span { display: none; font-size: 0.7em; text-transform: uppercase; }
.taula_caldones span.nums { display: block; font-size: 0.9em; }



#menu { z-index: 1999 !important; }


/* AMPLIACIÓ LITY */
.web { font: 0.8em/1.3em 'Roboto Slab', serif; position: absolute; top: 18px; left: 15px; color: rgba(146,39,143,1);  }
.web a { color: rgba(146,39,143,1);  }
.lity-iframe .lity-container { width: 95%; }
/*.lity-iframe-container { height: 100% !important; }*/
.litydones { background: #F3E5F3 url(../img/header_dones_popup.png) no-repeat top right; }
.litydones .h2dones { text-align: right; margin-top: 10px; margin-right: 25px; font-size: 2.5em; }
.litydones .textos { margin: 25px 5vw 20px 5vw; }
.litydones h1 { font-size: 1.2em; }
.fotogrossa { text-align: center; padding: 15px 0x; }
.fotogrossa img { box-shadow: 5px 5px 15px rgba(0,0,0,0.35); width: 90vw; max-width: 800px; }
.litydones .btn { border: 1px solid #900; border-radius: 8px; text-transform: uppercase; background: rgba(255,255,255,0.5); font-size: 0.9em; padding-bottom: 3px; margin-top: 15px; }
.litydones .btn i { margin-right: 5px; }
.year { display: block; font: 1.3em/1.1em 'Roboto Slab', serif; font-weight: 600 !important; color: rgba(146,39,143,1); margin-bottom: 5px; }

.lightcase iframe { height: 75vh !important; margin-top: -25vh !important; }


@media (min-width: 1201px)
{
}

@media only screen and (max-width: 1375px)
{
}

@media only screen and (max-width: 1200px)
{
}


@media (max-width: 767px)
{

}


@media (max-width: 640px)
{
	.litydones { background-size: 80%; }
	.web { font-size: 0.75em; line-height: 1.1em; width: 45%; top: 10px; left: 10px; }
	.litydones .h2dones { margin-top: 10px; margin-right: 0; padding-right: 10px; font-size: 1.4em; }
	.fotogrossa { margin-top: 30px; }
	.litydones .textos { margin: 15px 5vw 20px 5vw; }
	.litydones h1 { font-size: 1em; }
	.litydones p { font-size: 0.85em; }
	.litydones .year { font-size: 1em; }
}

@media (max-width: 480px)
{
	/*h2.h2dones { font-family: 'IM Fell English SC', serif; font-size: 3.2em;**/
	h2.h2dones { line-height: .65em; bottom: 10px; width: 100%; font-size: 2.5em; }
	.caldones .dia_avui { width: 99.5%; margin-right: 0; }
	.caldones .num { font-size: 1.7em; }
	.caldones .dia { width: 32.833%; }
	.caldones .titol { font-size: 0.95em; }
	.caldones .titol span { font-size: 1.2em; }
}

@media (max-width: 375px)
{
	.header2 img { margin-left: -50px; }
	h2.h2dones { line-height: .65em; bottom: 10px; width: 100%; }

	.caldones .dia { width: 49.5%; }
	.caldones .dia_avui .titol { font-size: 1.3em; }
	.caldones .num { font-size: 1.5em; }
	.taula_caldones span.nums { display: block; }
	.taula_caldones span.noms { display: none; }
}