.noVisible { display: none; }
.error_plantilla { background: red; color: white; margin: 0; padding: 5px; font-weight: bold; }
/* GENÈRICS */
.ml0 { margin-left: 0 !important; }
.w100 { clear: both; }
.w50, .w33 { float: left; }
.w50 { width: 48%; }
.w33 { width: 31.333%; }
/* HACK PER ELIMINAR 30 PX BLANCS A DALT DE LA PRIMERA COLUMNA */
/*@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .selector:not(*:root), #column-1 { margin-top: -30px; } } */
/*
#ajadmin_baners h2 { padding: 10px 10px 0 15px; margin-bottom: 10px; }
.ajadmin_baners_tira div { float: left; margin-right: 15px; font: 14px/15px FranklinGothicM, Sans-serif; }
*/
h2.blocs { background-image: linear-gradient(90deg, #7fc0cd, #7fc0cd, #FFFFFF); border-bottom: 2px solid #7fc0cd; color: white; padding: 5px 10px 3px 10px; border-top-left-radius: 8px; clear: both; }
.segell_GCC { position: absolute; right: 25px; top: 37px; width: 169px; height; auto; z-index: 290; }
/* VISOR 2020 INICI ROGER */
#visor2020 { position: relative; }
#visor2020 .visor_infobox { position: absolute; bottom: 20px; left: 20px; width: 450px; background: rgba(0,0,0,0.75); padding: 20px;/* border: 1px solid rgba(255,255,255,0.5);*/ border-radius: 15px; }
#visor2020 .visor_infobox_tit { font: 26px/26px FranklinGothicM, Arial, Sans-serif; color: white; text-align: left; margin: 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.35); }
#visor2020 .visor_infobox_subtit { font: 16px/16px Arial, Sans-serif; color: white; text-shadow: 2px 2px 8px rgba(0,0,0,0.35); text-align: left; margin: 15px 0 0 0; }
#visor2020 .visor_infobox_boto { font-size: 14px; display: inline-block; background: rgb(0,130,155); border-radius: 6px; padding: 6px 10px; color: white; margin: 18px 0 0 0; }
#visor2020 .visor_infobox_boto:hover { background: white; color: rgba(0,130,155); }
#visor2020 .visor_video { padding-left: 181px; background: black; }
#visor2020 .visor_infobox.out { display: none; }
/* MODIFICACIONS CSS LIFERAY */
.portlet-topper { background-color: rgba(0,0,0,0.6) !important; color: white; }
.portlet-topper-toolbar>a, .portlet-topper-toolbar>span>a, .portlet-topper-toolbar .lfr-icon-menu>a { color: white; }
.portlet-topper-toolbar>a:hover, .portlet-topper-toolbar>span>a:hover, .portlet-topper-toolbar .lfr-icon-menu>a:hover { color: #00B9DC; }
.portlet-layout.row:first-child { display: block !important; }
fieldset { border: none; }
div#menu ul li a.logo_giemociona { background: url(https://web2.girona.cat/global/logos/ajgirona_blanc.svg) no-repeat !important; height: 44px; margin-top: 3px; }
div#menu ul li a:hover.logo_giemociona { opacity: 0.7 !important; }
/*.row,.form-horizontal>.form-group{display:block !important;flex-wrap:nowrap !important;}*/
/* CAMPS CONFIGURABLES DE L'ESTRUCTUCTURA PRINCIPAL */
.camp_ampliable { border: 8px solid rgba(0,130,155,0.9); margin-bottom: 15px; text-align: center; }
.camp_ampliable:hover { border-color: #393939; }
.camp_ampliable p.titol { font: 18px/20px FranklinGothicM, sans-serif; text-align: center; margin: 0; color: rgb(0,130,155); text-transform: uppercase; }
.camp_ampliable p.titol .glyphicon { margin-left: 5px; }
.camp_ampliable p.titol a { padding: 25px 15px; display: block; cursor: pointer; background: rgba(0,130,155,0.15); color: rgba(0,130,155,1); transition: all .1s; -webkit-transition: all .1s; }
.camp_ampliable p.titol a:hover { background: #393939; color: white; text-decoration: none; transition: all .3s; -webkit-transition: all .3s; }
.camp_ampliable div.valor { display: none; }
.camp_ampliable.w50 { margin: auto 1%; }
.camp_requadre { background: rgba(0,130,155,0.08); display: table; margin: 20px 20px 20px 0; border-radius: 6px; border: 1px solid rgba(0,130,155,0.55); }
.camp_requadre p.titol { font: 20px/22px FranklinGothicM, sans-serif; background: rgba(0,130,155,0.55); color: white; margin: 0 0 12px 0; padding: 3px 15px; border-top-left-radius: 6px; border-top-right-radius: 6px;
}
.camp_requadre p { font: 16px/20px Arial, Helvetica, Sans-serif; margin: 0 20px 10px 20px; text-align: justify; color: rgba(0,0,0,0.8); }
.camp_items { margin-bottom: 20px; text-align: left; }
.camp_items:hover { border-color: #393939; }
.camp_items p.titol { font: 18px/20px FranklinGothicM, sans-serif; text-align: left; margin: 0; color: rgb(0,130,155); }
.camp_items p.titol .glyphicon { margin-left: 5px; }
.camp_items p.titol a { padding: 20px; display: block; cursor: pointer; background: rgba(0,130,155,0.15); color: rgba(0,130,155,1); transition: all .1s; -webkit-transition: all .1s; }
.camp_items p.titol a:hover { background: #393939; color: white; text-decoration: none; transition: all .3s; -webkit-transition: all .3s; }
.camp_items div.valor { display: none; margin-top: 1px; padding: 20px; background: rgba(0,0,0,0.07); }
.avis_alerta { border: 1px dotted red; background: #fff568; padding: 10px; margin: 20px 20px 0 20px; text-align: justify; }
/* TEXTOS */
h1, .nohomepage h1 { font: 30px/32px FranklinGothicM, sans-serif; color: rgb(0,130,155); margin: 0 0 20px 0; padding-right: 20px; text-align: left; padding: 0; border: none; }
h2 { font: 24px/26px FranklinGothicM, sans-serif; color: black; margin: 15px 0 20px 0; text-align: left; }
h3, .web-ajuntament-girona-template h3 { font: 19px/21px FranklinGothicM, sans-serif; color: #00829B; margin: 15px 0 10px 0; text-align: left; }
h4 { font: 17px/19px FranklinGothicM, sans-serif; color: #444; margin: 10px 0 10px 0; text-align: left; }
h5 { font: 15px/17px FranklinGothicM, sans-serif; color: #666; margin: 10px 0 10px 0; text-align: left; }
p, .supernoticia p { font: 16px/20px Arial, Helvetica, Sans-serif; margin: 0 20px 10px 0; text-align: justify; color: rgba(0,0,0,0.8); }
p.intro { font: 19px/23px FranklinGothicM, sans-serif; margin: 0 20px 15px 20px; text-align: left; color: rgba(0,0,0,0.8); }
p.intro2 { font: 19px/23px FranklinGothicM, sans-serif; margin: 0 20px 15px 0; text-align: left; color: rgba(0,0,0,0.8); }
p.data { font: 14px/16px Arial, Helvetica, sans-serif; margin: 0 20px 20px 20px; text-align: left; color: rgba(0,0,0,0.55); display: inline-block; background: rgba(0,130,155,0.1); padding: 3px 10px; border-radius: 4px; }
p.presentacio { margin: 0 20px 20px 0px; text-align: justify; }
p.subtitol { font: 22px/26px Arial, Helvetica, Sans-serif; margin: -5px 15px 20px 0; text-align: left; color: black; }
/* PÀGINA INICI */
div.carousel-inici-10 { padding-left: 15px; }
div.carousel-inici-10 div a { position: relative; display: block; float: left; width: 234px; height: 80px; background: rgba(0,130,155,0.8); margin: 10px 5px 0 5px; transition: background .1s ease, color .1s ease; border-radius: 8px; overflow: hidden; }
div.carousel-inici-10 img { float: left; width: 78px; height: 78px; border: none; max-width: 80px; transition: opacity .1s ease, color .1s ease; margin: 1px; border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0; }
div.carousel-inici-10 p { position: absolute; top: 50%; transform: translateY(-50%); margin: 0 0 0 80px; text-align: left; font: 18px/21px FranklinGothicM, sans-serif; padding: 10px; color: white; }
div.carousel-inici-10 div a:hover { background: rgba(255,255,255,1); text-decoration: none; transition: background .3s ease, color .3s ease; }
div.carousel-inici-10 div a:hover p { color: rgb(0,130,155) !important; }
div.carousel-inici-10 div a:hover img { opacity: 0.8; transition: opacity .3s ease, color .3s ease; }
div.inici-seu { background: #E7E4E2; margin-top: 15px; }
div.inici-seu h2 { background: rgba(0,0,0,0.35); color: white; padding: 13px 20px; margin: 0; }
div.inici-seu ol { list-style: none; margin: 0; padding: 0; counter-reset: li; font-size: 14px; }
div.inici-seu ol li { border-bottom: 1px solid white; margin: 0; padding: 0; counter-increment: li; }
div.inici-seu ol li span { display: inline-block; color: rgba(0,130,155,0.8); font: bold 16px FranklinGothicM, sans-serif; width: 1em; margin-right: 0.75em;}
div.inici-seu a { color: black; display: block; padding: 13px 20px; position: relative; }
div.inici-seu a:hover { background-color: rgba(0,130,155,0.3); color: white; }
div.inici-seu i { position: absolute; right: 5px; font-size: 20px; padding-top: 2px; color: rgba(0,0,0,0.35); }
div.inici-seu a:hover i { color: white; }
div.inici-incidencies { background: rgba(255,240,0,0.15); margin-top: 15px; }
div.inici-incidencies h2 { background: rgba(0,0,0,0.35); color: white; padding: 13px 20px; margin: 0; }
div.inici-incidencies ol { list-style: none; margin: 0; padding: 0; counter-reset: li; font-size: 14px; }
div.inici-incidencies ol li { border-bottom: 1px solid rgba(0,0,0,0.15); margin: 0; padding: 0 0 0 25px; text-indent: -18px; }
div.inici-incidencies ol li span { display: inline-block; color: rgba(0,130,155,0.8); font: bold 16px FranklinGothicM, sans-serif; width: 1em; margin-right: 0.75em;}
div.inici-incidencies a { position: relative; color: black; display: block; padding: 9px 20px; }
div.inici-incidencies a:hover { background-color: rgba(0,130,155,0.3); color: black; }
div.inici-incidencies li i.icona { font-size: 120%; display: inline-block; width: 20px; text-align: center; color: rgb(0,130,155); }
div.inici-incidencies .emergencia, div.inici-incidencies .emergencia i.icona { color: #D00; }
div.inici-incidencies li i.fletxa { font-size: 120%; position: absolute; font-size: 20px; padding-top: 2px; color: rgba(0,0,0,0.35); margin: auto; top: 0; height: 60%; bottom: 0; right: 0; }
div.inici-incidencies a:hover li i.fletxa { color: white; }
/* CRONOGRAMA FASES */
.fases { display: flex; flex-direction: column; background: url(//web2.girona.cat/global/img/dots_v.png) repeat-y; background-position: 57px 0; }
.fases .row { display: flex; flex-direction: row; }
.fases .cell { flex: 1; /*border: 1px solid orange; */}
.fases .row .cell:first-of-type { flex: none; width: 150px; display: grid; place-items: center; }
.fases a { text-decoration: none; }
.fases h3 a { font-family: FranklinGothicM, sans-serif; font-weight: 300; font-size: 3rem; width: 60px; height: 60px; line-height: 2em; text-align: center; background-color: #eaeaea; border-radius: 50%; display: block; margin: 0 auto; color: #000;}
.fases h3 a.actiu { background-color: rgb(0,130,155); color: white; }
.fases h4 { color: rgb(0,130,155); margin-bottom: 3px; }
.fases .row:last-child .cell { padding-bottom: 20px; }
.fases.inici { flex-direction: row; background: url(//web2.girona.cat/global/img/dots_h.png) repeat-x; background-position: 0 75px; margin-bottom: 40px; }
.fases.inici .row { flex-direction: column; flex: 1; }
.fases.inici .row .cell:first-of-type { height: 150px; width: auto; }
.fases.inici .row { }
.fases.inici p { display: none; margin-bottom: 3px; }
.fases.inici h4 { text-align: center; margin: 0 25px; padding: 0; font-size: 1.55rem; }
.fases .row:last-child .cell { padding-bottom: 0; }
/* HEADERS */
#header_div { padding: 0; margin-bottom: 7px; position: relative; padding: 0 !important; }
#header_ombra { position: absolute; top: 0; left: 0; background: url(//web.girona.cat/o/ajuntament-theme/img/header_shadow.png) no-repeat; background-size: cover; width: 1280px; height: 158px; }
#header_titol { font: 48px/48px FranklinGothicM, Sans-serif; padding-top: 0; padding-left: 0; padding-right: 10px; margin-top: 0px; overflow: hidden; color: white; text-shadow: 3px 3px 6px rgba(0,0,0,0.7); position: absolute; bottom: 19px; left: 25px; }
#header_titol_negre { font: 48px/48px FranklinGothicM, Sans-serif; padding-top: 0; padding-left: 0; padding-right: 10px; margin-top: 0px; overflow: hidden; color: black; position: absolute; bottom: 19px; left: 25px; }
#header_img { background: url(//web.girona.cat/o/ajuntament-theme/img/header_shadow.png) no-repeat; background-size: cover; width: 100%; height: 158px; }
/* BREADCRUMB */
.breadcrumb { background-color: rgba(255,255,255,0) !important; }
ul.breadcrumb.fil-ariadna { padding-left: 0; margin-top: 0; padding-top: 0; font-family: FranklinGothic, Arial, Sans-serif; color: black; text-transform: uppercase; }
ul.breadcrumb.fil-ariadna li a { color: #979492; cursor: pointer; }
ul.breadcrumb.fil-ariadna li a:hover { color: rgb(0,130,155); cursor: pointer; text-decoration: none; }
.breadcrumb.fil-ariadna>li+li:before {
content: "\f054";
font-weight: bold;
font-family: FontAwesome, Sans-serif;
color: rgba(0,130,155,0.5);
float: left;
padding-left: .6em;
padding-right: .6em;
}
/* MENU CORONADO */
#menulayout ul li a.selected { background-color: #393939; }
/* MODIFICACIÓ AUI - Alloy UI*/
.image-viewer-caption { color: white !important; text-align: center !important; }
#myAlert { background: #FFF899; border-color: #ffeb00 !important; text-align: center; margin-bottom: -10px !important; color: #7d4900 !important; line-height: 10px; padding-top: 7px; padding-bottom: 14px; }
.close { opacity: .8; color: #EEE; }
div.FAQ { width: 100%; margin-bottom: 30px; }
div.FAQ .pregunta:hover { cursor: pointer; color: black; }
div.FAQ .pregunta span { color: rgba(0,0,0,0.5); display: inline-block; margin-left: 5px; }
div.FAQ .pregunta span:hover { color: rgba(0,130,155); }
/* MODIFICACIÓ SUBMENÚS "pastilles" ROGER */
ul.navbar-site.split-button-dropdowns a.btn-default { background-color: #E7E4E2; border-color: rgba(0,130,155,0.85); border-width: 1px; color: black; border-radius: 8px; padding: 7px 12px 6px 12px; transition: all .1s; -webkit-transition: all .1s; margin-bottom: 10px; }
ul.navbar-site.split-button-dropdowns a.active { background-color: #393939; border-color: black; color: white; }
ul.navbar-site.split-button-dropdowns a.btn-default:hover { background-color: rgba(0,130,155,1); border-color: rgba(0,130,155,1); color: white; transition: all .3s; -webkit-transition: all .3s; }
.foto_box .grossa:hover, .foto_box .petita:hover { opacity: 0.60; transition: all .3s; -webkit-transition: all .3s; }
.foto_box .grossa, .foto_box .petita { transition: all .1s; -webkit-transition: all .1s; }
/* MENU PRINCIPAL ROGER */
#menu_principal { margin-left: 0; font: 16px/19px Arial, Helvetica, Sans-serif; }
#menu_principal ul { margin: 0; padding: 0; list-style: none; text-align: left; }
#menu_principal ul.level1 { margin: 0; padding: 0; }
#menu_principal ul li { margin: 0; padding: 0; }
#menu_principal ul.level1 li a { display: block; text-decoration: none; color: black; background: #E7E4E2; text-indent: 0px; padding: 7px 5px 8px 20px; text-indent: -20px; border-bottom: 1px solid white; transition: all .1s; -webkit-transition: all .1s; }
#menu_principal ul.level1 li a:hover { background: rgb(0,130,155); color: white; transition: all .3s; -webkit-transition: all .3s; }
#menu_principal ul.level1 li a::before { content: "\25AA"; color: rgb(0,130,155); font-size: 42px; vertical-align: -9px; margin-left: -3px; padding-right: 8px; }
#menu_principal ul.level2 { margin: 0; padding: 0; }
#menu_principal ul.level2 li a { display: block; text-decoration: none; background: #E7E4E2; margin: 0; text-indent: -20px; padding: 7px 5px 8px 40px; border-bottom: 1px solid white; }
#menu_principal ul.level2 li a::before { color: #9A9A9A; }
#menu_principal ul li a.actiu, #menu_principal ul li ul li a.actiu { background: #393939; color: white; }
#menu_principal ul li a.actiu:hover { background: rgb(0,130,155); }
#menu_principal ul li a:hover::before { color: black; }
/* botó Tornar */
#menu_principal ul.level1 li.tornar a { background: #9A9A9A; color: white; }
#menu_principal ul.level1 li.tornar a::before { content: ""; padding-left: 15px; }
#menu_principal ul.level1 li.tornar a:hover { background: #00687C; }
#menu_principal .menuselector { float: right; padding: 8px; cursor: pointer; color: #939393; }
/* LIGHTCASE */
#lightcase-content iframe body { overflow: hidden !important; }
#lightcase-content iframe img { width: 100% !important; height: auto; }
/* BANERS */
.ajbaner { width: 100%; padding-top: 4px; }
.ajbaner a { display: block; transition: all .1s; -webkit-transition: all .1s; }
.ajbaner img { width: 100%; height: auto; border: none; }
.ajbaner.rounded img { border-radius: 8px; -webkit-border-radius: 8px; }
.ajbaner.borders img { border: 1px solid rgba(0,0,0,0.35); }
.ajbaner a:hover { background: rgba(0,130,155,0.5); transition: all .3s; -webkit-transition: all .3s; }
.ajbaner a:hover img { opacity: 0.5; transition: all .3s; -webkit-transition: all .3s; }
.ajbaner.imgfons a { display: block; height: 120px; background: url(//www.girona.cat/shared/img/b.gif) no-repeat right center; background-size: cover; postion: relative; }
.ajbaner.imgfons p { position: absolute; font-size: 18px; color: white; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.7); text-align: left; margin: 0; left: 10px; bottom: 10px; width: 60%; }
.ajbaner.imgfons.rounded { border-radius: 8px; -webkit-border-radius: 8px; }
.ajbaner.imgfons:hover { opacity: 0.7; }
/* SLIDER JSSOR */
#slider1_container { margin-bottom: 0px; }
/* DIVERSOS IMATGE I VÍDEO */
#yt_container { margin-top: 20px; }
#yt_container, #yt_player { width: 100%; }
/* BOTONS */
div.link_btns .btn-pdf { background: rgba(255,255,255,1); border: 2px solid rgba(0,130,155,1); color: rgba(0,130,155,1); margin: 8px 15px 8px 0; }
div.link_btns .btn-pdf:hover { background: black; border-color: black; color: white; }
div.link_btns .glyphicon { margin-right: 4px; }
a.btn { font-size: 1em; background: rgba(255,255,255,0.85); margin-top: 5px; margin-bottom: 5px; border-radius: 6px; border: 2px solid rgb(0,130,155); color: rgb(0,130,155); padding: 6px 12px; }
a.btn-primary { background: rgb(0,130,155); color: white; }
a.btn-primary:hover { background: black; border-color: black; }
a.btn-danger { border-color: red; color: red; }
div.ageliferay_mes_info { background: none !important; font-family: Arial, Sans-serif; font-weight: normal !important; font-size: 13px !important; }
div.ageliferay_mes_info a { margin-bottom: 5px; border-radius: 6px; background: rgb(0,130,155) !important; color: white !important; padding: 6px 12px !important; transition: all .1s; -webkit-transition: all .1s; }
div.ageliferay_mes_info a:hover { background: black !important; transition: all .3s; -webkit-transition: all .3s; }
#xsocials2 { list-style: none; margin: 15px 0 0 0; padding: 0; float: right }
#xsocials2 li { float: left; margin: 0; padding: 0 }
#xsocials2 li a { display: block; background: url(//web2.girona.cat/liferay_php/img/icones_xsocials2.png) no-repeat 0 0; width: 36px; height: 40px; margin-left: 10px }
#xsocials2 li a:hover { background-position: 0 -40px }
#xsocials2 li a img { width: 100%; height: 100%; border: none }
#xsocials2 a.fb { background-position: -46px 0 }
#xsocials2 a:hover.fb { background-position: -46px -40px }
#xsocials2 a.yt { background-position: -92px 0 }
#xsocials2 a:hover.yt { background-position: -92px -40px }
#xsocials2 a.ig { background-position: -138px 0 }
#xsocials2 a:hover.ig { background-position: -138px -40px }
#xsocials2 a.gp { background-position: -184px 0 }
#xsocials2 a:hover.gp { background-position: -184px -40px }
#xsocials2 a.fl { background-position: -230px 0 }
#xsocials2 a:hover.fl { background-position: -230px -40px }
#xsocials2 a.is { background-position: -276px 0 }
#xsocials2 a:hover.is { background-position: -276px -40px }
#xsocials2 a.sc { background-position: -322px 0 }
#xsocials2 a:hover.sc { background-position: -322px -40px }
#xsocials2 a.li { background-position: -368px 0 }
#xsocials2 a:hover.li { background-position: -368px -40px }
#xsocials2 a.bl { background-position: -414px 0 }
#xsocials2 a:hover.bl { background-position: -414px -40px }
#xsocials2 a.rs { background-position: -460px 0 }
#xsocials2 a:hover.rs { background-position: -460px -40px }
/* MODIFICACIÓ ESTILS DIVERSOS */
#lvisor .lvisor_menu .bubbleInfo { margin-bottom: 4px !important; }
.foto_box { margin: 0 15px 0 30px; }
ul.menu_fotos { margin-right: 12px; }
ul.menu_fotos li { height: auto; }
.new-agenda-precessed { margin-top: -5px !important; }
ul#xsocials li a.fb { height: 35px !important; }
#map { border-color: rgba(0,0,0,0.5) !important; }
/* MENÚ DISTRIBUÏDOR */
.menu_distr { list-style: none; margin: 0; padding: 0 }
.menu_distr li { margin: 0; padding: 0; width: 32%; height: 287px; margin-left: 2%; float: left; background-repeat: no-repeat; background-size: cover; }
.menu_distr a { display: block; width: 100%; height: 287px; position: relative; background: url(https://www.girona.cat/web/liferay/img/bg_menu_distr.png); background-repeat: repeat-x; background-position: left bottom; }
.menu_distr div { position: absolute; bottom: 10px; left: 15px; color: white; font: bold 2.75em FranklinGothicM, Arial, Sans-serif; font-weight: normal; text-shadow: 2px 2px 8px rgba(0,0,0,0.5); }
.menu_distr li:hover { background-color: rgb(0,130,155); background-blend-mode: luminosity; transition: all .6s; -webkit-transition: all .6s; }
.menu_distr li:hover div { opacity: 0.7; text-shadow: 2px 2px 8px rgba(0,0,0,1);}
@media only screen and (max-width: 1200px)
{
.menu_distr div { font-size: 2.25em; }
}
@media only screen and (max-width: 960px)
{
.menu_distr div { font-size: 1.75em; }
/* CRONOGRAMA FASES */
.fases.inici { flex-direction: column; background: url(//web2.girona.cat/global/img/dots_v.png) repeat-y; background-position: 43px 0; margin-bottom: 0; }
.fases.inici .row { flex-direction: row; flex: 0; }
.fases.inici .row .cell:first-of-type { height: auto; width: 120px; }
.fases.inici .row .cell:last-of-type { display: grid; align-items: center; text-align: left; }
.fases.inici p { display: none; margin-bottom: 3px; }
.fases.inici h4 { text-align: left; margin: 0 0 3px 0; padding: auto; font-size: auto; }
.fases .row:last-child .cell { padding-bottom: 20px; }
}
@media only screen and (max-width: 640px)
{
.menu_distr li { width: 100%; margin-left: 0; background-size: cover; background-position: center center; margin-bottom: 15px; height: 200px; }
.menu_distr a { height: 200px; }
.menu_distr div { font-size: 2.75em; }
}
/* paginació */
.taglib-page-iterator a { color: black; }
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector { display: none; }
.taglib-page-iterator .search-results { font-size: 1.1em; color: rgba(0,0,0,0.6); }
.taglib-page-iterator .lfr-pagination-buttons { font-size: 1.1em; margin-top: 5px; }
.taglib-page-iterator .lfr-pagination-buttons li a { color: black; }
.taglib-page-iterator .lfr-pagination-buttons li a:hover { color: rgb(0,130,155); }
.taglib-page-iterator a.btn { font-size: 1.05em; padding: 3px 10px; }
.taglib-page-iterator a.btn:hover { color: rgb(0,130,155); }
/* foto_box2 */
.foto_box2 { float: right; width: 300px; margin: 0 30px; padding-bottom: 20px; }
/*.foto_box2 img { width: auto; height: 100%; border: none; }*/
.foto_box2 a.grossa { width: 100%; height: 300px; overflow: hidden; }
.foto_box2 a.grossa img { width: auto; height: 300px; border: none; }
.foto_box2 .petita { float: left; width: 90px; height: 90px; margin: 5px; overflow: hidden; background: url(../img/foto_prova.jpg) no-repeat center; background-size: cover; }
.foto_box2 .grossa:hover, .foto_box .petita:hover { opacity: 0.60; }
.foto_box2 .peu_foto { font: bold 12px Arial, Helvetica, Sans-serif; color: #666; padding: 10px 0; border-bottom: 1px solid #C7C4C2; margin-bottom: 5px; }
/* videos */
/*
.video-noticies { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 0%; }
.video-noticies iframe, .video-noticies object, .video-noticies embed { position: absolute; top: 0; left: 0; width: 95%; height: 95%; margin-left: 2.5%; }
*/
.video-noticies { padding-bottom: 13px; }
/* FORMULARIS MCHIMP */
.formchimp { margin: 30px 20px 20px 20px; padding: 10px 15px; background: rgba(0,130,155, 0.1); border: 1px solid rgba(0,130,155, 0.5); border-left: none; border-right: none; }
.formchimp h2 { font: 1.8em FranklinGothicM, Sans-serif; color: rgba(0,130,155,1); margin: 0 0 10px 0; }
.formchimp legend { color: rgba(0,130,155,0.6); font-size: 1.3em; font-weight: bold; border-bottom: 2px dotted rgba(0,130,155,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; }
.form-group label.checkbox:hover { cursor: pointer; }
.form-group select { padding: 5px 10px; border-radius: 5px; border-color: rgba(0,0,0,0.3); }*/
/* FORMULARIS ACRELIA */
.divform { margin: 30px 20px 20px 0; padding: 10px 15px; background: rgba(0,130,155, 0.1); border: 1px solid rgba(0,130,155, 0.5); border-left: none; border-right: none; }
.divform h2 { font: 1.8em FranklinGothicM, Sans-serif; color: rgba(0,130,155,1); margin: 0 0 10px 0; }
.divform legend { color: rgba(0,130,155,0.6); font-size: 1.3em; font-weight: bold; border-bottom: 2px dotted rgba(0,130,155,0.3); padding-top: 15px; margin-bottom: 10px; }
/* LOGOS */
div.logos { clear: both; }
div.logos h5 { font: 18px/20px FranklinGothicM, sans-serif; color: rgba(0,130,155,0.6); margin: 15px 0 5px 0 }
div.logos ul { list-style: none; margin: 0; padding: 0; }
div.logos ul li { float: left; padding: 0 12px; }
div.logos ul img { width: 100%; border: none; }
div.logos ul a { display: block; width: 200px; height: 80px; transition: all .1s; -webkit-transition: all .1s; }
div.logos ul a:hover { opacity: 0.5; transition: all .3s; -webkit-transition: all .3s; }
div.logos.petits h5 { font-size: 15px/17px; }
div.logos.petits ul li { padding: 0 6px; }
div.logos.petits ul a { /* width: 150px; height: 60px; */ width: 120px; height: 48px; }
/* XARXES SOCIALS */
div.xarxes_socials a.fa { font-size: 36px; color: black; padding: 5px; transition: all .1s; -webkit-transition: all .1s; }
div.xarxes_socials a.fa:hover { color: rgba(0,130,155,1); text-decoration: none; transition: all .3s; -webkit-transition: all .3s; }
div.xarxes_socials a.fa-issuu {
content: url("data:image/svg+xml;utf8,");
position: relative !important; top: 2px !important; padding: 0 10px; transition: all .3s; -webkit-transition: all .3s;
}
div.xarxes_socials a.fa-issuu:hover {
content: url("data:image/svg+xml;utf8,");
transition: all .3s; -webkit-transition: all .3s;
}
/* SUBVENCIONS */
.subv_dir { background: #E7E4E2; padding: 0 0 15px 0; }
.llegenda { background: rgba(0,0,0,0.12); font-size: 14px; text-align: right; border-bottom: 1px dotted rgba(0,0,0,0.3); color: rgba(0,0,0,0.8); padding: 7px; }
.llegenda .fa { display: inline-block; padding-right: 3px; padding-left: 15px; }
.subv_dir h5 { font: 18px/20px FranklinGothicM, sans-serif; color: black; margin: 20px 0 10px 0; text-align: left; }
.subv_dir_list { column-count: 2; column-gap: 2em; column-rule: 1px dashed rgba(0,0,0,0.3); orphans: 2; padding: 30px 15px 0 15px; }
.subv_dir h5:first-child { margin-top: 0; }
a.subv_dir_item { display: block; font: 16px/20px Arial, Sans-serif; cursor: pointer; margin: 0 0 10px 33px; text-indent: -12px; }
/*a.subv_dir_item::before { display: inline-block; content: "\25AA"; color: rgba(0,130,155,0.8); font-size: 36px; vertical-align: -7px; margin-left: -3px; padding-right: 12px; }*/
/*a.subv_dir_item span { margin-left: 5px; padding: 2px 5px; font-size: 12px; text-transform: uppercase; border: 1px solid rgba(0,0,0,0.2); border-radius: 5px; }*/
a.subv_dir_item .fa { display: inline-block; padding-right: 10px; }
a.subv_dir_item i.estat1, div.llegenda .estat1 { color: rgb(128,128,128); }
a.subv_dir_item i.estat2, div.llegenda .estat2 { color: rgb(0,180,0); }
a.subv_dir_item i.estat3, div.llegenda .estat3 { color: rgb(0,190,255); }
a.subv_dir_item i.estat4, div.llegenda .estat4 { color: rgb(128,0,255); }
a.subv_dir_item i.estat5, div.llegenda .estat5 { color: rgb(255,0,63); }
div.subv_llista { border: 1px solid rgba(0,130,155,0.4); background: rgba(0,130,155,0.05); padding: 5px 15px; margin-bottom: 20px; }
div.subv_llista:hover { background: rgba(0,130,155,0.2); }
div.subv_llista h3 { margin-top: 10px; }
div.subv_llista .estat { display: inline-block; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: rgba(0,0,0,0.75); border: 1px solid rgba(0,0,0,0.25); background: rgba(0,0,0,0.15); padding: 3px 10px 2px 10px; margin-bottom: 10px; border-radius: 5px; }
div.subv_llista .estat1 { background: rgba(0,130,155,0.2); }
div.subv_llista .estat2 { background: rgba(0,255,0,0.55); border-color: rgba(0,150,0,1); color: black; border-style: dotted; border-width: 2px; }
div.subv_llista .estat3{ background: rgba(0,190,255,0.35); border-color: rgba(0,190,255,1); color: rgba(0,0,0,0.9); }
div.subv_llista .estat4 { background: rgba(128,0,255,0.25); border-color: rgba(128,0,255,1); color: black; }
div.subv_llista .estat5 { background: rgba(255,0,63,0.35); border-color: rgba(255,0,63,1); color: black; }
div.subv_llista .tag { background: rgba(255,255,255,0.5); color: rgba(0,0,0,0.7); border-color: rgba(0,0,0,0.3); margin-left: 10px; }
div.subv_menu { border-bottom: 2px solid rgba(0,130,155,1); margin-top: 20px; margin-right: 20px; }
div.subv_menu ul { list-style: none; margin: 0; padding: 0; font-weight: bold; font-size: 14px; }
div.subv_menu ul li { float: left; margin: 0; padding: 0; }
div.subv_menu ul a { display: block; background: white; padding: 6px 8px; margin-right: 10px; border: 2px solid #999; border-bottom: none; border-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #999; }
div.subv_menu ul a:hover { color: rgba(0,130,155,1); }
div.subv_menu ul a.actiu { border-color: rgba(0,130,155,1); background: rgba(0,130,155,1); color: white; }
div.subv_menu ul a.actiu:hover { color: black; }
.subv_fitxa { clear: both; padding-top: 10px; }
table.estat_subv { font: 1em Arial, sans-serif; width: 98.5%; margin-bottom: 20px; text-transform: uppercase; }
table.estat_subv td { background: rgba(0,0,0,0.07); border-bottom: 5px solid #AAA; padding: 5px 10px; text-align: center; }
table.estat_subv td:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
table.estat_subv td:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
table.estat_subv td.passat { border-bottom: 3px solid #CCC; border-top: 3px solid #CCC; color: #999; }
table.estat_subv td.actiu { border-bottom: 3px solid rgb(0,130,155); border-top: 3px solid rgb(0,130,155); color: rgb(0,130,155); font-weight: bold; background: rgba(0,130,155,0.15); }
table.estat_subv td.futur { border-bottom: 3px solid #999; border-top: 3px solid #999; color: #000; }
table.estat_subv td { border-right: 3px solid white; border-left: 3px solid white; padding: 10px; }
table.estat_subv td.clicar { background: white; border-bottom: 1px dashed #AAA; text-transform: none; }
div.subv_nota { background: rgba(255,240,0,0.15); margin-right: 20px; margin-bottom: 30px; padding: 20px 20px 10px 20px; border: 1px dashed rgba(255,0,0,0.5); }
div.subv_resum { margin-bottom: 30px; margin-right: 20px; background: rgba(0,0,0,0.08); padding: 20px;/* padding-left: 255px; */border-radius: 10px; color: black; font-size: 16px; line-height: 26px; }
div.subv_resum .foto { float: left; width: 200px; height: 150px; margin-right: 20px; overflow: hidden; background: url(/o/ajuntament-theme/img/b.gif) no-repeat center center; background-size: cover; }
div.subv_resum .foto img { width: 200px; height: 150px; }
/* TALENTCLUE SMO BORSA */
.tc-job-position { font-size: 13px !important; font-weight: bold !important; }
.tc-job-position a, .tc-job-insc a { color: #D44A2A !important; }
.tc-job-insc, .tc-widget__wrapper { font-size: 13px !important; }
.tc-filters__wrapper { border: 1px solid #CCC !important; padding-left: 15px !important; padding-right: 15px !important; border-radius: 6px !important; width: 95% !important; background: rgba(0,130,155,0.2) !important; }
.tc-widget__wrapper { width: 95% !important; }
.tc-search-bar-mobile input[type=text], .tc-search-bar input[type=text] { padding: 4px !important; height: auto !important; border-color: rgba(0,0,0,0.6) !important; }
.MuiChip-root, .tc-chips-clear__wrapper .tc-clear-word { font-size: 13px !important; }
.svg-inline--fa.fa-w-16 { width: 24px !important; height: 24px !important; color: rgba(0,130,155, 1); }
.search-ico { padding-left: 5px !important; padding-right: 5px !important; }
/* OWL CAROUSEL */
.owl-carousel-tira { font: 14px/15px FranklinGothicM, Sans-serif; background: #E7E4E2; }
.owl-carousel-tira h2 { padding: 10px 10px 0 15px; margin-bottom: 10px; }
.owl-carousel { padding: 0 10px; }
.owl-carousel div.oc-item { margin: 5px 5px 8px 5px; }
.owl-carousel .owl-item { padding: 0 3px !important; margin: 0 4px !important; }
.owl-carousel a { display: block; background: white; padding: 5px; width: 134px !important; height: 150px; box-shadow: 3px 2px 10px rgba(0,0,0,0.25); color: #333; transition: background .3s ease, color .3s ease; overflow: hidden; }
.owl-carousel a:hover { background: #373432; color: white; text-decoration: none; transition: background .3s ease, color .3s ease; }
.owl-carousel .owl-item img { display: block; width: 124px; height: 76px; margin-bottom: 5px !important; }
.owl-carusel b.txt { display: block; margin: 5px 0 0 0; font-size: 12px; text-align: left; }
.owl-dots { text-align: center !important; }
.owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: rgba(0,0,0,0.4); display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }
.owl-dot span:hover { background: rgb(0,130,155); }
.owl-carousel-tira.inici { padding-top: 25px; padding-bottom: 15px; background: #99CDD7; }
/* CERCADOR GOOGLE */
#searchContainer .result { min-height: initial !important; }
#searchContainer .result-img { display: none !important; }
#searchContainer .result-title, #searchContainer .result-snipped, #searchContainer .result-link { max-width: none !important; }
#searchContainer .result-snipped { font-size: 14px !important; }
#searchContainer .result-link a { display: inline-block; border: 1px solid rgb(0,130,155); background: rgba(0,130,155,0.10); padding: 4px 10px; border-radius: 6px; color: rgb(0,130,155) !important; font-size: 12px !important; margin-top: 10px; margin-bottom: 20px; transition: background .1s ease, color .1s ease; }
#searchContainer .result-link a:hover { background: rgba(0,130,155,1); color: white !important; transition: background .3s ease, color .3s ease; }
/* REQUADRES TEXT */
.box { background: #E7E4E2; padding-bottom: 10px; margin-top: 4px; margin-bottom: 13px; margin-right: 2%; }
.box h3 { background: #66B4C3; color: white; padding: 6px 10px 5px 10px; font-size: 1.75em; font-family: FranklinGothicM, Sans-serif; margin-top: 0; }
.box h3 span { display: inline-block; margin-left: 10px; font-family: FranklinGothicMC, Sans-serif; font-size: 0.8em; color: black; }
.box h4 { margin: 15px 15px 5px 15px; border-bottom: 2px solid rgba(169,60,53,0.3); padding-bottom: 3px; }
.box h4:first-child { margin-top: 0; }
.box h5 { margin: 15px 15px 5px 15px;}
.box p { margin: 0 15px 10px 15px; text-align: left; }
.box.w50 { float: left; width: 48%; }
.box.w33 { float: left; width: 31%; }
.box_taula { margin: 15px 15px 10px 15px; font-size: 1.3em; }
.box_taula th { background: rgba(0,0,0,0.4); color: white; padding: 5px; text-align: center; border-left: 1px dashed rgba(255,255,255,0.6); line-height: 1.2em; }
.box_taula th:first-child { border: none; }
.box_taula td { font-size: 0.85em; padding: 15px 0.25%; background: rgba(255,255,255,0.7); border: 1px dashed rgba(0,0,0,0.4); border-top: none; vertical-align: top; }
.box_taula.col4 td { width: 24.5%; }
.box_taula.col3 td { width: 32.5%; }
.box_taula.col2 td { width: 49.5%; }
.box a.btn { background: rgba(255,255,255,0.85); margin-left: 15px; margin-top: 5px; border-radius: 6px; border: 2px solid rgb(0,130,155); color: rgb(0,130,155); padding: 6px 12px; }
.box a.btn span { margin-right: 3px; }
.box a.btn:hover { background: black; border-color: black; color: white; }
.fotodreta { float: left; width: 48%; margin-right:2%; margin-top: 3px; margin-bottom: 13px; overflow: hidden; background-repeat: no-repeat; background-size: cover; }
.incidencia_nota { background: rgba(0,0,0,0.07); padding: 20px 20px 10px 20px; border-radius: 10px; margin-top: 20px; margin-bottom: 20px; }
.incidencia_nota p { font-size: 1.15em; color: rgba(0,0,0,0.7); }
/* NOTÍCIES ADT */
.news { background: #E7E4E2; padding: 10px; margin-bottom: 15px; border-top-right-radius: 16px; }
.news div.news_img { width: 100px; height: 100px; float: left; background: url(//www.girona.cat/web/liferay/img/nofoto_100x100.png) center center no-repeat; background-size: cover; }
.news p.news_titol { font: bold 14px/16px Arial, Helvetica, Sans-serif; margin: 0 15px 5px 120px; padding-bottom: 10px; margin-left: 120px; text-align: left; }
.news p.news_intro { font: 14px/16px Arial, Helvetica, Sans-serif; margin: 0 15px 0 120px; text-align: left; }
.news p.news_text { display: none; margin: 0 15px 10px 120px; text-align: left; }
.news p.news_intro span.data { display: inline-block; color: white; background: rgba(169,60,53,0.5); padding: 0 5px; margin-right: 5px; }
.news a { font-family: HelveticaNeueBC, sans-serif; font-size: 1em; }
.news a:hover { color: black; background: none; }
.news img:hover { opacity: 0.5; }
.news .intro { font-weight: bold; color: rgba(0,0,0,0.6); }
.news.inici { margin-right: 0; margin-bottom: 5px; }
.news.inici .intro { font-size: 0.95em; }
.entradeta { margin: 0 15px 20px 0; padding: 6px 0; font-weight: bold; color: rgba(0,0,0,0.6); border-top: 1px solid rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); }
.news_intro2 { font: 22px/26px Arial, Helvetica, Sans-serif; margin: -5px 15px 20px 0; text-align: left; color: black; }
.news_data2 { font: 14px Arial, Helvetica, Sans-serif; color: rgba(0,0,0,0.7); margin: 0; }
.entradeta .intro { font-size: 1.15em; }
.news2 .foto_box a:hover { background: none; }
.news2 p.resum a { font-weight: bold; }
a:hover .news { background: #A7A4A2; }
a:hover .news p.news_titol { text-decoration: none !important; }
a:hover { text-decoration: none !important; }
.noticia_detall .taglib-page-iterator { display: none; }
/* PL LLISTATS TEMÀTICS */
table.llistat_tematic div.foto { width: 250px; height: 167px; overflow: hidden; background: url(/o/ajuntament-theme/img/b.gif) no-repeat center center; background-size: cover; }
table.llistat_tematic div.foto img { width: 250px; height: 167px; border: none; }
table.llistat_tematic td { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.3); vertical-align: top; }
table.llistat_tematic td:first-child { width: 250px; }
table.llistat_tematic td:last-child { padding-left: 15px; }
table.llistat_tematic td h3 { margin-top: 0; }
table.llistat_tematic.gros div.foto { height: 250px; }
table.llistat_tematic.gros div.foto img { height: 250px; }
table.llistat_tematic p.fitxa { font-size: 1.1em; line-height: 1.35em; }
div.llistat_tematic div.item { clear: both; border-bottom: 1px solid rgba(0,0,0,0.3); padding: 15px 0 10px 0; }
div.llistat_tematic div.foto { float: left; width: 26.88%; margin-right: 1.61%; margin-bottom: 5px; height: 250px; overflow: hidden; background: url(/o/ajuntament-theme/img/b.gif) no-repeat center center; background-size: cover; }
div.llistat_tematic div.foto.petita { height: 167px; }
div.llistat_tematic div.foto img { width: 100%; height: 250px; border: none; }
div.llistat_tematic div.foto.petita img { height: 167px; }
div.llistat_tematic div.dades { float: left; width: 71.51%; }
div.llistat_tematic div.dades h3 { margin-top: 0; }
div.llistat_tematic p.fitxa { font-size: 1.1em; line-height: 1.35em; }
/* EQUIPAMENTS ADT */
ul.adt_espais { list-style: none; text-align: left; margin: 10px 0 0 0; padding: 0; color: #676462; }
ul.adt_espais li { margin: 0; padding: 0; ; }
ul.adt_espais li:hover a { transition: all .3s; -webkit-transition: all .3s; }
ul.adt_espais div.foto { float: left; background: url(//www.girona.cat/web/liferay/img/nofoto_100x100.png) center center no-repeat; background-size: cover; width: 130px; height: 130px; margin-top: -15px; }
ul.adt_espais div.foto img { width: 130px; height: 130px; border: none; }
ul.adt_espais h2 { font: 17px FranklinGothicM, sans-serif; color: black; margin: 15px 10px 5px 140px; text-align: left; }
ul.adt_espais p { font: 15px/17px Arial, Sans-serif; color: #676462; margin: 0 10px 5px 140px; text-align: left; color: rgba(0,0,0,0.8); }
ul.adt_espais a { display: block; padding: 0; background: #E7E4E2; float: left; width: 48%; height: 130px; margin: 0 2% 19px 0; transition: all .3s; -webkit-transition: all .3s; position: relative; overflow: hidden; }
ul.adt_espais a:hover h2, ul.espais a:hover p { color: white; transition: all .3s; -webkit-transition: all .3s; ; }
ul.adt_espais a:hover { background: rgba(0,130,155,0.5); transition: all .3s; -webkit-transition: all .3s; color: black !important; text-decoration: none; }
ul.adt_espais a:hover .foto { opacity:0.5; filter:alpha(opacity=50); transition: all .3s; -webkit-transition: all .3s; }
/*
div.adt_espais { border: 1px solid rgb(0,130,155); margin-top: 20px; }
div.adt_espais div.titol { font: 17px FranklinGothicM, sans-serif; background: url(../img/bg_fitxa_tecnica_div.png) repeat-x top #FFF; padding: 20px 10px 5px 10px; }
div.adt_espais div.dades { background: url(../img/bg_fitxa_tecnica.png) repeat-x bottom #F3F1F0; padding: 10px 0; }
div.adt_espais p { font: 14px Arial, Helvetica, sans-serif; margin: 0 10px 10px 10px; color: #333; }
div.adt_espais p b { color: #666; }
div.adt_espais div.imatge { margin: 0 10px; border: 1px solid rgba(0,0,0,0.1); }
div.adt_espais img { width: 100%; }
*/
/*
.youtube {
margin: 15px;
}
*/
/* DIVERSOS */
/* itineraris gossos */
.canins { width: 350px; background: white; }
.canins h3 { color: black; margin-bottom: 0; padding: 5px 10px; }
.canins img { width: 25px; height: 25px; margin-left: 15px; margin-right: 5px; }
.canins div { margin-bottom: 20px; padding: 15px 10px 15px 0; font-weight: bold; font-size: 115%; }
.canins.verd h3 { background: rgb(146,200,62); }
.canins.verd img { background: rgb(146,200,62); }
.canins.verd div { background: rgba(146,200,62,0.25); }
.canins.groc h3 { background: rgb(255,222,23); }
.canins.groc img { background: rgb(255,222,23); }
.canins.groc div { background: rgba(255,222,23,0.25); }
.canins.roig h3 { background: rgb(241,97,100); }
.canins.roig img { background: rgb(241,97,100); }
.canins.roig div { background: rgba(241,97,100,0.25); }
.video-responsive { margin: 30px; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; }
.video-responsive iframe, .video-responsive object, .video-responsive embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 89% !important; }
div.espai_fitxa { margin-right: 0; padding-bottom: 20px; }
div.espai_fitxa .principal { float: right; width: 600px; }
/*div.espai_fitxa .principal .youtube { margin: 0; }
div.espai_fitxa .principal .youtube .video-responsive { margin: 0; padding-top: 0; }*/
div.espai_fitxa p, div.espai_fitxa .info_espai { margin-right: 0; }
div.espai_fitxa .lateral { float: right; width: 300px; margin: 0 15px; border-left: 1px solid rgba(0,130,155,0.55); padding-left: 15px; }
div.espai_fitxa .lateral .foto_box { width: 285px; margin: 0; }
div.espai_fitxa .lateral .grossa { width: 100%; height: 200px; overflow: hidden; background: url(../img/foto_prova.jpg) no-repeat center; background-size: cover; margin-top: 15px; }
div.espai_fitxa .lateral .foto_box .petita { float: left; width: 90px; height: 90px; margin: 0 5px 5px 0; overflow: hidden; background: url(../img/foto_prova.jpg) no-repeat center; background-size: cover; }
div.espai_fitxa .lateral img { width: 100%; height: 100%; border: none; }
div.espai_fitxa .lateral .grossa:hover, .foto_box .petita:hover { opacity: 0.60; }
div.espai_fitxa .lateral .peu_foto { font: bold 12px Arial, Helvetica, Sans-serif; color: #666; padding: 10px 0; border-bottom: 1px solid #C7C4C2; margin-bottom: 5px; }
div.espai_fitxa #mapa { clear: both; width: 100%; height: 200px; margin-bottom: 15px; border: 1px solid rgba(0,0,0,0.3); }
div.espai_fitxa h4 { padding-bottom: 3px; border-bottom: 2px dotted rgba(0,0,0,0.3); }
div.espai_fitxa .lateral p { font: 14px/16px Arial, Sans-serif; text-align: left; }
/*
div.espai_fitxa .grossa { float: left; width: 60%; height: 350px; background: url(//www.girona.cat/web/liferay/img/nofoto_100x100.png) center center no-repeat; background-size: cover; border: 1px solid rgba(0,0,0,0.3); border-right: none; transition: all .1s; -webkit-transition: all .1s; }
div.espai_fitxa .grossa img { width: 100%; height: 100%; border: none; }
div.espai_fitxa #mapa { float: left; width: 40%; height: 350px; border: 1px solid rgba(0,0,0,0.3); }
div.espai_fitxa .petita { float: left; width: 90px; height: 90px; margin: 5px; overflow: hidden; background: url(//www.girona.cat/web/liferay/img/nofoto_100x100.png) no-repeat center; background-size: cover; transition: all .1s; -webkit-transition: all .1s; }
div.espai_fitxa .petita img { width: 100%; height: 100%; }
div.espai_fitxa .peu_foto { font: bold 12px Arial, Helvetica, Sans-serif; color: #666; padding: 10px 0; border-bottom: 1px solid #C7C4C2; margin-bottom: 5px; }
div.espai_fitxa .grossa:hover, div.espai_fitxa .petita:hover { opacity: 0.6; transition: all .3s; -webkit-transition: all .3s; }
*/
/* TAULES */
div.taula { overflow-x: auto; padding: 0 20px; }
/* .taula -> columnes alineades esquerre */
table.taula { border-bottom: 2px solid rgba(0,130,155,0.5); margin-top: 15px; margin-bottom: 10px; font: 14px Arial, Helvetica, Sans-serif; }
table.taula caption { font: 20px FranklinGothicM, sans-serif; color: rgba(0,130,155,1); margin-top: 0; margin-bottom: 6px; text-align: left; caption-side: top; }
table.taula caption span { font-size: 15px; display: block; margin-top: 3px; color: rgba(0,0,0,0.6); }
table.taula tr { border-top: 1px solid rgba(0,130,155,0.5); }
table.taula tr:first-child { border-top: none; }
table.taula th { border-top: 1px solid rgba(0,130,155,0.5); background: rgba(0,130,155,0.5); color: white; padding: 8px 10px 4px 10px; text-align: left; }
table.taula td { padding: 6px 10px; text-align: left; border-right: 1px solid rgba(0,130,155,0.5); }
table.taula tr:nth-child(odd) { background: rgba(0,130,155,0.1); }
/* .taula.dreta -> tot alineat a la dreta menys primera columna */
table.taula.dreta th { text-align: right; }
table.taula.dreta td { padding-right: 10px; text-align: right; }
/* .taula.centre -> tot alineat al centre menys primera columna */
table.taula.centre th { text-align: center; }
table.taula.centre td { padding-right: 10px; text-align: center; }
table.taula td:first-child, table.taula th:first-child { padding-left: 10px; text-align: left; }
table.taula td:last-child { border: none; }
/* .taula.total */
table.taula th:first-child { border-top-left-radius: 4px; }
table.taula th:last-child { border-top-right-radius: 4px; }
table.taula.total tr:last-child td { font-weight: bold; border-top: 2px solid rgba(0,130,155,0.5); }
table.taula.col1x td:first-child { background: rgba(0,130,155,0.15) !important; color: black; }
table.taula.quadre caption { border-top: 1px solid rgba(0,130,155,0.5); background: rgba(0,130,155,0.5); color: white; padding: 8px 10px 4px 10px; text-align: left; margin-bottom: 0; text-align: center; }
table.taula.quadre td:first-child { font-weight: bold; background: rgba(0,130,155,0.1); }
table.taula.quadre tr:nth-child(odd) { background: white; }
div.info_espai table.taula { margin-left: 20px; margin-right: 20px; border-bottom: 2px solid rgba(0,0,0,0.5); }
div.info_espai table.taula th { background: rgba(0,0,0,0.5); }
div.info_espai table.taula tr { background: rgba(255,255,255,0.85); border-top: 1px solid rgba(0,0,0,0.5); }
div.info_espai table.taula tr:nth-child(odd) { background: rgba(0,0,0,0.1); }
div.info_espai table.taula td { border-right: 1px solid rgba(0,0,0,0.5); }
div.info_espai table.taula.total tr:last-child td { border-top: 2px solid rgba(0,0,0,0.5); }
div.info_espai table.taula td:last-child { border: none; }
/* LLISTES */
ul.llista, ol.llista { list-style: none; font: 16px/20px Arial, Helvetica, Sans-serif; color: #333; text-align: left; margin: 15px 20px 20px 4px; padding-inline-start: 20px;}
.taula ul.llista, .taula ol.llista { font-size: 14px; }
ul.llista a, ol.llista a { text-decoration: none; }
ul.llista li, ol.llista li { margin-bottom: 10px; }
/* llista pics */
ul.llista.pics li { text-indent: -1.3em; margin-left: 1.2em; }
ul.llista.pics li::before { content: "\25AA"; color: rgba(0,130,155,0.8); font-size: 36px; vertical-align: -7px; margin-left: -3px; padding-right: 12px; }
/* subllista pics */
ul.llista.pics li ul { list-style: circle; counter-reset: slistp 0; margin-top: 10px; margin-left: -0.85em; }
ul.llista.pics li ul li { text-indent: -0em; margin-left: 0.7em; counter-increment: slistp; }
ul.llista.pics li ul li::before { content: ""; padding-right: 3px; }
ul.llista.pics li ul li:last-child { margin-bottom: 15px; }
/* subllista numèrica */
ul.llista.pics li ol { list-style: decimal; margin-top: 10px; counter-reset: slistn 0; }
ul.llista.pics li ol li { counter-increment: slistn; }
ul.llista.pics li ol li::before { content: ""; margin-right: 12px; }
ul.llista.pics li ol li:last-child { margin-bottom: 15px; }
/* llista numeros */
ol.llista.numeros li { margin-left: 1.3em; counter-increment: li; }
ol.llista.numeros li::before { content: counter(li) ". "; color: rgba(0,130,155,0.8); font: bold 16px FranklinGothicM, sans-serif; display: inline-block; width: 1.5em; margin-left: -2.25em; margin-right: 0.75em;}
/* subllista alfabètica */
ol.llista.numeros li ol { list-style: none; margin-top: 10px; counter-reset: slistn 0; }
ol.llista.numeros li ol li { counter-increment: slistn; }
ol.llista.numeros li ol li::before { content: counter(slistn, lower-alpha) ") "; color: rgba(0,130,155,0.8); font: bold 16px FranklinGothicM, sans-serif; display: inline-block; width: 1em; margin-left: -1.5em; margin-right: 0.5em; }
ol.llista.numeros li ol li:last-child { margin-bottom: 15px; }
/* subllista pics */
ol.llista.numeros li ul { list-style: circle; counter-reset: slistp 0; margin-top: 10px; margin-left: -0.85em; }
ol.llista.numeros li ul li { text-indent: -0em; margin-left: 0.7em; counter-increment: slistp; }
ol.llista.numeros li ul li::before { content: ""; }
ol.llista.numeros li ul li:last-child { margin-bottom: 15px; }
/* llista lletres */
ol.llista.lletres { counter-reset: list; }
ol.llista.lletres li { margin-left: 1.3em; counter-increment: list; }
ol.llista.lletres li::before { content: counter(list, lower-alpha) ") "; color: rgba(0,130,155,0.8); font: bold 16px FranklinGothicM, sans-serif; display: inline-block; width: 1.2em; margin-left: -1.8em; margin-right: 0.6em; }
/* subllista numèrica */
ol.llista.lletres li ol { list-style: none; margin-top: 10px; counter-reset: slistn 0; }
ol.llista.lletres li ol li { counter-increment: slistn; }
ol.llista.lletres li ol li::before { content: counter(slistn) ". "; color: rgba(0,130,155,0.8); font: bold 16px FranklinGothicM, sans-serif; display: inline-block; width: 1em; margin-left: -1.5em; margin-right: 0.5em; }
ol.llista.lletres li ol li:last-child { margin-bottom: 15px; }
/* subllista pics */
ol.llista.lletres li ul { list-style: circle; counter-reset: slistp 0; margin-top: 10px; margin-left: -0.85em; }
ol.llista.lletres li ul li { text-indent: -0em; margin-left: 0.7em; counter-increment: slistp; }
ol.llista.lletres li ul li::before { content: ""; }
ol.llista.lletres li ul li:last-child { margin-bottom: 15px; }
ul.col4, ol.col4 { -moz-column-count: 4; -moz-column-gap: 30px; -webkit-column-count: 4; -webkit-column-gap: 30px; column-count: 4; column-gap: 30px; }
ul.col3, ol.col3 { -moz-column-count: 3; -moz-column-gap: 30px; -webkit-column-count: 3; -webkit-column-gap: 30px; column-count: 3; column-gap: 30px; }
ul.col2, ol.col2 { -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px; }
/*
ul.navbar-site.nav-pills { font: 16px/19px Arial, Helvetica, Sans-serif;}
ul.navbar-site.nav-pills li.lfr-nav-item { display: block; text-decoration: none; color: black; background: #E7E4E2; text-indent: 0px; padding: 7px 5px 8px 20px; text-indent: -20px; border-bottom: 1px solid white; transition: all .1s; -webkit-transition: all .1s; margin: 0; }
ul.navbar-site.nav-pills li.lfr-nav-item::before { content: "\25AA"; color: rgb(0,130,155); font-size: 42px; vertical-align: -9px; margin-left: -3px; padding-right: 8px; }
ul.navbar-site.nav-pills li.lfr-nav-item:hover { background: rgb(0,130,155); color: white; transition: all .3s; -webkit-transition: all .3s; }
ul.navbar-site.nav-pills li.lfr-nav-item a { padding: 0; margin: 0; display: inline-block; color: black; border-radius: none; border-right: 1px solid red; width: 100%; position: relative; }
ul.navbar-site.nav-pills li.lfr-nav-item.active { background: black; color: white; }
ul.navbar-site.nav-pills li.lfr-nav-item.active a { background: none; color: white;}
ul.navbar-site.nav-pills .icon-caret-down { position: absolute; right: 0; margin-right: 0; }
/*
*/
/* INSUIT */
#x-insuit-tab { background: none 0px 0px repeat scroll #AF0421 !important; border: 1px solid #AF0421 !important; color: #FFFFFF !important; top: 80% !important; }
#x-insuit-tab * { color: #FFFFFF !important; top: 80% !important; }
#x-tab-insuit-image { display: none !important; }
#x-insuit-tab-container img { display: none; }
@media only screen and (min-width: 1280px)
{
.has-control-menu #wrapper { margin-top: 28px; }
}
@media screen and (max-width: 1280px)
{
#wrapper { margin-top: 0px !important; }
}
@media only screen and (max-width: 1024px)
{
#header_titol { font-size: 38px; line-height: 38px; bottom: 16px; left: 20px; }
#header_ombra { width: 100%; height: 126px; }
#header_img { width: 100%; height: 126px; }
ul.col4, ol.col4 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}
@media only screen and (max-width: 960px)
{
#header_titol { font-size: 36px; line-height: 36px; bottom: 15px; left: 19px; }
#header_ombra { width: 100%; height: 119px; }
#header_img { width: 100%; height: 119px; }
.subv_dir_list { column-count: 1; }
}
@media only screen and (max-width: 768px)
{
.has-control-menu #wrapper { margin-top: 20px; }
#header_titol { font-size: 29px; line-height: 29px; bottom: 12px; left: 17px; }
#header_ombra { width: 100%; height: 95px; }
#header_img { width: 100%; height: 95px; }
#lvisor { margin-left: 20px !important; margin-right: 20px !important; }
#visorCont #lvisor .lvisor_menu div { width: 23.7% !important; }
/* #lvisor .lvisor_content .diapo { width: 100% !important; height: 56.36% !important; background-size: 100% 56.36% !important; background-repeat: no-repeat !important; } */
ul.col4, ol.col4, ul.col3, ol.col3 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
@media only screen and (max-width: 640px)
{
#header_div { margin-top: -17px; }
#header_titol { font-size: 27px; line-height: 27px; bottom: 15px; left: 16px; }
#header_ombra { width: 100%; height: 90px; }
#header_img { width: 100%; height: 90px; }
div#peu_pagina { padding-bottom: 20px; }
#peu_pagina ul#xsocials { padding-top: 0; }
ul#xsocials li a { transform: scale(0.9); width: 36px; margin-left: 5px; }
#peu_pagina a.logo_ajgirona { float: left; width: 33%; margin-right: 20px; background-size: 200%; background-repeat: no-repeat; }
#peu_pagina a.logo_ajgirona img { width: 90%; height: auto; }
div.adreca { float: left; clear: none; width: 30%; }
.box.w50, .box.w33 { width: 100%; }
.fotodreta { width: 100%; margin-right: 0; }
div.logos ul li { padding: 0 6px; }
div.logos ul a { width: 150px; height: 60px; }
div.llistat_tematic div.foto { float: none; width: 100%; margin-right: 0; margin-bottom: 15px; }
div.llistat_tematic div.dades { float: none; width: 100%; }
/*
ul.adt_espais { list-style: none; text-align: left; margin: 10px 0 0 0; padding: 0; color: #676462; }
ul.adt_espais li { margin: 0; padding: 0; ; }
ul.adt_espais li:hover a { transition: all .3s; -webkit-transition: all .3s; }
ul.adt_espais div.foto { float: left; background: url(//www.girona.cat/web/liferay/img/nofoto_100x100.png) center center no-repeat; background-size: cover; width: 130px; height: 130px; margin-top: -15px; }
ul.adt_espais div.foto img { width: 130px; height: 130px; border: none; }
ul.adt_espais h2 { font: 17px FranklinGothicM, sans-serif; color: black; margin: 15px 10px 5px 140px; text-align: left; }
ul.adt_espais p { font: 15px/17px Arial, Sans-serif; color: #676462; margin: 0 10px 5px 140px; text-align: left; color: rgba(0,0,0,0.8); }
ul.adt_espais a { display: block; padding: 0; background: #E7E4E2; float: left; width: 48%; height: 130px; margin: 0 2% 19px 0; transition: all .3s; -webkit-transition: all .3s; position: relative; overflow: hidden; }
ul.adt_espais a:hover h2, ul.espais a:hover p { color: white; transition: all .3s; -webkit-transition: all .3s; ; }
ul.adt_espais a:hover { background: rgba(0,130,155,0.5); transition: all .3s; -webkit-transition: all .3s; color: black !important; text-decoration: none; }
ul.adt_espais a:hover .foto { opacity:0.5; filter:alpha(opacity=50); transition: all .3s; -webkit-transition: all .3s; }
*/
ul.adt_espais a { width: 98%; height: 130px; margin: 0 2% 19px 0; }
ul.adt_espais h2 { font-size: 15px; margin-right: 5px; }
ul.adt_espais p { font-size: 13px; margin-right: 5px; }
div.espai_fitxa .principal { width: auto; }
div.espai_fitxa .principal p { margin-right: 10px; }
div.espai_fitxa .principal p.titol { margin-right: 0; }
}
@media only screen and (max-width: 480px)
{
#header_titol { font-size: 24px; line-height: 24px; bottom: 10px; left: 15px; }
div.carousel-inici-10 div a { width: 45%; height: 60px; }
div.carousel-inici-10 img { width: 58px; height: 58px; max-width: 60px; }
div.carousel-inici-10 p { font-size: 14px; line-height: 15px; margin: 0 0 0 60px; }
#visor2020 .visor_infobox { transform: scale(2); left: 250px; bottom: 115px; }
.segell_GCC { right: 5px; top: 10px; width: 100px; }
}
@media print
{
a[href]::after, a::after { content: "" !important; display: none !important; }
.col-menu { display: none; }
a[href]:after { content: "XXXXXX" !important;
}
/*
div.carousel-inici-10 { padding-left: 15px; }
div.carousel-inici-10 div a { position: relative; display: block; float: left; width: 234px; height: 80px; background: rgba(0,130,155,0.8); margin: 10px 5px 0 5px; transition: background .1s ease, color .1s ease; border-radius: 8px; overflow: hidden; }
div.carousel-inici-10 img { float: left; width: 78px; height: 78px; border: none; max-width: 80px; transition: opacity .1s ease, color .1s ease; margin: 1px; border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0; }
div.carousel-inici-10 p { position: absolute; top: 50%; transform: translateY(-50%); margin: 0 0 0 80px; text-align: left; font: 18px/21px FranklinGothicM, sans-serif; padding: 10px; color: white; }
div.carousel-inici-10 div a:hover { background: rgba(255,255,255,1); text-decoration: none; transition: background .3s ease, color .3s ease; }
div.carousel-inici-10 div a:hover p { color: rgb(0,130,155) !important; }
div.carousel-inici-10 div a:hover img { opacity: 0.8; transition: opacity .3s ease, color .3s ease; }
*/