body {
	background: #FFF;
	color: #1D444B;
	font: 100%/1.7 Geneva, Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
    text-align: Justify;	
}
#body {
	margin: 0 0 0 10%;
    padding: 0 0 0 10px;
    background: #fff url(../img/gradiente-left.png) repeat-y top left;
    min-height: 100%;
}
#container {
    background: url(../img/gradiente-right.png) repeat-y top right;
    padding-right: 10px;
    margin: 0 10% 0 0;
    position: relative;
}
* html #container {
    padding-right: 5px;
    margin-right: 0;
    width: 90%;
}
a img {
    border: none;
}
abbr,
acronym {
    cursor: help;
} 
/* ------------- La cabecera --------------- */
h1 {
    font-size: 100%;
    padding: 2em 20em 0 2em;
    margin: 0;
    min-width: 19em;
    max-width: 19em;
}
h1 a,
h1 a:link,
h1 a:visited {	
	color: #FFFFCC; /*#E92D53;*/
    background-color: transparent;
	text-decoration: none;
	font-size: 200%;
}
h1 a:hover,
h1 a:active {
    color: #FFA500; /*#fff; /*#E92D53;*/
	background-color: transparent;
	text-decoration: none;
	font-size: 200%;
	border-bottom: 1px #dae92d solid;
}
h1 {
    line-height: 0.9em;
}
* html h1 {
    line-height: 1.5em;
}
h1 .subtitle {
    font-size: 70%;
    font-style: italic;
    font-weight: normal;
    color: #DAE92D;
}
p.subtitle {
	color: #FFFFCC; /*#E92D53;*/
    background-color: transparent;
    padding-left: 2em;
    margin: 1em 0 0 0;
}

a,
a:link,
a:visited {
    color: #3768AF; /*#0168FD;*/
    background-color: transparent;
    text-decoration: none;
    border-bottom: 1px #3768AF dotted;    
}
a:hover,
a:active {
    color: #CB1C47;    
    background-color: transparent;
    border-bottom: 1px #CB1C47 dotted;
}

.thumbnail {
    font-size: 90%;
    display:block; 
    float:left; 
    width:160px; 
    height:200px; 
    margin: 0.5em 0.5em; 
    text-align:center;
}
.thumbnail a {
    border: 0;
    text-decoration: none;
}
.thumbnail img {
    border: 1px #555 solid;
}
.invisible {
    display: none;
    visibility: hidden;
}
#header {
    /*background: #DAE92D;*/
    background: #2db4e9 url(../img/gradiente-header.png) repeat-x top left;
    padding: 0;
    margin: 0 -2em;
    height: 8em;
    min-height: 179px;
}
#header a {
    border: none;
}
.container-header {
    background: transparent url(../img/mobile.png) no-repeat top left;
    float:left; 
    height: 179px;
    min-height: 179px;
    max-height: 179px;
}

#content {
    padding: 0 2em;
    min-height: 80%;
}
#content-body {
    padding-right: 155px;
}
/* -------- Sponsorship -------- */
#sponsorship {
    text-align: center;
    float: right;
    margin: 5em 0 0 0;
    width: 130px;
    max-width: 130px;
    min-width: 130px;
    color: #426369;
    background: #fff;
    font-size: 100%;
}
#sponsorship li {
    list-style: none;
    margin: 0 0;
}
#sponsorship ul,
#sponsorship dl,
#sponsorship dd {
    padding: 0;
    margin: 0;        
}
#sponsorship dd { 
    border-right: 1px #426369 dotted;
    padding: 10px 10px;
}
#sponsorship dt {
    
    border-bottom: 1px #426369 dotted;
    text-align: right;
    margin-top: 1em;
    /*color: #000;*/
    font-weight: bold;
    
}
#sponsorship dl {
    text-align: center;
    margin-top: 2em;
}
#sponsorship a {
    border: none;
}
#foot {
    text-align: center;
    background: #000 url(../img/gradiente-footer.png) repeat-x top left;
    color: #fff;
    margin: 3em -2em -2em -2em;
    clear: right;
}
#foot a,
#foot a:link,
#foot a:visited {
    color: #2db4e9;
    background: #000;
    font-weight: bold;
}
#foot a:hover,
#foot a:active {
    color: #fff;
    background: #000;
}
#foot a.logo {
    border: none;
    background: transparent;
}
#foot a.logo img {
    background: transparent url(../img/gradiente-logos-footer.png) repeat-x top left;
}
#foot hr,
.separador {
    background: #47838F;
    color: #47838F;
    height: 10px;
    border: none;
    margin: 0;
}
#foot hr {
    margin-top: -0.5em;
}
.separador {
    margin: 0 -2em;
    line-height: 10px;
    height: 10px;
    clear: both;
    background: #47838F;
    
}
h2, h3 {
    color: #0067B1;/*#2DB4E9;*/
    background: #fff;
}
h2 {
    font-family: serif;
    font-size: 200%;
}
h3 {
    font-family: serif;
    border-bottom: 2px #0067B1 solid; /*#2DB4E9*/
    line-height: 0.8em;
    font-size: 150%;
}
p#conformance-logos {
    padding: 20px 0 4em 0;
    margin: 0;
}
.tecInfo-left {
    margin: -2.5em 0 0 1em;
    float: left;
    font-size: 80%;
}
.tecInfo-right {
    margin: -2.5em 1em 0 0;
    float: right;
    font-size: 80%;
}

/* ---------------- Menú de navegación ---------- */
#navigation ul {
    background: #2db4e9 url(../img/gradiente-header.png) repeat-x top left;
    margin: 0 10px 0 0;
    padding: 2em 1em 0 0;
    font-weight: bold;
    text-align: right;
    display: block;
    width: 20em;
    max-width: 20em;
    min-width: 20em;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 110%;    
}
* html #navigation ul {
    margin-right : 9px;
}
#navigation li {
    display: block;
    width: 10em;
    max-width: 10em;
    min-width: 10em;
    margin: 0;
    float:left;
    height: 1.5em;
    line-height: 1.5em;    
}
#navigation li a {
    margin: 0 0 0 0;
    text-decoration: none;
    padding-right: 20px;
}
#navigation li a,
#navigation li a:link,
#navigation li a:visited {    
    color: #FFFFCC;    
    background: transparent;
}
#navigation li a:hover, 
#navigation li a:active {
    color: #DAE92D;    
    /*background: transparent url(../img/star.png) no-repeat top right;*/
}
.active-link {
    color: #FFA500; /*#2DB4E9;/*#FA824B;*/    
    background: transparent;
    padding-right: 20px;
}

.filled {
    padding-bottom: 50%; 
}
.filled-med {
    padding-bottom: 10%; 
}
/*-------- Comunicaciones ---------- */
dl {
    text-align: left;
}
dt {
    font-weight: bold;
}
/* ---------- Navegación oculta -------- */
.navegacion-salto {
    display: none;
    visibility: hidden;
}
/* ----------- Actualización de las fechas ---------- */
.actualizado {
    color: rgb(204,0,51);
    font-weight: bold;
}

/* ------------- Las tablas de la agenda ---------- */
table tr td {
    font-size: 75%;
}
table thead tr {
    color: #0067B1;
    background: #fff;
    text-align: center;
}
table .hora {
    width: 7em;
    text-align: center;
    font-size: 90%;
}
table tr.odd {
    background: #FFFFCC;
    color: #1D444B;
}
table tr {
    background: #E5F6FC;
    color: #1D444B;
}
table .summary {
    min-width: 20em;
}
table, caption {
    width: 90%;
    margin: 0 auto;    
}
* html table, * html caption {
    width: auto;
    width: 70%;
}
table caption {
    color: #0067B1;
    background: #fff;
    margin-bottom: 1em;
    border: none;
}
table ul, table dl  {
    padding: 0;
    margin: 0;
}
table ul li {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
table td.summary ul li {
    margin: 0.5em 0;
}
table td.summary ul li:first-child {
    margin: 0;
}
table td, table th  {
    vertical-align: text-top;
}
table tr.cedi {
    background: #FFD0D0;
    color: #1D444B;
}
table tr.cafe {
    background: #fff;
    color: #1D444B;
    font-style: italic;
}
th.acto, .summary dt {
	width: 20em;
	min-width: 20em;
}
th.ponente {
	width: 18em;
	min-width: 18em;
}
th.material {
	width: 90px;
	min-width: 90px;
}
p.paginacion {
    clear: left;
    text-align: center;
}
.paginacion em {
    margin: 0 1em;
}