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

/* Pop-Up's */

/* --------------------------- 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:#296599; outline:none; font-weight:bold; }
a:hover { color:#9b9b9b; text-decoration:underline; }

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

/* --------------------------- 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%; 
  font-family:Arial,"Lucida Grande",Garuda,sans-serif; 
  color:#111; 
  font-size:12px;  
  line-height:18px;
}

#main {
  position:relative;
  margin:0px auto;
  padding:25px 0px 0px;
  width:400px;
}

/* Contingut */

h2 {
  margin:0px 0px 18px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:18px;
  font-weight:normal;
}
h2.linies {
  display:block;
  border-top:1px solid #3e84e4;
  border-bottom:1px solid #3e84e4;  
  padding:2px 0px 2px 18px;
  color:#3e84e4;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
  background:url('../image/arrow_tit.jpg') 0px 0px no-repeat;
}

.error {
color:#48A4EF;
font-weight:bold;
margin:10px 0px 0px;
text-align:center;
}

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

p.form_sep { clear:both; width:100%; display:block; margin:0px; height:10px; line-height:0px; font-size:0px; }

label, #contingut .label { position:relative; display:block; margin:0px; width:100%; overflow:hidden; float:none; }
label.amagat { display:none; }

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


#form_password {
  width:400px;
  padding:0px;
  overflow:hidden;
}
#form_password input { width:394px; }

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

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

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

.botonera a:hover{
  color:#fff;
  background:#48A4EF;
}