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

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

/* Clear Floated Elements */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.relative { position:relative; }
.padding_top_15 { padding:15px 0px 0px; }
.width_435 { width:435px; }

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

input, select, textarea { 
  font-size:12px; 
  font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; 
}
  
input { border:1px solid #999; padding:1px 0px 0px 3px; height:20px; vertical-align:middle;  }
textarea { border:1px solid #999; padding: 1px 0px 0px 3px; }

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

html,body { 
  margin:0 auto; 
  height:100%; 
  font-family:Verdana, Arial, sans-serif; 
  color:#111; 
  font-size:11px; 
  font-style: normal;  
  line-height:18px;
  background:#fff;
}

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

#contingut {
  position:relative;
  width:625px;
  margin:0px 0px 0px 0px;
  padding:90px 15px 90px 351px;
  overflow:visible;
}

#footer {   
  position:relative;
  border-top:1px solid #111;
  margin:-75px auto 0px;
  width:991px;
  height:74px;
  overflow:hidden;
  background:#fff;
  z-index:60;
}

/* --------------------------- Fixed ---------------------------- */

#fixed{
  position:fixed;
  margin:0 auto;
  top:0px;  
  width:991px;
  height:92px;
  background:url('../image/bg_fixed.gif') left top no-repeat;
  z-index:50;
  overflow:visible;
}

#navegacio {
  float:left;
  padding:0px 15px;
  width:305px;
}

#logo_glam {
  display:block;
  margin:0px;
  width:305px;
  height:80px;
  background:url('../image/logo_glam.jpg') left top no-repeat;
}
#logo_glam.amagat { display:none; }

.link_ini {
  display:block;
  width:60px;
  height:75px;
  text-indent:-8000px;
}

#tira_glam {
  float:right;
  padding:15px 0px 0px;
  width:655px;
  height:75px;
  background:#fff url('../image/bg_tira.gif') left top repeat-x;
}
#tira_img { height:75px; width:655px; background:url('../image/tira_glam.gif') left top repeat-x }

#menu_main, #menu_aux { width:145px; float:left; }
#menu_main { margin-right:15px; }

#menu_main ul.none { display:none; }

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

#menu_lateral li a { 
  height:18px;
  line-height:18px;
  display:block; 
  color:#333; 
  cursor:pointer;
  overflow:hidden; 
}
#menu_lateral li:hover a:hover { color:#AE813D; }
#menu_lateral li a.actual, #menu_lateral li:hover a:hover.actual { color:#a0a0a0; }
#menu_lateral li a.expanded { background:url('../image/collapse.gif') right top no-repeat; }
#menu_lateral li:hover a:hover.expanded { color:#AE813D; }
#menu_lateral li a.collapsed { background:url('../image/expand.gif') right top no-repeat; }
#menu_lateral li:hover a:hover.collapsed { color:#AE813D; }

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

#menu_lateral li ul li {
  padding:0px 0px 0px 10px;
  font-weight:normal;
  background:url('../image/arrow.gif') left top no-repeat; 
}

#menu_auxiliar li a { 
  display:block; 
  cursor:pointer;
}
#menu_auxiliar li a.actual, #menu_auxiliar li:hover a:hover.actual { color:#a0a0a0; }

#box_info {
  margin-top:17px;
  border-top:1px solid #000;
  padding:18px 0px 0px;
}

#box_info p { margin:0px 0px 5px; }

#cat_principal { width:145px; display:none; }

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

#footer #footer_left {
  display:block;
  float:left;
  width:500px;
  height:74px;
  background:url('../image/bg_footer.jpg') left top no-repeat; 
  overflow:hidden;
}
#footer #footer_left .direccio { padding:7px 0px 0px 125px; font-size:10px; line-height:13px; }

#footer #link_top {
  position:absolute;
  top:12px;
  left:0px;
  width:114px;
  height:40px;
}

#footer #aux_footer {
  position:absolute;
  top:15px;
  right:0px;
  z-index:300;
}

#footer #aux_footer li {
  display:inline;
}
#footer #aux_footer li a {
  display:block;
  float:left;
  height:12px;
  line-height:12px;
  padding:0px 10px;
  border-right:1px solid #111;
}
#footer #aux_footer li a.last { border:0px; padding:0px 0px 0px 10px; }

#footer #mantis_logo {
  position:absolute;
  top:36px;
  right:0px;
  width:100px;
  height:20px;
  text-indent:-8000px;
  background:#ddd url('../image/logo_mantis.gif') left top no-repeat;
}


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

h1 { padding:0px 0px 9px; font-size:18px; }

p { margin:10px 0px 0px; }

p.ul_top {
  margin:72px 0px 5px;
  width:145px;
  height:18px;
  background:#000;
  color:#fff;
  position:relative;
}
p.ul_top a { color:#fff; }
p.ul_top a.show_menu { 
  position:absolute;
  top:0px;
  right:5px;
  text-align:right;
  font-weight:bold; color:#fff; 
}

img.img_portfolio {
  display:block;
  margin:15px 0px 0px;  
}

.legal {
  margin:0px 0px 18px ;
  border-top:1px solid #999;
  padding:10px 0px 0px;
  color:#999;
  font-size:10px;
  line-height:12px;  
}

.subcat .selected a { color:#A0A0A0; }

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

#form_data {
  width:435px;
  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:430px; }
#form_data textarea { width:430px; height:100px; }

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

.botonera {
  height:30px;
  margin:10px 0px 18px 0px;
  width:100%;
  overflow:hidden;
}

.botonera a {
  float:left;
  margin-right:10px;
  padding:0px 15px;
  height:30px;
  line-height:30px;
  color:#fff;
  letter-spacing:1px;
  background:#000;
  cursor:pointer;
  text-decoration:none;
}

.botonera a:hover {
  background:#c38111;
}