/* redefinición html */
html { overflow: hidden; height: 100%; }
body { margin: 0px; padding: 0px; height: 100%;
font-family: "Lucida Grande", Trebuchet, "Trebuchet MS", "Microsoft Sans Serif", "Nimbus Mono L", sans-serif; }
h1, p, ul, li, h3, h4 { margin: 0px; padding: 0px; }

h1 { background: #ffffff url(../img/h1.gif) 10px 10px no-repeat; 
position: absolute; left: 50%; top: 50%; left: 50%; width: 900px; height: 145px; margin-top: -245px; margin-left: -450px; }
body.esp h1 { background-image: url(../esp/img/h1.gif); }
h1 strong { display: none; }

a:link,
a:active,
a:visited { color: #bdbdbd; text-decoration: underline; }
a:hover { color: #333333; }


/* growl (notificaciones) */
.growlNotification { position: absolute; z-index: 150; background-color: #ffffff; font-size: 12px; background-color: #fff; 
border: 1px dotted #333; }
.growlNotification p { padding: 10px 10px 5px 10px; }
.growlNotification ul { margin: 0px; padding: 0px 10px 10px 10px; list-style: square; list-style-position: inside; }
.growlNotification ul li { }

/* principal (layout) */
p#fecha { background: transparent url(../img/fecha.gif) 10px 10px no-repeat;
position: absolute; top: 50%; left: 50%; width: 348px; height: 62px; margin-top: -105px; margin-left: -370px; }
body.esp p#fecha { background-image: url(../esp/img/fecha.gif); }
p#fecha strong, p#fecha em { display: none; }

#tagCloud { position: absolute; top: 50%; left: 50%; width: 390px; margin-top: -40px; margin-left: -410px; }
#tagCloud p { padding: 10px; text-align: justify; font-size: 20px; line-height: 1.0em; color: #bdbdbd; }
* html #tagCloud p { line-height: 1.1em; }
#tagCloud p strong { color: #333; font-size: 27px; font-weight: normal; }
#tagCloud p b { font-size: 26px; color: #333; font-weight: normal; }
#tagCloud p em { font-size: 26px; color: #333; }
#tagCloud p i { font-size: 26px; color: #333; }
#tagCloud p span.blue { color: #00adef; font-weight: bold; }

ul.menu1 { position: absolute; top: 50%; left: 50%; width: 900px; margin-top: -110px; 
list-style: none; }
ul.menu1 li { background-position: 10px 10px; background-repeat: no-repeat; padding: 60px 10px 5px 10px; width: 400px; 
font-size: 23px; font-weight: normal; color: #bdbdbd; line-height: 1.1em; }
ul.menu1 li#taller { left: 0; background-image: url(../img/li_taller.gif); margin-bottom: 5px; }
body.esp ul.menu1 li#taller { background-image: url(../esp/img/li_taller.gif); }
ul.menu1 li#vivencia { right: 0; background-image: url(../img/li_vivencia.gif); }
body.esp ul.menu1 li#vivencia { background-image: url(../esp/img/li_vivencia.gif); }
ul.menu1 li strong { display: none; }
ul.menu1 li a:link, 
ul.menu1 li a:active,
ul.menu1 li a:visited { color: #bdbdbd; text-decoration: none; }
ul.menu1 li a:hover { text-decoration: underline; color: #333333; }

ul.menu2 { position: absolute; top: 50%; left: 50%; list-style: none; margin-top: 165px; }
ul.menu2 li { padding: 0px 3px 0px 10px; float: left; 
font-size: 19px; }
ul.menu2 li a:link, 
ul.menu2 li a:active,
ul.menu2 li a:visited { color: #221e1f; text-decoration: none; }
ul.menu2 li a:hover { text-decoration: underline; color: #00adef; }

p.partners { position: absolute; top: 50%; left: 50%; margin-top: 165px; margin-left: -400px; }
p.partners span { display: block; float: left; height: 12px; }
p.partners strong, p.partners em { display: none; }
p.partners span a { display: block; height: 12px; }
p.partners span.organitza { background: url(../img/txt_organitza.gif) 0px 1px no-repeat; width: 75px; }
body.esp p.partners span.organitza { background-image: url(../esp/img/txt_organitza.gif); width: 67px; }
p.partners span.cpc a { background: url(../img/txt_cpc.gif) 0px 0px no-repeat; width: 75px; }
p.partners span.cpc a:hover { background-position: 0px -19px; }
p.partners span.colabora { background: url(../img/txt_colabora.gif) 0px 1px no-repeat; width: 165px; margin-left: 10px; }
body.esp p.partners span.colabora { background-image: url(../esp/img/txt_colabora.gif); }
p.partners span.mc a { background: url(../img/txt_mc.gif) 0px 0px no-repeat; width: 24px; }
p.partners span.mc a:hover { background-position: 0px -18px; }

p.legal { position: absolute; top: 50%; left: 50%; width: 100%; margin-top: 176px; margin-left: -400px; 
text-align: left; font-size: 10px; color: #bdbdbd; }
p.legal a:link, p.legal a:active, p.legal a:visited { text-decoration: none; color: #bdbdbd; }
p.legal a:hover { text-decoration: underline; }

p.patrocini { position: absolute; bottom: 38px; left: 50%; width: 290px; height: 28px; margin-left: -152px; }
p.patrocini span { display: block; float: left; height: 23px; }
p.patrocini span a { display: block; height: 23px; }
p.patrocini strong, p.patrocini em { display: none; }
p.patrocini span.ambpatrocini { background: url(../img/txt_ambpatrocini.gif) 0px 6px no-repeat; width: 167px; }
body.esp p.patrocini span.ambpatrocini { background-image: url(../esp/img/txt_ambpatrocini.gif); width: 174px; }
p.patrocini span.ebd a { background: url(../img/txt_ebd.gif) 0px 0px no-repeat; width: 100px; }
p.patrocini span.ebd a:hover { background-position: 0px -30px; }


p.suport { position: absolute; bottom: 0; left: 50%; width: 320px; height: 35px; margin-left: -160px; }
p.suport span { display: block; float: left; height: 26px; }
p.suport strong, p.suport em { display: none; }
p.suport span a { display: block; height: 26px; }
p.suport span.ambsuport { background: url(../img/txt_ambsuport.gif) 0px 11px no-repeat; width: 120px; }
body.esp p.suport span.ambsuport { background-image: url(../esp/img/txt_ambsuport.gif); width: 108px; }
p.suport span.emprendedores a { background: url(../img/txt_emprendedores.gif) 0px 7px no-repeat; width: 110px; }
p.suport span.emprendedores a:hover { background-position: 0px -24px; }
p.suport span.banesto a { background: url(../img/txt_banesto.gif) 0px 4px no-repeat; width: 80px; height: 30px;  }
p.suport span.banesto a:hover { background-position: 0px -31px; }

/* submenu ponents */
#ponents { position: absolute; top: 50%; left: 50%; width: 150px; height: 137px; margin-top: 36px; margin-left: 195px;
background: url(../img/bg_ul_ponents.gif) 0 0 no-repeat; list-style: none; padding-top: 17px; }
#ponents li { padding: 0px 0px 10px 18px; line-height: 1em; font-size: 14px; }
#ponents li a:link, #ponents li a:active, #ponents li a:visited { color: #333; text-decoration: none; }
#ponents li a:hover { text-decoration: underline; }
#ponents.off { display: none; }

/* idioma */
ul.lang { position: absolute; top: 4px; right: 0; list-style: none; font-size: 12px; }
ul.lang li { padding: 0px; float: left; }
ul.lang li a:link, 
ul.lang li a:active,
ul.lang li a:visited,
ul.lang li a:hover { text-decoration: underline; color: #bdbdbd; }
ul.lang li.cat { padding: 0px 8px; }
ul.lang li.esp { border-left: 1px solid #bdbdbd; padding: 0px 8px; }

/* ventanas general */
div.contenido { line-height: 1.6em; font-size: 12px; padding-top: 20px; }
div.contenido p, div.contenido ul { padding: 0px 20px 10px 20px; }

div.contenido h2 { margin: 0px; background-position: 20px 0px; background-repeat: no-repeat; }
div.contenido h2 strong, div.contenido h2 em { display: none; }

/* taller */
div.contenido h2.taller { background-image: url(../img/h2_taller.gif); height: 65px;}
body.esp div.contenido h2.taller { background-image: url(../esp/img/h2_taller.gif); }
.taller ul li { list-style: square; list-style-position: inside;}

/* avís legal */
.avis ul li { list-style: square; list-style-position: inside;}

/* vivencia */
div.contenido h2.vivencia { background-image: url(../img/h2_vivencia.gif); height: 40px;}
body.esp div.contenido h2.vivencia { background-image: url(../esp/img/h2_vivencia.gif); }


div.contenido div.vivencia { padding-left: 335px; margin-top: 10px;
background: url(../img/cellercanroca.jpg) 20px 0px no-repeat; }
div.contenido div.vivencia h3 { padding: 0px 20px; color: #00adef; font-size: 14px; }


/* programa */
div.contenido h2.programa { background-image: url(../img/h2_programa.gif); height: 40px;}
body.esp div.contenido h2.programa { background-image: url(../esp/img/h2_programa.gif); }

div.contenido table.programa { width: 640px; margin-left: 20px; background-position: 0 0; background-repeat: repeat-x; border-collapse: collapse; }
div.contenido table.size1 { background: url(../img/bg_programa1.gif) 0 0 repeat-x; }
div.contenido table.size2 { background: url(../img/bg_programa2.gif) 0 0 repeat-x; }

div.contenido table.programa caption { margin-top: 20px; margin-left: 20px; border-bottom: 2px solid #fff; }
* html div.contenido table.programa caption { border-top: 20px solid #fff; }

div.contenido table.programa caption { background-color: #e4f5fd; margin-top: 20px; padding: 0px; }
div.contenido table.programa caption strong, 
div.contenido table.programa caption em { display: none; }
div.contenido table.programa caption h3 { float: left;
background-position: 10px 7px; background-repeat: no-repeat; height: 30px; }
div.contenido table.programa caption h4 { float: right;
background-position: 10px 2px; background-repeat: no-repeat; height: 30px; }
div.contenido table.programa caption h3.dijous { background-image: url(../img/h3_dijous.gif); width: 300px; }
body.esp div.contenido table.programa caption h3.dijous { background-image: url(../esp/img/h3_dijous.gif); }
div.contenido table.programa caption h3.divendres { background-image: url(../img/h3_divendres.gif); width: 300px; }
body.esp div.contenido table.programa caption h3.divendres { background-image: url(../esp/img/h3_divendres.gif); }
div.contenido table.programa caption h4.taller { background-image: url(../img/h4_taller.gif); width: 135px; }
body.esp div.contenido table.programa caption h4.taller { background-image: url(../esp/img/h4_taller.gif); }
div.contenido table.programa caption h4.vivencia { background-image: url(../img/h4_vivencia.gif); width: 175px; }
body.esp div.contenido table.programa caption h4.vivencia { background-image: url(../esp/img/h4_vivencia.gif); }

div.contenido table.programa thead { display: none;  }

div.contenido table.programa tbody tr td { vertical-align: top; }
div.contenido table.programa tbody tr td.hora { font-weight: bold; color: #00adef; width: 60px; padding: 2px 0px 0px 10px; }
div.contenido table.programa tbody tr td.actividad { padding: 2px 10px 10px 0px; }

div.contenido hr { margin: 50px; padding: 0px; border: 0; color: #fff; }
* html div.contenido hr { margin: 30px; }

div.contenido table.programa tbody tr td a:link,
div.contenido table.programa tbody tr td a:active,
div.contenido table.programa tbody tr td a:visited { color: #00adef; text-decoration: none; font-weight: bold; }
div.contenido table.programa tbody tr td a:hover { text-decoration: underline; }

/* localització */
div.contenido div.localitzacio { position: absolute; top: 60px; left: 20px; padding-left: 285px; 
background: url(../img/h2_localitzacio.gif) top left no-repeat; height: 300px; }
body.esp div.contenido div.localitzacio { background-image: url(../esp/img/h2_localitzacio.gif); }

div.contenido div.localitzacio h2 { padding: 0px 20px; color: #00adef; font-size: 14px; }

div.contenido div.localitzacio p { padding-bottom: 0px; }
div.contenido div.localitzacio h3 { padding: 5px 20px 0px 20px; font-size: 12px; }
div.contenido div.localitzacio ul { padding-top: 0px; list-style: square; list-style-position: inside; }
}

div.contenido div.localitzacio a:link,
div.contenido div.localitzacio a:active,
div.contenido div.localitzacio a:visited { color: #bdbdbd; text-decoration: underline; }
div.contenido div.localitzacio a:hover { color: #333333; }

div.contenido div.localitzacio ul.img { margin: 0px; padding: 0px 0px 0px 20px; list-style: none; }
div.contenido div.localitzacio ul.img li { display: inline; }
div.contenido div.localitzacio ul.img li img { margin: 0px 5px 5px 0px; }

/* inscripció */
div.contenido div.inscripcio { background: url(../img/bg_inscripcio.gif) top right no-repeat; padding-top: 100px; }
* html div.contenido div.inscripcio { height: 200px; }
body.esp div.contenido div.inscripcio { background-image: url(../esp/img/bg_inscripcio.gif); }

div.contenido div.inscripcio h2 { padding: 0px 20px; color: #00adef; font-size: 12px; }
div.contenido div.inscripcio h2.petit { font-size: 11px; color: #333; padding-top: 20px; }
div.contenido div.inscripcio p { padding: 0px 20px; }
div.contenido div.inscripcio p.petit { padding: 20px 20px 0px 20px; font-size: 11px; line-height: 1.2em; }

div.contenido div.inscripcio a:link,
div.contenido div.inscripcio a:active,
div.contenido div.inscripcio a:visited { color: #bdbdbd; text-decoration: underline; }
div.contenido div.inscripcio a:hover { color: #333333; }

div.contenido div.inscripcio p.botonInscripcion { padding-top: 18px; text-align: center; font-size: 23px; }
div.contenido div.inscripcio p.botonInscripcion a:link,
div.contenido div.inscripcio p.botonInscripcion a:active,
div.contenido div.inscripcio p.botonInscripcion a:visited,
div.contenido div.inscripcio p.botonInscripcion a:hover { color: #00adef; text-decoration: underline; }

/* inscripció (formulario) */
div.contenido #formInscripcion h2 { margin-top: 20px; padding: 0px 20px; color: #00adef; font-size: 14px; }

div.contenido #formInscripcion div.hr { clear: left; float: none; margin: 0px; padding: 0px; }
div.contenido #formInscripcion div.hr hr { display: none; }

div.contenido #formInscripcion p { margin: 0px; padding: 0px 10px 0px 0px; font-size: 10px; float: left; line-height: 1.4em;}
div.contenido #formInscripcion p.first { padding-left: 20px; }
div.contenido #formInscripcion p.fnt12 { font-size: 12px; padding-bottom: 5px; padding-left: 20px; float: none; }
div.contenido #formInscripcion p.normal { font-size: 12px; padding: 0px 20px; float: none; }
div.contenido #formInscripcion p.privacy { margin-top: 20px; font-size: 12px; text-align: center; float: none; }

div.contenido #formInscripcion input { border: 1px solid #333; color: #333; margin: 0px; padding: 0px; width: 100px;
font-family: "Lucida Grande", Trebuchet, "Trebuchet MS", "Microsoft Sans Serif", "Nimbus Mono L", sans-serif; font-size: 11px; }
div.contenido #formInscripcion input.w200 { width: 200px; }
div.contenido #formInscripcion input.cp { width: 35px; }
div.contenido #formInscripcion input.eight { width: 50px; }
div.contenido #formInscripcion input.nine { width: 59px; }
div.contenido #formInscripcion input.lletra { width: 10px; }
div.contenido #formInscripcion input.checkbox { width: auto; border: 0; }
div.contenido #formInscripcion input.error { border: 1px solid red; }

div.contenido #formInscripcion p.botonInscripcion { padding-top: 18px; color: #00adef; text-align: center; font-size: 23px; float: none; }
div.contenido #formInscripcion p.botonInscripcion a:link,
div.contenido #formInscripcion p.botonInscripcion a:active,
div.contenido #formInscripcion p.botonInscripcion a:visited,
div.contenido #formInscripcion p.botonInscripcion a:hover { color: #00adef; text-decoration: underline; }

/* ponents */
ul.ponents { margin: 40px 0px 0px 0px; padding: 0px; list-style: none; }
ul.ponents li { width: 120px; height: 60px; margin: 0px; padding: 0px; float: left; text-align: center; 
background-position: top center; background-repeat: no-repeat; padding-top: 105px; }
ul.ponents li.serigocortes { background-image: url(../img/cv_sergiocortes.jpg); }
ul.ponents li.marcvidal { background-image: url(../img/cv_marcvidal.jpg); }
ul.ponents li.ramonsanguesa { background-image: url(../img/cv_ramonsanguesa.jpg); }
ul.ponents li.rocfages { background-image: url(../img/cv_rocfages.jpg); }
ul.ponents li.albertrius { background-image: url(../img/cv_albertrius.jpg); }

/* cvs */
ul.ponents li a:link, ul.ponents li a:active, ul.ponents li a:visited, ul.ponents li a:hover { 
font-weight: bold; color: #333; }

div.cv h2 { margin-top: 20px; padding: 15px 20px 0px 130px; color: #00adef; font-size: 14px; height: 100px;
background-position: 20 0; background-repeat: no-repeat; }
div.cv h2.sergiocortes { background-image: url(../img/cv_sergiocortes.jpg); }
div.cv h2.marcvidal { background-image: url(../img/cv_marcvidal.jpg); }
div.cv h2.ramonsanguesa { background-image: url(../img/cv_ramonsanguesa.jpg); }
div.cv h2.rocfages { background-image: url(../img/cv_rocfages.jpg); }
div.cv h2.albertrius { background-image: url(../img/cv_albertrius.jpg); }

div.cv h2 em { display: inline; font-style: normal; color: #333; font-weight: normal; font-size: 12px; }

div.cv h3 { margin: 0px; padding: 0px 20px 0px 20px; font-size: 12px; }

div.cv ul { margin: 0px; padding: 0px 20px 20px 20px; list-style: square; list-style-position: inside; }
div.cv ul li { margin: 0px; padding: 0px; }
div.cv ul li ul { padding-bottom: 0px; }