/*  
Author: Arnau Pujol Cabarrocas
Author URI: http://analogicemotion.com/
*/

/* Reset CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin:0px; padding:0px; border:0px; outline:0px; }

a { color:#111; text-decoration:underline; outline:none; }
a:hover { color:#8D8986; }

a img, :link img, :visited img { border:0px; }

table { border-collapse:collapse; border-spacing:0px; }

ol, ul { list-style:none; }

:focus { outline:none; }

img { margin:0px; vertical-align:top; }

html { overflow-y:scroll; }

/* --------------------------- Grid System ---------------------------- */

/* 
960px grid system ~ Created by the Grid System Generator http://www.gridsystemgenerator.com
Based on the 960.gs grid system: 16 columns ~ margin: 10px
*/

/* Container */
.container_24 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  overflow:visible;
}

/* Grid Global */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
  display: inline;
  float: left;
  position:relative;
  margin-left: 15px;
  margin-right: 0px;
}

/* Grid 24 cols */
.container_24 .grid_1 {width: 25px;}
.container_24 .grid_2 {width: 65px;}
.container_24 .grid_3 {width: 105px;}
.container_24 .grid_4 {width: 145px;}
.container_24 .grid_5 {width: 185px;}
.container_24 .grid_6 {width: 225px;}
.container_24 .grid_7 {width: 265px;}
.container_24 .grid_8 {width: 305px;}
.container_24 .grid_9 {width: 345px;}
.container_24 .grid_10 {width: 385px;}
.container_24 .grid_11 {width: 425px;}
.container_24 .grid_12 {width: 465px;}
.container_24 .grid_13 {width: 505px;}
.container_24 .grid_14 {width: 545px;}
.container_24 .grid_15 {width: 585px;}
.container_24 .grid_16 {width: 625px;}
.container_24 .grid_17 {width: 665px;}
.container_24 .grid_18 {width: 705px;}
.container_24 .grid_19 {width: 745px;}
.container_24 .grid_20 {width: 785px;}
.container_24 .grid_21 {width: 825px;}
.container_24 .grid_22 {width: 865px;}
.container_24 .grid_23 {width: 905px;}
.container_24 .grid_24 {width: 945px;}

/* Prefix Extra Space */
.container_24 .prefix_1 {padding-left: 40px;}
.container_24 .prefix_2 {padding-left: 80px;}
.container_24 .prefix_3 {padding-left: 120px;}
.container_24 .prefix_4 {padding-left: 160px;}
.container_24 .prefix_5 {padding-left: 200px;}
.container_24 .prefix_6 {padding-left: 240px;}
.container_24 .prefix_7 {padding-left: 280px;}
.container_24 .prefix_8 {padding-left: 320px;}
.container_24 .prefix_9 {padding-left: 360px;}
.container_24 .prefix_10 {padding-left: 400px;}
.container_24 .prefix_11 {padding-left: 440px;}
.container_24 .prefix_12 {padding-left: 480px;}

/* Suffix Extra Space */
.container_24 .suffix_1 {padding-right: 40px;}
.container_24 .suffix_2 {padding-right: 80px;}
.container_24 .suffix_3 {padding-right: 120px;}
.container_24 .suffix_4 {padding-right: 160px;}
.container_24 .suffix_5 {padding-right: 200px;}
.container_24 .suffix_6 {padding-right: 240px;}
.container_24 .suffix_7 {padding-right: 280px;}
.container_24 .suffix_8 {padding-right: 320px;}
.container_24 .suffix_9 {padding-right: 360px;}
.container_24 .suffix_10 {padding-right: 400px;}
.container_24 .suffix_11 {padding-right: 440px;}
.container_24 .suffix_12 {padding-right: 480px;}

/* Children (Alpha ~ First, Omega ~ Last) */ 
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* `Clear Floated Elements */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after, .container_24:after  {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.height_36 { height:36px; }
.height_18 { height:18px; }

.relative { position:relative; }

/* --------------------------- Init Forms -------------------------- */

input, select, textarea { font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size:12px; margin:0px; padding:2px; border:1px solid #7f9db9; }

/* --------------------------- Estructura General ---------------------------- */

html,body { 
  margin:0px;
  height:100%; 
  font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; 
  color:#111; 
  font-size:12px;  
  line-height:18px;
  background:#032923 url('../image/bg_body.jpg') center top;
}

#pagina {
  position:relative;
  width:100%;
  margin:0px;
  height:auto !important; /* For Modern Browsers */
  height:100%; /* For IE */
  min-height:100%; /* For Modern Browsers */
  overflow:visible;
}

#header_content {
  width:100%;
  height:396px;
  background:url('../image/bg_header_content.jpg') left top repeat-x;
}
#header {
  position:relative;
  margin:0px auto;
  width:975px;
  height:396px;
  background:url('../image/bg_header.jpg') left top no-repeat;
  overflow:hidden;
}

#contingut {
  position:relative;
  margin:-54px auto 0px;
  width:960px;
  padding:18px 15px 468px 0px;
  overflow:hidden;  
}

#footer_content {
  margin-top:-450px;
  width:100%;
  height:450px;
  background:url('../image/bg_footer_content.jpg') left top repeat-x;
}
#footer {   
  position:relative;
  margin:0px auto;
  width:975px;
  height:450px;
  color:#666;
  overflow:hidden;
  background:url('../image/bg_footer.jpg') left top repeat-x;
}

/* --------------------------- Header ---------------------------- */

#link_inici {
  position:absolute;
  top:70px;
  left:25px;
  width:290px;
  height:120px;
  text-indent:-8000px;
}
#link_facebook,#link_twitter {
  position:absolute;
  top:232px;
  width:40px;
  height:40px;
  text-indent:-8000px;
}
#link_facebook{right:7px;}
#link_twitter {right:52px;}


#menu_lava {
  position:absolute;
  top:284px;
  left:15px;
  width:800px;
  height:30px;
  overflow:hidden;
  z-index:300;
  background:#218271;
}

#lava {
  position:relative;
  overflow:visible;
}

#menu_header {
  position:absolute;
  left:5px;
  top:0px;
  z-index:100;
}

#menu_header li {
  float:left;
  display:block;
  position:relative;
  height:30px;
  line-height:30px;
}

#menu_header a {
  color:#fff;
  display:block;
  float:left;
  font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  height:28px;
  line-height:28px;
  padding:2px 12px 0px 12px;
  text-decoration:none;
  text-transform:uppercase;
}

#menu_header a:hover { color:#111; }

#menu_header .selected a { color:#111; }

#lava #box {
  /* position absolute so that z-index can be defined and able to move this item using javascript */
  position:absolute; 
  left:-200px; 
  top:2px; 
  height:28px;
  background:url(../image/lava_sprite.png) right 0px no-repeat; 
  z-index:50; 
}
#lava #box .head {
  /* image of the left rounded corner */
  height:28px;
  width:10px;
  background:url(../image/lava_sprite.png) left -28px  no-repeat; 
  /* self-adjust left padding to make sure the box display in the center of the item */
  margin-right:15px;
}
	
#lava #box2 {
  /* position absolute so that z-index can be defined and able to move this item using javascript */
  position:absolute; 
  left:-200px; 
  top:2px; 
  height:28px;
  background:url(../image/lava_sprite.png) right -56px no-repeat; 
  z-index:40; 
}
#lava #box2 .head2 {
  /* image of the left rounded corner */
  height:28px;
  width:10px;
  background:url(../image/lava_sprite.png) left -84px no-repeat; 
  /* self-adjust left padding to make sure the box display in the center of the item */
  margin-right:15px;
}

/* #contingut { margin-top:-198px; } */
#slider {
  margin:108px 0px 0px;
  width:975px;
  height:180px;
}
#slide_items {
  width:975px;
  height:180px;
  overflow:hidden;
}
#slide_items img { 
  display:block; 
  width:975px;
  height:180px;
}

/* --------------------------- Footer ---------------------------- */

#footer a { 
  position:absolute;
  display:block;
  margin:0px;
  border:0px;
  padding:0px;
  text-indent:-8000px;
  overflow:hidden;
}
#footer a.legal { top:48px; left:756px; width:63px; height:20px; }
#footer a.sitemap { top:48px; left:838px; width:50px; height:20px; }
#footer a.to_top { top:48px; left:904px; width:58px; height:20px; }

#footer a.consell { top:85px; left:17px; width:117px; height:34px; }
#footer a.diputacio { top:83px; left:155px; width:125px; height:36px; }

#footer a.troca { top:79px; left:351px; width:46px; height:45px; }
#footer a.punt { top:91px; left:535px; width:90px; height:20px; }

#footer a.bescano { top:175px; left:14px; width:88px; height:48px; }
#footer a.bordils { top:175px; left:135px; width:88px; height:46px; }
#footer a.cassa { top:175px; left:242px; width:112px; height:46px; }
#footer a.celra { top:175px; left:369px; width:102px; height:46px; }
#footer a.flasa { top:175px; left:490px; width:102px; height:46px; }
#footer a.fornells { top:175px; left:600px; width:122px; height:46px; }
#footer a.llagostera { top:168px; left:750px; width:63px; height:57px; }
#footer a.madremanya { top:175px; left:849px; width:102px; height:46px; }

#footer a.quart { top:242px; left:20px; width:106px; height:45px; }
#footer a.sant_gregori { top:240px; left:160px; width:107px; height:46px; }
#footer a.sant_jordi { top:240px; left:295px; width:122px; height:46px; }
#footer a.sant_julia { top:236px; left:445px; width:132px; height:50px; }
#footer a.sant_marti { top:240px; left:606px; width:95px; height:45px; }
#footer a.sarria { top:240px; left:731px; width:115px; height:45px; }
#footer a.vilablareix { top:246px; left:874px; width:80px; height:32px; }

#footer a.en_gira { top:365px; left:16px; width:40px; height:40px; }
#footer a.tv_girona { top:367px; left:100px; width:42px; height:35px; }
#footer a.icat_fm { top:372px; left:197px; width:74px; height:27px; }

#footer a.agt { top:369px; left:360px; width:70px; height:30px; }


#footer a.btm { top:369px; left:511px; width:35px; height:30px; }
#footer a.tr3sc { top:375px; left:570px; width:52px; height:16px; }
#footer a.atrapalo { top:369px; left:637px; width:55px; height:30px; }
#footer a.consorci { top:363px; left:713px; width:36px; height:40px; }
#footer a.galliner { top:362px; left:777px; width:50px; height:45px; }
#footer a.escola_teatre { top:364px; left:850px; width:40px; height:35px; }
#footer a.la_xarxa { top:359px; left:912px; width:44px; height:45px; }

/* --------------------------- Content ---------------------------- */

#contingut p { margin:0px 0px 18px; }

h1 { 
  display:block;
  margin:0px 0px 18px;
  padding:4px 0px 0px;
  color:#218271; 
  font-size:40px; 
  line-height:40px; 
  height:40px; 
  overflow:hidden; 
}

h2 {}

h3 {}

h4 {}

.top_18, #contingut .top_18 { margin-top:18px; }
.top_36, #contingut .top_36 { margin-top:36px; }
.bottom_9, #contingut .bottom_9 { margin-bottom:9px; }
.bottom_0, #contingut .bottom_0 { margin-bottom:0px; }

.padding_15 { padding:15px; }

.legal {
  margin:18px 0px;
  padding:10px 0px 0px;
  font-size:11px; 
  color:#999;
}

#contingut ul { 
  list-style:square outside none; 
  margin:0px 0px 9px 18px; 
}

.bg_color_1 { background:#ad8784 url('../image/bg_tipus_1.jpg') left top repeat-y; }
.bg_color_2 { background:#00919e url('../image/bg_tipus_2.jpg') left top repeat-y; }
.bg_color_3 { background:#a0a8bd url('../image/bg_tipus_3.jpg') left top repeat-y; }
.bg_color_4 { background:#c59e05 url('../image/bg_tipus_4.jpg') left top repeat-y; }
.bg_color_5 { background:#a27395 url('../image/bg_tipus_5.jpg') left top repeat-y; }
.bg_color_6 { background:#be7f0e url('../image/bg_tipus_6.jpg') left top repeat-y; }
.bg_color_7 { background:#439557 url('../image/bg_tipus_7.jpg') left top repeat-y; }
.bg_color_8 { background:#bd7670 url('../image/bg_tipus_8.jpg') left top repeat-y; }

.fons_escenaris_1 { background:#ca0823 url('../image/fons_escenaris_1.jpg'); }
.fons_escenaris_2 { background:#02b6d1 url('../image/fons_escenaris_2.jpg'); }
.fons_escenaris_3 { background:#c5c8d9 url('../image/fons_escenaris_3.jpg'); }
.fons_escenaris_4 { background:#ffc703 url('../image/fons_escenaris_4.jpg'); }
.fons_escenaris_5 { background:#cdc1a9 url('../image/fons_escenaris_5.jpg'); }
.fons_escenaris_6 { background:#f3a400 url('../image/fons_escenaris_6.jpg'); }

.fons_presentacio { background:#D7CCB6 url('../image/fons_presentacio.jpg'); }

.color_0 { color:#fff; }
.color_1 { color:#cc071e; }
.color_2 { color:#6886B8; }
.color_3 { color:#48648c; }
.color_4 { color:#FAD42B; }
.color_5 { color:#bb90bd; }
.color_6 { color:#A35890; }
.color_7 { color:#60964A; }
.color_8 { color:#df8b7d; }

.height_400 { height:400px; }

/* --------------------------- Presentació  -----------------------------*/

#contingut #presentacio {
  padding:0px 0px 15px 0px;
}

#contingut .bloc_pres { position:relative; width:705px; overflow:hidden; }
#contingut .bloc_pres p { margin-bottom:9px; }
#contingut .bloc_pres .text {
  padding:15px 15px 0px 215px;
}

#contingut .bloc_pres .tira_blanc { 
  padding:5px 0px 5px 215px;
  height:36px;
  background:#fff; 
  overflow:hidden;
}
#contingut .bloc_pres .tira_blanc p { margin:0px; }

#contingut .bloc_pres .logo_consell { background:#fff url('../image/logo_consell.jpg') left top no-repeat; }
#contingut .bloc_pres .logo_diputacio { background:#fff url('../image/logo_diputacio.jpg') left top no-repeat; }

#contingut .bloc_pres .nom { font-weight:bold; font-size:14px; }
#contingut .bloc_pres .carrec { font-size:11px; }
#contingut .bloc_pres img { 
  display:block;
  position:absolute;
  left:0px;  
  bottom:46px;
}


/* Contacte */ 

table.contacte {
  border-spacing:0px;
  margin:0px 0px 15px 0px;
  padding:15px 10px;
  width:675px;
  table-layout:auto;
}

table.contacte th { text-align:left; padding:0px; }

table.contacte tbody td { padding:2px 0px; }
table.contacte tbody td.nom { font-weight:bold; width:355px; }
table.contacte tbody td.tel {  width:110px; }
table.contacte tbody td.web {  width:210px; }

/* --------------------------- Lateral -----------------------------*/

#cerca { background:#5181bf ; padding:15px; background:url('../image/bg_cerca.jpg') left top repeat; }
#cerca h1 { margin:0px 0px 5px 0px; padding:2px 0px 0px; font-size:32px; color:#fff; line-height:32px; height:32px; overflow:hidden; }
#cerca h1.top_20 { margin:18px 0px 0px; }
#cerca select { width:195px; }

#contingut  #menu_lateral {
  list-style:none outside none; 
  padding:0px;
  margin:18px 0px 0px; 
}
#contingut  #menu_lateral li {
  display:block;
  margin:10px 0px 0px 0px;
  overflow:hidden;
}
#contingut  #menu_lateral li.primer { margin:0px; }
#contingut  #menu_lateral a { 
  display:block;
  width:225px;
  height:80px;
  text-indent:-8000px;
  cursor:pointer;
  background:url('../image/menu_lat.jpg') 0px 0px no-repeat;
}

#contingut  #menu_lateral a.menu_lat_1 { background-position:0px 0px; }
#contingut  #menu_lateral a.menu_lat_1:hover { background-position:0px -80px; }

#contingut  #menu_lateral a.menu_lat_2 { background-position:-225px 0px; }
#contingut  #menu_lateral a.menu_lat_2:hover { background-position:-225px -80px; }

#contingut  #menu_lateral a.menu_lat_3 { background-position:-450px 0px; }
#contingut  #menu_lateral a.menu_lat_3:hover { background-position:-450px -80px; }

#contingut  #menu_lateral a.menu_lat_4 { background-position:-675px 0px; }
#contingut  #menu_lateral a.menu_lat_4:hover { background-position:-675px -80px; }

#contingut  #menu_lateral a.menu_lat_5 { background-position:-900px 0px; }
#contingut  #menu_lateral a.menu_lat_5:hover { background-position:-900px -80px; }

#contingut  #menu_lateral a.menu_lat_6 { background-position:-1125px 0px; }
#contingut  #menu_lateral a.menu_lat_6:hover { background-position:-1125px -80px; }

#contingut  #menu_lateral a.menu_lat_7 { background-position:-1350px 0px; }
#contingut  #menu_lateral a.menu_lat_7:hover { background-position:-1350px -80px; }

#contingut  #menu_lateral a.menu_lat_8 { background-position:-1575px 0px; }
#contingut  #menu_lateral a.menu_lat_8:hover { background-position:-1575px -80px; }

/* --------------------------- Split Page ---------------------------- */

#split_page {
  float:none;
  clear:both;
  position:relative;
  margin:0px 0px 0px;
  border-top:1px solid #2C7C6C;
  padding:5px 0px 0px;
  color:#fff;
  width:100%;
  overflow:visible;
}
#split_page .data { margin:0px; padding:0px; }

.width_50 { width:45%; }
#split_left { float:left; }
#split_right { float:right; text-align:right; }
#split_page .prev, #split_page .next { margin:0px; line-height:15px; }
#split_page .titol { font-family:Arial,Garuda,sans-serif; color:#666; font-size:12px; }

#split_page a { text-decoration:none; color:#48A4EF; }
#split_page a:hover, #split_page a:hover span { color:#999; } 

/* --------------------------- Paginació ---------------------------- */

#split_page .pagination { position:absolute; right:0px; top:5px; padding:0px; text-align:right; }

#split_page .pagination a, #split_page .pagination .current {
  display:block;
  float:left;
  margin-left:5px;
  height:20px;
  width:20px;
  line-height:20px;
  color:#fff;
  text-align:center;
  font-weight:normal;
  text-decoration:none;
  background:url('../image/bg_page_button.jpg') 0px 0px no-repeat; 
}
#split_page .pagination a:hover { color:#fff; background:url('../image/bg_page_button.jpg') 0px -20px no-repeat; }

#split_page .pagination .current {
  color:#fff;
  background:url('../image/bg_page_button.jpg') 0px -40px no-repeat;
}

#split_page .pagination .punts {
  display:block;
  float:left;
  margin-left:5px;
  padding:0px 5px;
  line-height:16px;
  height:18px;
}

#split_page .pagination .prev_next {
  display:block;
  float:left;
  border:none;
  margin:1px 0px;
  padding:0px 0px 0px 5px;
  width:auto;
  font-size:11px;
  line-height:16px;
  background:none;
}
#split_page .pagination a.prev_next:hover { color:#55B5A2; background:none; }
#split_page .pagination .disabled { color:#999; }


/* ----------------------------------------------------------------------- */
/* ------------------------------- Plugins ------------------------------- */
/* ----------------------------------------------------------------------- */

/* ------------------------------ Shadowbox ------------------------------ */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}