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

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

html, body {
  margin:0px;
  border:0px;
  padding:0px;
  font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; 
  color:#111;
  font-size:12px;
  line-height:18px;
}

#main {
  position:relative;
  margin:0px auto;
  padding:110px 0px 0px;
  width:480px;
  background:url("../image/logo_popup.jpg") no-repeat left top; 
}

#main_fitxa {
  position:relative;
  margin:0px auto;
  padding:110px 0px 0px;
  width:660px;
  background:url("../image/logo_popup.jpg") no-repeat left top;
}

#player { width:480px; height:405px; }
#video { width:480px; height:385px; overflow:hidden; }

h3 { font-size:13px; }

/* Fitxa */

#fitxa { padding:0px 0px 20px; }

#fitxa table { width:100%; }
#fitxa table td { padding:3px 5px; background:#f5f5f5; }
#fitxa table td.title { font-weight:bold; }
#fitxa table th { font-size:12px; color:#fff; padding:3px 5px; background:#c00; }
#fitxa table tr.alt td { background:#d9d9d9; }

/* Formulari */

#main #form_data {
  margin:5px 0px 0px;
  display:block;
  width:480px;
}

#main .legal_form {
  margin:20px 0px 0px;
  color:#999;
  font-size:11px;
  line-height:14px;
}

form .form_sep { border-bottom:1px solid #ddd; height:10px; }


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

fieldset {
  display:block;
  float:none;
  margin-bottom:10px;
}

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

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

input { width:475px; }
input.width_50 { float:left; width:49%; }
textarea { width:99%; height:120px; }

label.width_50_1 { float:left; width:235px; }
label.width_50_1 input { width:230px; }
label.width_50_2 { float:left; width:235px; margin-left:10px; }
label.width_50_2 input { width:230px; }

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

.botonera {
  margin:10px 0px 0px;
  overflow:hidden;
}
.botonera a {
  float:left;
  margin:0px 10px 0px 0px;
  background:url("../image/boto_search.gif") no-repeat scroll left -23px transparent;
  color:#FFFFFF;
  display:block;
  font-size:11px;
  height:23px;
  letter-spacing:1px;
  line-height:23px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  width:105px;
}
.botonera a:hover {
  background:url("../image/boto_search.gif") no-repeat scroll left 0 transparent;
  text-decoration:none;
}

/* --------------------------- Altres --------------------------- */

a#boto_print {
  display:block;
  position:absolute;
  top:60px;
  right:10px;
  width:17px;
  height:15px;
  text-indent:-8000px;
  background:url('../image/print_icon.gif') left 0px no-repeat;
}
a#boto_print:hover { background:url('../image/print_icon.gif') left -15px no-repeat; }