@font-face {
	font-family: 'FuturaB';
	src: url('fonts/futurab.eot');
	src: local('ò?'),
			 url('fonts/futurab.woff') format('woff'),
			 url('fonts/futurab.ttf') format('truetype'),
			 url('fonts/futurab.svg#webfont') format('svg');
}
@font-face {
	font-family: 'FuturaMC';
	src: url('fonts/futuramc.eot');
	src: local('ò?'),
			 url('fonts/futuramc.woff') format('woff'),
			 url('fonts/futuramc.ttf') format('truetype'),
			 url('fonts/futuramc.svg#webfont') format('svg');
}



body { background: url(img/bg_fons.jpg) no-repeat fixed #FFFBF1; background-size: 100% auto;  margin: 0; padding: 0; text-align: center }
div.fons { background: url(img/bg_lines.png) repeat; width: 100%; height: 100% }


a { color: #A30 }
a:hover { color: black }
a.neg { color: white }
a.neg:hover { color: #DDE8E1 }

h1 { font: 1.6em 'FuturaB', Arial Black, Helvetica Bod, sans-serif; color: #1D6B47; margin: 20px 0 10px 0; text-align: left; }
h2 { font: 1.2em 'FuturaB', Arial Black, Helvetica Bod, sans-serif; color: #000; margin: 20px 0 10px 0; text-align: left; }
h3 { font: 1.4em 'FuturaMC', Arial Black, Helvetica Bod, sans-serif; color: #1D6B47; margin: 20px 0 10px 0; text-align: left; }

p { text-align: justify }



.shadow { box-shadow: 2px 2px 12px rgba(0,0,0,0.4); }

.container.header  { margin-top: 10px; }
.capcalera { position: relative; background: #1D6B47; border: none; height: 114px; width: 960px; margin: 10px auto; text-align: center }
.contingut { background: rgba(255,255,255,0.85); margin-top: 10px; text-align: left; padding-bottom: 25px; }
.navbar-default { background: #1D6B47; border: none; margin: 0;}
.navbar-brand { padding: 0 0 0 15px; height: 50px; }
.navbar-brand.anys25 { padding-top: 27px; height: 114px; }

.logo-ajgirona { position: absolute; top: 10px; right: 18px; width: 123px; height: 36px }
.logo-ajgirona img { width: 100%; }

ul.navbar-nav { z-index: 65000 !important; }
ul.navbar-nav li, ul.navbar-nav ul li { background: black; z-index: 65000 !important; }
.navbar-default .navbar-toggle .icon-bar { background-color: white !important; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: black; }
.navbar-default .navbar-toggle:hover { background-color: black !important; }

.navbar-nav { font: 1.1em FuturaMC, Arial, sans-serif; text-transform: uppercase; border-top: 1px solid #A5C4B5; }
.navbar-nav li a { color: white !important; }
.navbar-nav li a:hover { background: #F90 !important; color: #1D6B47 !important; }
.navbar-nav li { background: #1D6B47 !important; }
.navbar-nav li.active a { background: black !important; }
.collapse.navbar-collapse { margin-top: 50px; }

.dropdown-menu { padding-top: 0; padding-bottom: 0; border: 1x solid #1D6B47; margin-top: -1px; border-top-color: #1D6B47; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background: black; }
#menu-emm { margin-top: 30px; }


.ariadna { background: rgba(29,107,71,0.15); margin-bottom: 20px; padding: 5px 15px; font: 0.75em Tahoma, Geneva, sans-serif; color: #1D6B47 }
.ariadna span { margin: 0 5px }

.peupagina { float: none; background: black; border: none; width: 960px; margin: 10px 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 0 0; padding: 0 0 0 32px; }
ul#xsocials li { float: right; 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.tw { background-position: 0 0 }
ul#xsocials a:hover.tw { background-position: 0 -40px }
ul#xsocials a.fb { background-position: -40px 0 }
ul#xsocials a:hover.fb { background-position: -40px -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 }
ul#xsocials a.rs { background-position: -460px 0 }
ul#xsocials a:hover.rs { background-position: -460px -40px }
ul#xsocials a.em { background-position: -506px 0 }
ul#xsocials a:hover.em { background-position: -506px -40px }
/*ul#xsocials a.tu { background-position: -506px 0 }
ul#xsocials a:hover.tu { background-position: -506px -60px }*/

.regal { background: rgba(255,255,0,0.3); }

/**** NOTICIES ****/
.titular { font: 1.2em 'FuturaB', Arial Black, Helvetica Bod, sans-serif; color: black; margin: 20px 0 10px 0 }







.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 }

.thumbnail.noticies.inici { height: 230px; overflow: hidden; }
.thumbnail.noticies.inici .titular { text-align: left; }
.thumbnail.noticies.inici a .titular { color: #A30; }

.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: 811px }

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 10px 5px 40px; padding: 0 0 2px 22px; color: #666 }
p.docs a { font-weight: bold }
p.docsTxt { 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.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 }



.alerta { font: bold 14px/18px Arial, Helvetica, Arial; border: 1px dotted red; background: #fff568; padding: 10px; margin: 20px 0 25px 0; text-align: justify; color: rgba(0,0,0,0.8); }





.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) {
  .container { width: 960px }
}
@media (min-width: 992px) {
  .container { width: 960px }
}



/* NOMÉS PER AL 25 ANYS */
@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  .navbar-toggle {
      display: block;
      margin-top: 60px; margin-right: 38px;
  }
}





@media (min-width: 768px) {
  .container { width: 960px }
  .navbar-nav li a { padding: 7px 12px 6px 12px; }
}



@media screen and (max-width: 960px)
{
	.capcalera { margin-top: 0; width: 100%; margin-bottom: 0 }
  /*.navbar-brand img { width: auto; height: 60px; }*/
	.peupagina { margin-top: 0; width: 100%; margin-bottom: 0 }
	#navHeaderCollapse { width: 100% }
	.container { width: 100% }
	.contingut { background: rgba(255,255,255,0.70); margin-top: 0 }
	.navbar-toggle { }
	.container-fluid { height: 114px }


	.etsona h3 { margin-top: 15px }

	a.esquema img { width: 100%; height: auto }
	ul.faq li { width: 48% }
}


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

@media screen and (max-width: 768px)
{
	.logo-ajgirona { width: 110px; height: 32px; }
	.capcalera, .container-fluid { height: 100px; }
	.navbar-brand { margin-left: -10px; }
	.navbar-brand.anys25 { padding-top: 22px; } .navbar-brand img { width: auto; height: 60px; margin-left: 10px; } /*.navbar-brand img { width: auto; height: 100px; } no anys25 */
	body { background-size: 200% auto }
	ul.faq li { width: 98% }
	.navbar-toggle { margin-top: 55px; margin-right: 47px; }
	.collapse.navbar-collapse.in { margin-top: 0px; }
	.navbar-nav li { text-align: center !important; }
	#menu-emm { margin-top: 0; }
}

@media screen and (max-width: 640px)
{
	.capcalera, .container-fluid { height: 90px; }
	/*.navbar-brand img { height: 90px; } anys25 */
	.logo-ajgirona { width: 100px; height: 29px; margin-top: 0; }
	.navbar-toggle { margin-top: 55px; padding: 6px 10px; margin-right: 42px; }
}



@media screen and (max-width: 480px)
{
	.capcalera, .container-fluid { height: 80px; }
	.navbar-brand { margin-left: -15px; }

	.navbar-brand.anys25 { padding-top: 18px; } /*.navbar-brand img { height: 70px; margin-top: 5px; margin-left: 5px; }*/
	.logo-ajgirona { width: 90px; height: 24px; margin-top: -5px; }
	.navbar-toggle { margin-top: 45px; margin-right: 38px; }
	body { background-size: 300% auto }
}



@media screen and (max-width: 320px)
{
	body { background-size: 400% auto }
}