/*  
Author: LaMantis
Author URI: http://www.mantis.cat
*/

/* 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; }

/* --------------------------- 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:#fff url('../image/bg_body.jpg') center top repeat-x;
}

#pagina {
  position:relative;
  margin:0 auto;
  padding:0px;
  width:975px;
  height:auto !important; /* For Modern Browsers */
  height:100%; /* For IE */
  min-height:100%; /* For Modern Browsers */
  overflow:visible;
  /* background:url('../image/grid.png') left top repeat-y; */
}

#header {
  position:relative;
  margin:0px auto;
  border-bottom:1px solid #e0e0e0;
  width:975px;
  height:197px;
  overflow:hidden;
  background:#fff url('../image/logo_header.jpg') left top no-repeat; 
}

#contingut {
  position:relative;
  margin:0px auto;
  width:960px;
  padding:20px 15px 360px 0px;
  overflow:visible;
}

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

#footer_content {   
  position:relative;
  margin:0 auto;
  width:960px;
  height:297px;
  padding:27px 15px 0px 0px;
  color:#666;
  overflow:hidden;
}
#footer_content a { text-transform:uppercase; text-decoration:none; color:#666; }
#footer_content a:hover { color:#111; }

#flickr { height:75px; overflow:hidden; }
#flickr img { display:block; width:75px; height:75px; float:left; margin-left:9px; }
#flickr img.primer { margin-left:0px; }

#links_footer a { 
  display:block;
  float:left;
  height:36px;
  margin:0px 10px 10px 0px; 
  text-indent:-8000px; 
  overflow:hidden;
}
#links_footer a.final { margin-right:0px; }

a.link_facebook { width:91px;  background:url('../image/footer_sprite.jpg') -40px 0px no-repeat; }
a.link_facebook:hover { background:url('../image/footer_sprite.jpg') -40px -36px no-repeat; }

a.link_parc { width:130px; background:url('../image/footer_sprite.jpg') -140px 0px no-repeat; }
a.link_parc:hover { background:url('../image/footer_sprite.jpg') -140px -36px no-repeat; }

a.link_skype { width:61px; background:url('../image/footer_sprite.jpg') -360px 0px no-repeat; }
a.link_skype:hover { background:url('../image/footer_sprite.jpg') -360px -36px no-repeat; }

/* 
a.link_glam { width:92px; background:url('../image/footer_sprite.jpg') -280px 0px no-repeat; }
a.link_glam:hover { background:url('../image/footer_sprite.jpg') -280px -36px no-repeat; } 
*/

#footer a#to_top {
  display:block;
  position:absolute;
  bottom:55px;
  right:15px;
  width:31px;
  height:31px;
  text-indent:-8000px;
  background:url('../image/footer_sprite.jpg') 0px 0px no-repeat;
  z-index:9000;
}
#footer a#to_top:hover { background:url('../image/footer_sprite.jpg') 0px -31px no-repeat; }

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

#link_inici {
  position:absolute;
  top:60px;
  left:15px;
  width:290px;
  height:40px;
  text-indent:-8000px;
}

#botons_aux {
  position:absolute;
  top:20px;
  right:15px;
}
#botons_aux a { 
  display:block; 
  margin:0px 0px 3px 0px;
  padding:0px 27px 0px 0px;
  height:21px;
  line-height:21px;
  text-align:right;
  text-decoration:none;
  font-weight:bold;
  color:#111;
}
#botons_aux a:hover { color:#666; }
#botons_aux a.verd { background:url('../image/fletxa_verd.jpg') right top no-repeat; }
#botons_aux a.gris { background:url('../image/fletxa_gris.jpg') right top no-repeat; }

#menu_lava {
  position:absolute;
  top:150px;
  left:0px;
  width:975px;
  height:32px;
  overflow:hidden;
  z-index:300;
}

#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:32px;
  line-height:32px;
}

#menu_header a {
color:#333333;
display:block;
float:left;
font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:normal;
height:32px;
line-height:32px;
padding:0 12px;
text-decoration:none;
}

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

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

#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;
}
	

/* --------------------------- Slider ---------------------------- */

.anythingSlider { 
  width:945px;
  height:468px;
  position:relative; 
  overflow:visible;
}
.anythingSlider .wrapper { 
  position: absolute; 
  top:0; 
  left:0; 
  width:945px; 
  height:415px; 
  overflow:hidden;
}
.anythingSlider .wrapper ul { 
  position: absolute; 
  top:0; 
  left:0; 
  width:99999px; 
  list-style: none; 
}
.anythingSlider ul li { 
  display:block; 
  float:left; 
  width:960px;
  height:415px; 
}

.anythingSlider .arrow {
  display:block;
  position:absolute;
  top:180px;
  width:50px;
  height:50px;
  text-indent:-9999px;
  z-index:900;
  cursor:pointer;
}

.anythingSlider a.back { left:-25px; background:url('../image/slider_sprite.png') 0px 0px no-repeat; }
.anythingSlider a.back:hover { background-position:0px -50px;  }

.anythingSlider a.forward { right:-25px; background:url('../image/slider_sprite.png') -50px 0px no-repeat; }
.anythingSlider a.forward:hover { background-position:-50px -50px; }

.anythingSlider #thumbNav {
  position:absolute;
  top:430px;
  right:0px;
}

.anythingSlider #thumbNav a {
  display:block;
  float:left;
  margin:0 5px 0 0;
  padding:2px 8px;
  text-align:center;
  text-decoration:none;
  background:#d9d9d9;
}
.anythingSlider #thumbNav a.cur {
  color:#FFF;
  background:#71BC26;
}

.anythingSlider a#start-stop { 
  display:block;
  position:absolute;
  top:430px;
  left:0px;
  height:22px;
  width:50px;
  text-indent:-8000px;
  background:url('../image/slider_sprite.png') -100px 0px no-repeat;
}
.anythingSlider a#start-stop:hover { background:url('../image/slider_sprite.png') -100px -22px no-repeat; }

.anythingSlider a#start-stop.playing { background:url('../image/slider_sprite.png') -150px 0px no-repeat; }
.anythingSlider a#start-stop.playing:hover { background:url('../image/slider_sprite.png') -150px -22px no-repeat; }	


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

#split_page {
  margin:15px 0px 0px;
  border-top:1px solid #999;
  width:100%;
  overflow:visible;
}
#split_page a { text-decoration:none; }
#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 { line-height:15px; }


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

#contingut p { margin:0px 0px 18px; }
.caps { text-transform:uppercase; }
.gris { color:#666; }

h1, span.h1 {
  display:block;
  margin:0px 0px 18px;
  font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
  font-size:30px;
  font-weight:bold;
  line-height: 36px;
}

h2 {
  margin:0px 0px 18px;
  font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
  font-size:20px;
  font-weight:normal;
}

h3 {
  margin:0px 0px 18px;
  font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
  font-size:16px;
  color:#98CC01;
  font-style:normal;
}

h4 {
  color:#000;
  font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
  font-size:16px;
  font-style:normal;
  font-weight:normal;
  margin:0px 0px 18px;
}

.subratllat {
  border-bottom:1px solid #999;
  padding-bottom:5px;
}
.subratllat_bn {
  padding-bottom:6px;
  background:url('../image/linea_bn.gif') left bottom repeat-x; 
}
.dotted_top {
  padding-top:18px;
  background:url('../image/dotted_h.gif') left top repeat-x;  
}
.top_18 { margin-top:18px; }
.bottom_9 { margin-bottom:9px; }
.bottom_0, span.bottom_0 { margin-bottom:0px; }
.negre { color:#111; }

.moduls a {
  display:block;
}

.box_border {
  margin:0px 0px 18px;
  padding:0px 0px 18px;
  background:url('../image/dotted_h.gif') left bottom repeat-x;
}

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

/* Banners */ 

#banners {}

#banners li {
  display:block;
  margin:0px 0px 18px;
}

/* Navegació auxiliar */

#nav_portfolio {
  width:100%;
  margin:0px 0px 18px;
  height:36px;
  overflow:hidden;
}

#links_portfolio { float:right; }
#links_portfolio li {
  display:block;
  float:left;  
  color:#999;
  height:36px;
  line-height:36px;
  margin:0px 0px 0px 15px;
}

#links_portfolio a {
  display:block;
  float:left;  
  color:#111;
  height:36px;
  line-height:36px;
  text-decoration:none;
  cursor:pointer;
}

#links_portfolio .anterior {}
#links_portfolio .items { padding:0px 0px 0px 10px; background:#c4cacd url('../image/link_port_left.gif') left 0px no-repeat; }
#links_portfolio .items span { display:block; float:left; height:36px; line-height:36px; padding:0px 10px 0px 0px; background:url('../image/link_port_right.gif') right 0px no-repeat; }
#links_portfolio a.items:hover { color:#fff; background:#98CC01 url('../image/link_port_left.gif') left -36px no-repeat; }
#links_portfolio a.items:hover span { color:#fff; background:url('../image/link_port_right.gif') right -36px no-repeat; }
#links_portfolio .seguent {}

/* Botons Aplicacions */

a.boto_apli {
  display:block;
  padding:0px 0px 0px 50px;
  width:135px;
  height:36px;
  line-height:36px;
  text-decoration:none;
  color:#fff;
  background:url('../image/bg_boto_apl.jpg') left 0px no-repeat;
}
a.boto_apli:hover { background-position:left -36px; }

a.apli_noticies { background-image:url('../image/bg_boto_apl_noticies.jpg'); }
a.apli_agenda { background-image:url('../image/bg_boto_apl_agenda.jpg'); }
a.apli_galeria { background-image:url('../image/bg_boto_apl_galeria.jpg'); }
a.apli_llibre { background-image:url('../image/bg_boto_apl_llibre.jpg'); }
a.apli_banners { background-image:url('../image/bg_boto_apl_banners.jpg'); }
a.apli_stats { background-image:url('../image/bg_boto_apl_stats.jpg'); }
a.apli_llistes { background-image:url('../image/bg_boto_apl_llistes.jpg'); }
a.apli_plantilles { background-image:url('../image/bg_boto_apl_plantilles.jpg'); }
a.apli_comandes { background-image:url('../image/bg_boto_apl_comandes.jpg'); }
a.apli_enviaments { background-image:url('../image/bg_boto_apl_enviaments.jpg'); }
a.apli_monedes { background-image:url('../image/bg_boto_apl_monedes.jpg'); }
a.apli_video { background-image:url('../image/bg_boto_apl_video.jpg'); }

#contingut img {
  display:block;
}
#contingut .left {
  float:left;
  margin:0px 15px 5px 0px;
}
#contingut .right {
  float:right;
  margin:0px 0px 5px 15px;
}
#contingut .center {
  float:none;
  margin:0px auto 18px;
}


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

#form_data {
  width:435px;
  margin:15px 0px 0px;
  overflow:hidden;
}
fieldset {}

label { position:relative; width:100%; overflow:hidden; float:none; }

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

#form_data input { width:425px; }
#form_data textarea { width:425px; height:100px; }

.box_lateral input { width:185px; }

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

#contingut .botonera {
  height:28px;
  width:100%;
  overflow:hidden;
}

#contingut .top_10 { margin:10px 0px 0px; }

.botonera a {
  float:left;
  margin-right:10px;
  padding:0px 15px;
  width:100px;
  height:28px;
  line-height:28px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  font-size:11px;
  font-weight:bold;
  color:#fff;
  letter-spacing:1px;
  background:url('../image/bg_boto.gif') left 0px no-repeat;
  cursor:pointer;
}

.botonera a:hover{
  color:#333;
  background:url('../image/bg_boto.gif') left -28px no-repeat;
}