/********* PER DEFECTE ************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, a {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img {
  border:0;
}

ol,ul, li {
  list-style:none;
}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}

html, body
{
  height:100%;
}

.clear
{
  clear:both;
}
a:hover
{
  color:blue;
}
a
{
  color:#663366;
  text-decoration: underline;


}
/*********************************/
/********* ESTRUCTURA ************/
/*********************************/
body {
  margin: 0;
  background: #FFFFFF;
  font: normal small Tahoma, Arial, Helvetica, sans-serif;
  color: #3d3d3d;
  font-size:80%;min-height: 100%;
}

#wrapper
{
  margin: 0px auto -40px;
  width: 900px;
  background-color:#fdfdfd;
  min-height: 100%;

}
* html #wrapper{height:100%;}
#header
{
margin:0pt auto;
background-color:#663366;
width:900px;
position: relative;
}

#sidebar
{
  color:#333333;
  float:left;
  width:220px;
  background: transparent url(/images/ico/marti_fons.png) no-repeat 10px 10px;
}

#right_column
{

padding:0 10px;
color:#333333;
display:inline;
float: left;
width:650px;
margin-top:20px;
padding-left:20px;
}

/*** FOOTER ***/
#footer {
  clear:both;
  background-color: #663366 ;
  width: 900px;
  margin:0 auto;
  height:40px;

}
.clear_footer
{
  clear:both;
  height:70px;
}
#footer p {
  padding:2px;
  margin: 0;
  text-align: right;
  color: #fff;
  font-weight:bold;
}
#footer a
{
  color:#fff;
}

/**********************************/
/******** HEADER ******************/
/*********************************/
#header ul
{
text-align:right;
padding:7px 10px 7px 0;
}
#header ul li
{
display:inline;
padding-left:10px;
font-weight:bold;
color:#fff;

}
#header ul li a
{
color:white;
}

#header ul li a:hover
{
color:#FFDA42
}

#header li#es
{
  /*background: transparent url('/images/ico/es.gif') no-repeat left 7px;*/

}

#header li#ca
{
/*  background: transparent url('/images/ico/ca.gif') no-repeat left 7px;*/

}

/* Logo */

#logo {
  width: 220px;
  position: absolute;
  left:0;
}

#logo h1 {
  padding: 0px 0 0 20px;
}

#logo h2 {
  padding: 0 0 0 20px;
}

#logo a {
  text-decoration: none;
  color: #FFFFFF;
}

#splash {
  margin-left:220px;
}
/***********************************/
/********* MENU *******************/
/**********************************/
#menu
{
  padding:5px 0 10px;

}

#menu ul
{
  margin: 0;
  padding:0;
}

#menu a
{
  display: block;
padding: 10px 20px;
  border-top: 1px solid #FAA90C;
  text-decoration: none;
  font-weight: bold;
  color: #666666;
  border-bottom:1px solid #FAA90C;
}

#menu ul ul a {
  width:208px;
}

#menu a:hover {
  background: #FEEBC6;
  color: #000000;
}
#menu a span
{
  font-size:0.9em;
  color:#777;
  display:block;
}
#menu .active a {
  background: #D1F0A6;
  color: #000000;
}

#menu  a.first {
  border: none;
}

#menu a {
color: #000;
text-decoration: none;
}
#menu ul li a
{
display:block;
}

#menu ul ul {
/* make the list elements a containing block for the nested lists */
  position:relative;
  display:block;
}

#menu ul ul li a
{
 background-color:#F0FBFF;
 display:block;
}
#menu ul ul ul li a {
  background-color:#F0FBFF;
}


#menu ul ul ul, #menu ul ul li ul
{
  position: absolute;
  left: 210px;
  top: 0;
  display: none;
  z-index:50;
}

#menu ul ul li a
{
  display: block;
  text-decoration: none;
  color: #777;
  background: #fff;
  padding: 5px;
  border: 1px solid #ccc;
  border-bottom: 0;
}


#menu ul li ul li:hover ul, #menu ul ul li.sfhover ul {
display: block;

}


#menu ul li.selected
{
  background-color:#DEC9C9;
}
#menu ul li a:hover
{
  background-color:#DEC9C9;
}
 #menu ul li#a_la_carta a:hover
{
  background: #DEC9C9 url(/images/ico/martins.gif) no-repeat center right;
 }

#menu ul li#cursos a:hover
{
  background: #DEC9C9 url(/images/ico/marti.png) no-repeat center right
}
/* CALENDARIS */
.box_cursos
{
  position:relative;
}
.box_cursos ul li
{
  position:relative;
}
#calendari_flotant
{
/*display:none;*/
position:absolute;
left:0px; top:0px; z-index:2;
border:1px #ccc solid;
width:300px;
}
/******************************************/
/************ CAIXA AJUDA ****************/
/******************************************/
div.ajuda
{
  float:right;
  width:40%;
  background:#fff url(/images/fons/ad_ajuda.png) repeat-x left top;
  border:2px #663366 solid;
  border-left:20px #663366 solid;
  padding:10px 10px;
  -moz-border-radius:15px;
}
div.ajuda h3
{
  margin:0;
}
div.ajuda ul li
{
  padding-left:25px;
  margin:10px 0 10px 5px;
}

ul li#link_form
{
  background:transparent url(/images/ico/book_next.png) no-repeat 0px 50%;
}
ul li#informacio
{
    background:transparent url(/images/ico/information.png) no-repeat 0px 50%;
}

/*****************************************/
/************ CAIXA INFORMATIVA ****************/
/******************************************/

div.informacio
{
  width:95%;
  margin:0 auto;

  border:1px solid #FAA90C;
  padding:0px 0px;

  -moz-border-radius:15px;

}
div.informacio div
{
  margin:10px;
}
div.informacio h3
{
  margin:0px;
  padding:10px 0;
  color:#663366;
  text-align: center;

}
div.informacio p.boto
{
text-align:right;margin-bottom:15px;
}
div.informacio input:hover
{
  border: 1px #aaa solid;

}
div.informacio input
{
  background-color:#663366;
  color:#fff;
  border:1px #ccc solid;
  padding:3px;
  cursor: pointer;
}

/******************************************/
/************ LLISTAT CURSOS ****************/
/******************************************/
#cursos_particulars
{
  /*background:transparent url(/images/ico/marti.jpg) no-repeat 0% 0%;*/
}
#cursos_a_la_carta
{
    /*background:transparent url(/images/ico/marti.jpg) no-repeat 100% 0%;*/
}

/******************************************/
/************ CAIXA CURSOS ****************/
/******************************************/
.box_cursos
{
  width:90%;
  margin:0 auto;

  /*width:80%;
  margin:10px auto 20px auto;
  padding:5px;
  background-color:#FFEED6;

  border:1px solid #FFEE00;*/
  background: transparent url(/images/ico/ltCurve.gif) no-repeat 0% 0;

}

.box_cursos h2
{
color:#fff;
font-size:1.5em;
padding:10px 0pt 10px 19px;
background: #856685;
border-bottom:5px #006087 solid;
margin:1.5em 0pt 0em;
}

.box_cursos .accions
{
  text-align:right;
  padding:5px 5px 5px 0;
  background-color:#C9DADE;

}
.box_cursos .accions a
{
  font-weight:bold;
}
.box_cursos .accions ul
{
  margin:0;
}
.box_cursos .accions ul li
{
  display:inline;
  padding:0 15px 0 20px;
  background:none;
}

.box_cursos .accions ul li.mail
{
  background: transparent url(/images/ico/email_go.png) no-repeat 0% 50%;
}
.box_cursos .accions ul li.pdf
{
    background: transparent url(/images/ico/pdf.gif) no-repeat 0% 50%;
}
.box_cursos .accions ul li.inscripcio
{
      background: transparent url(/images/ico/fer_preinscripcio.png) no-repeat 0% 50%;
}
.box_cursos .accions ul li.llista
{
      background: transparent url(/images/ico/llista.png) no-repeat 0% 50%;
}

.box_cursos .content
{
  margin: 0px 0 20px 0;
  padding: 10px 5px;
  border:2px #dec9c9 solid;

}

.box_cursos .sub_caixa_activitat
{
  border-top:1px solid #006087;
  border-bottom:1px solid #006087;
  padding:10px;
  margin:10px 0pt 10px 260px;
  color:#000;
  width:270px;
  position:relative;
}

.box_cursos .sub_caixa_activitat h3
{
  margin:0 0 10px 0;
  color:#006087;
  font-weight:bold;
  border:none;
}
.box_cursos .preu
{
  background-color:#E4F7FE;
  border:1px solid #006087;
  padding:10px;
  margin:10px  0;
  color:#000;
}
.box_cursos p.casa
{
  background: transparent url(/images/ico/house.png) no-repeat 0% 50%;
    padding:0 15px 0 20px;

}
.box_cursos dt
{
  background-color:#ffe680;
  padding:5px;
  font-weight:bold;
}
.box_cursos dd
{
  background-color:#fffae6;
  padding:5px 10px;
}
#caixa_dreta
{
  width:240px;
  float:left;
}
#llegenda
{
border:0px solid #808080;
margin:30px 10px;
padding:10px;
clear:both;
}
div#right_column .yui-skin-sam .yui-calcontainer
{
border:0px solid #808080;
margin:30px 10px;
padding:10px;
float:right;
}
div#right_column .yui-skin-sam .yui-calendar .calweekdayrow {
background-color:#663366;
height:2em;
}
#llegenda li{
  padding-left:7px;
}

#llegenda li.highlight1 { border-left:25px #ccff99 solid  }
#llegenda li.highlight2 { border-left:25px #fff499 solid; }
#llegenda li.highlight3 { border-left:25px #e699ff solid; }
#llegenda li.highlight4 { border-left:25px #99daff solid; }


.yui-skin-sam .yui-calendar .calweekdaycell {
color:#FFFFFF;
}

div#right_column .yui-skin-sam .yui-calendar td.calcell.highlight1 { background-color:#ccff99; }
div#right_column .yui-skin-sam .yui-calendar td.calcell.highlight2 { background-color:#fff499; }
div#right_column .yui-skin-sam .yui-calendar td.calcell.highlight3 { background-color:#e699ff; }
div#right_column .yui-skin-sam .yui-calendar td.calcell.highlight4 { background-color:#99daff; }
div#right_column .yui-skin-sam .yui-calendar .calweekdaycell { color:#fff; }



/***** CURSOS DESTACATS ***/
#curs_destacat{ width: 80%;margin:0 auto; background-color:#ffffd9; padding:10px; border:#ccc 1px solid;}

#curs_destacat h2
{
  font-size:1.6em;
  border-bottom:0;color: #dd0000;
}
#curs_destacat ul {margin-bottom:20px;font-size:0.9em}

.estat_inscripcions_1
{
  color:red;
  font-size:1.2em;
  margin:5px 0 5px 10px;
  text-transform:uppercase;
}
.estat_inscripcions_2
{
   color:red;
  font-size:1.2em;
  margin:5px 0 5px 10px;
  text-transform:uppercase;
}
.estat_inscripcions_3
{
  color:red;
  font-size:1.4em;
  margin:5px 0 5px 10px;
  text-transform:uppercase;
}

/****************************************************/
 /*************** COlUMNA CENTRAL *************************/
/****************************************************/
h2:first-child
{
  margin-top:0;
}
h2
{
  font-size:1.5em;
  font-weight:bold;
  margin: 1.5em 0 0.8em;
  border-bottom:1px #663366 solid;
  color: #663366;
}
h3:first-child{
}

h3{
  font-size:1.3em;
  font-weight:bold;
  margin:1.5em 0 0.5em;
}


/****************************************************/
 /*************** CAIXA_RESSALTAT *************************/
/****************************************************/
em
{
  color: #663366;
  font-size:1.6em;
  font-style:normal;
  border-bottom:1px #faa90c;
}
div.caixa_ressaltat
{
  width:80%;
  margin:20px auto;
  padding:0px;
}


#right_column div.caixa_ressaltat h2
{
    padding:10px;
    background: #9b8d8d;
    color: #ffe680;

    }

div.caixa_ressaltat div
{
  padding:10px;
}

div.caixa_ressaltat p
{
  text-align:justify;
}

/********************************************/
/********** TAULA CURSOS ********************/
/*******************************************/

table.taula_cursos
{
  width:95%;
  border-top:1px solid #e3f1fe;
  border-right:1px solid #e3f1fe;
  margin:1em auto;
  border-collapse:collapse;
}
table.taula_cursos caption {
  color: #663366;
  font-size:1.3em;
  letter-spacing:.1em;
  padding:0;
  margin:1em 0 0 0;
  margin-bottom:0;
  caption-side:top;
  text-align:left;

}

table.taula_cursos tr.row_1 td{background:#fffae6;}

table.taula_cursos td {  color:#663366;  background-color:#ffe680;border-bottom: 1px solid #e3f1fe;
                         border-left:1px solid #e5eff8;padding:.3em 1em;text-align:left;line-height:1.3em}
table.taula_cursos th {font-weight:normal;color: #ffe680;text-align:left;border-bottom: 1px solid #e3f1fe;
                       border-left:1px solid #e5eff8;padding:.3em 1em;}
a.info { float: right; font-size: 1.1em; font-weight: bold; margin:10px 5px;}
table.taula_cursos thead th {
  background:#9b8d8d;
  text-align:center;
  font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
  color:#f6eded;
  }


/************************************************/
/*********** CLASSES GENERIQUES ******************/
/*************************************************/

ul.llistat_fletxa li
{
background: transparent url(/images/ico/fletxa_dreta.gif) no-repeat scroll 0pt 0.3em;
padding-left:0.8em;
margin-left:2em;
}

p.destacat{
  margin:15px auto;
  width:80%;
}


/**********************************************/
/********** FORM INTRO DADES ******************/
/**********************************************/
.requerit
{
  color:red;
}
form#intro_dades fieldset {
border:1px solid #CECD99;
line-height:1em;
padding:15px;
}

form#intro_dades ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
form#intro_dades input[type="text"] {
background-color:#fffae6;
border:1px #faa90c solid;
height:20px;
margin:3px 0pt 3px 6px;
width:300px;
}


form#intro_dades input[type="submit"] {

color:#fff;
border:2px #ccc solid;
background-color:#663366;
float:right;
margin:10px 100px 10px 0pt;
padding:3px;
cursor:pointer;
}
form#intro_dades label {
float:left;
font-size:1em;
margin:0.3em 0pt 0pt;
padding:0.2em;
text-align:right;
width:190px;
}

form#intro_dades li.nota_legal {
color:#333333;
font-size:0.8em;
padding:20px 0pt;
}
form#intro_dades select
{
  width:302px;
  margin:5px 6px;
  background-color:#fffae6;
  border:1px #faa90c solid;

}
form#intro_dades textarea
{
  margin:5px 6px;
  background-color:#fffae6;
  border:1px #faa90c solid;
  width:300px;
}
.camp_obligatori {
color:red;
font-size:0.9em;
font-weight:bold;
margin:5px 0pt 0pt 20px;
}

div.atencio
 {
   background: #fff url(/images/ico/cancel.png) no-repeat 0% 5%;
   padding: 10px 10px 10px 40px;
   border:2px #ccc solid;
   border-bottom:3px #000 solid;
   border-right:3px #000 solid;
   width:60%;
   margin:10px auto;
 }

div.atencio ul
{
  margin:1em 0.5em 0.5em 2em;
}

div.atencio ul li {color:red;font-weight:bold;background:#fff url(/images/ico/fletxa_dreta.gif) no-repeat 0% 50%;padding-left:10px;}
#accordion h3 { cursor: pointer; position: relative;padding-left:16px;}
.ui-icon { left:0em;
margin-top:-9px;
position:absolute;
top:50%;height:16px; width:16px}
#accordion h3 .ui-icon{background:transparent url(/images/ico/ui-icons_ef8c08_256x240.png) no-repeat -48px -192px}
#accordion h3.actiu .ui-icon { background: transparent url(/images/ico/ui-icons_ef8c08_256x240.png) no-repeat -64px -192px}
li a.pdf { background: transparent url(/images/ico/pdf.gif) no-repeat 0 50%; padding-left: 15px}

/** BARRA DRETA MONTORS */
#zona_central { width:430px;}
#zona_monitors { min-height:500px;float: right; width:200px;background-color:#FCC769;border:1px solid #ccc; padding:5px;}
#zona_monitors h2 { color:red;}
#zona_monitors h3 { margin:5px 0; font-size:1em;}
#zona_monitors h3 span { color:#444;display:block;font-size:0.9em;}
#zona_monitors .extract { margin-bottom:20px}
#zona_monitors li {padding: 0.2em 0 0.2em 0.4em}
#zona_monitors a { font-weight: bold; text-decoration: none}
#zona_monitors .post { border-bottom: 1px solid #663366}