/*  
Author: La Mantis
Author URI: http://www.mantis.cat/
*/

/* --------------------------- Reset Styles ---------------------------- */

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:none; outline:none; }
a:hover { color:#999; }

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; border:none; 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;
}

.relative { position:relative; }

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

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

/* --------------------------- 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; height:15px; }
select { height:21px; }

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

html,body { 
  margin:0px; 
  height:100%; /* For IE */
  font-family:Georgia,Times,"Times New Roman",serif ;
  color:#111; 
  font-size:12px;  
  line-height:18px;
  background:#34393c;
}

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

#header { 
  position:relative;
  margin:0px;
  width:100%;
  min-width:975px;
  height:36px;
  overflow:hidden;
  background:#222325;
}

#header_content { 
  position:relative;
  margin:0px auto;
  width:975px;
  height:145px;
  overflow:hidden; 
}

#contingut {
  position:relative;
  margin:0px auto;
  padding:18px 15px 54px 0px;
  width:960px;
  overflow:visible;
  z-index:100;
}

#footer {
  position:relative;
  clear:both;
  float:none; 
  margin:-36px 0px 0px 0px;
  width:100%;
  min-width:975px;
  height:36px;
  overflow:hidden;
  background:#2f3034;
  z-index:1000;
}

#footer_content { 
  position:relative;
  margin:0px auto;
  width:975px;
  height:36px;
  overflow:hidden; 
}

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

#header #link_inici {
  position:absolute;
  top:58px;
  left:0px;
  display:block;
  width:240px;
  height:66px;
  text-indent:-8000px;
  background:url('../image/logo_privata.png') left top no-repeat;
}

/* Menu Header */
#header #menu_header {
  position:absolute;
  margin:0px;
  list-style:none outside none; 
  top:0px;
  left:0px;
}
#header #menu_header li { display:block; float:left; height:36px; }
#header #menu_header a { 
  display:block; 
  float:left; 
  margin-top:12px;
  padding:0px 9px 0px 11px; 
  height:12px; 
  line-height:12px;
  color:#ddd; 
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  background:url('../image/sep_menu_aux.gif') left top no-repeat;
}
#header #menu_header a.primer { background:none; padding:0px 9px; }
#header #menu_header a:hover { color:#fff; }
#header #menu_header a.actual, #header #menu_header a.actual:hover { color:#98ACD6; }

#header #menu_header li ul { display:none; }

/* Idiomes */
#header #languages {
  position:absolute;
  margin:0px;
  list-style:none outside none; 
  top:0px;
  right:-10px;
}
#header #languages li { display:block; float:left; height:36px; }
#header #languages a { 
  display:block; 
  float:left; 
  margin:12px 0px; 
  padding:0px 9px 0px 11px; 
  height:12px; 
  line-height:12px;
  color:#fff; 
  font-size:10px;
  text-transform:uppercase;
  background:url('../image/sep_menu_aux.gif') left top no-repeat;
}
#header #languages a.primer { background:none; padding:0px 9px; }
#header #languages a.selected { color:#98ACD6; }

/* Xarxes Socials */
#header #social_links {
  position:absolute;
  margin:0px;
  list-style:none outside none; 
  top:0px;
  right:160px;
}
#header #social_links li { display:block; float:left; height:36px; }
#header #social_links a { 
  display:block; 
  float:left; 
  margin:7px 0px 7px 10px; 
  width:22px;
  height:22px; 
  text-indent:-8000px;
}
#header #social_links a.facebook { background:url('../image/facebook_link.gif') left 0px no-repeat; }
#header #social_links a.facebook:hover { background:url('../image/facebook_link.gif') left -22px no-repeat; }

#header #social_links a.youtube { background:url('../image/youtube_link.gif') left 0px no-repeat; }
#header #social_links a.youtube:hover { background:url('../image/youtube_link.gif') left -22px no-repeat; }

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

/* Menu Header */
#footer #menu_footer {
  position:absolute;
  margin:0px -5px 0px 0px;
  list-style:none outside none; 
  top:0px;
  right:0px;
}
#footer #menu_footer li { display:block; float:left; height:36px; }
#footer #menu_footer a { 
  display:block; 
  float:left; 
  margin:12px 0px; 
  padding:0px 9px 0px 11px; 
  height:12px; 
  line-height:12px;
  color:#fff; 
  font-size:10px;
  text-transform:uppercase;
  background:url('../image/sep_menu_aux.gif') left top no-repeat;  
}
#footer #menu_footer a.primer { background:none; padding:0px 9px; }
#footer #menu_footer a:hover { color:#fff; }
#footer #menu_footer a.actual, #footer #menu_footer a.actual:hover { color:#98ACD6; }

#footer #menu_footer li ul { display:none; }

/* --------------------------- Slides ---------------------------- */

.page_slide { 
  margin:0px 0px 18px -15px;
  width:975px;
  list-style:none outside none;
  background:url('../image/blanc_80.png');
}
.page_slide li { display:none; }

.grupo_slide { height:180px; }
.stram_slide { height:288px; }

.content_24 {
  margin-left:-15px;
  padding:15px 15px 0px 15px;
  width:945px;
  background:url('../image/blanc_80.png');
}

#stram_gal a { display:block; position:relative; float:left; width:225px; height:108px; margin-bottom:15px; overflow:hidden; }
#stram_gal img { position:absolute; left:0px; top:0px; }

.img_sang { margin-top:-15px; }

#historia {
  margin:0px 0px 15px 0px;
  list-style:none outside none;
  height:468px;
  overflow:hidden;
}

#historia li {
  display:block;
  position:relative;
  width:945px;
  height:468px;
  background:#ddd;
}
#historia li div.aux {
  position:absolute;
  top:0px;
  left:480px;
  padding:36px 15px 0px;
  width:265px;
  height:468px;
  background:url('../image/blanc_80.png');
}

#nav_historia { position:absolute; bottom:30px; right:15px; height:15px; z-index:9000; }
#nav_historia a { 
  display:block; 
  float:left; 
  margin:0px 0px 0px 10px; 
  width:15px; 
  height:15px; 
  background:#ddd; 
  text-indent:-8000px;  
}
#nav_historia a.activeSlide { background:#01356F; }

#video {
  margin:0px 15px 15px 0px;
  width:640;
  height:420px;
  background:#fff;
}

/* --------------------------- Contingut ---------------------------- */

h1 {
  margin:0px 0px 18px 0px;
  font-size:16px;
  text-transform:uppercase;
}

h2 {
  margin:0px 0px 18px 0px;
  font-size:14px;
  text-transform:uppercase;
  color:#8A644D;
}
h3 {
  margin:0px 0px 18px 0px;
  font-size:13px;
}

p { margin:0px 0px 18px 0px; }
ul { margin:0px 0px 18px 20px; list-style:square outside; }

#contingut .legal {
  margin:18px 0px 0px;
  padding:18px 0px 0px;
  background:url('../image/dotted_h.gif') left top repeat-x;
  color:#666;
  font-size:11px;
}

#contingut .error { padding:30px; background:#eee; text-align:center; }
#contingut .error p { margin:0px; }
#contingut .error a { color:#8A644D; }

#contingut a { text-decoration:underline; }

/* --------------------------- Formularis ---------------------------- */

form {}
fieldset {}

label { position:relative; display:block; width:100%; overflow:hidden; float:none; }
label input { width:459px; }
label select { width:465px; }

label span {
  display:block;
  margin-top:5px;
  margin-bottom:1px;  
  letter-spacing:1px;
  color:#666;
}

label.width_50_1 { float:left; width:225px; }
label.width_50_2 { float:left; width:225px; margin-left:15px; }
label.width_50_1 input, label.width_50_2 input { width:219px; }
label.width_50_1 select, label.width_50_2 select { width:225px; }

label textarea.curt { width:459px; height:150px; }

input.checkbox {
  float:left;
  margin:3px 5px 0px 0px;
  vertical-align:middle;
  width:20px;
}

label span.bloc_left { display:block; float:left; margin:0px; width:440px;  }

label.top_5 { margin:5px 0px 0px 0px; }
label.top_10 { margin:10px 0px 0px 0px; }

/* --------------------------- Botons ---------------------------- */

#contingut .botonera {
  margin:18px 0px 0px 0px;
  height:25px;
  width:100%;
  overflow:hidden;
}

#contingut .botonera a {
  display:block;  
  float:left;
  margin-right:15px;
  height:25px;
  width:105px; 
  line-height:25px;
  color:#fff;
  letter-spacing:1px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  font-size:11px;  
  font-weight:normal;
  background:url('../image/boto_1.gif') left 0px no-repeat;
}
#contingut .botonera a:hover { background-position:left -25px; } 

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

#float_gal_content {
  margin:-61px 0px 72px 9px;
  width:200px;
  z-index:9000;
}
#float_gal_content h1{
    font-size: 12px;
}

#menu_content {
  width:200px;
  padding:20px;
  color:#fff;
  background:url('../image/negre_80.png') left top repeat;
  overflow:hidden;
}

#logo_menu {
  height:30px;
  width:200px;
  display:block;
  background:url('../image/logo_menu.png') left top no-repeat;
}

#item_description {
  margin:9px 0px 0px 0px;
  padding:20px 20px 10px;
  background:url('../image/blanc_80.png') left top repeat;
  width: 200px;
}
#item_description form{margin-top:10px;}
#item_description form a{color:#FF6600;}
#item_description form a:hover{color:gray;}
#share_facebook {
  margin-top:10px;
}

/* --------------------------- Menú Catàleg ---------------------------- */

#menu_categories { margin:9px 0px 0px 0px; list-style:none; }
#menu_categories ul { list-style:none; margin:0px 0px 0px 0px; }

#menu_categories li {
  padding:0px;
  display:block;
  font-weight:bold;
  overflow:visible;
}

#menu_categories li a { 
  display:block; 
  height:24px;
  line-height:24px;
  border-bottom:1px solid #888;  
  color:#fff; 
  cursor:pointer; 
  text-decoration:none;  
}

#menu_categories li:hover a:hover { color:#f60; }
#menu_categories li a.expanded { background:url('../image/collapse.gif') left top no-repeat; }
#menu_categories li:hover a:hover.expanded { color:#f60; }
#menu_categories li a.collapsed { background:url('../image/expand.gif') left top no-repeat; }
#menu_categories li:hover a:hover.collapsed { color:#f60; }
#menu_categories li a.actual, #menu_categories li:hover a:hover.actual { color:#a0a0a0; }

#menu_categories li ul.none { display:none; }
#menu_categories li ul.block { display:block; }

#menu_categories li ul li {
  padding:0px 0px 0px 12px;
  font-weight:normal;
}
#menu_categories li ul li a { padding:0px 0px 0px 20px; }


/* ----------------------------------------------------------------------- */
/* ------------------------------- 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; color:#111; }
#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;}


/* ------------------------------ SuperBGImage ------------------------------ */

#bg_thumbs { display:none; }

#superbgimage {
  display: none;
  background:#34393c url('../image/ajax-loader.gif') center center no-repeat;
}
#superbgimage img {
  image-rendering: optimizeQuality;
  -ms-interpolation-mode: bicubic;
}
	
/*Controls Section*/
#control { position:absolute; bottom:10px; right:0px; width:100px;}
#control .prev { display:block; width:28px; height:28px; float:left; background:url('../image/bt_back.png'); }
#control .next { display:block; width:28px; height:28px; float:right; background:url('../image/bt_forward.png'); }
#control .stop { display:block; width:28px; height:28px; float:right; background:url('../image/pause.png'); margin-right:8px; }