html {font-size: 62.5%;background:#C2C7E4 url("../img/bg-recursiva.jpg") bottom fixed repeat-x;}
/*html {font-size: 62.5%;background:#009FC7 url("../img/bgbody3.jpg") repeat-x;}*/
body {font-size:1.2em;font-family:arial, sans-serif;} 

#wrapper {background:#fff;}
#footer {background:#fff;}
.left {padding:0 20px;}
#right {border-left:1px solid #ddd;padding-left:20px;background:#eeeff3;}

h1 {font:bold 2em Gill Sans,sans-serif;}
h2 {font:normal 1.4em Gill Sans,sans-serif;}
h1,h2 {clear:both;float:none;}
#header h2 {margin-top:-20px;}
#header h1, #header h2 {color:#000;}
#header h1 {font-style:italic;}
#header h1 span {font-style:normal;}

#menu {padding-bottom:26px;#padding-bottom:34px;font-size:1.2em;background:url("../img/bgmenu.gif") no-repeat;}
#menu ul {padding-left:10px;}
#menu li {list-style:none;#display:inline;}
#menu li a {border-right:1px solid #3c99b6;color:#fff;text-decoration:none;float:left;padding:9px 20px;height:20px;}
#menu li.a a,#menu li a:hover {background:#233036;}
#menu li.a a:hover {cursor:default;}

img.photo {width:250px;height:250px;}
dl img.photo, #right img.photo {width:60px;height:60px;}

dl.llista {clear:both;float:none;}
dl.llista dt a img {position:absolute;margin-left:-75px;border:1px solid #666;}
dl.llista dt span.hora {position:absolute;margin-left:-75px;font-size:20px;color:#999;}
dl.llista dt {padding-left:75px;font-size:1.2em;}
dl.llista dd {padding-left:35px;padding-top:3px;height:55px;}
.left .llista dd {border-bottom:1px solid #ddd;margin-bottom:10px;}

#paginador {text-align:center;}

dl.legend {width:220px;border:1px solid #ddd;background:#eeeff3;padding:10px 20px;margin: 0 50px 20px 0;}
dl.legend dt {font-weight:bold;display:block;float:left;width:60%;padding-left:25px;}
dl.legend dt, dl.legend dd {line-height:1.6em;border-bottom:1px solid #e0e0e0;}
dl.legend dt.ponentes {background:url("../img/ico/group.png") 0 1px no-repeat;}
dl.legend dt.visitas {background:url("../img/ico/chart_line.png") 0 1px no-repeat;}
dl.legend dt.comentarios {background:url("../img/ico/comments.png") 0 1px no-repeat;}
dl.legend dt.recomendaciones {background:url("../img/ico/email.png") 0 1px no-repeat;}

ul.cal {list-style:none;padding:0;margin:0;line-height:1.8em;}
ul.cal li a {background:url("../img/ico/date.png") no-repeat;padding-left:25px;}

.compartir,.recomendar {padding-left:25px;margin-right:20px;}
.compartir {background:url("../img/ico/heart.png") no-repeat;}
.recomendar {background:url("../img/ico/email.png") no-repeat;}
a.cal {background:url("../img/ico/date.png") no-repeat;padding:2px 2px 2px 25px;}
a.web {background:url("../img/ico/world.png") no-repeat;padding:2px 2px 2px 25px;}

ul.topics {list-style-position:inside;list-style-type:none;padding:0;line-height:1.6em;}
.tag {padding-left:25px;background:url("../img/ico/tag_orange.png") no-repeat;}

div.vcard img, div.event img.photo {float:left;margin:0 20px 20px 0;}

.vevent .dtstart {border:1px solid #900;position:absolute;margin-left:-70px;display:block;height:55px;width:50px;text-align:center;font-size:1.6em;border-top-width:10px;}

#footer {text-align:center;padding:10px 0;border-top:1px solid #ddd;margin:50px 0;}

.actualiza {color:#aaa;}
dd p.detalls {font-size:11px;color:#aaa;margin:0 0 -10px 0;}

img.thumbsllistats {width:70px;height:70px;border:1px solid #aaa;}

div.twitter {background:url(/img/twitter.jpeg) no-repeat;padding-left:90px;}
p.twitter {font-size:16px;}

#snippet {margin-left:270px;min-height:350px;_height:350px;}
#snippet h1 {margin-left:-270px;}
#snippet img {position:absolute;margin-left:-270px;}
#snippet dl {float:none;}
#snippet dt {font-weight:bold;}

.event address {font-style:normal;padding:10px 0 10px 60px;background:url(/img/ico/brujula.png) 0 5px no-repeat;}

#form_calendari fieldset {border:0;}
#form_calendari legend {font-weight:bold;}
#form_calendari dl {margin-left:20px;}
#form_calendari dt {font-weight:bold;}
#form_calendari dd {padding:0;margin:0 0 5px 0;}
#form_calendari fieldset.resultat {width:30%;float:left;border-right:1px dotted #999;padding-right:5px;}
#form_calendari fieldset.resultat input {font-size:5px;}

p.suscribe-cal {background:url(/img/ico/ical-suscribe.png) no-repeat;font-size:14px;padding-left:40px;}

.hidden {display:none;position:absolute;}
#tutorial {margin:0 20px;}
#pasos-outlook {display:none;position:absolute;}
#pasos-ical {display:none;position:absolute;}
#pasos-gcal {display:none;position:absolute;}

.pasos, .pasos li {margin:0;padding:0;list-style:none;}
.pasos li {display:block;float:left;width:160px;height:100px;border:1px solid #ccc;margin-left:5px;text-align:center;padding:160px 5px 5px 5px;}
.pasos li {background:url(/img/ico/ical-suscribe.png) 50px 40px no-repeat;}
#pasos li {cursor:pointer;}

#pasos li#outlook {background:url(/img/tutoriales/outlook.png) 10px 5px no-repeat;}
#pasos li#gcal {background:url(/img/tutoriales/gcal.png) 10px 5px no-repeat;}
#pasos li#ical {background:url(/img/tutoriales/ical.png) 10px 5px no-repeat;}

#pasos-gcal li.step1 {background:url(/img/tutoriales/gcal-step1.png) 10px 5px no-repeat;}
#pasos-gcal li.step2 {background:url(/img/tutoriales/gcal-step2.png) 10px 5px no-repeat;}
#pasos-gcal li.step3 {background:url(/img/tutoriales/gcal-step3.png) 10px 5px no-repeat;}

#pasos-ical li.step1 {background:url(/img/tutoriales/ical-step1.png) 10px 5px no-repeat;}
#pasos-ical li.step2 {background:url(/img/tutoriales/ical-step2.png) 10px 5px no-repeat;}
#pasos-ical li.step3 {background:url(/img/tutoriales/gcal-step3.png) 10px 5px no-repeat;}

#pasos-outlook li.step1 {background:url(/img/tutoriales/outlook-step1.png) 10px 5px no-repeat;}
#pasos-outlook li.step2 {background:url(/img/tutoriales/outlook.png) 10px 5px no-repeat;}
#pasos-outlook li.step3 {background:url(/img/tutoriales/outlook-step3.png) 10px 5px no-repeat;}

#url-cal {border:1px solid #f60;background:#ffc;width:400px;padding:2px;}

.promo {background:#ffc url(/img/ico/promo.png) left no-repeat;border:2px solid #fc0;padding:10px 10px 10px 65px;font-size:1.2em;}
.promo p {margin:0;padding:2px;}
.promo a {color:#f60;}