/* ----------------------------------  ESTILOS BÁSICOS / BASIC STYLES  ----------------------------- */
html {
	background: #fff url(http://www.fundamentosweb.org/2007/img/gradient.png) repeat-y bottom right;
	color: #2E2E2E;
}
body {
	margin: 0;
	font: 100%/1.7 Arial, Verdana, Helvetica, Geneva, sans-serif;
	background: #fff url(http://www.fundamentosweb.org/2007/img/gradient.png) repeat-y bottom right;
	color: #2E2E2E;
	width: 100%;
	min-width: 800px;
}
img {
	border: 2px #E4E4E4 solid;
}
.no-marco {
    border: none;
}
.invisible {
    display: none;
    visibility: hidden;
}
del {
    font-size: 80%;
    color: rgb(196,196,196);
}
a {
	text-decoration: none;
	border-bottom: 1px #4D5373 dashed;
	color: #4D5373;
	background-color: #fff;
}
a:link, a:visited {
	color: #4D5373;
	background-color: transparent;
}
a:hover, a:active {
	color: #222;
	background-color: transparent;
}
abbr, acronym {
	cursor: help;
}
/* Clases utilizadas para el estilo específicamente */
.invisible {
	display: none;
}
.subrayado {
	text-decoration: underline;
}
.error {
    color: rgb(153,0,51);
    font-weight: bold;
}
.navegacion-secundaria {
    visibility: hidden;
    display: none;
}
dt {
    font-weight: bold;
}


/* ----------------------------------  CABECERAS / HEADERS  ---------------------------------------------- */
#cabecera {} 
.cabecera-head-l {} 
.cabecera-head-r {}
.cabecera-body {}
h1 {
    margin: 0;
    float: left;
    position: relative;
    top: 0.5em;
    color: #041D6F;
    background: #fff;
    font-weight: bolder;
}
a img, 
h1 a {
	border: none;
}
h2, 
h3, 
#menu-opciones, 
#menu-herramientas {
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
}
/* El texto de la cabecera */
h1 span.fundamentos {
    float: left;
    width: 8em;
    position: absolute;
    top: 0;
    left: 300px;
    text-align: left;
    margin-top: 4em;
    line-height: 1em;
    font-size: 80%;
    font-weight: bolder;
    letter-spacing: -0.1em;
    word-spacing: -0.2em;
}
h1 span.fundamentos:first-letter {
    font-size:250%;
    display: block;
    float: left;
    margin-top: 0;
}
.edicion {}
.cuando, .donde {
    clear:left;
    float: left;    
}
#cabecera p {
    position: absolute;
    text-align: center;
    clear:left;
    float: left;  
    font-size: 110%;
    line-height: 1em; 
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
    left: 305px; 
    margin-top: 10.5em;   
    letter-spacing: -0.01em;
    word-spacing: -0.2em;
}
#cabecera p.lema {
    clear: none;
    left: 305px;
    top: 100px;
    font-size: 95%;
    word-spacing: -0.1em;
    font-style: italic;
    font-weight: bolder;
}
/* ----------------- El Título de las Secciones (H2) ------------------------ */
/*
    Se incluyen DIVs específicamente para poder aplicar estilos especiales a los títulos de las secciones
*/
#titulo-seccion {
    position: absolute;
    right: 10%;
    top: 20px;
	clear: both;
	width: 19em;
	min-width: 19em;	
	font-size: 110%;	
	padding: 0 0 0 0;
	margin: -2.5em 0 0 0;
	background-color: #46AAF1;
	border: 5px #dbdbdb solid;
	z-index:3;
	min-height: 2.5em;
}
/* IE 6 */
* html #titulo-seccion {
    min-height: 2em;
}
#titulo-seccion .titulo-seccion-head-r {
}
#titulo-seccion .titulo-seccion-head-l {
}
#titulo-seccion .titulo-seccion-body {
	padding: 0;
	min-height: 2.5em;
	text-align: right;
}
#titulo-seccion h2 {
    margin: 0.5em 0 0 0;
    padding:0;    
    text-align: center;
}
h2 {
    clear: both;
    color: #000;
    width: 13em;
    min-width: 13em;
    max-width: 13em;
    min-height: 50px;
    padding: 20px;
    margin: 0;
    line-height: 1em;
}
h2 a, 
h2 a:link, 
h2 a:visited {
    color: #2E2E2E;
    border: none;        
}
h2 a:hover, 
h2 a:active {
    color: #000;
}
/* para que se vea igual en el IE6 */
* html h2 {
    line-height: 1em;
    height: 1em;
    padding: 0;
    vertical-align: middle;
    font-size: 150%;
}
* html #titulo-seccion .titulo-seccion-body {
    padding: 0 0 1em 0;
    margin: 0;
} 

/* ---------------------------------- MENÚ de HERRAMIENTAS ----------------------------- */
.titulo-menu {
    display: none;
    visibility: hidden;
}
#menu-herramientas ul {
    display: block;
    color: #000;
    background-color: #7697C6; 
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;    
    z-index: 6;
    margin: 0 0 0 0;
    line-height: 1.5em;
    height: 1.5em;
    padding: 0;
    border-bottom: 5px #041D6F solid;
    font-size: 80%;
    text-align: right;
}
#menu-herramientas .menu-herramientas-head-l {
}
#menu-herramientas .menu-herramientas-head-r {
}
#menu-herramientas .menu-herramientas-body {
} 
#menu-herramientas ul li {
    line-height: 1.5em;
    height: 1.5em;
    min-height: 15px;
    list-style: none;
    font-weight: bolder;
    display: inline;
}
#menu-herramientas ul li.selector-idioma {
    float: right;
    margin-right: 0.5em;
}
#menu-herramientas ul li.selector-idioma a:link,
#menu-herramientas ul li.selector-idioma a:visited {
    color: #880013; 
    background-color: #7697C6;
}
#menu-herramientas ul li a, 
#menu-herramientas ul li a:link, 
#menu-herramientas ul li a:visited{
    color: #041D6F;
    background-color: #7697C6;;
    text-decoration: none;
    border: none;
    padding: 0 0.5em;
    line-height: 1.5em;
    height: 1.5em;
    margin: 0;
}
#menu-herramientas ul li a:hover, 
#menu-herramientas ul li a:active,
#menu-herramientas ul li.selector-idioma a:hover,
#menu-herramientas ul li.selector-idioma a:active {
    color: #ffa80b;
    background-color: #041D6F;
}
#herramientas li.linkActivo {
    padding: 0 0.5em;
    line-height: 1.5em;
    height: 1.5em;
    margin: 0;
}
#menu-herramientas ul li img {
    vertical-align: bottom;
    padding-bottom: 2px; 
}
/* el enlace a la portada */
#herramientas-portada {
    float: left;
    margin-left: 1em;
}

/* ---------------------------------- MENÚ de OPCIONES ----------------------------- */
#menu-opciones {
    position: absolute;
    right: 20px;
    top: 1em;
	width: 18em;
	min-width: 18em;	
	padding: 0;
	margin: 0;
	z-index:5;
	background-color: #46AAF1;
	border: 5px #041D6F solid;
	border-top: none;
	font-size: 130%;
}
#menu-opciones .menu-opciones-head-l {
}
#menu-opciones .menu-opciones-head-r {
}
#menu-opciones .menu-opciones-body {
}
#menu-opciones ul {
    display: block;
    width: 18em;
    float: right;    
    margin: 0.2em 0 0 0;
}
#menu-opciones ul li {
    display: block;
    float: left;
    width: 8.8em;
    margin: 0; 
    text-align: right;
    min-height: 48px;    
    padding: 0;
}
#menu-opciones ul li span {
    display: block;
}
/* IE6 */
* html #menu-opciones ul {
    width: 18em;
    margin-right: 0;
}
* html #menu-opciones ul li {
    width: 8.7em;
}
* html #menu-opciones ul li span {
    width: 8.7em;
}
#menu-opciones ul li a {
    display: block;
    border: none;
    min-height: 48px;
    color: #2E2E2E;
    background-color: #46AAF1;
}
#menu-opciones ul a:hover, 
#menu-opciones ul a:active {
    color: #000;
    background-color: #46AAF1;
    font-weight: bolder; 
}
#menu-opciones ul li.impar a:hover, 
#menu-opciones ul li.impar a:active {
    color: #000;
    font-weight: bolder;
    background-color: #46AAF1;
}
.linkActivo {
    font-style: italic;
    color: #fff;
}
#menu-opciones ul li.linkActivo {
    display: block;
    border: none;
    min-height: 48px;
 /*   text-align: right;*/
}
#menu-opciones ul li.impar {
    text-align: left;
}
/* - Las opciones indivuales del menú de opciones  */
#opciones-ponentes {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/ponentes-32x32.png) no-repeat 97% 50%;
    padding-right: 50px;
    text-align: right;
}
span#opciones-ponentes {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/ponentes-gris-32x32.png) no-repeat 97% 50%;
}
a#opciones-ponentes:hover {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/ponentes-48x48.png) no-repeat 100% 50%;
}
#opciones-prensa {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/folder-documents-blue-32x32.png) no-repeat 97% 50%;
    padding-right: 50px;
    text-align: right;
}
span#opciones-prensa {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/folder-documents-gris-32x32.png) no-repeat 97% 50%;
}
a#opciones-prensa:hover {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/folder-documents-blue-48x48.png) no-repeat 100% 50%;
}
#opciones-localizacion {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/web-32x32.png) no-repeat 3% 50%;
    padding-left: 50px;
    margin-left: 0.5em;
}
a#opciones-localizacion:hover {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/web-48x48.png) no-repeat 0% 50%;
}
span#opciones-localizacion {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/web-gris-32x32.png) no-repeat 3% 50%;
    text-align: left;
}
#opciones-inscripcion {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/application2-32x32.png) no-repeat 3% 50%;
    padding-left: 50px;
    margin-left: 0.5em;
}
span#opciones-inscripcion {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/application2-gris-32x32.png) no-repeat 3% 50%;
    text-align: left;
}
a#opciones-inscripcion:hover {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/application2-48x48.png) no-repeat 0% 50%;
}
#opciones-programa {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/ical-32x32.png) no-repeat 3% 50%;
    padding-left: 50px;
    margin-left: 0.5em;    
}
span#opciones-programa {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/ical-gris-32x32.png) no-repeat 3% 50%;
    text-align: left;
}
a#opciones-programa:hover {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/ical-48x48.png) no-repeat 0% 50%;
}
#opciones-informacion {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/info-32x32.png) no-repeat 3% 50%;
    padding-left: 50px;
    margin-left: 0.5em;
}
span#opciones-informacion {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/info-gris-32x32.png) no-repeat 3% 50%;
    text-align: left;
}
a#opciones-informacion:hover {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/info-48x48.png) no-repeat 0% 50%;
}
#opciones-actualidad {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/file-web-32x32.png) no-repeat 97% 50%;
    padding-right: 50px;
}
span#opciones-actualidad {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/file-web-gris-32x32.png) no-repeat 97% 50%;
    text-align: right;
}
a#opciones-actualidad:hover {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/file-web-48x48.png) no-repeat 100% 50%;
}
#opciones-alojamiento {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/home-32x32.png) no-repeat 97% 50%;
    padding-right: 50px;
}
span#opciones-alojamiento {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/home-gris-32x32.png) no-repeat 97% 50%;
    text-align: right;
}
a#opciones-alojamiento:hover {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/home-48x48.png) no-repeat 100% 50%;
}
#opciones-media {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/ipod-32x32.png) no-repeat 3% 50%;
    padding-left: 50px;
    margin-left: 0.5em;
}
span#opciones-media {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/ipod-gris-32x32.png) no-repeat 3% 50%;
    text-align: left;
}
a#opciones-media:hover {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/ipod-48x48.png) no-repeat 0% 50%;
}
#opciones-estilo {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/applications-32x32.png) no-repeat 97% 50%;
    padding-right: 50px;
}
span#opciones-estilo {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/applications-gris-32x32.png) no-repeat 97% 50%;
    text-align: right;
}
a#opciones-estilo:hover {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/applications-48x48.png) no-repeat 100% 50%;
}
#opciones-social {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/file-web-32x32.png) no-repeat 3% 50%;
    padding-left: 50px;
    margin-left: 0.5em;
}
span#opciones-social {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/file-web-gris-32x32.png) no-repeat 3% 50%;
    text-align: left;
}
a#opciones-social:hover {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/file-web-48x48.png) no-repeat 0% 50%;
}
#opciones-contacto {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/mail-32x32.png) no-repeat 97% 50%;
    padding-right: 50px;
}
span#opciones-contacto {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/mail-gris-32x32.png) no-repeat 97% 50%;
    text-align: right;
}
a#opciones-contacto:hover {
    background: url(http://www.fundamentosweb.org/2007/img/opciones/mail-48x48.png) no-repeat 100% 50%;
}
/* ----------------------- El CONTENEDOR del contenido de la página ------------------------- */
#contenido {
    position: relative;
    float: right;
    right: 22%;
    clear: left;
    width: 75%;
	font-size: 120%;
	z-index: 1;
	padding: 0 0 1em 0;
	margin: 0;
	background: #fff;
	border: 5px #dbdbdb solid;
}
/* Para el IE6 */
* html #contenido {
    right: 20%;
}
#contenido .contenido-head-r {
}
#contenido .contenido-head-l {
}
#contenido .contenido-body {
    margin: 3.5em 1em 0 1em;
}

/* ------------------------------- PATROCINADORES / SPONSORSHIP ------------------------------------- */
.patrocinadores-head-l {}
.patrocinadores-head-r {}
.patrocinadores-body {}
.patrocinadores {
    float: right;
    right: 0;
    top: 450px;
	position: absolute;
	width: 20%;
	min-width: 200px;
    max-width: 20%;	
	z-index: 0;
	padding: 0;
	margin: 0;
	text-align: center;
}
.patrocinadores dl,  
.patrocinadores dt,
.patrocinadores dd {
    margin: 0;
}
.patrocinadores li {
    display: block;
    list-style: none;
}
.patrocinadores ul {
    padding: 0;
    margin: 0;
}
.patrocinadores a {
    border: none;
}
/*  Los logos de los patrocinadores */
.patrocinadores img {
    border: 2px #dbdbdb solid;
}
.patrocinadores img:hover {
    border: 2px #b4b4b4 solid;
}

/* -------------------------------------- PIE / FOOT -------------------------------------------------- */
#pie {    
    position: relative;
    clear: both;
    float: right;
    margin: 1em 0 1em 0;
    width: 100%;    
}
#pie hr {
    display: none;
    visibility: hidden;
}   
#pie p {
    min-height: 40px;
    font-size: 60%;
}
.logos {
    float: left;
    margin: 0 2em;
    height:32px;
    min-height:32px;
    max-height:32px;
    line-height:32px;
    width:176px;
    padding: 0;
    position: relative;
}
.logos a {
    border: none;
    padding: 0;
    display: block;
    width:88px;
}
a#css-valido {
    background: transparent url(http://www.w3.org/Icons/valid-css2-blue.png) top left no-repeat;
    width:88px;
    text-indent: -1000px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
}
a#xhtml-valido,
a#xhtml-10-valido {
    background: transparent url(http://www.w3.org/Icons/valid-xhtml11-blue.png) top left no-repeat;
    text-indent: -1000px;
    position: absolute;
    top: 0;
    left: 88px;
    font-size: 0;
}
a#xhtml-10-valido {
    background: transparent url(http://www.w3.org/Icons/valid-xhtml10-blue.png) top left no-repeat;
}
/* ----------------------------- ELEMENTOS del CONTENIDO / CONTENT ITEMS -------------------------------- */
.item {
    background: #F2F2F2;
    color: #535353;
    padding: 0.5em 2% 1em 2%;
    float: left;
    font-size: 85%;
    clear: both;
    margin: 2% 0;
    text-align: justify;
    line-height: 1.2em;
    width: 96%;
}
* html .item {
    margin-bottom: 2em;
}
.item h3 {
    background: #46AAF1;
    color: #202020;
    padding: 0em 1em;
    font-weight: bolder;
    text-align: center;
    border: 5px #E4E4E4 solid;
    margin: 0;
}
/*  Elementos más pequeños / smaller items  */
.item-mini {
    background: #F2F2F2;
    color: #535353;
    padding: 1%;
    float: left;
    width: 45%;
    min-width: 15em;
    margin: 1%;
    font-size: 85%;
    line-height: 1.3em;
    clear: left;
}
.item-mini dl, 
.item-mini p {
    padding-left: 1em;
}
* html .item-mini {
    width: 44%;
    margin-top: 1em;
}
.item-mini h3 {
    background: #46AAF1;
    color: #202020;
    padding: 0em 1em;
    font-weight: bolder;
    text-align: center;
    border: 10px #E4E4E4 solid;
    margin: 0;
    font-size: 120%;
}
.par {
    margin-left: 3%;
    clear: none;
}
/* El primer elemento publicado en el contenido / The first published element within the content */
.first {
}
.item p,
.item-mini p {
    text-align: justify;
    line-height: 1.2em;    
}
.item-mini p {
    font-size: 80%;
}
.item a.logo {
    border: none;
    float: right;
    margin: 0 0 0 0.5em;
}
.item-mini img.decorador,
.item img.decorador {
    float: right;
    margin: 0 0 0 0.5em;
    clear: right;
}
/* Información sobre el feed de cada sección */
.feed a {
    border: none;
    float: right;
}
/* Información de resumen para los items */
.item-mini .resumen {
    font-size: 90%;
    text-align: center;
}

/* ----- Resumen de las Sub-secciones y sugerencias -------------------------
   ----- Summary of the Sub-sections and suggestions ------------------------ */
.subsecciones {
    background: #fff;
    color: #535353;
    padding: 1em 0.5em 0 128px;
    float: left;
    font-size: 90%;
    clear: left;
    width: 70%;  
    min-height: 128px;
    margin: -1em 0 1em 1em;  
}
.subsecciones ul {
    padding: 0 0 0 1em;
}
.subsecciones li {
    line-height: 1.1em;
    list-style: none;
}
.subsecciones ul {
    float: left;
    margin: 0 1em;
}
/* En el caso de los ponentes que se desea destacar una lista */
.subsecciones ul.seccion-actual {
    font-style: italic;;
}
/* Enlaces para paginación adelante-atrás / Links for pagination next-previous */ 
.siguiente-seccion {
    clear: both;
    text-align: right;
    margin: -3em 0 0 0;
    font-size: 120%;
}
.siguiente-seccion a {
    padding-right: 25px;
    min-height: 20px;
    background: transparent url(http://www.fundamentosweb.org/2007/img/der-gris.png) no-repeat 100% 50%;
    border: none;
}
.siguiente-seccion a:hover,
.siguiente-seccion a:active {
    background: transparent url(http://www.fundamentosweb.org/2007/img/der-negro.png) no-repeat 100% 50%;
}
.anterior-seccion {
    clear: both;
    text-align: left;
    font-size: 120%;
}
.anterior-seccion a {
    padding-left: 25px;
    min-height: 20px;
    background: transparent url(http://www.fundamentosweb.org/2007/img/izq-gris.png) no-repeat 0% 50%;
    border: none;
}
.anterior-seccion a:hover,
.anterior-seccion a:active {
    background: transparent url(http://www.fundamentosweb.org/2007/img/izq-negro.png) no-repeat 0% 50%;
}
/* Incluye un icono con una flecha en el enlace de la subsección para volver atrás */
a.volver {
    padding-left: 25px;
    min-height: 20px;
    background: transparent url(http://www.fundamentosweb.org/2007/img/up-gris.png) no-repeat 0% 50%;
    border: none;
}
a.volver:hover,
a.volver:active {
    background: transparent url(http://www.fundamentosweb.org/2007/img/up-negro.png) no-repeat 0% 50%;
}
/* Anotación en la página */
div.nota {
    position: absolute;
    right: 5%;
    background: #fff url(http://www.fundamentosweb.org/2007/img/sombra_nota.png) no-repeat bottom right;
    float: right;
    padding-bottom:10px;
    color: #606060;
    font-size: 80%;
    min-width: 150px;
    margin-top: 1em;
}
div.sugerencias {
    border: 1px #bbb solid;
    background-color: #FFFFE0;
    color: #606060;
    padding: 0.8em 1em 1em 1em;
}
.subsecciones div.sugerencias ul {
    float: none;
    margin: 0;
    padding-left: 1em;
}
.subsecciones div.sugerencias p {
    margin: 0;
}
.subsecciones div.sugerencias ul li {
    list-style: none;
}
.subsecciones a {
    border: none;
    font-weight: bold;
}

/* ----- Las subsecciones específicas / Specific subsections ------------- */
#subsecciones-concurso {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/applications-agua.png) no-repeat top left;
}
#subsecciones-accesibilidad {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/satisfied-agua.png) no-repeat top left;
}
#subsecciones-contacto {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/mail-agua.png) no-repeat top left;
}
#subsecciones-feed {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/feed-agua.png) no-repeat top left;
}
#subsecciones-info {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/info-agua.png) no-repeat top left;
}
#subsecciones-actualidad {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/file-web-agua.png) no-repeat top left;
}
#subsecciones-programa {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/ical-agua.png) no-repeat top left;
}
#subsecciones-ponentes {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/ponentes-agua.png) no-repeat top left;
}
#subsecciones-inscripcion {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/application2-agua.png) no-repeat top left;
}
#subsecciones-prensa {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/folder-documents-agua.png) no-repeat top left;
}
#subsecciones-localizacion {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/web-agua.png) no-repeat top left;
}
#subsecciones-alojamiento {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/home-agua.png) no-repeat top left;
}
#subsecciones-media {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/ipod-agua.png) no-repeat top left;
}
#subsecciones-social {
    background: #fff url(http://www.fundamentosweb.org/2007/img/opciones/file-web-agua.png) no-repeat top left;
}

/* ---------------- Tablas / Tables  --------------------- */
table {
	margin: 0;
	border: 1px solid #e9e9e9;
	padding: 0;
	width: 100%;
	min-width: 40em;
	font-size: 80%;
}
/* Para el IE */
* html table {
    width: auto;
    padding-right: 15em;
}
th {
	background: #E1E9FF;
	color: #444;
}
td {
    padding: 0.1em 0.5em;
	border: 1px solid #e9e9e9;
	font-size: 90%;
	line-height: 1.2em;
	background: #fff;
	color: #444;
}
tbody tr th {
	text-align: left;
	font-size: small;
} 
caption {
	margin: 1em 0 1em 0;
}

/* ----------------- Tablas específicas de la agenda / Specific tables for the program ------------------ */
th.hora, td.hora {
	width: 3.5em;
	min-width: 3.5em;
	max-width: 3.5em;
	vertical-align: middle;
}
th.acto {
}
th.ponente {
}
th.material {
}
tr.descanso, tr.descanso td{
	background-color: #f9f9f9;
	color: #555;
}

/* ------------------------------------ Contacto / Contact ----------------------------------------------- */
.adr {
    display: block;
}

/* -------------------------------------------- Media ---------------------------------------------------- */
li.thumbnail {
    display: inline;
    float: left;
    width: 100px;
    height: 150px;
    text-align: center;
    margin: 1em;
    overflow: hidden;
    font-size: 60%;      
    padding: 0;  
}
li.thumbnail p {
    padding: 0 0.2em;
    margin: 0;
    line-height: 1.2em;
}
li.thumbnail a {
    border: none;
}
li.thumbnail p a {
	border-bottom: 1px #4D5373 dashed;
}
li.thumbnail img {
    border: 10px #E4E4E4 solid;
    width: 75px;
    height: 75px;
}
li.thumbnail img:hover,
li.thumbnail img:active {
    border: 10px #b4b4b4 solid;
}
.thumbnails {
    position: relative;
    margin: 0;
    padding: 0;
}
.thumbnails li.thumbnail-texto {
    float: left;
    width: 3em;
    height: 1em;
    line-height: 1em;
    color: yellow;
    list-style: none;
    font-size: 80%;
    height: 100px;
    line-height: 100px;
}
ul.thumbnails + p {
    clear: left;
    text-align: center;
} 

/* ---------------------------------- Fechas / Dates  ---------------------------------------------------- */
.cal .date	{
    display: block;
	float: left; width: 2em; 
	margin: 0.3em 1em 1em 0;
	border-right: 1px solid #aaa; 
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #aaa;
	border-top:  6px solid #aaa;
	padding: .2em .5em .5em .5em; 
	background: #fffff0; 
	color: #444; 
	text-align: center; 
	line-height: 1.1em; 
	font-family: sans-serif;
	font-size: 70%; 
}
.cal .year {
	display: none; 
	position: absolute; 	
	visibility: hidden; 
	top: -10000px; width: 10%;
	overflow: hidden; margin: 0; 
	padding: 0; 
}
h3 .cal .date	{
	font-size: 65%;
}

/* -------------------------------- Ponentes / Speakers  ------------------------------------------------ */
img.photo {
    float: left;
    margin: 0 0.5em 0.5em 0;
    border: 5px #E4E4E4 solid;
}

/* -------------------------------- Noticias / News  ------------------------------------------------ */
ul.actualidad {
    padding-left: 1em;
    line-height: 1.3em;
    font-size: 90%;
}
ul.actualidad li {
    list-style: none;
    clear: left;
    margin-bottom: 1em;
}
ul.actualidad li.ultimo-item{
    margin-top: 2em;
    text-align: center;
}
.item dl.actualidad dt {
    margin-top: 2em;
    border-top: 2px #E4E4E4 solid;
}
.item dl.actualidad dt .cal .date{
    margin-top: -1em;
    margin-bottom: 0;
}

/* ----------------------------- RSS  ------------------------------------------- */
.rss dd a {
    padding-left: 20px;
    background: transparent url(http://www.fundamentosweb.org/2007/img/feed_small.png) no-repeat 0 50%;
}

/* -------------------------- Comentarios en Twitter ------------------------- */
.tiempo {
    font-style: italic;
    font-size: 80%;
}

/* -------------------------- Formularios / Forms ---------------------------- */
fieldset,
legend {
    border: 4px #E4E4E4 solid;
}
fieldset {
    margin-top: 1em;
}
legend {
    padding: 0.2em 0.5em;
    margin-bottom: 1em;
    font-weight: bold;
    font-style: italic;
} 
form .label {
    clear: left;
    display: block;
    float: left;
    min-width: 13em;
    width: 30%; 
    text-align: right;
    margin-right: 0.5em;  
    font-weight: bold;
    font-size: 120%;  
}
form p {
    margin-top: 1.5em;
}
form input[type='text'],
form input[type='file'],
form textarea {
    width: 55%;
    font-size: 100%;
    color: #535353;
    background-color: #FFF;
}
.obligatorio {
    color: rgb(204,0,51);
    font-size: 120%;
}
.info-legal {
    font-size: 70%;
    text-align: justify;
}
form input[type='submit'] {
    font-size: 100%;
}
form p.botones {
    text-align: center;
}

/*------------------ Sección del concurso - Contest Section  ---------- */
.item dl.estilos {
    position: relative;
}
.item dl.estilos ul {
    float: left;
    margin-left: 1em;

}
.item dl.estilos li {
    list-style: none;
    margin-top: 0.2em;
}
.item dl.estilos li:first-child {
    margin-top: 0;
}
.item dl.estilos dt {
    margin: 2em 0 0.5em 0;
    clear: left;
}
/* Para la página principal, un resumen de los estilos propuestos */
.item-mini dl.estilos dd {
    padding-left: 0;
    margin-left: 0;
}
.item-mini dl.estilos dt {
    clear: left;
    margin-top: 1em;
}
.item-mini dl.estilos dd ul {
    padding-left: 1em;
}
.item-mini dl.estilos dd ul li {
    list-style: none;
}
.item-mini dl.estilos dd ul li img {
    width: 75px;
    height: 50px;
    float: left;
    margin: 0 0.2em 0 0;
}

/* En la sección de ponentes, se minimiza el tamaño de las fuentes del índice */
div#subsecciones-ponentes > ul {
    font-size: 90%;
    margin: 0 1em 0 0;
}