body {
    font-family: "Gill Sans", Verdana, sans-serif;
    font-size: 90%;
    margin: 0;
    padding: 0;
    color: #585858;
    background-color: #fff;
    line-height: 1.1em;
}
* html body {
    line-height: 1.2em;
}
a img {
    border: none;
}
acronym, abbr {
    cursor: help;
}

/* ---------------- Cabecera ------------ */
#cabecera,  
#cabecera .pre-titulo, 
#cabecera h1 {  
    height: 130px;
    text-align: center;
}
#cabecera {
    background: #fff url(../img/header_right_top_thin.png) repeat-y right bottom;
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: auto;
}
.pre-titulo {
    float:left;
    background-color: #000;
    color: #fff;
    width: 50%;
    position: absolute;
    left: 0;
}
h1 {    
    background: black;
    color: #fff;
    background-color: #000;
    width: 500px;
    margin: 0 auto 0 auto;
    position: relative;
}
h1 span.fecha,
h1 img {
    margin: 0;
    padding: 0;
}
/* -------------- Cabecera - Barra sobre/bajo el título ------------ */
.barra-complementaria-titulo,  
.barra-complementaria-titulo .pre,
.barra-complementaria-titulo .post,  
.barra-complementaria-titulo .middle {  
    height: 1.5em;
    line-height: 1.5em;
}
.barra-complementaria-titulo {
    background-color: #000;
    color: #fff;
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.barra-complementaria-titulo .pre {
    float:left;
    background: #fff url(../img/header_left_top_thin.png) repeat-y left bottom;
    color: #000;
    width: 50%;
    position: absolute;
    left: 0;
}
.barra-complementaria-titulo .middle {
    color: #fff;
    background: #000 url(../img/barramenu.png) no-repeat center;
    width: 500px;
    margin: 0 auto;
    position: relative;
}
#herramientas-idioma .post {
    width: 100%;
    background-color: transparent;
    right: 0;
    top: 0;
    position: absolute;
    text-align: right;
}
#herramientas-idioma ul {
    font-size: 100%;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-align: right;
}
.barra-complementaria-titulo .pre ul li.homelink a {
    background: red;
    color: #000;
}
#herramientas-idioma ul li {
    display: inline;
}
#herramientas-idioma ul li,
#herramientas-idioma ul li a,
#herramientas-idioma ul li a:link,
#herramientas-idioma ul li a:visited {
    padding: 0 1em;
    margin: 0;
    color: #B0B0B0;
    background-color: #000;
    line-height: 1.5em;
    text-decoration: none;    
}
#herramientas-idioma ul li a:hover,
#herramientas-idioma ul li a:active {
    color: #fff;
    background-color: #000;
}

/* ------------ El Pie ----------------- */
#pie {
    clear: both;
    margin: 0;
    width: 100%;
    color: #b0b0b0;   
    background: #000 url(../img/2008_s.png) no-repeat 100% 50%;
}
#pie hr {
    visibility: hidden;
    display: none;
    padding: 0;
}
#pie a {
    color: #fff;
    background-color: #000;
    text-decoration: none;
    border-bottom: 1px #fff dotted;
}
#pie p.logos a {
    border-bottom: none;
}
#pie .disclaimer {
    margin: -1em 0 0 0;
}
ul#herramientas {
    background: transparent url(../img/borde_pie.png) repeat-x top;
    padding: 1em 0 0 0;
    margin: 0 0 0 0;
    text-align: center;
}
ul#herramientas ul,
#herramientas li {
    display: inline;
}
ul#herramientas ul {
    margin: 0;
    padding: 0;
}
#herramientas li,
#herramientas li a,
#herramientas li a:link,
#herramientas li a:visited {
    font-weight: bold;
    padding: 0 0.2em;
    margin: 0;
}
#herramientas li.separado:after {
    content: " | ";
}
#pie a,
#pie a:link,
#pie a:visited {
    font-weight: bold;
    padding: 0 0.2em;
    margin: 0;
    color: #B0B0B0;
    background-color: #000;
    line-height: 1em;
    text-decoration: none;
    border-bottom: 1px #B0B0B0 dotted;    
}
#pie a:hover,
#pie a:active {
    color: #fff;
    background-color: #000;
    border-bottom: 1px #fff dotted;
}
#pie .disclaimer {
    font-size: 70%;
}

/* ------------  Las fechas --------------- */
.cal .date	{
    display: block;
	float: left; 
    width: 2em; 
	margin: 0 1em 1em 0;
	border-right: 1px solid #bbb; 
	border-left: 1px solid #eee;
	border-bottom: 1px solid #bbb;
	border-top:  6px solid #B5BA88;
	padding: .2em .5em .5em .5em; 
	background: #fffff0 url(../img/esquina_cal.png) no-repeat right bottom; 
	color: #444; 
	text-align: center; 
	line-height: 1.1em; 
	font-family: sans-serif;
	font-size: 70%;
    font-weight: bold;
    text-transform: lowercase;
}
.cal .year {
	position: absolute; 	
	visibility: hidden; 
	top: -10000px; 
    width: 10%;
	overflow: hidden; 
    margin: 0; 
	padding: 0; 
}
.cal .day {
    font-size: 130%;
}

/* ------------- Contenido principal del sitio ---------------- */
#contenedor {
    clear: both;
    background: #fff url(../img/blue_left_thin.png) repeat-y;
    margin: 0;
}

#margen-izq {
    background: transparent url(../img/cuadritos_left_borde_ultrathin.png) no-repeat left top;
    padding-left: 50px;
}
#margen-der {
    background: transparent url(../img/blue_right_thin.png) repeat-y top right;
    height: auto;
}
#contenido {
    height: auto;    
    background: transparent url(../img/cuadritos_right_borde_ultrathin.png) no-repeat right top;
    padding-right: 50px;    
    margin: 0;
    font-size: 90%;
    width: auto;
}
h2 {
    font-family: Georgia, Times, serif;
    margin-top: 0;
    background-color: #fff;
    background: #fff url(../img/cuadritos.png) no-repeat right top;
    color: #00716D;
    padding: 0.7em 0 0 1em;
    font-size: 200%;
    /*border-top: 2px #00716D solid;*/
}

/* - Los enlaces del contenido - */
#contenido a, 
#contenido a:link, 
#contenido a:visited {
    color: #05327A;
    background: transparent;
    text-decoration: none;
    border-bottom: 1px #05327A dotted;
    padding-bottom: 1px;
}
/* verde: #00716D */
#contenido a:hover, 
#contenido a:active {
    color: #02193D;
    background: #ffffaa;
    text-decoration: none;
    border-bottom: 1px #02193D dotted;
}
.navegacion-secundaria {
    display: none;
    visibility: hidden;
}

li {
    list-style-position: outside;
    list-style-image: url(../img/bullet_blue.png);
}

ul.panelists li {
    list-style-image: none;
    list-style-type: none;
}
/* ------------ La portada --------------- */
/* La zona blanca del contenido principal */
.items {
    margin-right: 150px;
}
/* establece un tamaño fijo en la altura */
.items .item-mini {
    min-height: 20em;
}
.item-mini {
    padding: 0;
    margin: 0 auto 1em auto;
    background: #fff url(../img/degradado_item.png) repeat-x right top;
    color: #444444;
    overflow: hidden;
    width: 45%;
    min-width: 18em;
    float: left;
    border: 1px #999 solid;
}
* html .item-mini {
    width: 37%;
    padding-bottom: 1em;
}
* html .items .item-mini {
    width: 32%;
    min-width: 10em;
    margin-bottom: 2em;
}
.item-mini ul li {
    margin-top: 0.6em;
}
.par {
    margin-right: 3%;
    float: right;
    position: relative;
}
* html .items .par {
    margin: 0 1%;
    float: left;
}
.impar {
    margin-left: 3%;
    clear: left;
}
* html .impar {
    margin: 0 1%;
}
ul.actualidad {
    padding: 0 2% 0 2%;
    margin: 0 0 1em 0;
    text-align: center;
}
ul.actualidad li {
    text-align: left;
    clear: left;
    list-style: none;
    display: block;
    list-style-image: none;
    min-height: 2.5em;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0.5em 0;
    font-size: 90%;   
}
li.ultimo-item {
    list-style-image: none;
    list-style-type: none;    
}
ul.actualidad li.ultimo-item {
    line-height: 1.5em;
    min-height: 1.5em;
    display: inline;
}
ul.actualidad li.ultimo-item img {
    width: 2em; 
	margin: 0 1em 0 0;
    line-height: 1.5em;
    vertical-align: middle;
}
ul.actualidad li.feed {
    line-height: 1.5em;
    min-height: 1.5em;
    display: inline;
}
.item-mini li.ultimo-item {
    line-height: 1.5em;
    min-height: 1.5em;
    display: block;
    text-align: center;    
}

#contenido ul.actualidad li.feed a:link,
#contenido ul.actualidad li.feed a:visited {
    border: none;
}
.item-mini h3 {
    background-color: #00716D;
    color: #fff;
    margin: 0 0 1em 0;
    padding: 0.3em 0;
    text-align: center;
    font-variant: small-caps;
}
#contenido .item-mini h3 a {
    background-color: #00716D;
    color: #fff;
} 
.item-mini p {
    padding: 0 1em;
    text-align: justify;
}
.item-mini ul {
    padding-right: 1em;
}
.item-lateral h3 {
    color: #00716D;
    background-color: #fff;
    margin: 0 0 1em 0;
}
.item-mini h4 {
    margin-left: 1em;
    margin-right: 1em;
    border-bottom: 1px #444 solid; 
} 
/* Para las líneas de Twitter y las entradas de los blogs */
ul.actualidad li.twitter {
    font-size: 90%;    
}

/* Los punteros del MAPme */
ul.mapme li {
    list-style-image: url(../img/pointer.png);
}
ul.mapme li.mas {
    list-style-image: none;
}



.item-mini p.info {
    padding: 0 0.5em;
    font-size: 80%;
}

/* -- Thumbnails de flickr -- */
.patrocinadores dt {
    color: #00716D;
    background-color: #fff;
    margin: 1em 0 1em 0;
    border-bottom: 1px #00716D dotted;
    text-align: left;
}
.item-lateral,
.patrocinadores {
    min-width: 150px;
    width: 150px;
    max-width: 150px;
    float: right;
    text-align: center;
    margin-right: 1em;
}
.patrocinadores dl dd {
  padding: 0;
  margin: 0;
}
.patrocinadores ul li,
.patrocinadores ul li a {
    display: block;
    list-style: none;
    min-width: 150px;
    width: 150px;
    text-align: center;
    overflow: hidden;
}
#contenido .patrocinadores ul li a  {
  border: none;
}
ul.thumbnails,
.patrocinadores ul {
    padding: 0;
    margin: 0;
}
.item-lateral .thumbnails li {
    float: right;
}
.item .thumbnails li,
.item-mini .thumbnails li {
    float: left;
}
.thumbnails li {
    display: block;
    list-style: none;
    min-width: 150px;
    width: 150px;
    min-height: 130px;
    height: 130px;
    text-align: center;
    font-size: 70%;
    overflow: hidden;
}
.thumbnails li p {
    margin-top: -0.6em;
}
.item-mini .thumbnails li p {
    text-align: center;
}
/* Más información dentro del preview de Social */
p.mas {
    font-size: 100%;
    text-align: center;
    clear: left;
}
.thumbnails li img {
    padding: 6px 12px 12px 6px;    
    background: transparent url(../img/thumbnail.png) no-repeat left top;
}
* html .thumbnails li img {
    margin: 6px 12px 12px 6px;    
    background: #fff;
    color: #000;    
}
* html #contenido ul.thumbnails li a {
    background: transparent url(../img/thumbnail.png) no-repeat left top;
    width: 93px;
    height: 93px;    
}
#youtube li img {
    background: transparent url(../img/thumbnail_verde.png) no-repeat left top;
}

#contenido .thumbnails li.thumbnail a,
#contenido .thumbnails li.thumbnail a:link,
#contenido .thumbnails li.thumbnail a:visited,
#contenido .thumbnails li.thumbnail a:hover,
#contenido .thumbnails li.thumbnail a:active {
    border: none;
}
.thumbnails li.thumbnail-mas img {
    padding: 0;    
    background: transparent;
}
* html #contenido ul.thumbnails li.thumbnail-mas a {
    background: transparent;
    width: auto;
    height: auto;    
}
#contenido .thumbnails li.thumbnail-mas a {
    border: none;
}

.item-vacio {
    height: 1em;
    clear: both;
}
.item-relleno {
    height: 15em;
    clear: both;
}

/* -------------- Las migas de pan ----------------- */
.migas {
    font-size: small;
}

#contenido h2 span.migas a,
#contenido h2 span.migas a:link,
#contenido h2 span.migas a:visited {
    border: none;
    background-color: #fff;
    color: #00716D;    
}
#contenido h2 span.migas a:hover,
#contenido h2 span.migas a:active {
    color: #02193D;
    background: #ffffaa;
    border-bottom: 1px #02193D dotted;
}
#contenido dt {
    font-weight: bold;
    font-style: italic;
}

/* El título de las notas de prensa */
h2 span.titulo-nota {
    display: block;
    line-height: 1.1em;
}
.nota-prensa {
    font-size: 120%;
    line-height: 1.3em;
}

/* Los items de las páginas interiores */
.item {
    clear: left;
    padding: 0 2em;
    margin: 0 auto 1em auto;
    background: #fff;
    color: #444444;
}
.item h3 {
    margin-top: 2em;
    /*clear: both;*/
    font-size: 130%;
}
.item .actualidad {
    padding-left: 2em;
}
.item .actualidad h3 {
    clear: left;
    line-height: 2em;
    height: 2em;
    vertical-align: bottom;
    margin-top: 2em;
}
/* Los títulos de los posts (tienen dos líneas) */
.item .actualidad h3.post {
    line-height: 1em;
}
.item .actualidad .contenido {
    border-left: 1px #00716D dotted;
    border-bottom: 1px #00716D dotted;
    padding: 0 0 1em 1em;
    margin: 0 1em 0 1em;
}
.item .actualidad .contenido p {
    margin-top: 0;
}

.item dl.actualidad  dt {
    margin-top: 2em;
    font-variant: small-caps;
    font-weight: bold;
}
.item dl.actualidad  dd {
    margin-top: 0.2em;
}
.item p.info {
    clear: left;
}

/* El menú de las secciones de una misma página */
div.subsecciones {
    text-align: center;
    margin-bottom: 1em;
}
div.subsecciones p,
div.subsecciones ul {
    display: inline;
    padding: 0;
}
div.subsecciones li {
    display: inline;
    list-style: none;
}
* html div.subsecciones li {
    margin-left: 1em;
}
div.subsecciones li:after{
    content: " | ";
}
div.subsecciones li.ultimo-item:after {
    content: "";
}
.indice {
    font-size: 140%;
}
.indice li {
    margin-bottom: 0.5em;
}


/* ----------------- Tablas de los hoteles ------------ */
table.hotel {
    margin: 0 auto;
}
* html table.hotel {
    font-size: 90%;
}
table thead th {
    text-align: center;
}
table tbody th {
    text-align: left;
}
table tr.impar, 
table tr.descanso {
    background-color: #D3DEB4;
    color: #222;
}
table thead tr {
    background-color: #0D6A6A;
    color: #fff;
}
table tbody tr {
    background-color: #D4DCE8;
    color: #222;
}
#contenido table tr a, 
#contenido table tr a:link, 
#contenido table tr a:visited {
    color: #031F4B;
}
table th, 
table td {
    padding: 0.3em 0.5em;
}
caption {
    font-weight: bold;
    margin: 0 auto;
    background: #eee;
    padding-top: 5px;
}
table {
    background: #eee;
    padding: 5px;
}

/* Las imágenes */
.figura {
    text-align: center;
}
#mapa-google {
    margin: 1em auto;
    width: 70%; 
    min-height: 30em;
    max-height: 50em;
    border: 1px #999 solid; 
    border-bottom: 2px #555 solid;
    border-right: 2px #555 solid;
}

/* Los ponentes */
.vcard .photo {
    float: left;
    padding: 0 2em 0 1em;
    margin-bottom: 1em;
}
.vcard .contenido {
    padding: 0 0 0 1em;
    
}
.vcard .contenido {
    border-left: 1px #00716D dotted;
    border-bottom: 1px #00716D dotted;
    padding: 0 0 1em 1em;
    margin: 0 1em 0 1em;
    min-height: 200px;
    text-align: justify;
}
* html div.contenido {
    margin-bottom: 2em;
}
p.participacion {
    font-size: 90%;
    text-align: right;
    font-style: italic;
}


/* Paginación */
#contenido p.paginacion {
    min-height: 16px;
    text-align: center;
    vertical-align: middle;
    color: #00716D;
}
#contenido .paginacion a {
    font-size: 110%;
    font-weight: bold;
    border: none;
}
#contenido .paginacion span.current {
    font-size: 140%;
    font-weight: bold;
}
ul li.pagina,
ul li.pagina-actual {
    font-size: 90%;
    display: block;
    list-style-type: none;
    list-style-image: none;
}
ul li.pagina:after,
ul li.pagina-actual:after {
    content: "";
}
li span.current, 
li.pagina-actual {
    color: #00716D;
    font-weight: bold;
}

/* Agenda */
table.agenda {
    width: 100%;
}
* html table.agenda {
    width: auto;
    margin-right: 1em;
}
* html table.agenda {
    font-size: 95%;
}
.agenda tr.descanso {
    font-size: 70%;
    overflow: hidden;
    height: 1em;
    line-height: 1em;
}
.agenda tr.descanso th.hora {
    font-size: 90%;
}
.agenda .summary {
    width: 40em;
}
.agenda .hora {
    width: 8em;
}
.agenda .ponente {
    width: 25em;
}
.ponente dl dd {
    margin-left: 0.5em;
}
.agenda th.track1,
.agenda th.track2,
.agenda th.track3,
.agenda th.track4,
.agenda th.track5,
.agenda th.taller1,
.agenda th.taller2,
.agenda th.comercial {
    text-align: center;
}
.agenda .track1, 
.agenda .taller1 {
    background: rgb(255,204,153);
    color: #202020;
}
.agenda .track2,
.agenda .taller2 {
    background: rgb(204,255,153);
    color: #202020;
}
.agenda .track3 {
    background: rgb(255,153,153);
    color: #000;
}
.agenda .track4,
.agenda .comercial {
    background: rgb(204,204,153);
    color: #000;
}
.agenda .track5 {
    background: rgb(204,255,255);
    color: #202020;
}
.agenda td.keynote {
    background-color: #FFFFC0;
    color: #404040;
}
#contenido .agenda dt a {
    font-style: normal;
}
#contenido .agenda dt ul {
    font-style: normal;
    font-weight: normal;
}

/* Información sobre la inscripción */
table.tarifas {
    margin: 0 auto;
}


/* Last fm */
a.lastfm,
a.frappr {
    float: left;
    margin: 0.5em 1em 1em 0;
}
a.twitter {
    float: right;
    margin: 0 0 0.5em 1em;
}
a.mapme {
    float: left;
    margin: -1em 1em 0.5em 0;
}
#contenido a.lastfm,
#contenido a.frappr,
#contenido a.twitter,
#contenido a.mapme
 {
    border: none
}

li.mas {
    list-style: none;
    display: block;
    text-align: center;
}


/* ------- Patrocinadores ---------- 
div.patrocinadores {
    padding: 0;
    margin: 0;
    background: transparent;
    z-index: -1;
}
div.patrocinadores dl,
div.patrocinadores dd,
div.patrocinadores ul {
    padding: 0;
    margin: 0;
}
div.patrocinadores ul li {
    padding: 0;
    margin: 0;
    display: block;
}
#organizadores {
    color: #fff;
    background: #000;
    position: absolute;
    margin: 0 0 0 5px;
    top: 1.5em;
    float: left;
    left: 0;
}
div.patrocinadores dt {
    font-size: 55%;
    max-height: 12px;
    margin: 0 0 5px 0;
    padding: 0;
}
#patrocinadores {
    color: #000;
    background: transparent;
    position: absolute;
    margin: 2.5em 0 0 0;
    float: right;
    right: 0;
    top: 30px;
}
#patrocinadores {
    color: #000;
    background: transparent;
    position: absolute;
    float: right;
    right: 0;
}
#patrocinadores dt {
    text-align: right;
    padding-right: 10px;
}
ul#colaboradores {
    width: 150px;
    height: 27px;
    line-height: 27px;
    display: inline;
}
ul#colaboradores li {
    height: 27px;
    line-height: 27px;
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
}

#organizadores dt,
#organizadores dd {
    margin: 0;
}
#organizadores ul.organizadores li {
    display: inline;
    list-style: none;
    background-color: #000;
    margin: 0;
    padding: 0;
    position: relative;
}
#organizadores ul.promueve li {
    display: inline;
    list-style: none;
    list-style-image: none;
    display: block;
    float: none;
    background-color: #000;
    clear: left;
    text-align: center;
}
*/

/* ---------------- VCard Oficina W3C ----------- */
#vcard_contacto {
    float: left;
}
#vcard_contacto img {
    padding: 0;
    border: 1px #999 solid;
    margin: 0 3em 1em 3em ; 
}
#vcard_contacto address {
    margin-left: 2em;
    font-size: 130%;
    line-height: 2em;
} 
#vcard_contacto .geo {
    font-size: 50%;
}
#vcard_contacto .adr {
    display: block;
}


/* --------------- Accesibilidad ---------- */
kbd {
    font-size: 200%;
    font-weight: bold;
    line-height: 2em;
    font-family: monospace;
    color: #353535;
    background: #eee;
    border: 1px #ddd solid;
    border-bottom: 2px #aaa solid;
    border-right: 2px #aaa solid;
    padding: 0.2em 0.2em;
    margin: 0.5em;    
}
.accesskeys li {
    list-style: none;
}

/* --------------- Feeds ------------------- */
.item-mini dl.rss {
    padding-left: 1em;
}
.item-mini dl.rss dt {
    margin-top: 1em;
}
.item-mini dl.rss dd {
    margin-left: 1em;
}
.item-mini dl.rss dd:before {
    content: url(../img/bullet_feed_16x16.png);
}
/* El enlace del pie */
/* sustituye el texto por una imagen */
#herramientas li.rss a span {
    visibility: hidden;
}
#herramientas li.rss a {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
}
#herramientas li.rss a:link,
#herramientas li.rss a:visited  {
    border: none;
    background: #000 url(../img/feed_small_grey.png) no-repeat left bottom;
}
#herramientas li.rss a:hover,
#herramientas li.rss a:active  {
    border: none;
    background: #000 url(/2007/img/feed_small.png) no-repeat left bottom;
}

/* Noticias */
img.noticia {
    float: left;
    margin: 0 1em 0.5em 0;
    border:  1px solid #B5BA88;
}