/* --------------  ESTILOS BÁSICOS / BASIC STYLES  ---------- */
html {background-color: #ffffff; margin: 0;; padding: 0;}
body {font-family: sans, sans-serif; margin: 0; padding: 0; font-size: 80%;}
img {}
.no-marco {} 
.invisible {}
a {color: #4e6eb1;}
a:link, a:visited {color: #4b5d80;}
a:hover, a:active {}
abbr, acronym {}
/* Clases utilizadas para el estilo específicamente */
.invisible {}
.subrayado {}
.error {}
/*.navegacion-secundaria { margin-top: 0px; margin-left: 2px;}*/
.navegacion-secundaria {display:none;}
dt {}

/* ----------------  CABECERAS / HEADERS  ------------------ */
#cabecera {
	background-image: url(http://www.janache.com/logo2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 7em;
	background-color: #2e5197;
	height: 15em;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 20px;
}

#cabecera img{display:none;}
.cabecera-head-l {} 
.cabecera-head-r {}
.cabecera-body {}
h1 {}
a img, 
h1 a {
	border-style: none; 
	text-decoration: none; 
	margin: 0px;
}

h1 {font-size: 180%;}
h2 {font-size: 120%;}
h3 {font-size: 110%;} 

#menu-opciones {width: 100%;}

#menu-herramientas{position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.patrocinadores{
	border: 1px solid #665542;
	float: right;
	margin-top: 5px;
	width: 23%;
	margin-right: 0.5em;
}

h1 span.fundamentos { 
	position: absolute;
	top: 1.5em;
	left: 280px;
	width: 10em;
	margin-bottom: 0px;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: -0.1em;
	color: #ff9000;
	text-decoration: none;
}

h1 span.fundamentos:first-letter {
	font-size: 200%;
	 
}

.edicion {
	font-size: 50%;
	text-align: right;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	color: #fffffc;}

.cuando{
	position: absolute;
	top: 10.5em;
	left: 320px;
	font-weight: bold;
	color: #fffffc;	
}

.donde {
	position: absolute;
	top: 11.5em;
	left: 320px;
	font-weight: bold; 
	color: #fffffc;
}
#cabecera p {}

#cabecera p.lema {
	position: absolute;
	top: 12.5em;
	left: 320px;
	font-weight: bolder;
	font-style: italic;
	font-size: 140%;
	padding-right: 16px;
	padding-bottom: 35px;
	background-image: url(http://www.janache.com/cursor.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#cabecera p.lema a{
	text-decoration: none;
	color: #000000;
}

/*-------------- 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 {}
#titulo-seccion .titulo-seccion-head-r {}
#titulo-seccion .titulo-seccion-head-l {}

#titulo-seccion .titulo-seccion-body {
	background-color: #e1a04c;
	color: #ffffff;
	padding: 0px;
}

#titulo-seccion a {color: #fffffc;}

#titulo-seccion h2 {
	padding-left: 20px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-top: 0px;
	font-size: 110%;
	border-top: 1px solid #000000;
}

h2 {}
h2 a, 
h2 a:link, 
h2 a:visited {}
h2 a:hover, 
h2 a:active {}

/* ---------------- MENÚ de HERRAMIENTAS ----------- */

.titulo-menu {display: none;}

#menu-herramientas ul {
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-size: 80%;
}

#menu-herramientas .menu-herramientas-head-l {}
#menu-herramientas .menu-herramientas-head-r {}
#menu-herramientas .menu-herramientas-body {} 
#menu-opciones ul li, #menu-herramientas ul li {color: #666666; display: inline;}
#menu-herramientas ul li.selector-idioma {}
#menu-herramientas ul li.selector-idioma a:link,
#menu-herramientas ul li.selector-idioma a:visited {} 

#menu-herramientas ul li a:link, #menu-herramientas ul li a:visited {color: #247da6; margin: 2px}

#menu-herramientas ul li a:active{}
#menu-herramientas ul li.selector-idioma a:hover,
#menu-herramientas ul li.selector-idioma a:active {}
#herramientas li.linkActivo {}
#menu-herramientas ul li img {}
/* el enlace a la portada */
#herramientas-portada {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
}

/* ------------------- MENÚ de OPCIONES ------------- */
#menu-opciones {margin-bottom: 50px; padding: 0px;}
#menu-opciones .menu-opciones-head-l {}
#menu-opciones .menu-opciones-head-r {}
#menu-opciones .menu-opciones-body {}
#menu-opciones ul {
	margin: 0px;
	padding: 0px;
	border-top: 2px solid #cccccc;
	text-align: center;
	width: 100%
}

#menu-opciones ul li {
	float: left;
	font-size: 90%;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#menu-opciones ul li span {}

#menu-opciones ul li a {
	display: block;
	text-decoration: none;
	padding: 5px;
	font-weight: bold;
	color: #4e6eb1;
}

#menu-opciones ul a:hover, 

#menu-opciones ul a:active {
	display: block;
	background-color: #4e6eb2;
	color: #ffffff;
}

#menu-opciones ul li.impar {}
#menu-opciones ul li.impar a:hover, 
#menu-opciones ul li.impar a:active {}
.linkActivo {}

#menu-opciones ul li.linkActivo {
	background-color: #4e6eb2;
	color: #ffffff;
	display: block;
	padding: 5px;
	font-weight: bold;
}

#menu-opciones ul li.impar {}
/* - Las opciones indivuales del menú de opciones  */
#opciones-ponentes {}
span#opciones-ponentes {}
a#opciones-ponentes:hover {}
#opciones-prensa {}
span#opciones-prensa {}
a#opciones-prensa:hover {}
#opciones-localizacion {}
a#opciones-localizacion:hover {}
span#opciones-localizacion {}
#opciones-inscripcion {}
span#opciones-inscripcion {}
a#opciones-inscripcion:hover {}
#opciones-programa {}
span#opciones-programa {}
a#opciones-programa:hover {}
#opciones-informacion {}
span#opciones-informacion {}
a#opciones-informacion:hover {}
#opciones-actualidad {}
span#opciones-actualidad {}
a#opciones-actualidad:hover {}
#opciones-alojamiento {}
span#opciones-alojamiento {}
a#opciones-alojamiento:hover {}
#opciones-media {}
span#opciones-media {}
a#opciones-media:hover {}
#opciones-estilo {}
span#opciones-estilo {}
a#opciones-estilo:hover {}

/* ------ El CONTENEDOR del contenido de la página --------- */
#contenido {
	float: left;
	width: 73%;
	padding-bottom: 20px;
	margin-left: 0.5em;
	margin-top: 5px;
}

#contenido .contenido-head-r {}
#contenido .contenido-head-l {}
#contenido .contenido-body {}

/* ---------- PATROCINADORES / SPONSORSHIP ----------------- */
.patrocinadores-head-l {}
.patrocinadores-head-r {}
.patrocinadores-body {}
.patrocinadores {}

.patrocinadores dl,  
.patrocinadores dt,
.patrocinadores dd {
	margin-left: 0px;
	padding: 0px;
	margin-top: 0px;
}

.patrocinadores dt {
	background-color: #917759;
	padding: 4px;
	font-weight: bold;
	color: #ffffff;
	font-size: 90%;
}

.patrocinadores li {list-style-type: none; text-align: left;}
.patrocinadores ul {padding: 0px; margin: 0px;}
.patrocinadores a {}
/*  Los logos de los patrocinadores */
.patrocinadores img {}
.patrocinadores img:hover {}

/* -------------- PIE / FOOT -------------------------- */
#pie {width: 100%; float: right;}
#pie hr {border: 1px solid #ff9000;}   
#pie p {font-size: 80%; text-align: center;}
.logos {}
.logos a {}

/* ------ ELEMENTOS del CONTENIDO / CONTENT ITEMS ------ */
.item {float: left;
	width: 100%;
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.item li.thumbnail, .item li.thumbnail-texto{
	display: inline;
	float: left;
	list-style: none;
}

.item img.foto-flickr {
	border: 4px solid #cccccc;
	margin-left: 5px;
	margin-right: 5px;
}

.item li.thumbnail img.foto-flickr:hover {border: 4px solid #3dc0cf;}

.item h3 {
	padding: 4px;
	margin: 0px;
	color: #4e6eb3;
	border-bottom: 4px solid #4e6eb2;
}

/*  Elementos más pequeños / smaller items  */
.item-mini {
	border: 1px solid #aaaaaa;
	width: 47%;
	float: left;
	margin-left: 2%;
	margin-top: 5px;
	font-size: 90%;
}

* html .item-mini {
	margin-left: 1.5%;
}

.item-mini ul {
	margin: 20px;
	padding: 0px;
	list-style-type: disc;
}

.item-mini dl{
	padding-left: 2px;
	padding-right: 10px;
	width: 90%;
}

.item-mini dl.estilos ul{padding: 0px; margin: 0px;}

.item-mini dl.estilos ul li{display: inline; list-style-type: none;}

.item-mini dl dt {
	padding-left: 10%;
	font-weight: bold;
	margin-top: 10px;
}

.item-mini h3 {
	background-color: #ccccff;
	padding: 4px;
	margin: 0px;
	color: #000000;
	border: 1px solid #ffffff;
}

.item-mini dl.estilos img {width: 75px; height: 50px;}
.par {}

.bloque-importante2, .bloque-importante {
	background-color: #efefef;
	border: 1px solid #aaaaaa;
}

#concurso, #estilos {
	background-color: #ccccff;
	color: #000000;
	border-bottom: 1px solid #dddddd;
}

/* El primer elemento publicado en el contenido / The first published element within the content */
.item p,
.item-mini p {margin: 10px;}
.item-mini img.decorador{ margin: 10px; border: 1px solid #dddddd;}
.item a.logo {}

/* Información sobre el feed de cada sección */
.feed a {}

/* Información de resumen para los items */
.resumen {}

/* --------- Resumen de las Sub-secciones y sugerencias ------
   --------- Summary of the Sub-sections and suggestions ---- */
.subsecciones {width: 100%; height: 10em;}

.subsecciones ul {
	float: left;
	padding-left: 18px;
	margin-left: 15px;
}

#subsecciones li {}
#subsecciones img.decorador {}

/* Enlaces para paginación adelante-atrás/Links for pagination next-previous */ 
.siguiente-seccion {
	text-align: right; 
	float: right;
	margin-bottom: 0px;
	margin-top: 10px;
	font-weight: bold;
}

.anterior-seccion {
	text-align: left; 
	float: left;
	margin-bottom: 0px;
	margin-top: 10px;
	font-weight: bold;
}

/* Anotación en la página */
div.nota {}

div.sugerencias {
	float: right;
	background-color: #fcedc1;
	width: 30%;
	font-size: 80%;
}

.subsecciones div.sugerencias ul {
	padding-left: 19px;
	margin-left: 0px;
	margin-top: 0px;
}

.subsecciones div.sugerencias p {
	margin-top: 2px;
	background-color: #fadd83;
	padding: 2px;
	border: 1px solid #ffffff;
}

#subsecciones div.sugerencias ul li {}
#subsecciones a {}


/* ------------------ Tablas / Tables  ------------- */
table {border: 1px solid #000000; width: 80%; margin-left: 10%; margin-right: 10%;
margin-bottom: 10px;}
* html table {font-size: 95%;}

th {}
td {background-color: #d8dae5; padding: 8px;}
tbody tr th {} 

caption {
	margin-top: 10px;
	font-weight: bold;
	font-size: 120%;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}

/*td.summary {background-color: #000000; }*/

/* -- Tablas específicas de la agenda / Specific tables for the program --- */
th.hora, 
td.hora {background-color: #b6b9ca;}
th.acto {background-color: #b6b9ca;}
th.ponente {background-color: #b6b9ca;}
th.material {background-color: #b6b9ca;}
tr.descanso, 
tr.descanso td {background-color: #b6b9ca;}

/* --------------- Contacto / Contact -------------- */
.adr {font-weight: bold;}
.vcard address {margin-left: 20px;}

/* ---------------------- Media -------------------- */

li.thumbnail {}
li.thumbnail p {}
li.thumbnail a {}
li.thumbnail p a {}

li.thumbnail img {
	border: 4px solid #cccccc;
	margin-left: 5px;
	margin-right: 5px;
}

li.thumbnail img:hover,
li.thumbnail img:active {border: 4px solid #3dc0cf;}

.thumbnails {}
.thumbnails li.thumbnail-texto {}
ul.thumbnails + p {} 

/* ---------------- Fechas / Dates  ------------------ */
.cal .date	{}
.cal .year {}
h3 .cal .date	{}

/* --------------- Ponentes / Speakers  -------------- */
img.photo {}

/* --------------- Noticias / News  ------------------ */
ul.actualidad {}
ul.actualidad li {}
ul.actualidad li.ultimo-item {}
.item dl.actualidad dt {}
.item dl.actualidad dt .cal .date {}

/* ------------------- RSS  -------------------------- */
.rss dd a {}

/* ---------- Comentarios en Twitter ----------------- */
.tiempo {}