/*  
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:#900; text-decoration:none; outline:none; }

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

/* Formularis */

fieldset { padding-top:10px; }

label {
  float:left;
  display:block;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
  text-align:left;
  color:#555;
  font-size:11px; 
  line-height:11px;
  text-transform:uppercase;
}

input { 
  display:block;
  margin:2px 0px 5px 0px;
  padding:1px 0px 0px 3px;
  border:1px solid #bbb; 
  height:16px; 
  font-family:Verdana, sans-serif; 
  font-size:11px; 
  font-weight:normal; 
  color:#111; 
  text-transform:none; 
}

input.hidden {
  display:none;
  margin:0px;
  border:0px;
  padding:0px;
  height:0px;
  line-height:0px;
}

input.checkbox, input.radio {
  margin:0px;
  padding:0px;
  border:0px;
  display:inline;
}

select { 
  display:block;
  margin:2px 0px 5px 0px;
  border:1px solid #bbb; 
  height:19px; 
  line-height:11px; 
  font-family:Verdana, sans-serif; 
  font-size:11px; 
  font-weight:normal; 
  color:#111; 
  text-transform:none; 
}

textarea { 
  display:block;
  margin:2px 0px 5px 0px;
  border:1px solid #bbb; 
  padding: 1px 0px 0px 3px; 
  font-family:Verdana, sans-serif; 
  font-size:11px; 
  font-weight:normal; 
  color: #111; 
  vertical-align:middle; 
  text-transform:none; 
}

/* Estructura General */

html,body { 
  margin:0 auto; 
  height:100%; 
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
  color:#111; 
  font-size:13px; 
  font-style: normal; 
  line-height:15px; 
  background:#fff url('../image/fons.gif') left top repeat-x ;
  background-attachment:fixed;
}

#pagina {
  position:relative;
  margin:0 auto; 
  border-left:1px solid #231F20;
  border-right:1px solid #231F20; 
  width:680px;
  height:auto !important; /* For Modern Browsers */
  height:100%; /* For IE */
  min-height:100%; /* For Modern Browsers */
  background:#fff;
}  

#estructura{
  border:none;
  padding:20px 20px 90px 20px; /* segons footer */	
  width:640px;
  overflow:hidden;
}  

/* Capçalera */

#header {
  height:135px;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
  font-size:11px;
  font-weight:bold;  
  text-transform:uppercase;
  background:#fff url('../image/logo_admin.gif') no-repeat right top;
  overflow:hidden;
}

#menu_header {
  margin:75px 0px 0px 0px;
  padding:0px 0px 0px 20px;
  height:30px;
  overflow:hidden;
}

#menu_header ul { float:left; list-style-type:none; width:900px; }
#menu_header li { display:inline; }

#menu_header a {
  float:left;
  margin-right:5px;
  height:30px;
  line-height:30px;
  text-align:center;
  text-transform:uppercase;
  color:#fff;
  background:#00A4D9 url('../image/button_menu_1.gif') left top no-repeat;
}

#menu_header a span {
  display:block;
  padding:0px 25px;
  background:url('../image/button_menu_2.gif') right top no-repeat;
}

#menu_header a:hover { background:#19AA11 url('../image/button_menu_1_b.gif') left top no-repeat; }
#menu_header a:hover span { background:url('../image/button_menu_2_b.gif') right top no-repeat; }

#menu_header a.actual { color:#00A4D9; background:#231F20 url('../image/button_menu_actual_1.gif') left top no-repeat; }
#menu_header a.actual  span { background:url('../image/button_menu_actual_2.gif') right top no-repeat; }

#menu_header a.actual:hover  { color:#00A4D9; background:#231F20 url('../image/button_menu_actual_1.gif') left top no-repeat; }
#menu_header a.actual:hover   span { background:url('../image/button_menu_actual_2.gif') right top no-repeat; }

#submenu_header {
  height:30px;
  line-height:30px;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
  font-size:11px;
  font-weight:bold;  
  text-transform:uppercase;
  background:#231F20;
}

/* Contingut */


#content p {
  padding:0px 0px 10px 0px;
}

#content .legal p {
  padding:5px 0px 0px 0px;
  font-size:11px;
}

#content .error {
  margin:15px 0px 10px 15px;
  padding:30px 15px 20px 15px;
  width:580px;
  text-align:center;
  background:#ededed;
}

/* Formularis */


#opcions label.options { display:inline; float:none; height:28px; line-height:28px; overflow:visible; }
#opcions label.options input { display:inline; float:none; width:180px; margin:0px 3px 0px 0px; }
#opcions label.options select { display:inline; float:none; width:100px; margin:0px; }
#opcions label.options input.radio { width:15px; margin:0px 2px 0px 7px; vertical-align:middle; }
#opcions input.hidden { display:none; }

#form_data {
  margin:5px 0px 10px 15px;
  padding:5px 15px 15px 15px;
  width:580px;
  font-size:12px;
  background:#ededed;
  overflow:visible;
}

#form_data .amagat {
  display:none;
}

#form_data fieldset { clear:both; }

#form_data input { width:575px; }
#form_data select { width:580px; height:19px; }

#form_data input.camp_read { width:575px; background:#e9e9ea; cursor:default; }
#form_data textarea.info { width:575px; height:120px; }

#form_data label.first_short { width:170px; margin-right:15px;}
#form_data label.first_short input { width:170px; margin-right:15px;}

#form_data label.last_long { width:390px;}
#form_data label.last_long input { width:390px;}

#form_data label.first_long { width:340px; margin-right:15px;}
#form_data label.first_long input { width:340px;}

#form_data label.last_short { width:150px; }
#form_data label.last_short input { width:150px; }

#form_data label.mid { width:245px; margin-right:15px;}
#form_data label.mid input { width:245px; margin-right:15px;}
#form_data label.mid input.calendar { float:left; width:215px; margin-right:0px;}
#form_data label.mid select { width:250px; }

#form_data label.attr { float:none; width:245px; margin-right:15px;}
#form_data label.attr select { width:250px; }

#form_data label.triple { width: 160px; margin-right:15px;}
#form_data label.triple input { width:160px; margin-right:15px;}

#form_data label.options { display:inline; float:none; height:20px; line-height:20px; overflow:visible; }
#form_data label.options select { display:inline; float:none; width:160px; margin:0px; vertical-align:middle; }
#form_data label.options select.dos { width:50px; }
#form_data label.options select.quatre { width:80px; }
#form_data label.options input { display:inline; float:none; width:160px; margin:0px; vertical-align:middle; }
#form_data label.options input.checkbox { width:15px; margin:0px 5px 0px 10px; vertical-align:middle; }
#form_data label.options input.radio { width:15px; margin:0px 5px 0px 10px; vertical-align:middle; }


/* Botons */

.botonera {
  margin:10px 0px 0px 0px;
  border-top:1px solid #333;
  padding:10px 0px 0px 0px;
  height:20px;
  font-size:11px;
  font-weight:bold;
  overflow:visible;  
}

.botonera a {
  float:left;
  margin-right:10px;
  height:30px;
  line-height:30px;
  text-align:center;
  text-transform:uppercase;
  color:#fff;
  background:#00A4D9 url('../image/button_1_a.gif') left top no-repeat;
}

.botonera a span {
  display:block;
  padding:0px 25px;
  background:url('../image/button_1_b.gif') right top no-repeat;
}


.botonera a:hover { background:#19AA11 url('../image/button_3_a.gif') left top no-repeat; }
.botonera a:hover span { background:url('../image/button_3_b.gif') right top no-repeat; }

#form_data .botonera { margin:5px 0px 0px 0px; padding:10px 0px; border-top:1px solid #bbb; }
#form_data .botonera a { background:#00A4D9 url('../image/button_2_a.gif') left top no-repeat; }
#form_data .botonera a span{ background:url('../image/button_2_b.gif') right top no-repeat; }

#form_data .botonera a:hover { background:#19AA11 url('../image/button_4_a.gif') left top no-repeat; }
#form_data .botonera a:hover span { background:url('../image/button_4_b.gif') right top no-repeat; }

/* Peu */


#footer {
  position:relative;
  clear:both;
  float:none; 
  margin:-60px auto 0px auto;
  padding:20px 20px 0px 20px;
  width:640px;
  height:40px;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
  font-size:11px;
  font-weight:bold;
  text-align:center;
  color:#fff;
  background:#231F20;
}