@font-face {
	font-family: 'FranklinGothicM';
	src: url('/web/shared/fonts/ITCFranklinGothicStd-Med.eot');
	src: local('ò?'),
			 url('/web/shared/fonts/ITCFranklinGothicStd-Med.woff') format('woff'),
			 url('/web/shared/fonts/ITCFranklinGothicStd-Med.ttf') format('truetype'),
			 url('/web/shared/fonts/ITCFranklinGothicStd-Med.svg#webfont') format('svg');
}
@font-face {
	font-family: 'FranklinGothicMC';
	src: url('http://www.girona.cat/shared/fonts/ITCFranklinGothicStd-MdCd.eot');
	src: local('ò?'),
			 url('/web/shared/fonts/ITCFranklinGothicStd-MdCd.woff') format('woff'),
			 url('/web/shared/fonts/ITCFranklinGothicStd-MdCd.ttf') format('truetype'),
			 url('/web/shared/fonts/ITCFranklinGothicStd-MdCd.svg#webfont') format('svg');
}


html, body { height: 100%; margin: 0 }
body { background: url(img/bg_transparencia.jpg) no-repeat fixed #FFFBF1; background-size: cover; margin: 0; padding: 0; text-align: center; font-family: 'Open Sans', Arial, Sans-serif }
div.fons { /*width: 100%; height: 100%*/ }
.contingut { background: rgba(255,255,255,0.9); width: 1024px; margin: 0 auto }
.capcalera .contingut, .peupagina .contingut { background: rgba(255,255,255,0.1); height: 100% }

.ariadna { background: rgba(0,0,0,0.25); border: none; width: 100%; margin: auto; text-align: center; }
.ariadna .contingut { background: rgba(255,255,255,0.15); text-align: left; padding: 10px 15px; color: rgba(255,255,255,0.9) }
.ariadna span { margin: 0 5px; color: rgba(255,255,255,0.4) }
.ariadna a { color: rgba(255,255,255,0.6) }
.ariadna a:hover { color: white; text-decoration: underline }

.bg-blanc { background: rgba(255,255,255,0.7) }
.bg-beix { background: rgba(183,170,140,0.5) }
.bg-gris { background: rgba(165,175,181,0.6) }

a { color: #6b2000 }
a:hover { color: black }
a.neg { color: white }
a.neg:hover { color: #DDE8E1 }


p { text-align: justify }
hr { border-top: 2px dotted rgba(0,0,0,0.3) }

.cercador_header { width: 25%; position: absolute; right: 15px; bottom: 48px }
.cercador_header .form-control { height: 26px; padding: 4px 10px; color: black }
.cercador_header .btn-default { margin: 0; padding: 1px 4px 0 10px; background: rgba(0,0,0,0.4); color: white; border: none; font-size: 18px; line-height; 22px }

.cercador_inici { margin-top: 25px }
.cercador_inici .btn-default { margin: 0; background: rgba(0,130,155,1); color: white; border-color: rgb(0,130,155) }
.cercador_inici .btn-default:hover { background: black; border-color: black }




.dret-acces { background: url(img/foto_dretacces.png) no-repeat right center; padding-right: 160px }

.fila { clear: both; text-align: center; margin: 0 auto; position: relative }
.capcalera { background: rgba(0,130,155,0.75); border: none; height: 140px; width: 100%; margin: auto; text-align: center }
.container-fluid { width: 100%; padding: 0 }


/*#navHeaderCollapse a { background: #2F8393 }*/
.navbar-brand { margin: 0; padding: 0 }
.navbar-brand img { width: 171px; height: 114px; border: none }
.logo-ajgirona { position: absolute; top: 10px; right: 18px; width: 140px; height: 41px }
.logo-ajgirona:hover { opacity:0.5; filter:alpha(opacity=50) }
ul.menu_principal { font: 1.1em FranklinGothicMC, Arial, sans-serif; text-transform: uppercase; position: absolute; bottom: 0; right: 0; border-top: 1px solid rgba(255,255,255,0.6) }
ul.menu_principal a { color: white !important; padding-top: 8px !important; padding-bottom: 7px !important }
ul.menu_principal a:hover { background: #F90 !important; color: #1D6B47 !important }
.navbar-toggle { position: absolute; right: 0px; bottom: 0px; border-color: white !important }
#navHeaderCollapse { height: 140px !important; bottom: 0px }
.dropdown-menu { font-size: 100%; font-family: FranklinGothicM, Arial, Sans-serif; font-weight: normal; text-transform: none; background-color: transparent !important; margin-top: -1px !important; padding: 0 !important }
.dropdown-menu li { display: block; background: rgba(12,108,125,0.95); border-top: 1px solid rgba(255,255,255,0.65); padding: 0 }
.dropdown-menu li.disabled a { color: rgba(255,255,255,0.4) !important }
.dropdown-menu li a { display: block; padding: 5px 10px !important }
.dropdown-menu li a:hover { background: #000 !important; color: white !important }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background: black !important }
.dropdown.active, .dropdown.active .dropdown-toggle { background: black !important }

.peupagina { float: none; background: black; border: none; width: 100%; margin: auto; text-align: center; border-radius: 0; padding-bottom: 10px}
.peupagina.navbar-default .navbar-text { color: #C7C4C2 !important; font-size: 100%; padding-top: 22px; margin: 0 }
.peupagina p { color: #C7C4C2 !important; font-size: 90%; padding-top: 22px; margin: 0; }

ul#xsocials { list-style: none; margin: 15px 0 15px 0; padding: 0; position: absolute; right: 0 }
ul#xsocials li { float: left; margin: 0; padding: 0 }
ul#xsocials li a { display: block; background: url(http://www.girona.cat/shared/img/icones_xsocials.png) no-repeat 0 0; width: 36px; height: 40px; margin-left: 9px }
ul#xsocials li a:hover { background-position: 0 -40px }
ul#xsocials li a img { width: 100%; height: 100%; border: none }
ul#xsocials a.fb { background-position: -46px 0 }
ul#xsocials a:hover.fb { background-position: -46px -40px }
ul#xsocials a.yt { background-position: -92px 0 }
ul#xsocials a:hover.yt { background-position: -92px -40px }
ul#xsocials a.ig { background-position: -138px 0 }
ul#xsocials a:hover.ig { background-position: -138px -40px }
ul#xsocials a.gp { background-position: -184px 0 }
ul#xsocials a:hover.gp { background-position: -184px -40px }
ul#xsocials a.fl { background-position: -230px 0 }
ul#xsocials a:hover.fl { background-position: -230px -40px }
ul#xsocials a.is { background-position: -276px 0 }
ul#xsocials a:hover.is { background-position: -276px -40px }
ul#xsocials a.sc { background-position: -322px 0 }
ul#xsocials a:hover.sc { background-position: -322px -40px }
ul#xsocials a.li { background-position: -368px 0 }
ul#xsocials a:hover.li { background-position: -368px -40px }
ul#xsocials a.bl { background-position: -414px 0 }
ul#xsocials a:hover.bl { background-position: -414px -40px }


/*** ROGER ****/
div.grupmun { width: 47%; margin: 0 1.5% 3% 1.5%; height: 340px; background: white; border: 1px solid #D7D4D2; padding: 15px; text-align: left; float: left; position: relative }
div.grupmun .btn-group { position: absolute; bottom: 10px; right: 15px }
div.grupmun h2 { font-size: 1.5em }
div.grupmun h3 { margin-top: 0; color: rgb(0,130,155) }
div.grupmun .gruplogo { width: 180px; height: 90px; text-align: center; float: left; margin-bottom: 5px }
div.grupmun img { width: auto; height: auto; border: none }
div.grupmun .grupdades { margin-left: 195px }
.grupitems { clear: both; margin-top: 20px; margin-bottom: 15px; text-align: left; border-top: 1px solid rgba(0,130,155,0.5); padding-top: 15px; }
.grupitems a { font-weight: bold }
.grupitems p { margin-bottom: 5px; }
.grupitems span { color: rgba(0,130,155,1); display: inline-block; margin: 0 5px }
.xarxes { font-size:  1.5em; line-height: 1em; margin: 20px 0 0 0 }
.xarxes a { color: #6b2000; text-decoration: none; margin-right: 15px }
.xarxes a:hover { color: black; text-decoration: none }

.btn-group .btn { background-image: url(img/bg_boto.png) }
.btn-group .btn a { color: white }
.btn-group .btn:hover { background: url(img/bg_boto2.png); color: white }
.btn-group .btn.disabled { background-image: none }
.btn-group .btn.disabled:hover { background: #DDDDDD; color: #333 }


/**** LIDIA ****/

p.blaupetit { font: 1.6em 'FranklinGothicM', Arial Black, Helvetica Bold, sans-serif; color: #157385; margin: 20px 0 10px 0; text-align: left; }
p.txt { margin: 20px 0 10px 0; text-align: justify; }
p.data {  text-transform: uppercase; font-size: 85%; font-weight: bold; margin: 0 0 5px 0; color:#575452;}
h1 { font: 1.8em/1em 'FranklinGothicM', Arial Black, Helvetica Bold, sans-serif; color: black; margin: 30px 0 15px 0; text-align: left }
.capcalera h1 { color: white; margin-bottom: 5px; margin-top: 30px }
h2 { font: 1.2em/1.1em 'FranklinGothicM', Arial Black, Helvetica Bold, sans-serif; color: #000; margin: 20px 0 10px 0; text-align: left }
.capcalera h2 { color: rgba(255,255,255,0.7); margin-top: 0 }

h3 { font: 1.1em 'FranklinGothicM', Arial Black, Helvetica Bold, sans-serif; color: #333333; margin: 20px 0 10px 0;text-align: left }
.subtitol { font: 1.5em/1.1em 'FranklinGothicM', Arial, Helvetica, sans-serif; color: #157385; margin: 20px 0 10px 0; text-align: left }

.intro { font: 1.2em/1.1em 'FranklinGothicM', Arial, Helvetica, sans-serif; color: #157385; margin: 20px 10px 10px 0; text-align: justify }


	ul.nav5nivell { list-style: none; margin: 0 0 15px 0; padding: 0 }
	ul.nav5nivell li { float: left; font: 0.95em Arial, Sans-serif; margin: 0 !important; padding: 0 !important; height: auto }
	ul.nav5nivell li a { display: block; padding: 5px 7px; border: 1px solid #B7B4B2; background: #157385; margin: 0 10px 5px 0; text-decoration: none; color: white; height: auto }
	ul.nav5nivell li a:hover { border-color: #900; background: #900; color: white }
	ul.nav5nivell li.seleccionat a { border-color: black; background: black; color: white }
	.reset { clear: both; margin: 0; height: 0 }
	
	ol.llistalletres { list-style:lower-alpha; padding-left:90px; padding-right:50px; }
	ol.llistalletres li { text-align:left; padding-bottom: 12px; }
	
	ol.llistanum { list-style: decimal;  padding-left:90px; padding-right:50px; }
	ol.llistanum li { text-align:left; padding-bottom: 12px; }
	
	
.valors {	padding: 5px 5px 0px 10px;	margin: 0 0 0 0;		text-align: left;}
.valors2 {		font-size:12px;	;	text-align: left;}
.mes {color: #ffffff;	margin: 1px 0 2px 0;	padding: 5px 10px 5px 10px;	background-color: #157385;	font-size:13px;		font-weight: bold;}
.normal {border:1px solid #157385;	text-align:left;}
td.gris { background-color: #d1cece; border: 1px solid #157385;  font-weight: bold; font-size:16px; padding: 0 0 5px 0;	 }
td.gris2 { background-color: #d1cece; border: 1px solid #157385;}	
	
	div.boto { float: left; margin-top: 15px; font: 0.85em, Sans-Serif }
div.boto a { display: block;-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; background: url(img/bg_boto.png) repeat-x;padding: 4px 15px 5px 15px; color: white; text-decoration: none }
div.boto a:hover { display: block;-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; background: url(img/bg_boto2.png) repeat-x; padding: 4px 15px 5px 15px; color: white; text-decoration: underline }
div.tornar a { background: url(img/bg_boto_tornar.png) repeat-x; padding: 4px 15px 5px 28px }
div.tornar a:hover { background: url(img/bg_boto_tornar2.png) repeat-x; padding: 4px 15px 5px 28px }

div.pdf { font: 0.7em Tahoma, Arial, Sans-serif; color: #999; margin-bottom: 10px; text-align:left; }
div.pdf span { background: url(img/bg_pdf_line.png) no-repeat bottom left; padding: 3px 0 3px 0 }
div.pdf a { font-size: 120%; color: #900; background: url(img/bg_pdf.png) no-repeat 0 3px; padding-left: 21px; margin-right: 5px }
div.pdf a:hover { color: #300; background: url(img/bg_pdf2.png) no-repeat 0 3px; padding-left: 21px; margin-right: 5px }

div.link2 { font: 0.7em Tahoma, Arial, Sans-serif; color: #999; margin-bottom: 10px; text-align:left; }
div.link2 span { background: url(img/bg_pdf_line.png) no-repeat bottom left; padding: 3px 0 3px 0 }
div.link2 a { font-size: 120%; color: #900; background: url(img/link-ext-ico.gif) no-repeat 0 3px; padding-left: 21px; margin-right: 5px }
div.link2 a:hover { color: #300; background: url(img/link-ext-ico.gif) no-repeat 0 3px; padding-left: 21px; margin-right: 5px }

div.email { font: 0.7em Tahoma, Arial, Sans-serif; color: #999; margin-bottom: 10px }
div.email span { background: url(img/bg_pdf_line.png) no-repeat bottom left; padding: 3px 0 3px 0 }
div.email a { font-size: 120%; color: #900; background: url(img/bg_email.png) no-repeat 0 3px; padding-left: 21px; margin-right: 5px }
div.email a:hover { color: #300; background: url(img/bg_email2.png) no-repeat 0 3px; padding-left: 21px; margin-right: 5px }

div.linkVideo { font: 0.7em Tahoma, Arial, Sans-serif; color: #999; margin: 15px 10px 5px 15px; }
div.linkVideo span { background: url(img/bg_pdf_line.png) no-repeat bottom left; padding: 3px 0 3px 10px }
div.linkVideo a { font-size: 120%; color: #900; background: url(img/bg_video.png) no-repeat 0 3px; padding-left: 21px; margin-right: 5px }
div.linkVideo a:hover { color: #300; background: url(img/bg_video2.png) no-repeat 0 3px; padding-left: 21px; margin-right: 5px }

ul.box_participacio { list-style: none; margin: 10px 0 0 0; padding: 0 }
ul.box_participacio li { background: none; float: left; margin-right: 15px; margin-bottom: 15px; font: 0.9em FranklinGothicM, Sans-Serif; color: black; text-align: center; position: relative; display: table }
ul.box_participacio a { display: table-cell; vertical-align: middle; width: 137px; height: 60px; padding: 5px 10px 5px 10px; border: 1px solid #CFC9C5; background: url(img/bg_participacio_li.png) repeat-x; color: #1C2E78 }
ul.box_participacio a:hover { background: url(img/bg_participacio_li2.png) repeat-x; color: black }
ul.box_participacio a.inactiu { cursor: default; background: url(img/bg_participacio_li3.png) repeat-x; color: #333 }
ul.box_participacio a.inactiu:hover { background: url(img/bg_participacio_li3.png) repeat-x; color: #333; text-decoration: none }
ul.box_participacio.consells a { background-image: none; background-color: #E5514B; color: white; border-color: #E5514B }
ul.box_participacio.consells a:hover { background-color: #802d2a; border-color: #802d2a; text-decoration: none }
ul.box_participacio.taules a { background-image: none; background-color: #993366; color: white; border-color: #993366 }
ul.box_participacio.taules a:hover { background-color: #591d3b; border-color: #591d3b; text-decoration: none }
ul.box_participacio.directa a { background-image: none; background-color: #006BB1; color: white; border-color: #006BB1 }
ul.box_participacio.directa a:hover { background-color: #00416c; border-color: #00416c; text-decoration: none }
ul.box_participacio.entitats a { background-image: none; background-color: #1C7D54; color: white; border-color: #1C7D54 }
ul.box_participacio.entitats a:hover { background-color: #015232; border-color: #015232; text-decoration: none }

/**** ACABA LIDIA ****/

/* MEMORIES ***************/

ul.memories { clear: both; list-style: none; margin: 0; padding: 0; width: 905px }
ul.memories li { float: left; display: block; margin: 0 12px 16px 0; padding: 0 }
ul.memories li a { display: block; width: 124px; height: 90px; margin: 0; padding: 0; background: url(img/bg_memories.gif) no-repeat bottom right; border: 1px solid #999; }
ul.memories li a:hover { background: url(img/bg_memories2.gif) no-repeat bottom right }
ul.memories li a p.data { background: #999; color: white; text-transform: uppercase; float: left; margin: 0; padding: 3px 10px; font: bold 0.85em Arial, Sans-serif; }
ul.memories li a p.titol { clear: both; font: 0.85em FranklinGothicM, Sans-Serif; line-height: 1.2em; margin: 0; padding: 10px 8px 0 10px }


/**** NOTICIES ****/
.titular { font: 1.2em 'FuturaB', Arial Black, Helvetica Bod, sans-serif; color: black; margin: 20px 0 10px 0 }


/** PLA GOVERN ****/
table.pla { font: 0.85em Tahoma, Arial, Sans-serif; color: #2338A3; margin-top: 20px; margin-right: 30px; margin-bottom: 15px; border-top: 2px solid rgba(39,62,164,0.5) }
table.pla td { padding: 7px 10px; border-bottom: 1px solid rgba(39,62,164,0.5); vertical-align: top }
table.pla td.num { font-weight: bold; color: rgb(39,62,164); text-align: center; background: #DDE3FD }

table.graficaPla { border: 8px solid #C7C4C2; margin: 20px auto 10px auto; text-align: center }
table.graficaPla tr { background: url(img/bg_pla_row.png) no-repeat bottom left }
table.graficaPla td { text-align: left }
table.graficaPla td.col1 { width: 354px; font: 1.1em FranklinGothicMC, Sans-Serif; padding-left: 10px; }
table.graficaPla td.col2 { width: 303px; background: url(img/bg_pla_col.png) no-repeat bottom left; overflow: hidden; padding: 5px 0 }
/* table.graficaPla td.col2 div { opacity: 0.75; filter:alpha(opacity=75); background: url(img/bg_pla_bar.png) no-repeat 0 1px }*/
table.graficaPla td.col2 div.verd { float: left; opacity: 0.75; filter:alpha(opacity=75); background: url(img/bg_pla_bar.png) no-repeat 0 1px; cursor: pointer }
table.graficaPla td.col2 div.blau { float: left; opacity: 0.75; filter:alpha(opacity=75); background: url(img/bg_pla_bar2.png) no-repeat 0 1px; cursor: pointer }
table.graficaPla td.col2 div.taronja { float: left; opacity: 0.75; filter:alpha(opacity=75); background: url(img/bg_pla_bar3.png) no-repeat 0 1px; cursor: pointer }
table.graficaPla th { font: 0.85em FranklinGothicM, Sans-Serif; text-transform: uppercase; color: #888; padding: 10px; width: 299px; background: url(img/bg_pla_th.png) no-repeat bottom left }
.llegendaPla { margin-left: 357px; margin-bottom: 20px; font: 0.9em Arial, Helvetica, Sans-serif; color: #878482 }
.llegendaPla img { width: 20px; height: 15px; margin-right: 5px; margin-left: 15px; vertical-align: -3px }

div.pla_estat { width: 664px; margin: 0 auto; text-align: center; border: 1px solid #C7C4C2; background: white }
div.pla_estat h2, div.pla_estat h3 { margin-left: 10px; margin-right: 10px; font-size: 1.4em }
div.pla_estat h2 { font-size: 1.3em }
table.objectius { padding: 0; width: 100%; margin-bottom: 20px }
table.objectius td { text-align: left }
table.objectius td.objectiu { clear: both; font-weight: bold; background: rgba(21,115,133,0.15); padding: 5px 10px 8px 10px; border-top: 1px solid #CCC }
table.objectius td.actuacio { width: 540px; color: #444; text-align: justify; border-top: 1px solid #CCC; padding: 10px 10px 10px 10px }
table.objectius td.estat { width: 120px; text-align: center; vertical-align: middle; border-top: 1px solid #CCC; padding: 5px 0 5px 0; background: url(img/bg_accio_gris.jpg) repeat-y }
table.objectius td.verd { background: url(img/bg_accio_verd.jpg) repeat-y; color: white }
table.objectius td.blau { background: url(img/bg_accio_blau.jpg) repeat-y; color: white }
table.objectius th { font: 0.70em Tahoma, Arial, Sans-serif; text-align: left; text-transform: uppercase; color: #666; padding: 3px 0 3px 0 }
.amagat { display: none }



.etsona { clear: both; border-top: 2px solid rgba(29,107,71,0.5); margin: 0 15px; padding: 15px 0 }
.etsona h3 { margin-top: 0; font-size: 160% }
.etsona img { width: 100%; height: auto }
.etsona .col { float: left; width: 50%; padding: 0; margin: 0 }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 0% }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100% }

.image-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 0%; background: url(img/nofoto_etsona.jpg); background-size: cover }
.image-container a { display: block; position: absolute; top: 0; left: 0;  width: 100% }
.image-container:hover { opacity:0.5; filter:alpha(opacity=50) }




table.table { font: 0.9em Arial, Sans-serif; color: #333; background: #F7F4F2 }
table.table th { background: #E7E4E2; color: #777472 }
table.table.legal .25p { width: 25% }
table.table.legal .30p { width: 30% }
table.table.legal .50p { width: 50% }
table.table td:first-child { font-weight: bold }

.thumbnail.projectes { height: 330px; overflow: hidden }
.thumbnail h3 { font-size: 1.5em; margin: 5px auto 5px auto }
.thumbnail p {  }
.thumbnail:hover { background: #E7E4E2 }
.thumbnail a p { color: #373432 }
.thumbnail a:hover { text-decoration: none }
.thumbnail:hover h3, .thumbnail a:hover p { color: black }
.thumbnail:hover img { opacity:0.5; filter:alpha(opacity=50) }

.preins h2 { margin: 15px 15px 10px 215px }
.preins p { margin: 0 15px 5px 215px }
.preins p.data { color: #1D6B47; text-transform: uppercase }
.preins img { width: 200px; height: 200px; float: left; border: none }
.preins div { margin-left: 215px }

.noticies { padding: 0 20px }
div.foto { float: right; margin-right: 10px }
div.foto img { width: 300px; border: 8px solid #E7E4E2; margin: 0 0 20px 25px; }
div.foto:hover img { border-color: #900 }

.programes { display: block; padding: 4px; margin-bottom: 20px; background-color: #fff; border: 1px solid #D7D4D2; border-radius: 4px }
.programes h2 { background: rgba(29,107,71,0.6); margin-top: 0; color: white; padding: 4px 10px 2px 10px; font: 1.1em/1.6em 'FuturaB', Arial Black, Helvetica Bold, sans-serif; text-transform: uppercase; margin: 0 0 10px 0; position_ relative }
.programes h2 span { position: absolute; right: 30px; font-family: 'FuturaMC', Arial, Sans-serif }
.programes h3 { margin: 15px 10px 10px 10px; font-size: 1.4em }
.programes p { margin: 0 10px 5px 10px }
.programes ul { list-style: square }
.programes ul li { margin-bottom: 5px }
.programes ul span { background: white; border: 1px solid rgba(29,107,71,0.5); padding: 2px 5px; color: rgb(29,107,71);  margin-left: 5px }

a.esquema { width: 100%; display: block; text-align: center; padding: 25px 0 }
a.esquema img { width: 786px; height: 643px }

ul.instruments { list-style: none; margin: 0; padding: 0 }
ul.instruments li { float: left; padding: 0; margin: 2px; border: 1px solid #E7E4E2 }
ul.instruments img { width: 100% }

ul.faq { list-style: none; margin: 0; padding: 0 }
ul.faq li { display: block; float: left; width: 31.33%; margin: 0 1% 15px 1%; border: 1px solid rgba(29,107,71,0.3); padding: 10px; background: url(img/icon_faq.png) no-repeat top right; cursor: pointer }
ul.faq p.titol { font-weight: bold; line-height: 1.2em; color: #900; text-align: left; margin-right: 40px; margin-bottom: 0 }
ul.faq p.txt { display: none; margin-top: 10px }


p.docs { background: url(http://www.girona.cat/shared/img/icn_fitxer.png) no-repeat; font: 1em Arial, Helvetica, sans-serif; margin: 15px 5px 5px 10px; padding: 0 0 2px 22px; color: #666 }

p.docsTxt { font: 1em Arial, Helvetica, Sans-serif; color: black; margin: 5px 30px 10px 62px; color: #444 }

p.link { background: url(http://www.girona.cat/transparencia/img/link-ext-ico.gif) no-repeat; font: 1em Arial, Helvetica, sans-serif; margin: 15px 5px 5px 10px; padding: 0 0 2px 22px; color: #666 }
p.link a { font-weight: bold }
p.linkTxt { font: 1em Arial, Helvetica, Sans-serif; color: black; margin: 5px 30px 10px 62px; color: #444 }

div.steps div { float:left; font: 1em Arial, Sans-serif; padding: 5px 15px; border: 2px dotted rgba(29,107,71,0.5); background: rgba(29,107,71,0.5); border-bottom: none; border-left: none; color: #FFFFFF }
div.steps div span { font-weight: bold; font-size: 105%; margin: 0; padding: 0 }
div.steps div.actual { background: rgba(29,107,71,0.1); color: black }
div.steps div.previ { background: white; color: #999999 }


.formulari { border: 2px dotted rgba(29,107,71,0.5); background: rgba(29,107,71,0.1); font-family: Arial, Sans-serif; padding: 10px }
.formulari h2 { margin-top: 10px }
.formulari h3 { background: rgba(29,107,71,0.3); color: black; padding: 3px 10px 1px 10px }
.formulari .text { padding: 6px 10px; border-radius: 4px; border: 1px solid rgba(29,107,71,0.5); width: 100% }
.formulari .text:focus { -webkit-box-shadow: 0 0 0.938em rgba(0,0,0,1); box-shadow: 0 0 0.938em rgba(0,0,0,0.5); transition: box-shadow .3s ease }
.formulari label { display: block; color: #1D6B47; margin-top: 15px }
.required:after { font-family: 'Glyphicons Halflings'; font-size: 80%; content: "\2a"; color: red; margin-left: 5px; margin-right: 5px; font-weight: normal }
.formulari .botonera { margin: 30px -10px -10px -10px; background: rgba(29,107,71,0.50); padding: 10px; border-top: 2px dotted rgba(29,107,71,0.5); text-align: center; }
.formulari .botonera .btn { margin: auto 3px; border: 1px solid #1D6B47; }
.formulari .botonera .btn-principal { font-weight: bold; background: white }
.formulari input[type=checkbox] {  /* Double-sized Checkboxes */-ms-transform: scale(1.5); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.5); /* Safari and Chrome */-o-transform: scale(1.5); /* Opera */ padding: 10px; }
.formulari .checkbox { margin-left: 15px; cursor: pointer; padding-left: 15px }

.options:after { font-family: 'Glyphicons Halflings'; font-size: 80%; content: "\2a"; color: red; margin-left: 5px; margin-right: 5px; font-weight: normal }

.lopd { font: 0.89em Arial, Helvetica, sans-serif; text-align: justify; color: #5C5B54; margin: 20px 0 -10px 0 }

table.formacio { margin-bottom: 15px; margin-top: 15px }
table.formacio th { font: bold 0.95em Arial, Helvetica, Sans-serif; text-transform: uppercase; text-align: left; color: #333; background: rgba(29,107,71,0.3); padding: 5px 20px !important }
table.formacio tr td { font: 1em Arial, Helvetica, Sans-serif; text-align: left; border-bottom: 1px dashed rgba(29,107,71,0.5); padding: 5px 20px !important; vertical-align: middle; background: rgba(255,255,255,0.8) }
table.formacio .camp { font: 1em Arial, Helvetica, Sans-serif }

table.lili { margin-bottom: 15px; margin-top: 15px }
table.lili th { font: bold 1.3em Arial, Helvetica, Sans-serif; text-align: center; color: rgb(255, 255, 255); background-color:#0081a9 ; padding: 10px 0 10px 0; !important }
table.lili tr td { font: 1em Arial, Helvetica, Sans-serif; text-align: left;   border-color:#0081a9; padding: 5px 6px 5px 6px !important; vertical-align: middle; background: rgba(255,255,255,0.8) }
table.lili .camp { background-color:#cfe0e6; }
table.lili .r { text-align: right; }



table.preResum, table.postResum { width: 90%; background: rgba(255,255,255,0.9); border: 1px solid rgba(29,107,71,0.5); font: 1em Arial, Helvetica, Sans-serif }
table.preResum td, table.postResum td { padding: 5px 10px 5px 10px !important }
table.preResum td.grup { background: rgba(29,107,71,0.4); font-weight: bold }
table.preResum td.col1 { color: #1D6B47; width: 35% }

table.postResum td.grup { background: rgba(29,107,71,0.15); font-weight: bold }
table.postResum td.col1 { color: #1D6B47; width: 35%; }
span.notaCamp { font: 0.75em Arial, Helvetica, Sans-serif; color: #555555 }

.noPrint { display: auto }
.siPrint { display: none }


div.tagNom { margin: -10px -10px 15px -10px; background: #FFFFCC; padding: 8px 10px; color: #000000; font: 0.9em Arial, Helvetica, Sans-serif; border-bottom: 2px dotted rgba(29,107,71,0.5); color: #373432; text-align: left }


/**** CALENDARI ******/
table.calendari { width: 100%; margin-bottom: 20px; -webkit-box-shadow: 3px 3px 0.938em rgba(0,0,0,0.3); box-shadow: 3px 3px 0.938em rgba(0,0,0,0.3); }
table.calendari th { text-align: center; padding: 5px 0 5px 0; border: 1px solid #C7C4C2; background: rgba(29,107,71,0.1); font-family: 'FuturaMC', Arial, Sans-serif; font-weight: normal; color: #676462  }

table.calendari td { text-align: center; padding: 5px 0 5px 0; border: 1px solid #C7C4C2; background: white }
table.calendari td.activa { background: rgba(29,107,71,0.6) }
table.calendari td.activa:hover { background: rgba(29,107,71,0.3) }
table.calendari td.activa a { font-weight: bold; color: white }
table.calendari td.activa a:hover { color: black }
table.calendari a { display: block }
table.calendari td.calmes { background: #1D6B47; font: bold 1.2em 'FuturaMC', Arial, Sans-serif; text-transform: uppercase; padding: 5px 0 5px 0; }
table.calendari td.calmes a { color: white; padding-top: 2px }
table.calendari td.calmes:hover { background: black }


div.agenda { padding: 10px 0; border-bottom: 1px dotted #979492 }
div.agenda a { text-decoration: none }
div.agenda:hover { background: rgba(29,107,71, 0.1) }
div.agenda p.titol { font: 1.1em 'FuturaB', Arial, Sans-serif; margin: 0 0 5px 0; text-align: left }
div.agenda p.data { color: #373432; margin: 0 0 5px 0; text-transform: uppercase; font-size: 85% }
div.agenda p.data span { margin: 0 5px }
div.agenda p.txt { color: #373432; margin: 0; text-align: left }
div.agenda p.data font { border: 1px solid rgba(29,107,71, 0.5); color: rgb(29,107,71); margin-left: 10px; padding: 3px 5px; display: block in-line; font-size: 0.8em; text-transform: uppercase }










.mostrat { display: block }
.amagat { display: none }
.reset { clear: both; margin: 0; width: 0; height: 0 }



/***** MODIFICACIONS BOOTSTRAP  *******/
.btn-default { background: rgba(29,107,71,0.15); border-color: rgb(29,107,71); color: black; margin-top: 7px; margin-right: 10px }
.btn-default:hover { background: rgba(29,107,71,1); color: white }
.btn span { margin-right: 5px }






@media (min-width: 1200px) {

}
@media (min-width: 992px) {

}
@media (min-width: 768px) {

}



@media screen and (max-width: 1024px)
{
	.contingut { width: 100% }	
	.logo-ajgirona { position: absolute; top: 10px; left: 18px; width: 140px; height: 41px }
	.navbar-toggle.collapsed { position: absolute; top: 0; height: 41px; z-index: 65000 }
	.navbar-toggle { top: 0; height: 41px }
	.navbar-brand { margin-top: 35px }
	
	h1 { font-size: 1.4em }
	h2 { font-size: 1em }
	.cercador_header { width: 100%; position: relative; clear: both; right: 15px; bottom: -20px; margin-left: 18px; z-index: 60000 }
}



@media screen and (max-width: 768px)
{
	body { background-size: 200% auto }

	#navHeaderCollapse ul { position: absolute; top: 40px }
	div.pla_estat { width: 100% }
}



@media screen and (max-width: 480px)
{
	body { background-size: 300% auto }
}



@media screen and (max-width: 320px)
{
	body { background-size: 400% auto }
}

