/* --------------  ESTILOS BÁSICOS / BASIC STYLES  ---------- */
html {
  min-height: 100%;
	margin-bottom: 1px;
}
body {
  font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;

	color: #000;
  margin: 0;
  padding: 0;
background:#fff url(http://www.fundamentosweb.org/2007/img/gradient.png) repeat-y bottom right;
	color: #2E2E2E;
}
img {
  border: none;
}
.no-marco {}
.invisible {}
a {}
a:link{
  font-style: normal;
  text-decoration: underline;
}
a:visited {
  color: #0066FF; 
}
a:hover, a:active {
  text-decoration: none;
}
abbr, acronym {
  cursor: help;
  border-bottom: 1px dotted #E48170;
}
/* Clases utilizadas para el estilo específicamente */
.invisible {
  position: absolute;
  left: -1000em;
  width: 20em;
}
.subrayado {}
.error {
  color: rgb(153,0,51);
  font-weight: bold;
}
.navegacion-secundaria {
  display: none;
}
dt {}

/* ----------------  CABECERAS / HEADERS  ------------------ */
#cabecera a:hover {
}

#cabecera a img {
	float: left;
	width: 5em;
	border: 0;
	vertical-align: top;
}
img.decorador {
	clear: both;
	float: left;
}

#cabecera p span.cuando {
	display: block;
}

#cabecera p.lema a, #cabecera p.lema a:hover {
	font-weight: bold;
	font-style: oblique;
	color: rgb(255,102,0);
}

#cabecera p.lema a:hover {}
h1 {}
a img, 
h1 a {}
h1
h2, 
h3, 
#menu-opciones, 
#menu-herramientas {}
h1 span.fundamentos {}
h1 span.fundamentos:first-letter {}
.edicion {
  color: rgb(255,102,0);
}
.cuando, .donde {
  color:  #041d6f;
  font-style: oblique;
  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 {}
#titulo-seccion .titulo-seccion-head-r {}
#titulo-seccion .titulo-seccion-head-l {}
#titulo-seccion .titulo-seccion-body {
color: #ff6600;
margin-left: 0.8em;
}
#titulo-seccion h2 {}
h2 {}
h2 a, 
h2 a:link, 
h2 a:visited {}
h2 a:hover, 
h2 a:active {}

/* ---------------- MENÚ de HERRAMIENTAS ----------- */
.titulo-menu {
  display: none;
  visibility: hidden;
}
#menu-herramientas ul {
  display: block;
  color: rgb(0,14,0);
  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:  none;
  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: rgb(0,14,0);
}

#menu-herramientas ul li a,
#menu-herramientas ul li a:link,
#menu-herramientas ul li a:visited{
  color: rgb(0,14,0);
  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: rgb(255,102,0);
}

#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 {
  color: #ff6600;
  font-weight: bold;
  
}
/* ------------------- MENÚ de OPCIONES ------------- */
#menu-opciones {
  float:left;
  clear:both;
  width:100%;  
  padding-left:10px;
}
#menu-opciones .menu-opciones-head-l {}
#menu-opciones .menu-opciones-head-r {}
#menu-opciones .menu-opciones-body {}
#menu-opciones ul {
  margin:0; 
  list-style:none;
  padding:0;
  font-family:Georgia, "Times New Roman",Times, serif;
  font-size:0.9em;
}
#menu-opciones ul li {
  float:left;
}
#menu-opciones ul li span {}
#menu-opciones ul li a {
  display:block;
  float:left;
  padding: 30px 7px 10px 7px;
}
#menu-opciones ul a:hover, 
#menu-opciones ul a:active {}
#menu-opciones ul li.impar a:hover, 
#menu-opciones ul li.impar a:active {}
#menu-opciones ul .linkActivo {}
#menu-opciones ul li.linkActivo span {
  display:block;
  padding: 30px 7px 10px 7px;
}
#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 {
margin-left: 10px;
  float:left;
  width:72%; 
  margin-top:10px;

   border: 3px #0000ff   ridge; 
  
  
  
}
#contenido .contenido-head-l {}
#contenido .contenido-head-r {}
#contenido .contenido-body {
  float:left;
  padding-left: 3px;
}
#contenido .contenido-body #content-body {
  width:100%;
}
/* ---------- PATROCINADORES / SPONSORSHIP ----------------- */
.patrocinadores {
  float:right;
  width:22%;
  margin-top:35px;
}
.patrocinadores-head-l {
  float:left;
  width:100%;
  height:100px;
}
.patrocinadores-head-r {
  float:right;
  width:20px;
  height:100px;
}
.patrocinadores-body {
  float:left;
  margin-top:-70px;
}
.patrocinadores dl, .patrocinadores dt, .patrocinadores dd {
  margin:0;
  width:100%;
}
.patrocinadores dt {
  padding:0 0 2px 30px;
  color:#039;
  font-size:0.7em;
  font-weight:normal;
}
.patrocinadores dd {
  padding:10px 0 20px 20px;
}
.patrocinadores li {}
.patrocinadores ul {
  margin:0;
  padding:0; 
  list-style:none;
}
.patrocinadores a {}

/*  Los logos de los patrocinadores */
.patrocinadores img {
  border:1px solid #FFF;
}
.patrocinadores img:hover {
  border:1px solid #CCC;
}

/* -------------- PIE / FOOT -------------------------- */
#pie {
  width: 100%;
  float: right;
}
#pie hr {
  border: 0.5px rgb(219,219,219) solid;
}   
#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;
	  background: rgb(224,224,224);
}
.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 #0000ff;}

.item h3 {
	padding: 4px;
	margin: 0px;
	margin-right: 4px;
	color: #fff;
	background: #0000ff; 
	border-bottom: 4px solid #4e6eb2;
}

/*  elementos más pequeños / smaller items  */
.item-mini {
  background: rgb(224,224,224);
  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: #0000FF; 
  color: #fff;
  padding: 0em 1em;
  font-weight: bolder;
  text-align: center;
  border: none;
  margin: 0;
}
.par {
  margin-left: 3%;
  clear: none;
}

/* el primer elemento publicado en el contenido / the first published element within the content */
.first {

}
#contenido .item p {
	margin: 1em;
	}
.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: 80%;
  text-align: center;
}
/* --------- Resumen de las Sub-secciones y sugerencias ------
   --------- Summary of the Sub-sections and suggestions ---- */
.subsecciones {
  float:left;
  width:100%; 
  padding:20px 0; 
  font-size: small;
}
.subsecciones ul {
  float:left; 
  margin:0; 
  padding:0 0 0 10px; 
  list-style:none;
}
.subsecciones li {
  padding:0 0 5px 10px; 
}
.subsecciones li a:link, .subsecciones li a:visited {}
.subsecciones img.decorador {}
/* Enlaces para paginación adelante-atrás/Links for pagination next-previous */ 
p.siguiente-seccion {
  float:right; 
  margin:0;
  padding:5px 10px 0 0;
  font:0.9em Georgia, "Times New Roman", Times, serif;}
/* Anotación en la página */
div.nota {}
div.sugerencias {
  color: #ff6600;
  font-style: oblique;
  font-weight: bolder;
  margin-left: 0.8em;
  float: right;
  border: 2px #e0e0e0 dotted;
}
#subsecciones div.sugerencias ul {}
#subsecciones div.sugerencias p {}
#subsecciones div.sugerencias ul li {
  font-style: oblique;
}
#subsecciones a {}

/* ------------------ Tablas / Tables  ------------- */
table {
	margin: 0;
	border: none;
	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 {
  float:left;
  list-style:none; 
  margin:0; padding:0 10px 10px 0; 
  display:inline;
}
li.thumbnail p {
margin:0; 
text-align:center;
}
li.thumbnail a:link, li.thumbnail a:visited {
  display:block; 
  padding:5px 5px 10px 5px; 
  border:1px solid #CCC;
  border-right-width:2px; 
  border-bottom-width:2px;
}
li.thumbnail a:hover, li.thumbnail a:active {
border-color:#aaa;
}
li.thumbnail p a:link, li.thumbnail p a:visited {
  display:inline;
  border:none;
  padding:0;
}
li.thumbnail img {
  border:none;
}
li.thumbnail img:hover,
li.thumbnail img:active {}
.thumbnails {
  margin:0; 
  padding:0;
  width:100%;
}
.thumbnails li.thumbnail-texto {
  list-style:none;
  clear:left;
}
ul.thumbnails + p {} 
/* ---------------- Fechas / Dates  ------------------ */
.cal .date	{ 
  font-weight:bold;
}
.cal .year {
  font-weight:normal;
}
h3 .cal .date	{}

/* --------------- 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 {}

/* ---------- 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;
}