*{margin:0;padding:0;font-size:12px;color:#2F4F4F}
body, html {margin:0; padding:0; border:none; height:100%; overflow:auto; }
body{
	color: #000000;
	background-color: #857B58;
	text-align: left; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;   /* parámetros globales */
	line-height: 1.2;
}
body.ezdb {	width: 760px; padding: 0px 20px 0px 20px; margin: 0px auto 0px auto; height:auto;
  background-color: #D8D8E0;
}
a{color:black;text-decoration:none;}
a:link    { text-decoration: none;      color: #0000FF; }
a:visited { text-decoration: none;      color: #0000FF; }
a:hover   { text-decoration: underline; color: #0000FF; }
a:active  { text-decoration: none;      color: #0000FF; }
a img{border:none;}

.altamodi { display:inline-block; text-align:center; min-width:8px; width:12px; background-color: #808080; color:white; font-size:9px; border:1px solid #DDDDDD}

h1 { font-weight: bold; font-size: 115%; position:relative;
  background-color: #666677; color: #D8D8E0; border-bottom: 3px solid #444444;
}
#mainContent h1 { margin: 0px -20px 12px -20px; padding: 6px 0px 6px 20px; /* top right bottom left */
}
hh1 { background: #6D6D71 url(./imag/cabh1gris.png) top left no-repeat; background-size: contain;
	position:relative; margin-bottom: 12px; /* un poquitin de espacio por debajo */ 
  width: 642px; min-height:30px; margin-left:10px; padding: 10px 30px 10px 50px;
	text-align:left; font: normal normal normal 20px 'Times New Roman',Times,serif; color:white; }
h1 a {font: normal normal normal 20px 'Times New Roman',Times,serif; color:yellow; }
h1 a:link    { text-decoration: none;      color: yellow; }
h1 a:visited { text-decoration: none;      color: yellow; }
h1 a:hover   { text-decoration: underline; color: yellow; }
h1 a:active  { text-decoration: none;      color: yellow; }
h1 + div {margin-left:30px;} /* para listados */
.forojo div.pie {width:685px; height:5px; background-color:#FF9393;}
h1 + div > p:first-child { font-size: 95%; text-align: justify; margin-bottom:12px;}

h2 { /* para encabezados */
	font-weight: bold;
	margin-bottom: 3px; /* un poquitin de espacio por debajo */
	margin-top: 12px;
	font-size: 110%;
  border-bottom: 1px dotted #666677;
}
hh2 { background: url(./imag/cabh2bullet.png) left 10px no-repeat;
	position:relative; width: 662px; padding: 3px 20px 2px 20px;
	text-align:left; font: normal normal normal 20px 'Times New Roman',Times,serif; color:black; }
hh2 + p { height:12px; background: #6D6D71 url(./imag/cabh2ocre.png) top left repeat-x;
margin-bottom: 12px; /* un poquitin de espacio por debajo */}


ul,ol {padding-top:5px; padding-left:30px}
li {padding-bottom:4px}
dt { padding-top: 5px; font-weight: bold }
dd { padding-left: 20px }
p,td,li,span { /* general de párrafos */
	text-align: left;
}
ul.speakers li { list-style-type: none; padding: 4px 8px 4px 8px;
  margin: 15px 10px 15px -30px; border-top: 5px solid #999999; border-bottom: 5px solid #999999;
  background-color: #EEEEEE;
}
ul.speakers li a { font-weight: bold; font-size:110%;
}

table.sciprog {width:100%}
table.sciprog tr {min-height: 20px;; height:20px}
table.sciprog td {text-align:center; border: 1px solid #FFFFFF; min-height: 20px; height:20px}
table.sciprog tr td:first-child {vertical-align:text-top; font-size:80%;}
table.sciprog td.L:hover {background-color:white; color:red; cursor:pointer}
table.fare td {padding: 2px 10px 2px 10px}
table.fare td + td {text-align: center}

.up5 {position:relative; top:-5px}
.up6 {position:relative; top:-6px}
.up7 {position:relative; top:-7px}
.plenary {background-color: #EFEF83}
.plenaryL {background-color: #EFEF83; }
.session {background-color: #99B3FF}
.coffees {color: #666666}
.extras {background-color: #E9D4BE; color: #666666}
.none {border-width:0px}

.nowrap { white-space: nowrap; }
.w600 { width: 600px; }
.estrecho {margin-left: 50px; margin-right: 40px}
.micro {font-size: 90%}
.menor {font-size: 95%}
.mayor {font-size: 105%}
.macro {font-size: 120%}
.MACRO {font-size: 250%}
.gris {color: #666666}
.grso {color: #2F4F4F}
.plat {color: #CCCCCC}
.rojo {color: #800000}
.azul {color: #000099}
.vrde {color: #006600}
.azlb {color: #0000DD}
.negr {color: #000000}
.blan {color: #FFFFFF}
.tnr {font-family:"Times New Roman", Times, serif}
.centrado {text-align: center}
.aderecha {text-align: right }
.aizquier {text-align: left }
.justific {text-align: justify }
.rellenar {text-align: justify }
.rellenar:after {content:"";display:inline-block; width:100%}
.i {font-style:italic}
.b {font-weight:bold}
.n {font-style: normal; font-weight: normal;}
.bullet_p_rojo { padding-left: 9px;
  background: url(./imag/bullet_p_rojo.png) 0px 3px no-repeat;}
.bullet_p_rosa { padding-left: 9px;
  background: url(./imag/bullet_p_rosa.png) 0px 3px no-repeat;}
.bullet_p_gris { padding-left: 9px;
  background: url(./imag/bullet_p_gris.png) 0px 3px no-repeat;}
.bullet_p_plat { padding-left: 9px;
  background: url(./imag/bullet_p_plat.png) 0px 3px no-repeat;
}
table.cab {width:100%; background: #E4F0F0; color: #666666;
  border-top: 1px solid #BF9AB9; border-bottom: 1px solid #BF9AB9;}
table.cab + table.cab { border-top: 0px;}
table.cab td { padding: 0px 2px 0px 2px; font-size:x-small; text-align: center;}
table.cab td:first-child { text-align: left;}
table.cab td + td { border-left: 1px solid #CCCCCC;}
td.ord:hover {background-color:white; color:red; cursor:pointer}
td.lnk:hover {background-color:white; color:red; cursor:pointer}
table.cab td.ordselected { background: #D4E0E0; font-weight:bold}

.lnk { position:relative; padding-left: 15px; background: url(./imag/flecharoja.gif) left center no-repeat; font-size:x-small}
.ico { position:relative; padding-left: 38px;}
.ico > img:first-child {position:absolute; left:15px; bottom: 0px; z-index:1}

.linkrojo { min-height: 18px; padding-top:3px; padding-left: 15px;
  display: block;
  background: #FFE9E6 url(./imag/flecharoja.gif) 0px 3px no-repeat;
	border-top: 1px solid #FF9393; border-bottom: 1px solid #FF9393;}
.linkrojo + .linkrojo { border-top: 0px;}
.linkrojo:hover{background-color:white; color:red;cursor:pointer}
.linkazul { min-height: 15px; padding-top:0px; padding-left: 15px;
  background: #E8E8F0 url(./imag/flechaazul.png) 0px 1px no-repeat;
	border-top: 1px solid #A0A0E0; border-bottom: 1px solid #A0A0E0;}
.linkazul + .linkazul { border-top: 0px;}
.linkazul:hover{background-color:#FFFF44; color:blue;cursor:pointer}
.linkverd { min-height: 18px; padding-top:3px; padding-left: 15px;
  display: block;
  background: white url(./imag/flechaazul.png) 0px 3px no-repeat;
	border-top: 1px solid #40B640; border-bottom: 1px solid #40B640;}
.linkverd + .linkverd { border-top: 0px;}
.linkverd:hover{background-color:#FFEFCF; color:#006000;cursor:pointer}

.forojo { background-color: #FFC0C0; }
.forojob{ background-color: #FF9393; }
.foazul { background-color: #D0E0FF; }
.foazulb{ background-color: #A0A0E0; }
.foverd { background-color: #E8FFEF; }
.foverdb{ background-color: #40B640; }
.fo100  { background-color: #646464; }
.foplat { background-color: #CCCCCC; }
.fogrsc { background-color: #D8D8E0; }
.foamar { background-color: #FFFF33; }
.borojo { background-color: #FF9393; }
.boazul { background-color: #A0A0E0; }
.boverd { background-color: #40B640; }
.bogris { background-color: #808080; }
.boamar { background-color: #CCFF00; }

.borderojo { border:3px solid red }
.rsb { /* raya superior blanca */ border-top: 2px solid #FFFFFF; }
.rsplata { /* raya superior plata */ border-top: 1px solid #CCCCCC; }
.rsazul { /* raya inferior azul */
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top: 2px solid #A0A0E0;
}
.rsrojo { /* raya inferior azul */
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top: 2px solid #FF9393;
}
.rsverd { /* raya superior verde */ border-top: 2px solid #40B640; }
.rsfazul { /* raya inferior azul */ border-top: 1px solid #A0A0E0; }
.rib { /* raya inferior blanca */
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom: 2px solid #FFFFFF;
}
.riplata { /* raya inferior plata */ border-bottom: 1px solid #CCCCCC; }
.riazul { /* raya inferior azul */
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom: 2px solid #A0A0E0;
}
.rifazul { /* raya inferior azul */ border-bottom: 1px solid #A0A0E0; }
.rirojo { /* raya inferior roja */
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom: 2px solid #FF9393;
}
.riverd { /* raya inferior verde */
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom: 2px solid #40B640;
}
.rzplata { /* raya izquierda plata */ border-left: 1px solid #CCCCCC; }
.rzrojo { /* raya izquierda roja */ border-left: 3px solid #FF9393; }
.rzazul { /* raya izquierda azul */ border-left: 3px solid #A0A0E0; }
.rz100 { /* raya izquierda gris oscuro */ border-left: 3px solid #646464; }
.def { /* nombre de campo de formulario */ color:#800000; font-size: 80%; }
.com { /* nombre de campo de formulario */
	color:#666666;
	font-size: 80%;
	font-style: italic;
}
input{
	/* width: 100px; */
	font-size: 120%;
	color: #111111;
	border: 1px solid #BBBBBB;
	background-color: #E9E9E9;
}
select{
	/* width: 100px; */
	font-size: 120%;
	color: #111111;
	border: 1px solid #BBBBBB;
	background-color: #E9E9E9;
}
textarea{
	/* width: 100px; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #111111;
	border: 1px solid #BBBBBB;
	background-color: #E9E9E9;
}
.submit input{
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 90%;
	color: #555555;
	border: 2px outset #D0D0D0;
	background-color: #D0D0D0;
	padding-right: 4px;
	padding-left: 4px;
}
.button input{
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 90%;
	color: #555555;
	border: 2px outset #D0D0D0;
	background-color: #D0D0D0;
	padding-right: 4px;
	padding-left: 4px;
}
.twoColLiqLtHdr #container { /* contenedor general */
	width: 760px; border: 0px; padding: 0px;
  background-color: white;   margin: 0px auto 0px auto;  /* para centrar horizontalmente */
} 
.twoColLiqLtHdr #header { /* encabezado superior de la página, mide 88+10 de alto */
  position: relative; /* esto no lo mueve pero hace que sus hijos tengan un absolute correcto */
	margin: 0px 0px 5px 0px;
} 
.twoColLiqLtHdr #header h1 { margin: 0; 
	/* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 0px; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
.twoColLiqLtHdr #sidebar1 {
	float: left; /* posición dentro del contenedor */
	width: 180px; /* el relleno superior e inferior crea un espacio visual dentro de este div  */
	padding: 0px;    /* sin relleno exterior */
	margin: 0px 0px 0px 5px;
}
.twoColLiqLtHdr #mainContent { /* zona de contenidos */
	float: right; min-height:350px; /* posición dentro del contenedor */
	width: 530px; padding: 0px 20px 20px 20px;
  background-color: #D8D8E0;
  border-top: 1px solid #666677;
  border-bottom: 6px solid #666677;
} 
.twoColLiqLtHdr #footer {
	background:#DDDDDD;
	font-size: 100%;  /* 80% del tamaño del padre=body */
	height: 30px;
	width: 100%; /*960px;*/
  margin: 10px 0px 0px 0px; /* top right bottom left */
} 
    
    /* Varias clases diversas para su reutilización */
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.block {display:block}
.inline {display:inline}
.cell {display:inline-table}
.visible { display:block;}
.oculto {display:none;}
.rojodesplegable1       { background-color: #E0C0C0; width: 100%; cursor:pointer; padding-top: 7px; }
.rojodesplegable1:hover { background-color: #E0B0B0; color: #000000; }
.rojodesplegable3       { background-color: #FFE0DD; cursor:pointer; padding-top: 3px; }
.rojodesplegable3:hover { background-color: #E0C0C0; color: #000000; }
.rojoclic       { background-color: #FFE0DD; cursor:pointer; margin-top: 3px; }
.rojoclic:hover { background-color: #E0C0C0; color: #000000; }
.azuldesplegable1       { background-color: #BBBBDD; width: 100%; cursor:pointer; padding-top: 5px; }
.azuldesplegable1:hover { background-color: #AAAACC; color: #000000; }
.azuldesplegable2       { background-color: #CACAEE; width: 100%; cursor:pointer; }
.azuldesplegable2:hover { background-color: #AAAACC; color: #000000; }
.azuldesplegable3       { background-color: #D8D8FF; cursor:pointer; }
.azuldesplegable3:hover { background-color: #AAAACC; color: #000000; }
.verddesplegable1       { background-color: #BDE0B2; width: 100%; cursor:pointer; padding-top: 5px; }
.verddesplegable1:hover { background-color: #ACD0A0; color: #000000; }
.verddesplegable2       { background-color: #DDDDDD; width: 100%; cursor:pointer; padding-top: 2px; }
.verddesplegable2:hover { background-color: #AAAAAA; color: #000000; }
.verddesplegable3       { background-color: #E8FFEF; cursor:pointer; padding-top: 3px; padding-bottom: 2px; }
.verddesplegable3:hover { background-color: #BDE0B2; color: #000000; }
td.flex100 { width: 5px; border-right: 3px solid #646464;} /* las celdas no tienen margen */

div.imgr {float:right; margin: 3px; border: 1px solid #888888}