/* Los estilos básicos */
body {
	margin: 0;
	font:100%/1.7 Arial, Verdana, Helvetica, Geneva, sans-serif;
	background-color: #fff;
	color: #585858;
	min-height: 100%;
}
a img {
	border: none;
}
img {
	border: 1px #585858 solid;
}
.no-marco {
    border: none;
}
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;
}
.invisible {
	display: none;
}
.subrayado {
	text-decoration: underline;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
h2 {
	background-color: #fff;
	/*color: #185068;*/
	color: #3B1587;
	font-size: 2em;
	font-weight: bolder;
	line-height:1.1;
	letter-spacing: 0.1em;
}
* html h2 {
    margin-top: 1em;
}
h3 {
	background-color: #fff;
	/*color: #6C4A52;*/
	color: #585858;
	font-weight: bolder;
	letter-spacing: 0.2em;
	border-bottom: medium #f1f1f1 solid;
	margin-top: 2em;
}
/* Si tiene enlaces los h3, los muestra igual que los h3 */
h3 a, h3 a:link, h3 a:visited {
	background-color: #fff;
	color: #585858;
	border-bottom: none;
}
h3 a:hover, h3 a:active {
	background-color: #fff;
	color: #000;
}
h4 {
    font-style: italic ;
}
p {
	text-align: justify;
}
.irrelevante {
	font-size: 90%;
	font-style: italic;		
}
em {
	font-weight: bolder;
}
.linkActivo {
	font-weight: bolder;
}
address {
	padding: 0.5em 0 0 1em;
}
dl dt {
	margin-top: 1em;
	font-weight: bold;
}
li {
	list-style: square;
}
ul {
    margin-left: 0;
}
hr {
    color: #f1f1f1;
    background-color: #f1f1f1;
	width: 100%;
	font-size: 100%;
	border: none;
	margin: 0;
}
/* ============ La cabecera de la página =========== */
div#cabecera {
	width: 100%;
	position: absolute;
	top: 2em;
	left: 0;
	padding: 0;
	margin: 0;
}
div#cabecera h1 {
	margin: 0;
	font-size: 100%;
	padding: 2em 0 0 2em;
	height: 167px;	
}
* html div#cabecera h1 {
    margin-bottom: 1em;
}
div#cabecera h1 a {
	border-bottom: none;
}
div#cabecera div.subtitulo {
	display: block;
	font-size: 100%;
	width: 100%;
	padding: 0;
	height: 2em;
	line-height: 2em;
	margin: 1.5em 0 0 0;
	vertical-align: middle;
}
div#cabecera div.subtitulo p {
	font-size: 90%;
	font-weight: bold;
	background-color: #585858;
	color: #fff;
	padding: 0 0 0 2em; 
}
/* El enlace para cambiar el subtítulo */
div#cabecera div.subtitulo p a {
    font-size: 80%;
    margin-left: 2em;
    border-bottom: 1px #fff dotted;
    font-weight: normal;
}
div#cabecera div.subtitulo p a:link, div#cabecera div.subtitulo p a:visited {
	background-color: #585858;
	color: #fff;
}
div#cabecera div.subtitulo p a:hover, div#cabecera div.subtitulo p a:active {
	background-color: #fff;
	color: #585858;
}
/* --- Lista de los patrocinadores --- */
div#cabecera #patrocinadores {
	width: 23em;
	min-width: 23em;
	position: absolute;
	top: 0.5em;
	right: 1em;
	font-size: 70%;
}
div#cabecera #patrocinadores p {
	text-align: right;
	margin-top: 1em;
	margin-bottom: 0;
	padding: 0;
    font-style: italic;
    font-size: 95%;
    line-height: 0.9;
}
div#cabecera #patrocinadores ul li {    
	text-align: right;
	list-style: none;
	display: inline;
	margin-right: 0.1em;
}
div#cabecera #patrocinadores ul li:after {   
    content: " | ";
}
div#cabecera #patrocinadores ul li.ultimo-item:after {
    content: "";
}
div#cabecera #patrocinadores ul {
    text-align: right;
	margin: 0;
	padding: 0 0 0 0;
    border-top: 2px #f1f1f1 solid;	
}
div#cabecera #patrocinadores ul.organizadores li {
    display: list-item;
}
div#cabecera #patrocinadores a, div#cabecera #patrocinadores a:link, div#cabecera #patrocinadores a:visited {
    color: #000;
    background-color: #fff;
    font-weight: bold;
    border-bottom: 1px #585858 solid;
}
div#cabecera #patrocinadores a:hover, div#cabecera #patrocinadores a:active {
    color: #000;
    background-color: #eee;    
    border-bottom: 1px #000 dotted;
}
/* ================ Herramientas ================= */
ul#herramientas {
	display: block;
	background-color: #585858;
	color: #fff;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 2em;	
	text-align: center;
}
ul#herramientas li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 2em;
	height: 2em;	
	border-right: 1px #fff solid;
}
/* Este elemento se declara aquí para que funcione en el IE */
ul#herramientas li.linkActivo {
	color: #FFEF19;
	background-color: #3B1587;
	font-weight: bold;
}
ul#herramientas li a, ul#herramientas li {
	display: block;
	height: 2em;
	padding: 0;	
	text-decoration: none;
	width: 8em;
	border-bottom: none;
}
ul#herramientas li a:link, ul#herramientas li a:visited {
	background-color: #585858;
	color: #fff;
}
ul#herramientas li a:hover, ul#herramientas li a:active {
	background-color: #fff;
	color: #585858;
}
/* Enlace activo del menú */
ul#herramientas li.linkActivo {
	display: block;
	height: 2em;
	padding: 0;	
	width: 8em;
	font-style: italic;
	color: #FFEF19;
	background-color: #3B1587;
	font-weight: bold;
}

#herramientas .subrayado {
	font-weight: bolder;
}
/* ------------- El selector del idioma -------------- */
.selector-idioma {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	height: 2em;	
	text-align: center;	
	right: 0;
	border-left: 1px #fff solid;
}
/* ================ Menú de navegación ================= */
/* La navegación y los logos */
ul#navegacion {
	font-size: 100%;
	width: 10em;
	min-width: 10em;	
	margin: 2em 1em 0 0;	
	float: right;
	font-weight: bold;    	
}
* html ul#navegacion {
    width: 9em;	
}
ul#navegacion li {
	list-style: none;
	display: block;
}
ul#navegacion li a {
	text-decoration: none;
	display: block;
	vertical-align: middle;
	line-height: 2.5em;
	padding-left: 1em;
	border: none;
}
ul#navegacion li img {
	vertical-align: middle;
}
ul#navegacion li a:link, ul#navegacion li a:visited {
	background-color: #fff;
	color: #585858;
}
ul#navegacion li a:hover, ul#navegacion li a:active {
	background-color: #585858;
	color: #fff;
}
ul#navegacion li.linkActivo {
	display: block;
	vertical-align: middle;
	line-height: 2.5em;
	color: #3B1587;
	background-color: #fff;
	padding-left: 1em;
}
/* Para el IE */
* html ul#navegacion li.linkActivo {
	padding-left: 0;
}
* html ul#navegacion img {
    border-top: 1px #fff solid;
}
ul#navegacion li.linkActivo img {
	border: none;
}
/* Para el IE */
* html ul#navegacion li a {
	padding: 0;
	vertical-align: middle;
	height: 32px;
}
* html ul#navegacion li {
    margin-top: 0.5em;
}
/* -- El segundo nivel de los menús -- */
ul#navegacion  li ul li a {
	line-height: 1.5em;
}
ul#navegacion li ul {
	margin-left: 0;
	padding-left: 1.5em;
}
ul#navegacion li.linkActivo ul {
	margin-left: 0;
	padding-left: 0.5em;
}
ul#navegacion  li ul li {
	display: block;
    list-style: none;
}
ul#navegacion  li ul li img {
    margin-right: 0.5em;
}
ul#navegacion  li ul li.linkActivo {
	line-height: 1.5em;
}
ul#navegacion li.linkActivo ul li {
	color: #585858;
	background-color: #fff;
}
* html ul#navegacion li.linkActivo ul li {
    margin-left: 1em;
}

/* ================ Contenedor para los contenidos, pies y navegación ========= */
div#contenedor {
	position: absolute;
	top: 167px;  
	/* El alto del logo y le mete un margen adicional: herramientas + márgenes */
	margin: 8em 0 0 0;
	min-width: 20em;
	min-height: 10em;
	width: 100%;
}
/* ============ El contenido principal de la página =========== */
div#contenido {
	padding: 0 13em 0 0; 
	margin-left: 2em;
	min-width: 30em;
}
/* Para el IE */
* html div#contenido {
    padding: 0;
    margin-right: 15em;
}
div.item {
	min-width: 30em;
}
div.item h3 {
    clear: left;
}
/*
div.item:hover, div.item:active {
	background-color: #F5F5F5;
	color: #4C4A52;
}
*/
div.item h3 + p, div.item h4 + p  {
	margin-top: -1em;
}
div.item p {
	line-height: 1.2;
}
/* --- Las noticias ---- */
div.item-news p {
	margin: 0 0 0 3em;
	padding-right: 1em;
}
div.item-news h3, div.item-news h4 {
	color: #222;
	background-color: #fff;
	border-bottom: medium #f1f1f1 solid;
}
/* --- Los blogs --- */
ul.lista-news {
	margin-left: 0;
	padding-left: 1.5em;
}
ul.lista-news li {
	list-style: none;
}
ul.lista-news .fecha {
	font-size: 90%;
}
div.item-news h4 {
	margin-top: 2em;
}
/* -- Información sobre el RSS en la página principal -- */
#info-RSS {
	text-align: right;
	margin: -2em 3em 0 0;
	font-size: 90%;
}

/* ============= Las fechas ================== */
.cal .date	{
    display: block;
	float: left; width: 2em; 
	margin: 0.5em 1em 1em 0;
	border-right: 1px solid #bbb; 
	border-left: 1px solid #eee;
	border-bottom: 1px solid #bbb;
	border-top:  6px solid #bbb;
	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%;
}
.item-news h3 {
	letter-spacing: normal;
}
/* ------------ Los blogs incluyen una fuente (origen) ----------- */
.fuente {
	font-style: italic;
}
/* ================= Las páginas principales padres de subsecciones  ============== */
div.item-block {
	float: left;
	width: 47%;
	min-width: 20em;
	background-color: #F5F5F5;
	color: #4C4A52;
}
/* Para el IE */
* html div.item-block {
	width: 35%;
}
div.item-block-doble {
	width: 96%;
	min-width: 30em;
}
/* Para el IE */
* html div.item-block-doble {
	width: 72%;
}
div.item-block:hover, div.item-block:active {
	background-color: #F0F0F0;
	color: #484848;
}
div.item-block h3 {
	margin: 0;
}
.segunda-fila {
	margin-top: 2em;
}
div.item-izquierda {
	margin-right: 1em;
	clear: left;
}
div.item-block li {
	list-style: none;
	font-size: 90%;
}
div.item-block ul {
	margin-top: 0.5em;
	padding-left: 0.5em;
}
* html div.item-block ul {
	padding-left: 0;
	margin-left: 0.5em;
}
div.item-block p {
	font-size: 90%;
	padding: 0 0.5em;
}
div.item-block ul.previo-blogs li {
	font-size: 90%;
	clear: left;
	line-height: 1.5em;
}
div.item-block ul.previo-blogs li .fecha {
    font-size: 80%;
}
div.item-block p.seccion {
    text-align: center;
    clear: left;
    margin-top: 2.5em;
}
/* ====== La zona de prensa ========= */
#apariciones-prensa {
    clear: left;
    padding-top:1em;
}
/* El fondo de las notas de prensa */
div.nota-prensa {
	background-color: #F5F5F5;
	color: #4C4A52;
}
div.nota-prensa .fecha{
    font-style: italic;
}
div.nota-prensa div.cuerpo{
    margin-left: 1em;
}
div.nota-prensa h3 {
	background-color: #F5F5F5;
	color: #4C4A52;
	margin-top: 0;
}
/* ===================== Las Tablas ==================== */
table {
	margin: 0;
	border: 1px solid #E1E9FF;
	padding: 0;
	width: 100%;
	min-width: 47em;
}
/* Para el IE */
* html table {
    width: auto;
    padding-right: 15em;
}
th {
	background: #F5F5F5;
	color: #444;
}
td {
	padding: 0.1em;
	border: 1px solid #f8f9db;
	font-size: 90%;
	line-height: 1.2em;
}
tbody tr th {
	text-align: left;
	font-size: small;
} 
th.hora, td.hora {
	width: 3.5em;
	min-width: 3.5em;
	max-width: 3.5em;
}
th.acto {
	width: 28em;
	min-width: 28em;
}
th.ponente {
	width: 18em;
	min-width: 18em;
}
th.material {
	width: 90px;
	min-width: 90px;
}
caption {
	margin: 1em 0 1em 0;
}
tr.descanso, tr.descanso td{
	background-color: #FBFBFF;
	color: #555;
}
/* ========== Los formularios ========== */
fieldset {
	border: none;
	padding: 0;
	margin: 1em 0 0 0;
	text-align: center;
}
legend {
	background: transparent;
	padding: 0;
	margin: 0 0 -2em 72px;
	background-color: #555;
	color: #fff;
	font-weight: bolder;
}
form {
	padding: 0 5%;
	min-width: 30em;
}
.obligatorio {
	color: #dc143c;
}
.error {
	color: #dc143c;
}
input.error, textarea.error {
	color: #000;
	background-color: #F5E1D8;
	border: 1px solid #7F9DB9;
}
.boton {
	border: 1px solid #7F9DB9;
	padding: 0.1em 0.5em;
	margin: 0.5em 0.5em;
	text-align: center;
}
h4 + p.infoLegal {
	font-size: 70%;
	margin-top: -1.5em;
}
/* Para que funcione en IE 5 */
* html legend {
	margin-top: 0em;
}


img.photo {
	float: right;
	border: 1px #555 solid;
	margin-right: 1em;
}

#contenido .vcard {
	margin: 2em 0 0 1em; 
}

/* ======= Fotos Flickr ======== */
.foto-flickr {
	border: 2px #333 solid;
}

/* ============ Los ponentes ============== */
#indice-ponentes {
	width: 40em;
	margin: 0 auto;	
}
* html #indice-ponentes {
	margin-left: 3em;
    width: 100%;	
}
.columna-ponente {
	float: left;
	margin-right: 1em;
	font-size: 90%;
}
#indice-ponentes li {
	list-style: none;
	font-weight: bolder;
}
#contenido .ponentes-imagen img {
	float: left;
	margin: 0.5em 1em 0.5em 0; 
	border: 0 #555 solid;
}
#contenido .ponentes-imagen img.photo {
	border: 1px #555 solid;
}
div.ponente {
    clear: both;
    position: relative;
    margin-top: 3em;
}
div .ponentes-imagen {
    margin-top: -1em;
}
/* ============ El pie de la página =================*/
div#pie {
	clear: both;
	width: 100%;
	background-color: #585858;
	color: #fff;
	font-size: 100%;	
	margin: 3em 0 0 0;
	position: absolute;
	left: 0;
}
div#pie p {
	text-align: center;
}
div#pie a, div#pie a:link, div#pie a:visited {
	color: #fff;
	background-color: #585858;
	border-bottom: 1px #fff dashed;	
}
div#pie a:hover, div#pie a:active {
	background-color: #fff;
	color: #585858;
	border-bottom: 1px #fff dashed;
}
div#pie a.logo:hover, div#pie a.logo:active,  div#pie a.logo:link, div#pie a.logo:visited {
	background-color: #585858;
	color: #fff;
	border-bottom: 0;
}
.tecInfo, .copyright {
    font-size: 0.8em;
    margin-top: 1em;
}
.copyright {
	margin: 0;
}
a.logo {
	border: none;
	background-color: #585858;
	color: #fff;
    text-decoration: none;	
}
.patrocinadores a.logo img {
	background-color: #fff;
	color: #000;
	padding-top: 0.2em;
}
p.tecInfo-right {
	float: right;
	padding-right: 1em;
}
p.tecInfo-left {
	float: left;
	padding-left: 1em;
}
/* Los patrocinadores en el pie */
div#pie div.patrocinadores {
    background-color: #fff;
    color: #585858;
    margin: auto 0;
    padding: 1em 0 0.5em 0;
    font-size: 80%;
    font-style: italic;
    width: auto;
}
div#pie div.patrocinadores .columna-patrocinador {
    float: left;
    padding: 1em 1em;
}
div#pie div.patrocinadores .columna-patrocinador-der {
    float: right;
    padding: 1em 1em;
}
div#pie div.patrocinadores ul li {
    list-style: none;
    padding: 0;
    display: inline;
    line-height: 69px;
    height: 69px;
    margin: 0;
    vertical-align: middle;
    margin: 0 0.1em;
}
div#pie div.patrocinadores ul li img {
    vertical-align: middle;
    background-color: #fff;
    color: #585858;
}
div#pie div.patrocinadores ul {
    border-top: 2px #f1f1f1 solid;
    padding: 0.5em 0 0 0;
    margin: 0;
}
div#pie div.patrocinadores a {
    border: none;
}


/* ============ el concurso ================= */
form {
   	background-color: #fff;
	color: #4C4A52;
}
form fieldset{
	background-color: #F5F5F5;
	color: #4C4A52; 
	border: 1px #585858 dotted;
	padding: 1em;
}
/* Ajusta para el IE */
* html form fieldset {
    margin-top: 0;
}
form legend {
	background-color: #F5F5F5;
	color: #4C4A52;
	margin: 0 0 0 1em;
	padding: 0.5em 1em;
	border: 1px #585858 dotted;
}
* html form legend {
    margin-top: -1em;    
}
form input[type="text"] {
	font-size: 100%;
	border: 1px #ddd solid;
	background-color: #fcfcfc;
	color: #4C4A52;
}
form input[type="text"]:active, form input[type="text"]:focus {
	border: 1px #585858 solid;
	background-color: #fff;
	color: #222;
}
form input[type="submit"] {
	border: 1px #585858 solid;
	background-color: #fcfcfc;
	color: #222;
	font-size: 100%;
	text-align: center;
	margin-top: 1.5em;
}
.info-legal {
	font-size: 80%;
	line-height: 0.9em;
}
.botones {
	text-align: center;
}
form input.error {
	background-color: #FFF5EE;
	color: #222;
	border: 1px solid #885858;
}
form input.error:active, form input.error:focus {
	border: 1px solid #885858;
	background-color: #FFF5EE;
	color: #222;
}
/* - Para mostrar un resumen de los errores - */
p.errores-resumen {
	color: #B22222;
	background-color: #fff;
}
p.errores-resumen + dl{
	color: #B22222;
	background-color: #fff;
	font-size: 90%;
	margin-left: 2em;
	line-height: 1.2em;
}
/*
.fila-error {
	color: #B22222;
	background-color: #F5F5F5;
	font-size: 90%;
	float: right;
	margin-top: 0;
}
*/
form span.error {
	display: none;
}
        .fila-etiqueta {
            display: block;
            float: left;
            width: 15em;
            min-width: 15em;
            text-align: right;
            margin-right: 1em;
            clear: left;
            margin-bottom: 1em;
            
        }
        .nota {
            clear: left;
            width: 18em;
            text-align: right;
            background-color: #f7f7f7;
            margin: -1.5em 0 1em 0;        
            font-style: italic;
            display: block;
            font-size: 80%;
            float: left;
            border-bottom: 1px #bbb dotted;
            border-left: 1px #bbb dotted;
         }
         * html .nota {
            display: inline; 
            margin-top: -1em;          
         }
      
        .fila-error {
        	color: #B22222;
        	background-color: transparent;
        	float: left;
        	position:relative;
        	top: 3.5em;
        	margin: 0 0 0 16em;
        	font-size: 100%;
        	padding: 0;
        	clear: left;
        }
        * html .fila-error {
        	float: none;
        	position:relative;
        	top: 4em;
        }        
        .notaCheckbox {
            font-size: 80%;
            clear: left;
            display: block;
            font-style: italic;            
        }
        p.fila {
            margin-top: 2em;
            clear: both;
        }        
        * html p.fila {
            margin-top: 1em;
        }        


.lemas {
    line-height: 1.1em;
}
.lemas li {
    margin-top: 0.5em;
}
/* ========= El mapa de Google ============ */
div#mapa-google {
    margin: 1em auto;
    border: 1px #585858 solid;
}

/* Inscripciones */
.instanciaFormulario dl {
	margin-left: 3em;	
	font-size: 80%;
	background-color: #F5F5F5;
	color: #4C4A52;
	line-height: 1.2em;
}

.cambio-idioma {
    text-align: right;
    margin-right: 13em;
}

* html table.tarifas {
    width: 70%;
	margin-top: 2em;
}

.importante {
    font-size: 150%;
    font-weight: bold;    
}

.adr {
    display: block;
}

table#hoteles tbody td {
	text-align: center
}

/* ============= El programa, donde se muestra-oculta la información ========== */
dl.desplegableCerrado, dl.desplegableAbierto {
    cursor: pointer;  
    margin: 0;          
}
dl.desplegableAbierto dt, dl.desplegableCerrado dt {
    margin: 0;
}
dl.desplegableAbierto dt {
    font-weight: bold;
}
dl.desplegableCerrado dt {
    font-weight: normal;
}
dl.desplegableAbierto dd {
    visibility: visible;
    display: block;
    margin: 0 0 0 -0.5em;
    font-style: italic;
}
dl.desplegableCerrado dd {
    visibility: hidden;
    display: none;
    margin: 0 0 0 -0.5em;
    font-style: italic;
}
* html dl.desplegableAbierto dd {
    margin-left: 1em;          
}
* html dl.desplegableCerrado dd {
    margin-left: 1em;        
}                   
dl.desplegableAbierto {
  padding: 0 0 0 20px;
  background: transparent url(../img/bullet-2nd-fold-dim.gif) no-repeat 5px 0;
}
dl.desplegableAbierto:hover {
    padding: 0 0 0 20px;
    background: transparent url(../img/bullet-2nd-fold.gif) no-repeat 5px 0;
    color: #000;            
}
dl.desplegableCerrado  {
    padding: 0 0 0 20px;
    background: transparent url(../img/bullet-2nd-unfold-dim.gif) no-repeat 5px 0;
}
dl.desplegableCerrado:hover {
    padding: 0 0 0 20px;
    background: transparent url(../img/bullet-2nd-unfold.gif) no-repeat 5px 0;
    color: #000;
}
span.mas-info {
    background: transparent url(../img/info.png) no-repeat 0 0;
    color: #000;
    display:block;
    float: right;
    width: 15px;
    height: 15px;
}    
table .summary {
    min-width: 20em;
}


/*.dtend*/