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

html { overflow-y:scroll; }

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

html, body {
  margin:0px;
  border:0px;
  padding:0px;
  font-family:Verdana, Arial, sans-serif;
  color:#111;
  font-size:11px;
  background:url('../image/bg_popup.jpg') left top repeat-x;
  background-attachment:fixed;
}

#main {
  position:relative;
  margin:30px auto 30px;
  width:820px;
}

/* Formulari */

#main .content_form {
  display:block;
  float:left;
  width:480px;
}

#main .text_form {
  border-left:1px solid #999;
  float:right;
  height:430px;
  padding:0 0 0 25px;
  position:relative;
  width:285px;
}

#main .legal_form {
  position:absolute;
  left:25px;
  bottom:0px;
  color:#999;
}

h3 { font-size:13px; }

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

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

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

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

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

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

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

.botonera a {
  float:left;
  margin-right:10px;
  padding:0px 15px;
  height:28px;
  line-height:28px;
  font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
  font-size:12px;
  color:#333;
  border:1px solid #e3e3e3;
  background:#e3e3e3;
  cursor:pointer;
  font-weight:normal;
  text-decoration:none;
}

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


/* Notícies */

#main .content_news {
  float:left;
  width:400px;
}

#main img.img_news {
  display:block;
  float:right;
  width:400px;
  height:400px;
  background:#ddd;
  overflow:hidden;
}

#main .data {
  margin:0px 0px 10px;
  margin:0px;
  color:#333;
  font-size:13px;
  line-height:13px;
  font-weight:bold;
}

#main h2 {
  margin:0px 0px 15px;
  color:#333;
  font-size:16px;
  line-height:16px;
  font-weight:bold;
}

#main .destacat {
  margin:15px 0px 15px;
  color:#666;
  font-size:13px;
}

#main .text {
  margin:15px 0px 0px;
  color:#333;
  font-size:11px;
}

/* Cursos */ 

#main .content_curs {
  float:left;
  width:530px;
}

#main .aux_curs {
  display:block;
  float:right;
  width:270px;
  overflow:hidden;
}

#main .aux_info {
  margin:10px 0px 0px;
  border-top:1px solid #333;
  border-bottom:1px solid #333;  
  padding:5px 0px;
  line-height:15px;
}


#main img.img_curs {
  display:block;
  width:270px;
  height:230px;
  background:#ddd;
  overflow:hidden;
}

#main .aux_curs a {
  display:block;
  margin:10px 0px 0px;
  padding:0px 0px 0px 20px;
  height:30px;
  line-height:30px;
  background:#ddd;
}