@font-face { font-family: FranklinGothicM; src: url("../fonts/framd.eot") /* EOT file for IE */ }
@font-face { font-family: FranklinGothicM; src: url("../fonts/framd.ttf") /* TTF file for CSS3 browsers */ }
@font-face { font-family: Actor; src: url("../fonts/Actor-Regular.ttf") /* TTF file for CSS3 browsers */ }

a { color: #900; text-decoration: none }
a:hover, a:active { color: #F60; text-decoration: underline }

body { background: url(../img/bg_body.gif) repeat-x center top #CFC9C5; padding: 10px }
.pagina { background: white; max-width: 940px; margin: 0 auto; text-align: center; -webkit-box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.15); margin-top: 0 }

#header .logo { height: 37px; text-align: center; background: url(../img/bg_ajgirona.png) center bottom }
#header .logo img { width: 111px; height: 32px; border: none; margin-top: 2px }
#header .nom_servei { background: #373432; text-align: left; width: 940px; height: 120px; overflow: hidden; position: relative }
#header .nom_servei p { font: bold 1.3em Arial, Sans-serif; color: white; text-shadow: 2px 2px 7px black; margin: 20px 20% 0 0; padding: 10px 20px 8px 20px; z-index: 1000; position: absolute; top: 0; left: 0; background: url(../img/b_blau.png) /* rgba(0, 130, 155, 0.85) */; box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.35); }
#header .nom_servei img { width: 940px; height: 120px }

/*
.navbar { border-radius: 0px; border: none; min-height: 30px; background: url(../img/bg_menu.png) repeat-x #222 }
.navbar-nav > li > a { padding-top: 4px; padding-bottom: 4px; line-height: 20px; }
.navbar-toggle { margin-top: 4px; margin-bottom: 4px }
*/


/* ESPAIS */

ul.espais { list-style: none; text-align: left; margin: 0; padding: 0; font: bold 1em/1.1em Arial, Sans-serif; color: #676462; }
ul.espais li { margin: 0; padding: 0; }
ul.espais li:hover a { background: #B7B4B2; transition: all .3s; -webkit-transition: all .3s; }
ul.espais div.fotomini { float: left; background: url(../img/list_nofoto.jpg) center center; background-size: cover; width: 130px; height: 130px; }
ul.espais h2 { font: bold 1em/1.1em Arial, sans-serif; color: black; margin: 15px 10px 5px 140px; text-align: left; }
ul.espais p { font: 0.85em Arial, Sans-serif; color: #676462; margin: 0 10px 5px 140px; text-align: left; }
ul.espais a { display: block; padding: 0; background: #E7E4E2; float: left; width: 48%; height: 130px; margin: 0 2% 15px 0; transition: all .3s; -webkit-transition: all .3s; position: relative; overflow: hidden; }
ul.espais a:hover h2, ul.espais a:hover p { color: white; transition: all .3s; -webkit-transition: all .3s; ; }
ul.espais a:hover { background: #E7E4E2; transition: all .3s; -webkit-transition: all .3s; color: black !important; text-decoration: none; }
ul.espais a:hover .foto { opacity:0.5; filter:alpha(opacity=50); transition: all .3s; -webkit-transition: all .3s; }
div.foto_espais { margin-bottom: 20px; background: url(img/foto_fitxa_nofoto.png) no-repeat center center #E7E4E2; background-size: cover; position: relative; padding-bottom: 56.25%; overflow: hidden; margin-top: 0%; }
div.foto_espais { border: 8px solid #E7E4E2; }
div.foto_espais img{ position: absolute; top: 0; left: 0; width: 100%; }
div.fitxa_espai { margin-right: 10px; }
div.fitxa_espai .descripcio { font: 0.85em/1.4em Actor, Arial, Sans-serif; text-align: justify; padding-bottom: 20px; }
div.info_box { background: #EFEDEB; border-bottom: 1px solid black; margin-bottom: 20px; width: 100%; }
div.info_box div.linia { font: 0.85em/1.4em Actor, Arial, Sans-serif; border-top: 1px solid black; padding: 5px 10px; margin: 0; text-align: left; }
div.info_box .linia.dates { text-indent: -48px; padding-left: 59px; position: relative; }



/* MENU VISIBLE LOWREZ */
div#menu { display: block; position: relative; width: 100%; margin-top: 1px; margin-bottom: 15px; z-index: 9000 }
#navbar_wrap { position: static; top: 0; right: 0; min-height: 26px; background: url(../img/bg_menu.png) repeat-x #222; width: 100%; font: 1em/1em FranklinGothicM, Sans-serif  }
#navbar { list-style: none; float: left; margin: 0 0 0 8px; padding: 0;}
#navbar li { float: left; margin: 0; padding: 0 }
#navbar li a { display: block; padding: 6px 15px 8px 15px; background: url(../img/bg_menu_pulldown.png) no-repeat top left; text-decoration: none; color: #FFF }
#navbar li a.pulldown { display: block; padding: 6px 23px 8px 15px; background: url(../img/bg_menu_pulldown.png) no-repeat top right; text-decoration: none; color: #FFF }
/* FIXME
ul#navbar li a:hover { background: #D74828; color: white }*/
#navbar li:hover a { background: url(../img/bg_menu_pulldownx.png) no-repeat top left; color: white }
#navbar li:hover a.pulldown { background: url(../img/bg_menu_pulldownx.png) no-repeat top right }
#navbar li a.seleccionat { background: url(../img/bg_menu_selected.png) repeat-x; color: black }
#navbar li:hover a.seleccionat { color: white }
	#navbar li ul.submenu1 { display: none; list-style: none; margin: 0; padding: 0; text-align: left; width: 170px; -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2) }
	#navbar li ul.submenu1 li { position: relative }
	#navbar li:hover ul.submenu1 { display: block; position: absolute; margin: 0; padding: 0 }
	#navbar li:hover ul.submenu1 li { float: none }
	#navbar li:hover ul.submenu1 li a { background: url(../img/bg_menu_pullright2.png) no-repeat bottom left; border-top: 1px solid #CCC; color: black; padding: 4px 15px 6px 15px }
	#navbar li:hover ul.submenu1 li a.pullright { background: url(../img/bg_menu_pullright2.png) no-repeat top right; border-top: 1px solid #CCC; color: black; padding: 4px 15px 6px 15px }
	#navbar li ul.submenu1 li:hover a { background: url(../img/bg_menu_pullrightx.png) no-repeat bottom left; color: #FFF; text-decoration: none }
	#navbar li ul.submenu1 li:hover a.pullright { background: url(../img/bg_menu_pullrightx.png) no-repeat top right; color: #FFF; text-decoration: none }

		#navbar li ul.submenu2 { display: none; list-style: none; margin: 0; padding: 0; text-align: left; width: 170px; -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2); }
		#navbar ul.submenu1 li:hover ul.submenu2 { display: block; position: absolute; left: 171px; top: 0; margin: 0; padding: 0 }
		#navbar ul.submenu1 li:hover ul.submenu2 li a { background: url(../img/bg_menu_pullright2.png) no-repeat bottom left; color: black }
		#navbar ul.submenu1 li:hover ul.submenu2 li:hover a { background: url(../img/bg_menu_pullrightx.png) no-repeat bottom left; color: white }

/*#isac-wrapper { z-index: 35000 !important }*/

.container { width: 100%; font-size: 110%; letter-spacing: 0 }

ol.breadcrumb { text-align: left; font-size: 80%; padding: 5px 0 5px 15px; color: #444; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) inset; background: #F7F4F2; margin-bottom: 15px }
.breadcrumb a { color: #373432 }
.breadcrumb a:hover { color: #000 }
.breadcrumb > .active { color: #444 }
.breadcrumb > li.no_separador:before { content: none }
.breadcrumb > li.no_separador { margin-left: 5px }

.btn-primary { background-color: #900 !important; border-color: #600 }
.btn-primary:hover, .btn-primary:active { background-color: #000; border-color: #000 }

/* nav lateral contraïble */
.sidebar-nav p { font: 145% FranklinGothicM, Arial, Sans-serif; color: #B7B4B2; text-align: left; margin: 0 0 5px 0 }
ul.nav-lateral { list-style: none; margin: 0; margin-bottom: 15px; padding: 0; text-align: left }
ul.nav-lateral li a { display: block; width: 100%; background: #E7E4E2; border-top: 1px solid white; font: 0.85em/0.95em FranklinGothicM, Sans-Serif; padding: 5px 10px 6px 10px; color: black }

ul.nav-lateral li ul { list-style: none; margin: 0; padding: 0; margin-top: -3px }
ul.nav-lateral li ul li a { border: none; padding: 2px 10px 2px 30px }
ul.nav-lateral li ul li:last-child a { border: none; padding: 2px 10px 8px 30px }

ul.nav-lateral li a.seleccionat { background: black; color: white }

ul.baners-laterals { list-style: none; margin: 0; padding: 0 }
ul.baners-laterals li { position: relative }
ul.baners-laterals a { display: block; width: 100%; min-height: 50px; background: #AAA; margin-bottom: 10px }
ul.baners-laterals a:hover { background: #000 }
ul.baners-laterals p { margin: 0; position: absolute; top: 30%; bottom: 30%; color: white; text-align: center; left: 0; right: 0; font-size: 120% }


.header2 { text-align: left; margin-bottom: 0; padding-bottom: 0 }
.header2 div { width: 100%; height: 100px; margin-top: 30px; position: relative; overflow: hidden }
.header2 img { z-index: 0; width: 675px; height: 100px }
.header2 h1 { display: none }
.header2 h2 {
	position: absolute;
	bottom: 64px;
	left: 11px;
	width: 70%;
	font: 1.5em/1.1em FranklinGothicM, Arial, Sans-serif;
	margin: 0;
	padding: 0;
	color: #373432
}
.header2 h2.blanc { color: white; text-shadow: 2px 2px 7px black }


div.nav_interior { background: url(../img/bg_nav_interior.gif) repeat-x bottom left;  margin: 0 0 15px 0; padding-top: 0 }
div.nav_interior ul { list-style: none; border-top: 2px solid white; margin: 0; margin-bottom: 15px; padding: 0; text-align: left; }
div.nav_interior ul li a { display: block; float: left; border-right: 2px solid white; background: url(../img/bg_nav_interior.gif) repeat-x bottom left; font: 0.85em/0.85em FranklinGothicM, Sans-Serif; margin: 0; padding: 5px 10px 10px 10px; color: black }
div.nav_interior ul li a.seleccionat { background-image: url(../img/bg_nav_interior2.gif); color: white }

h1 { font: 1.4em FranklinGothicM, Arial, Sans-serif; text-align: left; margin-top: 1px }
h1 span.divisor { font-family: Arial, Sans-serif; font-weight: normal; color: #A7A4A2; margin: 0 5px }
h1 span.subtitol { color: #00829B }
h2 { font: 1.2em FranklinGothicM, Arial, Sans-serif; text-align: left; color: #00829B }
h3 { font: 1em FranklinGothicM, Arial, Sans-serif; text-align: left }
h4 { font: 1em FranklinGothicM, Arial, Sans-serif; text-align: left; color: #107683 }
.esquerre { text-align: left }

.glyph { font: 1em 'Glyphicons Halflings', Sans-serif; padding-right: 5px; text-align: left }
.glyph.sun:before { content:"\E124"; color: #979492 }

.reset_text { font-size: 1.2em }
.mleft20 { margin-left: 20px }
.spacer { margin-bottom: 30px; clear: both }

.txt { text-align: justify; font: 0.85em/1.4em Actor, Arial, Sans-serif; font-weight: normal !important; color: #333; margin: 0 10px 5px 0; }

ul.llista { list-style: square; margin: 0 15px 10px 0; font: 0.85em/1.3em Actor, Sans-serif; text-align: left }
ul.llista li { margin-bottom: 5px }
ul.llista.cercle { list-style: circle; }

ul.botons_icones { list-style: none; margin: 25px 0 15px 0; padding: 0 }
ul.botons_icones li { float: left }
ul.botons_icones a { display: block; width: 225px; height: 150px; text-align: center; color: black }
ul.botons_icones a:hover { background: #E7E4E2; text-decoration: none }
ul.botons_icones p.titol { font: 0.95em FranklinGothicM, Sans-Serif; margin: 0 10px 5px 10px }
ul.botons_icones a:hover p.titol { text-decoration: underline }
ul.botons_icones p.subtitol { font: 0.85em/1.3em Actor, Sans-serif; color: #444; margin: 0 10px 0 10px }
ul.botons_icones img { width: 92px; height: 73px; border: none; margin-bottom: 10px }

ul.botons_fotos { list-style: none; margin: 25px 0 15px 0; padding: 0 }
ul.botons_fotos li { float: left }
ul.botons_fotos a { display: block; width: 225px; height: 202px; text-align: center; color: black }
ul.botons_fotos a:hover { background: #E7E4E2; text-decoration: none }
ul.botons_fotos p.titol { font: 0.95em FranklinGothicM, Sans-Serif; margin: 0 10px 5px 10px }
ul.botons_fotos a:hover p.titol { text-decoration: underline }
ul.botons_fotos p.subtitol { font: 0.85em/1.3em Actor, Sans-serif; color: #444; margin: 0 10px 0 10px }
ul.botons_fotos img { width: 204px; height: 129px; border: 2px solid #107683; margin-bottom: 10px }
ul.botons_fotos a:hover img { opacity:0.5; filter:alpha(opacity=50); border-color: #900 }

ul.menubox { list-style: none; margin: 0; padding: 0; font: 0.9em FranklinGothicM, Sans-Serif }
ul.menubox li { float: left }
ul.menubox a { display: block; background: #E7E4E2; width: 200px; height: 100px; padding: 20px; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; margin: 0 20px 20px 0 }
ul.menubox a:hover { background: #107683; color: white; text-decoration: none }
ul.menubox div { margin-bottom: 10px }
ul.menubox .glyph { font: 2em 'Glyphicons Halflings', Sans-serif; text-align: center; color: #87BAC1 }
ul.menubox .glyph.expand:before { content:"\E159"; margin-top: 20px }

ul.menubox.urbana li { margin-right: 5px; margin-bottom: 15px; cursor: pointer }
ul.menubox.urbana a { display: inline; background: none; width: auto; height: auto; padding: 0; -moz-border-radius: 0;-webkit-border-radius: 0; border-radius: 0; margin: 0 }
ul.menubox.urbana a:hover { background: none; text-decoration: none; opacity:0.5; filter:alpha(opacity=50) }

div.destacat { font: 0.95em/1.3em Actor, Sans-serif; background: #E7E4E2; width: 260px; float: right; margin: 0 10px 15px 25px; padding-top: 10px  }
div.destacat p { margin: 0 15px 10px 15px }
div.destacat ul li { margin-bottom: 5px; font-size: 115% }

div.mes_info { background: #F7F4F2; margin: 25px 10px 15px 0; border: 1px solid #107683 }
div.mes_info h3 { margin: 10px 0 10px 15px; color: #107683 }
div.mes_info .llista { margin-right: 20px }
div.mes_info .llista li { margin-bottom: 5px }


ul.boxes { list-style: none; margin: 5px 0 0 0; padding: 0 }
ul.boxes li { float: left; display: block; width: 210px; height: 270px; margin: 0 0 16px 17px; padding: 0; border: 1px solid #999; overflow: hidden; background: white }
ul.boxes li div.imatge { width: 210px; height: 142px; overflow: hidden; margin-bottom: 8px; border-bottom: 1px solid #E7E4E2 }
ul.boxes li img { width: 210px; height: 142px; border: none }
ul.boxes li .titol { font: 1.1em/1.1em FranklinGothicM, Arial, Sans-serif; margin: 0 10px 3px 10px; color: black }
ul.boxes li .txt { font: 0.85em/1.15em Actor, Arial, Sans-serif; color: #333; margin: 0 6px 0 10px; text-align: left; font-weight: normal !important }
ul.boxes li a { display: block; height: 270px; background: white; text-decoration: none; padding-bottom: 10px }
ul.boxes li a .titol { color: #900 }
ul.boxes li a:hover { background: #EFEFEF; text-decoration: none }
ul.boxes li a:hover .titol { color: black }
ul.boxes li a:hover img { opacity:0.5; filter:alpha(opacity=50) }

ul.boxes.historic li { height: 200px }
ul.boxes.historic li div.imatge { height: 72px; margin-bottom: 4px }
ul.boxes.historic li img { height: 72px }
ul.boxes.historic li .titol { font-size: 0.9em }

ul.boxes2 { list-style: none; margin: 5px 0 0 0; padding: 0 }
ul.boxes2 li { float: left; display: block; width: 210px; height: 378px; margin: 0 0 16px 17px; padding: 0; border: 1px solid #999; overflow: hidden; background: white }
ul.boxes2 li div.imatge { width: 210px; height: 250px; overflow: hidden; margin-bottom: 8px; border-bottom: 1px solid #E7E4E2 }
ul.boxes2 li img { width: 210px; height: 250px; border: none }
ul.boxes2 li .titol { font: 1.1em/1.1em FranklinGothicM, Arial, Sans-serif; margin: 0 10px 3px 10px; color: black }
ul.boxes2 li .txt { font: 0.85em/1.15em Actor, Arial, Sans-serif; color: #333; margin: 0 6px 0 10px; text-align: left; font-weight: normal !important }
ul.boxes2 li a { display: block; height: 270px; background: white; text-decoration: none; padding-bottom: 10px }
ul.boxes2 li a .titol { color: #900 }
ul.boxes2 li a:hover { background: #EFEFEF; text-decoration: none }
ul.boxes2 li a:hover .titol { color: black }
ul.boxes2 li a:hover img { opacity:0.5; filter:alpha(opacity=50) }



ul.links { margin: 25px 0 0 0; padding: 0; list-style: none }
ul.links li { display: block; margin: 0; padding: 0 }
ul.links li a { display: block; background: #FBFAF9; border: 1px solid #E7E4E2; padding: 10px 15px; margin-bottom: 15px }
ul.links a:hover { text-decoration: none }
ul.links li a .titol { font: 1em FranklinGothicM, Arial, Sans-serif; margin: 0 0 5px 0; color: #900 }
ul.links li a .txt {font: 0.85em Actor, Arial, Sans-serif; text-align: justify; font-weight: normal !important; color: #333; }
ul.links li a:hover { background: #E7E4E2; border-color: #B7B4B2 }
ul.links li a:hover .titol { color: black; text-decoration: none }
ul.links li a:hover .txt { color: black; text-decoration: none }



ul.exposicions { list-style: none; margin: 20px 0 0 0; padding: 0; text-align: left }
ul.exposicions li { margin: 0 0 0 0; padding: 0; clear: both }
ul.exposicions li:hover { background: #EFEFEF }
ul.exposicions li a { display: block }
ul.exposicions img { width: 150px; height: 100px; float: left; margin: 8px 0 8px 0; border: 1px solid #C7C4C2 }
ul.exposicions p.titol { font: 1em/1.1em FranklinGothicM, Arial, Sans-serif; margin: 0 10px 3px 160px; color: black; padding-top: 8px }
ul.exposicions p.txt { font: 0.85em/1.15em Actor, Arial, Sans-serif; color: #333; margin: 0 10px 0 160px; text-align: left; font-weight: normal !important }
ul.exposicions a:hover { text-decoration: none }
ul.exposicions a p.titol { color: #900 }
ul.exposicions a:hover p.titol { color: #000 }
ul.exposicions a:hover img { border-color: #900 }

ol.cerca_resultats { list-style: none; clear: both; font-family: Actor, Sans-serif; margin: 0; padding: 0 }
ol.cerca_resultats li { border-top: 1px dotted #B7B4B2; margin: 0 }
ol.cerca_resultats li:first-child { border: none }
ol.cerca_resultats li:hover { background-color: #EFEFEF }
ol.cerca_resultats a { display: block; color: #333; padding: 0 15px 0 15px }
ol.cerca_resultats a:hover { text-decoration: none }
ol.cerca_resultats p.titol { font: 0.9em FranklinGothicM, Arial, Sans-serif; text-align: left; margin: 0; padding: 9px 0 2px 0 }
ol.cerca_resultats p.txt { font: 0.9em Actor, Sans-serif; font-size: auto; text-align: left; margin: 0; padding: 0 0 7px 0 }
ol.cerca_resultats a p.titol { color: #900 }
p.txt.resultats span { font: 1.5em FranklinGothicM, Arial, Sans-serif; margin: auto 5px; }

.exhaurit { color: white; background: orange; margin: 0 0 0 5px; padding: 0 5px; font-weight: bold }

div.fitxa_registre { border: 1px solid #C7C4C2; padding: 20px; background: #F7F4F2; margin-right: 15px }
div.fitxa_registre h2 { margin-top: 0; color: #107683  }
div.fitxa_registre p { font: 0.85em/1.15em Actor, Arial, Sans-serif; color: #333; margin: 0 0 15px 0; text-align: justify }
div.fitxa_registre p.autor { margin-left: 0; text-align: left; font: bold 0.85em/1.15em Actor, Arial, Sans-serif; margin-bottom: 15px }
div.fitxa_registre p span { text-transform: uppercase; color: #65969F; margin-right: 5px }
div.fitxa_registre img.portada { float: left; width: 150px; margin-right: 20px; border: none }
div.fitxa_registre div.portada { margin-left: 170px; }

div.paginacio div { float: left; width: 25%; background: #C7C4C2; font: 0.8em FranklinGothicM, Arial, Sans-serif; padding: 5px 10px 5px 10px; text-transform: uppercase }
div.paginacio div.prev { text-align: left; color: #979492 }
div.paginacio div.central { width: 50%; text-align: center }
div.paginacio div.next { text-align: right; color: #979492 }

div.resultats { background: #F7F4F2; margin-right: 10px; margin-top: 25px }

/* consulta SIAGI */
#consulta { width: 97.34%; margin: 3% 2.66% 2% 0; background: #F7F4F2; border: 1px solid #C7C4C2 !important; padding: 10px !important; text-align: center; font: 0.85em Actor, Arial, Sans-serif }
#resultats { width: 94.68%; margin: 3% 2.66% 2% 2.66% }

ol.resultats_siagi { clear: both; font-family: Actor, Sans-serif; margin: 0; padding: 0; background: #F7F4F2 }
ol.resultats_siagi li { border-top: 1px dotted #B7B4B2 }
ol.resultats_siagi li:first-child { border: none }
ol.resultats_siagi li:hover { background-color: #EFEFEF }
ol.resultats_siagi a { display: block; color: #333; padding: 0 15px 7px 15px; cursor: pointer }
ol.resultats_siagi a:hover { text-decoration: none }
ol.resultats_siagi p.titol { font: 0.9em FranklinGothicM, Arial, Sans-serif; text-align: left; margin: 0; padding: 9px 0 2px 0 }
ol.resultats_siagi p.txt { font: 0.9em Actor, Sans-serif; font-size: auto; text-align: left; margin: 0; padding: 0 0 7px 0 }
ol.resultats_siagi a p.titol { color: #900 }



div.noticies { margin: 0 30px 0 0; border-bottom: 1px solid #C7C4C2 }
div.noticies p { border: none; background: none; margin: 0; padding: 0 }
div.noticies p.titular { font: 1em FranklinGothicM, Arial, Sans-serif; margin: 0 0 10px 0 }
div.noticies p.entradeta { font: 0.85em/1.15em Actor, Arial, Sans-serif; text-align: justify; margin: 0 0 0 0 }
div.noticies a { display: block; padding: 20px 0;  }
div.noticies a p.entradeta { color: #333 }
div.noticies a:hover { text-decoration: none }
div.noticies:hover { background: #EFEFEF }
div.noticies:hover p { color: black }




ul.videos { list-style: none; margin: 20px 15px 0 0; padding: 0; background:#F7F4F2 }
ul.videos li { margin: 0; padding: 10px 10px 5px 10px; clear: both; border-bottom: 1px solid #B7B4B2 }
ul.videos h2 { font: 1.1em FranklinGothicM, Arial, Sans-serif; text-align: left; margin: 0 0 10px 320px; padding: 0 }
ul.videos p { font: 0.85em/1.15em Actor, Arial, Sans-serif; color: #333; margin: 0 0 0 320px; text-align: justify }
ul.videos div.video { float: left }

ul.govern_fotos { list-style: none; margin: 15px 0 0 0; padding: 0 }
ul.govern_fotos li { float: left; margin: 0; padding: 0 }
ul.govern_fotos a { display: block; margin-right: 10px; margin-bottom: 10px }


div.fitxa_expo { border: 1px solid #C7C4C2; padding: 10px; background: #F7F4F2 }
div.fitxa_expo h2 { margin-top: 0; color: #107683  }
div.fitxa_expo img { float: left; border: 1px solid #979492; margin-top: 3px }
div.fitxa_expo p { font: 0.85em/1.15em Actor, Arial, Sans-serif; color: #333; margin: 0 0 12px 170px; text-align: left }
div.fitxa_expo p.intro { margin-left: 0; text-align: left; font: bold 0.85em/1.15em Actor, Arial, Sans-serif; margin-bottom: 15px }
div.fitxa_expo span { text-transform: uppercase; color: #65969F }


div.boto {
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	font: 0.85em FranklinGothicM, 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; cursor: pointer }
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.url a { background: url(../img/bg_boto_url.png) repeat-x top right; padding: 4px 35px 5px 15px }
div.url a:hover { background: url(../img/bg_boto_url2.png) repeat-x top right; padding: 4px 35px 5px 15px }
/*div.pdf a { background: url(../img/bg_boto_pdf.png) repeat-x top left; padding: 4px 15px 5px 35px; text-align: left }
div.pdf a:hover { background: url(../img/bg_boto_pdf2.png) repeat-x top left; padding: 4px 15px 5px 35px }*/

#c-slider {
	margin: auto;
	width: 80%;
	max-width: 900px
	position: relative;
	overflow: hidden;
	box-shadow: 5px 5px 5px #000000
}

#slider {
	display: flex;
	width: 9600%;
}

#slider section {
	width: 100%;
	height: 100%;
}

#slider img {
	display: compact;
	width: 400px;
	height: 400px;
}

#btn-prev, #btn-next {
	width: 40px;
	height: 40px;
	background: #CCC;
	color: #000;
	position: absolute;
	top: 30%;
	transform: translateY(-50%);
	line-height: 40px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
	font-family: monospace;
	cursor: pointer;
}

#btn-prev:hover, #btn-next:hover {
	background: #999;
}

#btn-prev {
	left: 10px;
}

#btn-next {
	right: 10px;
}

div.pdf { font: 0.70em/1.1em Actor, Arial, Sans-serif; color: #999; margin-bottom: 10px }
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: 25px; margin-right: 5px }
div.pdf a:hover { color: #300; background: url(../img/bg_pdf2.png) no-repeat 0 3px; padding-left: 25px; margin-right: 5px }

/*div.pdf_mes { float: none; width: 250px; margin-top: 0; margin-bottom: 5px }
div.pdf_mes a { background: url(../img/bg_boto_pdf.png) repeat-x top left; padding: 4px 15px 5px 35px; text-align: left }
div.pdf_mes a:hover { background: url(../img/bg_boto_pdf2.png) repeat-x top left; padding: 4px 15px 5px 35px }*/

div.csv { font: 0.70em/1.1em Actor, Arial, Sans-serif; color: #999; margin-bottom: 10px }
div.csv span { background: url(../img/bg_pdf_line.png) no-repeat bottom left; padding: 3px 0 3px 0 }
div.csv a { font-size: 120%; color: #900; background: url(../img/bg_csv.png) no-repeat 0 3px; padding-left: 25px; margin-right: 5px }
div.csv a:hover { color: #300; background: url(../img/bg_csv2.png) no-repeat 0 3px; padding-left: 25px; margin-right: 5px }

footer { background: #373432; margin: 25px -15px 0 -15px; color: white; text-align: left; padding: 20px 0 }
footer p { font: 0.9em/1.3em Actor, Sans-serif; margin: 0 20px }

table.graella { clear: both; width: 97.34%; margin-left: 0; margin-right: 2.66%; margin-bottom: 3%; margin-top: 20px; font: 0.85em/1.3em Actor, Sans-serif }
table.graella th { font: 0.9em FranklinGothicM, Sans-Serif; color: white; background: #87BAC1; text-align: left; border-bottom: 1px solid #107683; padding: 5px 6px; text-transform: uppercase  }
table.graella td { border-bottom: 1px solid #107683; background: #FFF; vertical-align: top; padding: 5px 6px }
table.graella tr.parell td { background: #E7F1F2 }

table.graella.inici { border: 1px solid #87BAC1; font-size: 0.85em; width: 100% }
table.graella.inici td { border-color: #87BAC1 }

div.inici h1 { margin-bottom: 5px }

ul.noticies_inici { list-style: none; margin: 0; padding: 0 }
ul.noticies_inici li { margin: 0; padding: 0 }
ul.noticies_inici a { display: block; padding: 10px 0 }
ul.noticies_inici a:hover { text-decoration: none; background: #E7E4E2 }
ul.noticies_inici p.titol { font: 0.9em FranklinGothicM, Sans-Serif; text-align: left; margin: 0 0 3px 0 }
ul.noticies_inici p.txt { font: 0.85em Actor, Arial, Sans-serif; color: #474442; text-align: justify; margin: 0 }
ul.noticies_inici a p.titol { color: black }
ul.noticies_inici a p.titol { color: #900 }

.mesInfo { font: 0.70em Arial, Sans-serif; text-transform: uppercase; margin: 3px 0 0 0; background: url(../img/mesinfo_quadrets.png) no-repeat 0 7px; padding: 4px 10px 7px 27px; border-top: 1px solid #DDD; width: 100%; }
.mesInfo a:hover { color: black; text-decoration: underline }

/*------ calendari --------*/
table.calendari { width: 100%; margin-top: 20px; margin-left: 0; margin-right: 0%; margin-bottom: 8%; border: 1px solid #B7AFAD; border-left: none; border-bottom: 0 }
table.calendari th { font: bold 0.7em Arial, Helvetica, sans-serif; color: #666666; background: #E7E4E2; text-align: center; border: 1px solid #B7B4B2; border-right: 0; border-top: 0 }
table.calendari td { font: 0.7em Arial, Helvetica, sans-serif; text-align: center; color: #333333; background: white; border: 1px solid #B7B4B2; border-right: 0; border-top: 0 }
table.calendari td.calmes { font: bold 0.75em Arial, Helvetica, sans-serif; text-align: center; color: white; background: #B7B4B2; text-transform: uppercase }
table.calendari td.calmes a div { background: #B7B4B2; color: white }
table.calendari div { padding: 4px 0 4px 0 }
table.calendari td a div { background: white }
table.calendari td a:hover div { background: black; color: white }
table.calendari td.actual a div { background: black; color: white }

.tira_gris { background: #E7E4E2; padding: 10px 10px; text-align: center; font: 0.80em/1.3em Actor, Sans-serif }
.tira_gris ul { list-style: none; margin: 0; padding: 0; text-align: center }
.tira_gris ul li { float: none; margin: 0 10px; display: inline; }
.tira_gris ul li a { display: inline-block; }
.tira_gris ul li p { width: 150px; margin: 0 }
.tira_gris ul li img { margin: 5px 0 5px 0 }

div.foto { float: right; margin-right: 10px }
div.foto img { width: 251px; border: 8px solid #E7E4E2; margin: 0 0 20px 25px; }
div.foto.grossa img { width: 300px }
div.estreta img { width: 150px; border: 8px solid #E7E4E2; margin-bottom: 20px }
div.foto:hover img { border-color: #900 }

ul.llista_linies { list-style: none; margin: 0; padding: 0; font: 0.85em/1.3em Actor, Sans-serif  }
ul.llista_linies li { border-top: 1px solid #B7B4B2; padding: 10px 10px 10px 35px; background: url(../img/li_arrow1.png) no-repeat 8px 10px; }
ul.llista_linies li:first-child { border: none }
ul.llista_linies ul { margin-left: -10px }
ul.llista_linies ul li { background: none; padding-left: 0; border: none; padding-bottom: 3px }

div.destacat2 { background: #F7F4F2; margin-right: 10px; padding-bottom: 15px; margin-bottom: 25px }
div.destacat2 h2 { background: #7BBBC6; color: white; padding: 5px 10px }
div.destacat2 p.txt { padding: 0 10px 5px 10px }
div.destacat2 .boto { margin-top: 5px; margin-left: 10px }

div.header_jornades h1 {height: 86px; color: white; background-color: rgba(0, 130, 155, 0.85); margin-left: 0px; margin-right: 0px; padding: 20px; font-size: 26px;}
div.header_jornades img {position: relative; top: -137px; left: 260px; }

div.jornades_caixes li {float: left; width: 178px; margin-right: 28px; margin-bottom: 28px; padding: 10px; border: 1px solid black; border-radius: 5px; text-decoration: none; text-align: center; list-style: none;}
div.jornades_caixes img {margin-left: 0px; }
div.jornades_caixes h2 { rgba(0, 130, 155, 0.85); font-size: 18px;  }
div.jornades_caixes hr { background: rgba(0, 130, 155, 0.85); border: 1px solid rgba(0, 130, 155, 0.85); margin-bottom: 20px; margin-top: -5px; margin-right: 44px; }

div.jornades_caixes_innovacio li {float: left; background-color: #7BBBC6; width: 144px; margin-right: 26px; margin-bottom: 28px; padding: 10px; border: 1px solid black; border-radius: 5px; text-decoration: none; text-align: center; list-style: none; }
div.jornades_caixes_innovacio ul li:hover { background-color: #2695A9; text-decoration: none; }
div.jornades_caixes_innovacio img {margin-left: 0px; }
div.jornades_caixes_innovacio h2 { color: black; font-size: 16px; alignment-adjust: central;  }
div.jornades_caixes_innovacio hr { background: rgba(0, 130, 155, 0.85); border: 1px solid rgba(0, 130, 155, 0.85); margin-bottom: 20px; margin-top: -5px; margin-left: 30px; margin-right: 30px; }

div.jornades_caixes_recerca li {float: left; background-color: #2695A9; width: 118px; height: 118px; margin-right: 15px; margin-bottom: 20px; margin-top: 10px; padding: 10px; border: 0px solid black; border-radius: 30px; text-decoration: none; text-align: center; list-style: none; }
div.jornades_caixes_recerca ul li:hover { background-color: #7BBBC6; text-decoration: none; }
div.jornades_caixes_recerca img {margin-left: 0px; }
div.jornades_caixes_recerca h2 { color: white; font-size: 16px; alignment-adjust: central;  }
div.jornades_caixes_recerca hr { background: rgba(0, 130, 155, 0.85); border: 1px solid rgba(0, 130, 155, 0.85); margin-bottom: 20px; margin-top: -5px; margin-left: 30px; margin-right: 30px; }

div.jornades_caixes_text li {float: left; background-color: #DDD; width: 180px; height: 36px; margin-right: 20px; margin-bottom: 0px; margin-top: 5px; padding: 0px; border: 1px solid black; border-radius: 30px; text-decoration: none; text-align: center; list-style: none; }
div.jornades_caixes_text ul li:hover { background-color: #FFF; text-decoration: none; }
div.jornades_caixes_text img {margin-left: 0px; }
div.jornades_caixes_text h4 { color: #900; font-size: 16px; text-align: center; alignment-adjust: central;  }
div.jornades_caixes_text hr { background: rgba(0, 130, 155, 0.85); border: 1px solid rgba(0, 130, 155, 0.85); margin-bottom: 20px; margin-top: -5px; margin-left: 30px; margin-right: 30px; }

div.jornades_caixes_comunicacio li {float: left; background-color: #2695A9; width: 144px; height: 60px; margin-top: -10px; border: 1px solid black; border-radius: 10px; text-decoration: none; text-align: center; list-style: none; }
div.jornades_caixes_comunicacio a:hover { background-color: #7BBBC6; text-decoration: none; }
div.jornades_caixes_comunicacio img {margin-left: 0px; }
div.jornades_caixes_comunicacio h2 { color: white; font-size: 18px; margin-bottom: 20px;}
div.jornades_caixes_comunicacio hr { background: rgba(0, 130, 155, 0.85); border: 1px solid rgba(0, 130, 155, 0.85); margin-bottom: 20px; margin-top: -5px; margin-left: 0px; margin-right: 5px; }
table.jornades_caixes_comunicacio td { width: 100px; height: 120px; background-color: #2695A9; border: 0px solid black; border-radius: 10px; }
table.jornades_caixes_comunicacio td:hover { background-color: #448894; }

div.jornades_caixes_fitxa li {float: left; background-color: #2695A9; width: 144px; height: 60px; margin-top: -10px; border: 1px solid black; border-radius: 10px; text-decoration: none; text-align: center; list-style: none; }
div.jornades_caixes_fitxa a:hover { background-color: #7BBBC6; text-decoration: none; }
div.jornades_caixes_fitxa img {margin-left: 0px; }
div.jornades_caixes_fitxa h2 { color: black; font-size: 12px; margin-bottom: 20px;}
div.jornades_caixes_fitxa hr { background: rgba(0, 130, 155, 0.85); border: 1px solid rgba(0, 130, 155, 0.85); margin-bottom: 20px; margin-top: -5px; margin-left: 0px; margin-right: 5px; }
table.jornades_caixes_fitxa td { cwidth: 300px; font-size: 12px; background-color: #C5F3EB; border: 0px solid black; border-radius: 15px; }
table.jornades_caixes_fitxa td:hover { background-color: #448894; }



div.jornades_caixes_videos li {float: left; width: 374px; margin-right: 46px; margin-bottom: 28px; padding: 10px; border: 1px solid black; border-radius: 5px; text-decoration: none; text-align: center; list-style: none;}
div.jornades_caixes_videos h2 { rgba(0, 130, 155, 0.85); font-size: 18px; }
div.jornades_caixes_videos hr { background: rgba(0, 130, 155, 0.85); border: 1px solid rgba(0, 130, 155, 0.85); margin-bottom: 20px; margin-top: -5px; margin-right: 44px; }
div.jornades_caixes_audio li {float: left; width: 70px; margin-right: 11px; margin-bottom: 28px; padding: 5px; border: 1px solid black; border-radius: 5px; text-decoration: none; text-align: center; list-style: none;}
div.jornades_caixes_audio h2 { rgba(0, 130, 155, 0.85); font-size: 18px; }
div.jornades_caixes_audio hr { background: rgba(0, 130, 155, 0.85); border: 1px solid rgba(0, 130, 155, 0.85); margin-bottom: 20px; margin-top: -5px; margin-right: 44px; }
div.jornades_caixes_textos { font-size: 14px; }
div.jornades_caixes_textos li {float: left; width: 178px; height: 300px; margin-right: 28px; margin-bottom: 28px; padding: 10px; border: 1px solid black; border-radius: 5px; text-decoration: none; text-align: center; list-style: none;}
div.jornades_caixes_textos2 { font-size: 14px; }
div.jornades_caixes_textos2 li {float: left; width: 178px; height: 438px; margin-right: 28px; margin-bottom: 28px; padding: 10px; border: 1px solid black; border-radius: 5px; text-decoration: none; text-align: center; list-style: none;}
div.jornades_caixes_entrevistes li {float: right; width: 600px; margin-right: 20px; margin-bottom: 28px; padding: 10px; border: 1px solid black; border-radius: 5px; text-decoration: none; text-align: left; list-style: none;}
div.jornades_caixes_entrevistes h2 { rgba(0, 130, 155, 0.85); font-size: 18px;  }


div.jornades_presentacio {width: 520px; margin-top: -40px; padding: 15px; float: left;}
div.jornades_presentacio h2 { rgba(0, 130, 155, 0.85); font-size:20px; }
div.jornades_actes {width: 340px; margin-left: 20px; margin-top: 0px; padding: 0px; float: left; background: #EFEDEB; border: 1px solid black; border-radius: 15px; padding: 5px; padding-left: 15px; padding-bottom: 10px;}
div.jornades_edicio {border-color: black; border: 4px; padding: 20px;}
div.jornades_icons img {padding: 6px; margin-right: 16px; margin-left: 23px; alignment-adjust:auto;}
div.jornades_icons h3 {float: left;}
div.jornades_cercador_actes {margin-left: 20px; margin-top: -20px;}
div.jornades_cronologia_MAF { margin-top: 20px; margin-right: 320px; background: #EFEDEB; border: 1px solid black; border-radius: 15px; padding: 5px; padding-left: 15px; padding-bottom: 10px;}
div.jornades_cronologia_MAF h2 { font-size: 18px; margin-top: 5px; }
div.foto_MAF { float: right; margin-right: 10px; margin-top: -520px; }
div.foto_MAF img { width: 300px; border: 8px solid #E7E4E2; margin: 0 0 20px 25px; }
div.jornades_MAF_textos { font-size: 14px; }
div.jornades_MAF_textos ul { margin-left: 0px; margin-top: 18px; padding: 0px;}
div.jornades_MAF_textos ul li { width: 156px; height: 40px; color: white; background-color: #8B7452; border-radius: 15px; padding-top: 10px; }
div.jornades_MAF_textos ul li a { display: block; color: white; }
div.jornades_MAF_textos ul li:hover { background-color: #B99C78; }

#jornades_enquestes {display: none; margin-left: 20px; margin-right: 20px; }
#jornades_programa {display: none; margin-left: 20px; margin-right: 20px; }
#jornades_textos {display: none; margin-left: 20px; margin-right: 20px; }
#jornades_organitzadors {display: none; margin-left: 220px; }

div.jornades_destacat {background: #F7F4F2; margin-right: 10px; padding-bottom: 15px; margin-bottom: 25px }
div.jornades_destacat h2 {background: #7BBBC6; color: white; padding: 5px 10px; margin-left: 5px; }
div.jornades_destacat p.txt { padding: 0 10px 5px 10px }
div.jornades_destacat .boto { margin-top: 5px; margin-left: 10px }

div.nav_jornades { background: url(../img/bg_nav_jornades.gif) repeat-x bottom left;  margin: 0 0 0px 0; padding-top: 0; }
div.nav_jornades ul { list-style: none; border-top: 0px solid white; margin: 0; margin-bottom: 0px; padding: 0; text-align: left; }
div.nav_jornades ul li a { display: block; float: left; border-right: 2px solid white; background: url(../img/bg_nav_jornades.gif) repeat-x bottom left; font: 0.85em/0.85em FranklinGothicM, Sans-Serif; margin: 0; padding: 10px 10px 10px 10px; color: white; }
div.nav_jornades ul li a.seleccionat { background-image: url(../img/bg_nav_jornades2.gif); color: black; padding: 10px; }
div.nav_jornades ul li a:hover { background-image: url(../img/bg_nav_jornades2.gif); }

div.nav_jornades_MAF { margin-left: 0px; margin-top: 0px; }
div.nav_jornades_MAF ul { height: 34px; width: 400px; background-color: #8B7452; list-style: none; border: 1px solid black; border-radius: 5px; margin: 0px; margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; text-align: left; }
div.nav_jornades_MAF ul li a { display: block; float: left; border-right: 2px solid white; #8B7452; font: 0.85em/0.85em FranklinGothicM, Sans-Serif; margin-bottom: 20px; padding: 10px 5px 10px 5px; color: white; }
div.nav_jornades_MAF ul li a.seleccionat { background-color: #B99C78; color: black; padding: 10px; }
div.nav_jornades_MAF ul li a:hover { background-color: #B99C78; }

div.dia_mundial h4 { clear:both; padding: 3px 10px; margin-top: 20px; margin-right: 10px; background: url(../img/bg_h4_grad.gif) repeat-y; border-bottom: 2px solid #107683; color: white }
div.dia_mundial ul { list-style: none; margin: 0 20px 0 0; padding: 0 }
div.dia_mundial img { width: 150px; height: 100px; float: left; margin-top: 4px }
div.dia_mundial ul li { margin: 15px 0 15px 0; padding: 0; clear: both }
div.dia_mundial ul p.titol { font: 1em FranklinGothicM, Arial, Sans-serif; margin: 0 0 5px 165px; color: black }
div.dia_mundial ul p.tipus { text-align: left; font: 0.75em Actor, Arial, Sans-serif; font-weight: normal !important; text-transform: uppercase; color: #777472; margin: 0 0 5px 165px }
div.dia_mundial ul p.txt { margin: 0 0 5px 165px }
div.dia_mundial .botons { margin-left: 165px }
div.dia_mundial .boto { float: left; margin-top: 5px; margin-bottom: 20px; margin-right: 10px; font: 0.85em FranklinGothicM, Sans-Serif }
div.dia_mundial .boto a { background: none; display: block; border: 1px solid #B7B4B2; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; padding: 2px 8px 3px 8px; color: #900; text-decoration: none }
div.dia_mundial .boto a:hover { background: url(../img/bg_boto2.png) repeat-x; color: white; text-decoration: none; border-color: #900 }

div.dia_mundial ul ul { list-style: square; margin: 0 15px 10px 190px; font: 0.85em/1.3em Actor, Sans-serif; text-align: left }
div.dia_mundial ul ul li { margin-bottom: 5px; margin-top: 0; }


.organigrama { width: 665px; height: 351px; border: none; margin: 10px 0 20px 0 }
.organigrama:hover { opacity:0.5; filter:alpha(opacity=50) }

table.table { font: 0.85em Actor, Arial, Sans-serif; color: #333; background: #F7F4F2 }
table.table th { background: #E7E4E2; color: #777472 }
table.table.legal th.col1 { width: 25% }
table.table.legal th.col2 { width: 45% }
table.table.legal th.col3 { width: 30% }
table.table td.autor { text-variant: small-caps; font-size: 110%; font-weight: bold; text-align: left }


div.govern_resultats h3 { background: #C7C4C2; margin: 0 0 -15px 0; padding: 10px 10px; text-align: center }
div.fitxa_regidor img { width: 220px; height: 220px; float: left; margin-top: 5px; border: 1px solid #C7C4C2 }


ul.biblio_foto { list-style: none: margin: 0 0 20px 0; padding: 0 }
ul.biblio_foto li { float: left; display: block; margin: 0 10px 10px 0; padding: 0 }
ul.biblio_foto a { display: block; padding: 7px 14px; border: 1px solid #D7D4D2; font: 0.95em FranklinGothicM, Arial, Sans-serif; background: #F7F4F2 }
ul.biblio_foto a:hover { background: #D7D4D2; color: black }
ul.biblio_foto a.actual { background: black; color: white; border-color: black }
.biblio_foto_div { display: none; clear: both }
.biblio_foto_div.visible { display: block }

/* FORMULARI */

.formulari { width: 97.34%; margin: 3% 2.66% 2% 0; background: #E7F1F2; border-top: 2px solid #87BAC1 }
.formulari .fila { clear: both; padding-top: 10px }
.formulari.advanced { padding-top: 10px }
.formulari.advanced .fila { clear: both; padding-top: 0 }
.formulari .columna { float: left }
.formulari .camp { width: 100%; margin-top: 3px; padding: 5px; text-indent: 5px; font: 0.85em Actor, Arial, Sans-serif }
.formulari .textarea { height: 200px; }
.formulari hr { background: #D74828; border: 1px solid #D74828; margin: 10px 2% 3px 2% }
.formulari label { font: 85% FranklinGothicM, Sans-serif; color: #474442; margin-bottom: 3px }
.formulari label.txt { font: 1em Actor, Arial, Sans-serif; color: #333; margin: auto }
.formulari label span { color: #C00; margin-left: 4px; font-size: 140%; line-height: 0%; vertical-align: middle }
.formulari ul.checkboxes { margin: 0; padding: 0; list-style: none; font: 0.85em/1.4em Actor, Arial, Sans-serif }
.formulari ul.checkboxes li { float: left; width: 150px }
.formulari ul.checkboxes input { margin: 0 5px }
.formulari .radiobutton { margin-left: 10px }
.formulari .etiqueta {  font: 0.85em Actor, Arial, Sans-serif }
.formulari .botonera { clear: both; background: #87BAC1; margin-top: 4%; padding: 7px 0; text-align: center }
.formulari .botonera input { font: 90%/90% FranklinGothicM, Sans-serif; -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; border: none; cursor: pointer }
.formulari .botonera input:hover { -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; border: none; cursor: pointer  }
.lopd { font: 0.75em/1.3em Actor, Arial, Sans-serif; margin: 0 2.66% 2.5% 0; color: #555; text-align: justify }
.formulari_retorn { width: 97.34%; margin: 3% 2.66% 2% 0; background: #E7F1F2; border-top: 2px solid #87BAC1; border-bottom: 2px solid #87BAC1; padding: 20px; font: 0.85em Actor, Arial, Sans-serif }
.cercador_checkboxes { float: left; margin-right: 15px }

.formulari.petit { border: 2px solid #87BAC1; padding-bottom: 15px }
.formulari.petit .boto { font: 90%/90% FranklinGothicM, Sans-serif; -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; border: none; cursor: pointer; margin-top: 25px; height: 30px }
.formulari.petit .boto:hover { -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; border: none; cursor: pointer  }

div.boto_canvi_cercador { float: right; font: 0.85em FranklinGothicM, Sans-Serif; margin-right: 2.66%; margin-bottom: -18px }
div.boto_canvi_cercador a { display: block; border: 1px solid #87BAC1; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; background: url(../img/bg_boto_canvi_cercador.png) repeat-x top right; padding: 4px 35px 5px 15px; color: #00829B; text-decoration: none }
div.boto_canvi_cercador a:hover { background: url(../img/bg_boto_canvi_cercador2.png) repeat-x top right; color: white; border-color: #591B1A }


ul.cerques_destacades { list-style: none; margin: 15px 0 0 0; padding: 0 }
ul.cerques_destacades li { float: left; width: 150px; height: 130px; margin: 10px 18px 10px 0; padding: 0 }
ul.cerques_destacades li a { display: block }
ul.cerques_destacades img { width: 150px; height: 100px }
ul.cerques_destacades h3 { font: 0.95em FranklinGothicM, Sans-Serif; margin: 5px 10px 5px 0 }
ul.cerques_destacades a:hover img { opacity:0.5; filter:alpha(opacity=50) }


ul.dades_obertes { list-style: none; margin: 15px 0 0 0; padding: 0 }
ul.dades_obertes li { float: left; width: 200px; height: 130px; border: 2px solid #107683; margin: 10px 18px 10px 0; padding: 0 }
ul.dades_obertes li a { display: block }
ul.dades_obertes img { width: 100px; height: 50px; margin:5px; margin-left:50px;}
ul.dades_obertes a:hover { background: #E7E4E2; text-decoration: none }
ul.dades_obertes p.titol { font: 0.95em FranklinGothicM, Sans-Serif; margin: 0 10px 5px 10px }
ul.dades_obertes a:hover p.titol { text-decoration: underline }
ul.dades_obertes p.subtitol { font: 0.85em/1.3em Actor, Sans-serif; color: #444; margin: 0 10px 0 10px }
ul.dades_obertes a:hover img { opacity:0.5; filter:alpha(opacity=50) }

ul.fons_documentals { list-style: none; margin: 15px 0 0 0; padding: 0 }
ul.fons_documentals li { float: left; width: 200px; height: 130px; border: 0px solid #107683; margin: 10px 18px 10px 0; padding: 0 }
ul.fons_documentals li a { display: compact }
ul.fons_documentals img { width: 100px; height: 50px; margin:5px; margin-left:50px;}
ul.fons_documentals a:hover { background: #E7E4E2; text-decoration: underline }
ul.fons_documentals p.titol { font: 0.95em FranklinGothicM, Sans-Serif; margin: 0 10px 5px 10px }
ul.fons_documentals a:hover p.titol { text-decoration: none }
ul.fons_documentals p.subtitol { font: 0.85em/1.3em Actor, Sans-serif; color: #444; margin: 0 10px 0 10px }
ul.fons_documentals a:hover img { opacity:0,5; filter:alpha(opacity=50) }


.dropdown-menu li.seleccionat a { background: #00829B; color: white }
.dropdown-toggle { font: 1.2em FranklinGothicM, Arial, Sans-serif; color: /*#00829B*/ #900 }





/* FITXA DE LA CONSULTA NO DIGITALITZADA */
.fitxa_popup { background: white; padding: 20px; font-size: 90% }
.fitxa_popup h1 { font: 1.2em FranklinGothicM, Arial, Sans-serif; text-align: left; color: black }
.fitxa_popup .RG { font: 0.85em Arial, Sans-serif; float: right; border: 1px solid #C7C4C2; padding: 10px 20px; margin-left: 30px }
.fitxa_popup p { font: 0.95em Actor, Arial, Sans-serif; margin: 0 0 10px 0 }
.pp_social {display:none !important;}





/* genèrics */
.w20p { width: 16%; padding-left: 2%; padding-right: 2% }
.w30p { width: 26%; padding-left: 2%; padding-right: 2% }
.w33p { width: 29%; padding-left: 2%; padding-right: 2% }
.w40p { width: 36%; padding-left: 2%; padding-right: 2% }
.w50p { width: 46%; padding-left: 2%; padding-right: 2% }
.w60p { width: 56%; padding-left: 2%; padding-right: 2% }
.w70p { width: 66%; padding-left: 2%; padding-right: 2% }
.w100p { width: 96%; padding-left: 2%; padding-right: 2% }
.upper { text-transform: uppercase }
.border0 { border: none }
.noBg { background: none }
.reset { clear: both; float: none; height: 0; width: 0; line-height: 0 }
.reset.m30 { margin-bottom: 30px }



/* modificar estils externs */
.issuuembed.issuu-isrendered, .issuuembed.issuu-isrendered a { color: white !important }

.video { position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ height: 0; margin-top: 15px; }
.video2 { position: relative; padding-bottom: 0%; /* 16:9 Aspect Ratio */ height: 0; margin-top: 15px; }
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 328px!important;
}

.peu_video { font: 0.70em Arial, Sans-serif; text-transform: uppercase; color: #575452; margin-top: 10px; }



@media screen and (max-width: 960px)
{
	#pagina { margin: 10px}
	#header .nom_servei { width: 100%; height: 120px }
	.header2 h2 { font-size: 1.5em }
}





@media screen and (max-width: 768px)
{
	body { padding: 0 }
	#header .logo { height: auto }
	#header .logo img { width: 95px; height: auto; margin-top: 2px }
	#header .nom_servei { width: 100%; height: 100px }
	#header .nom_servei img { width: auto; height: 100px }
	#header .nom_servei p { font: bold 1.15em Arial, Sans-serif; margin-top: 10px; padding: 10px 20px }

	#navbar ul.submenu1 li:hover ul.submenu2 { display: none }
	#navbar li:hover ul.submenu1 li a.pullright { background: url(../img/bg_menu_pullright2.png) no-repeat bottom left }
	#navbar li ul.submenu1 li:hover a.pullright { background: url(../img/bg_menu_pullrightx.png) no-repeat bottom left }

	.header2 h2 { font-size: 1.3em }
	.organigrama { width: 100%; height: auto }
}




@media screen and (max-width: 480px)
{
	#pagina { /*margin: 5px*/ }
	#header .logo img { width: 83px; height: auto; margin-top: 1px }
	#header .nom_servei { width: 100%; height: 80px }
	#header .nom_servei img { height: 80px }
	#header .nom_servei p { font: bold 1em Arial, Sans-serif; margin-top: 8px; padding: 5px 10px }

	ul.exposicions img { float: none; margin-bottom: 0 }
	ul.exposicions p.titol { margin-left: 0 }
	ul.exposicions p.txt { margin-left: 0; margin-bottom: 15px }

	.header2 h2 { font-size: 1.1em }
	div.destacat { float: none; margin: 0 0 15px 0; width: auto; padding-bottom: 5px }
	ul.videos h2 { margin-left: 0 }
	ul.videos p { margin-left: 0 }
	ul.videos div.video { float: none }

	div.fitxa_registre img.portada { float: none; width: 100px; margin-right: 20px; border: none }
	div.fitxa_registre div.portada { padding-top: 15px; margin-left: 0; clear: both }

	.formulari .columna { clear: both; width: 100% !important }
}





@media screen and (max-width: 320px)
{
	#header .nom_servei p { font: bold 0.9em Arial, Sans-serif; margin-top: 8px; padding: 4px 10px }
}


.seleccio_format {
    padding-left: 10px;
    font: 85% FranklinGothicM, Sans-serif;
    color: #474442;
    margin-bottom: 3px;
    cursor: pointer; cursor: hand;
}