/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset,img {
border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}

ol,ul {
list-style: none;
}

caption,th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}

q:before,q:after {
content: '';
}

/* ^^^^^^^^^^^^^^^^^^^^^^^ reset.css ^^^^^^^^^^^^^^^^^^^^^^^ */

/*
--- body ----------------------------------------------------------------------------------	body
*/

body {
font: 13px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Lucida, Helvetica, Arial, sans-serif;
color: #000;
margin: 0px;
padding: 0px;
text-align: center;
background-color: #d0d0d0;


background-image: url(../img/fondos/body.gif);
background-repeat: repeat-x;

text-align: center;
}

/*
--- Elementos comunes --------------------------------------------------------------------	Elementos comunes
*/

div {
position: relative;
}

strong {
font-weight: bold;
}

ol {
list-style: decimal;
}

abbr,
acronym {
cursor: help;
}

.fin {
clear: both;
}

a {
color: #ad0101;

}

a:hover {
color: #fe5737;
text-decoration: underline;
}

h2 {
color: #BB200B;
font-size: 24px;
margin-bottom: 0.5em;
}

h3 {
color: #ad0101;
font-size: 18px;
margin-bottom: 0.5em;
}

h4 {
color: #ad0101;
font-size: 16px;
margin-bottom: 0.5em;
}

textarea {
width: 50%;
height: 120px;
}

/* 
--- layout -------------------------------------------------------------------------------	div layout
*/

div#layout {
width: 980px;
position: relative;
margin: 0 auto;
text-align: left;
background-color: #E9E9E9;
background-image: url(../img/fondos/layout.png);
background-repeat: repeat-x;
border-left: 1px solid #444;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
}

/*
--- cabecera -----------------------------------------------------------------------------	div cabecera
*/

#cabecera {
background-color: transparent;
background-image: url(../img/fondos/cabecera.png);
background-repeat: no-repeat;
background-position: top left;
height: 194px;
}

#cabecera h1 {
background-image: url(../img/logo_olympia_canarias.png);
width: 297px;
height: 117px;
position: absolute;
top: 12px;
left: 18px;
}

#cabecera h1 a {
display: block;
width: 149x;
height: 117px;
}

#cabecera h1 span {
display: none;
}

#extra-01 {
/*
width: 298px;
height: 169px;
background-image: url(../img/maquina_acer.png);
position: absolute;
top: 30px;
left: 50%;
margin-left: 150px;
*/
}

#acceso-distribuidores {
position: absolute;
bottom: 15px;
right: 15px;
font-size: 14px;
letter-spacing: 2px;
vertical-align: middle;
}

#acceso-distribuidores a {
color: #fff;
font-weight: bold;
text-decoration: none;

background-image: url(../img/fondos/acceso_distribuidores.png);
height: 32px;
line-height: 32px;
width: 208px;
display: block;
padding-left: 10px;
}

#acceso-distribuidores a span.raquo {
color: #FDBDBD;
font-size: 25px;
vertical-align: bottom;
}

#acceso-distribuidores a:hover {
text-decoration: none;
color: #FDBDBD;
}

/*
--- menu principal ----------------------------------------------------------------------------------	
*/


#menu-nivel-0 li span a,
#menu-nivel-0 li span a:link,
#menu-nivel-0 li span a:visited,
#menu-nivel-1 li span a,
#menu-nivel-1 li span a:link,
#menu-nivel-1 li span a:visited {
text-decoration: none;
cursor: hand;
}


#menu {
background-color: transparent;
overflow: hidden;
border-top: 1px solid #9F9F9F;
border-bottom: 2px solid #B1A1A1;
background-image: url(../img/fondos/boton_menu.png);
background-repeat: repeat-x;
}

#menu li {
display: inline;
}

#menu li span {
position: relative;
float: left;
}

#menu li span a span{
font-size: 15px;
font-weight: bold;
width: 150px;;
display: block;
height: 28px;
line-height: 28px;
text-align: center;
background-image: url(../img/fondos/boton_menu.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
border-right: 2px solid #CAB8B8;
color: #333;
}

#menu li.seleccionado span a span,
#menu li span a:hover,
#menu li span a:link:hover {
background-image: url(../img/fondos/boton_menu_hover.png);
background-repeat: repeat-x;
background-color: #E61F00;
color: #fff;
}

#menu li.seleccionado span a span{
}

/*
--- contenido ----------------------------------------------------------------------------------	
*/

#contenido {
background-image: url(../img/fondos/cierre_bloque_grande.png);
background-repeat: repeat-x;
background-position: bottom left;
margin: 40px 50px 0 50px;
padding-bottom: 20px;
}

#contenido p {
margin-bottom: 0.75em;
}

#contenido ul {
margin-bottom: 1em;
}


/*
--- pie -----------------------------------------------------------------------------------------
*/

#pie {
background-image: url(../img/fondos/cierre_bloque_grande.png);
background-repeat: repeat-x;
background-position: bottom left;
margin: 10px 20px 20px 20px;
padding-bottom: 15px;
}

#pie ul#menu-pie {
text-align: right;
}

#pie ul#menu-pie li {
display: inline;
margin-left: 1.5em;
}

#pie ul#menu-pie a {
text-decoration: none;
}

#pie ul#menu-pie a:hover {
text-decoration: none;
color: #FF2525;
}



/*
--- bienvenida ----------------------------------------------------------------------------------	
*/

div.bienvenida #submenu {
/*
						position: absolute;
						top: 50px;
						left: 25px;
*/
width: 250px;
z-index: 10;
background-color: transparent;
/*
background-color: #e9e9e9;
*/
margin-top: 22px;
padding-left: 25px;
float: left;
}

div.bienvenida #submenu h2 {
background-image: url(../img/fondos/h2_abre.png);
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
padding-left: 15px;
font-size: 15px;
color: #222;
margin-bottom: 0;
clear: both;
}

div.bienvenida #submenu h2 span {
display: block;
background-image: url(../img/fondos/h2.png);
background-position: top right;
background-color: transparent;
padding-right: 15px;
height: 30px;
line-height: 30px;
}

div.bienvenida #submenu ul {
background-image: url(../img/fondos/submenu.png);
background-position: top right;
background-color: #EFEFEF;
border: 1px solid #B6B6B6;
margin-bottom: 15px;
}

div.bienvenida #submenu ul li {
background-image: url(../img/fondos/cierre_bloque_grande.png);
background-repeat: repeat-x;
background-position: bottom left;
}

div.bienvenida #submenu ul.marcas {
height: 250px;
}

div.bienvenida #submenu ul.marcas li {
background-image: url(../img/fondos/cierre_bloque_logo.gif);
background-repeat: repeat-x;
background-position: bottom right;

	width: 124px;

float: left;
}

div.bienvenida #submenu ul.marcas a {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
line-height: 50px;
height: 50px;
width: 124px;
vertical-align: middle;
text-align: center;
}

div.bienvenida #submenu ul.marcas a:hover {
background-image: none;
background-image: url(../img/fondos/cierre_bloque_logo.gif);
background-repeat: repeat-x;
background-position: bottom right;
background-color: #f9f9f9;
}



div.bienvenida #submenu a {
color: #BB200B;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
line-height: 230%;
display: block;
}

div.bienvenida #submenu a:hover {
background-image: url(../img/fondos/boton_menu_hover.png);
background-repeat: repeat-x;
background-color: #B61C06;
text-decoration: none;
color: #fff;
}

div.bienvenida #submenu ul.noticias li {
padding: 0 10px;
clear: both;
}

div.bienvenida #submenu ul.noticias h3 {
font-size: 14px;
margin-bottom: 0;
padding: 4px 0 2px 0;
clear: both;
}

div.bienvenida #submenu ul.noticias p.fecha {
color: #888;
float: right;
font-size: 11px;
margin-left: 10px;
}

div.bienvenida #submenu ul.noticias p.categoria {
color: #888;
float: left;
font-size: 11px;
font-weight: bold;
}

div.bienvenida #submenu ul.noticias p.resumen {
clear: left;
padding-bottom: 10px;
}

div.bienvenida #submenu ul.noticias a.seguir-leyendo {

}

div.bienvenida #submenu ul.noticias a {
line-height: 120%;
display: inline;
padding: 0;
}

div.bienvenida #submenu ul.noticias a:hover {
background-color: transparent;
background-image: none;
color: #FE5737;
}

div.bienvenida #submenu ul.noticias li.mas-noticias {
padding: 0;
text-align: right;
}

div.bienvenida #submenu ul.noticias li.mas-noticias a {
color: #BB200B;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
line-height: 230%;
display: block;
font-weight: bold;
}

div.bienvenida #submenu ul.noticias li.mas-noticias a:hover {
background-image: url(../img/fondos/boton_menu_hover.png);
background-repeat: repeat-x;
background-color: #B61C06;
text-decoration: none;
color: #fff;
}


/* Bienvenida. Contenido */


div.bienvenida #contenido {
margin: 20px 20px 0 20px;
}

div.bienvenida #contenido h2 {
color: #BB200B;
font-size: 20px;
margin-bottom: 0.5em;
}

div.bienvenida #contenido h2,
div.bienvenida #contenido #texto-bienvenida,
div.bienvenida #productos-destacados {
margin-left: 300px;
}

div.bienvenida #contenido #texto-bienvenida {
margin-bottom: 25px;
}

div.bienvenida #productos-destacados h2 {
margin-left: 0;
padding-left: 10px;
padding-top: 5px;
color: #fff;
font-size: 18px;
letter-spacing: 1px;
}

div.bienvenida #productos-destacados {
/* ocultamos esto debido al flash
background-image: url(../img/fondos/area_productos_bienvenida.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 10px;
*/
width: 630px;

/*
			height: 410px;
*/


}

div.bienvenida #productos-destacados ul li {
width: 278px; /* 298 - 20 */
height: 130px; /* 160 - 30 */
border: 1px solid #757479;
background-color: #fff;
float: left;
margin-right: 10px;
margin-bottom: 10px;
padding: 15px 10px;
position: relative;
}

div.bienvenida #productos-destacados div.imagen {

float: left;
}

div.bienvenida #productos-destacados p {
margin-bottom: 0.5em;
}

div.bienvenida #productos-destacados p.nombre {
font-weight: bold;
color: #333;
}

div.bienvenida #productos-destacados p.caracteristicas {
font-size: 12px;
color: #555;
}

div.bienvenida #productos-destacados p.precio {
color: #AD0101;
font-size: 17px;
font-weight: bold;
letter-spacing: 1px;
}


div.bienvenida #productos-destacados p.mas-info {
position: absolute;
bottom: 5px;
right: 20px;
}

div.bienvenida div.banner {
margin-bottom: 15px;
}

#flash-bienvenida {
margin-bottom: 25px;
}

/*
div.bienvenida #productos-destacados p.donde-comprar {
position: absolute;
bottom: 5px;
right: 20px;
}
*/

/*
--- interior ----------------------------------------------------------------------------------	
*/

div.interior h2 {
color: #fff;
margin-left: -50px;
margin-bottom: 1.5em;
}

div.interior h2 span {
padding: 3px 90px 3px 50px;
background-image: url(../img/fondos/h2_interior.gif);
background-position: top right;
background-repeat: no-repeat;
}

div.interior h3 {
margin-bottom: 1em;
}


div.interior #submenu {
background-color: transparent;
overflow: hidden;
border-top: 4px solid #A7A7A7;
border-bottom: 2px solid #9D9EA1;
background-image: url(../img/fondos/boton_submenu.png);
background-repeat: repeat-x;
}

div.interior #submenu li {
display: inline;
}

div.interior #submenu li span {
position: relative;
float: left;
}

div.interior #submenu li span a span{
font-size: 15px;
font-weight: bold;
width: 150px;;
text-decoration: none;
display: block;
height: 28px;
line-height: 28px;
text-align: center;
background-image: url(../img/fondos/boton_submenu.png);
background-repeat: repeat-x;
background-color: #F0F0F0;
border-right: 2px solid #9D9EA1;
color: #f0f0f0;
}

div.interior #submenu li.seleccionado span a span,
div.interior #submenu li span a:hover {
background-image: url(../img/fondos/boton_submenu_hover.png);
background-repeat: repeat-x;
background-color: #FFB5AB;
color: #fff;
}

div.interior #submenu li.seleccionado span a span{

}

div.interior table {
margin-bottom: 15px;
}


div.interior table td,
div.interior table th {
padding: 0.2em 0.2em;
}

div.interior table thead th {
font-weight: bold;
text-align: right;
padding-left: 2em;
border-bottom: 1px solid gray;
background-color: gray;
color: #fff;
}

div.interior table tbody th {
font-weight: bold;
padding-right: 2em;
}

div.interior table tbody td {
text-align: right;
border-bottom: 1px dotted gray;
}

div.interior #marcas li {
width: 260px; /* 298 - 20 */
height: 180px; /* 190 - 30 */
float: left;
margin-right: 10px;
margin-bottom: 10px;
padding: 15px 10px;
position: relative;
vertical-align: middle;
}

div.interior #marcas li div.imagen {
vertical-align: middle;
height: 100%;
text-align: center;
}

div.interior #marcas li a {
vertical-align: middle;
height: 180px; 
line-height: 180px; 
}

div.interior #marcas li img {
vertical-align: middle;
}

div.interior #marcas p.nombre {
display: none;
}

div.sede {
margin-bottom: 30px;
}

div.vcard {
float: left;
width: 230px;
}


div.vcard .organization-name,
div.vcard .work {
display: none;
}

div.mapa-google {
width: 620px;
height: 200px;
margin-left: 260px;
border: 1px solid #6D6B70;
}

div#menu li#n0_8 {
display: none;
}

div.interior ul.noticias {
width: 730px;
margin: 0 20px 0 150px;

}

div.interior ul.noticias h3 {
font-size: 20px;
margin-bottom: 0.3em;
}

div.interior ul.noticias li {
clear: both;
padding-bottom: 1.5em;
border-bottom: 1px dashed #BEBEBE;
margin-bottom: 2em;
}

div.interior div.imagenes {
float: right;
}

div.interior p.imagen {
padding: 8px;
background-color: #fff;
margin-left: 20px;
margin-bottom: 15px;
}

div.interior ul.noticias p.fecha {
color: #888;
float: left;
font-size: 14px;
}

div.interior ul.noticias p.categoria {
color: #888;
float: left;
font-size: 14px;
font-weight: bold;
margin-left: 10px;
margin-bottom: 20px;
}

div.interior ul.noticias div.detalle-noticia {
clear: left;
}

#selector-cronologico {
position: absolute;
top: 60px;
left: 0;
width: 115px;
}

#selector-cronologico div.selector_meses {

background-image: url(../img/fondos/submenu.png);
background-position: top right;
background-color: #EFEFEF;
border: 1px solid #B6B6B6;
margin-bottom: 15px;
padding: 8px 10px 0 10px;
}

#selector-cronologico div.selector_anios {
background-image: url(../img/fondos/h2_abre.png);
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
padding-left: 15px;
font-size: 15px;
color: #222;
margin-bottom: 0;
width: 100px;
}

#selector-cronologico div.selector_anios p {
display: block;
background-image: url(../img/fondos/h2.png);
background-position: top right;
background-color: transparent;
padding-right: 15px;
height: 30px;
line-height: 30px;
margin-bottom: 0;
}

div.interior ul.noticias div.descargas {
clear: right;
float: right;
z-index: 100;
}

div.interior ul.noticias div.descargas p.pdf a {
padding-left: 20px;
background-image: url(../img/iconos/ficheros/pdf.gif);
background-position: top left;
background-repeat: no-repeat;
}

div.interior ul.noticias div.descargas p.doc a,
div.interior ul.noticias div.descargas p.docx a {
padding-left: 20px;
background-image: url(../img/iconos/ficheros/doc.gif);
background-position: top left;
background-repeat: no-repeat;
}

div.interior ul.noticias div.descargas p.xls a,
div.interior ul.noticias div.descargas p.xlsx a {
padding-left: 20px;
background-image: url(../img/iconos/ficheros/xls.gif);
background-position: top left;
background-repeat: no-repeat;
}

div.interior ul.noticias div.descargas p.ppt a,
div.interior ul.noticias div.descargas p.pptx a {
padding-left: 20px;
background-image: url(../img/iconos/ficheros/ppt.gif);
background-position: top left;
background-repeat: no-repeat;
}

/* Apartado proyectos */

div.interior #bienvenida-proyectos {
height: 660px;
}

div.interior #bienvenida-proyectos p a {
display: block;
width: 980px;
height: 720px;
position: absolute;
top: -40px;
left: -50px;
background-image: url(../img/fondos/bienvenida_proyectos.gif);
background-position: top left;
background-repeat: no-repeat;
}

div.interior #bienvenida-proyectos p a span {
display: none;
}

div.interior p.slogan-proyectos {
display: block;
width: 168px;
height: 117px;
position: absolute;
top: -30px;
right: -50px;
background-image: url(../img/fondos/compartir_es_crecer.gif);
background-position: top left;
background-repeat: no-repeat;
}

div.interior p.slogan-proyectos span {
display: none;
}

/* Formularios */

form {

}

/*
--- Intersticial ----------------------------------------------------------------------------------	
*/

#overlay {
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index: 99;
background-color:#333;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}


#anuncio {
z-index: 200;
background-color: transparent;
position: fixed;
top: 5%;
left: 0;
width: 100%;
text-align: center;
color: #999;
height: 524px;
}

#anuncio div {
margin: 0 auto;
width: 740px;
}

#anuncio object {
display: block;
border: 1px solid gray;
}

#anuncio p {
text-align: center;  
width: 100%;
height: 25px;
margin-bottom: 15px;
font-size: 15px;
height: 34px;
}

#anuncio p a { 
background-image: url(../img/cerrar_intersticial.gif);
display: block;
height: 34px;
line-height: 34px;
width: 137px;
color: #000;
text-decoration: none;
padding-right: 15px;
position: absolute;
right: 0;
}

#anuncio p a:visited {
color: #000:
}

#anuncio p a:hover,
#anuncio p a:hover:visited {
color: #B31600;
text-decoration: none;
}

#anuncio p a:hover span.equis,
#anuncio p a:hover:visited span.equis {
color: #ff9c00;
}

/*
--- Simposium ----------------------------------------------------------------------------------	
*/

#menu #apartado-id-33 span a,
#menu #apartado-id-33 span a span {
background-color: #fff;
background-image: none;
color: #EE3224;
}

div.interior div.portada {
clear: right;
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

div.interior div.portada p.imagen {
padding: 8px;
background-color: #fff;
margin-left: 20px;
margin-bottom: 15px;
}


body.simposium div.interior h2 span {
background-image: url(../img/simposium/h2_interior_simposium.gif);
color: #ee3224;
}

body.simposium div.interior h2 span.simposium {
color: #bbb;
background-image: none;
padding: 0;
font-style: italic;
font-weight: normal;
}

body.simposium div.interior a,
body.simposium div.interior a:visited,
body.simposium div.interior h3,
body.simposium div.interior h4 {
color: #ee3224;
}

div.interior #info-simposium p.registro {
width: 235px;
background-image: url(../img/simposium/boton_registro_2010.gif);
height: 40px;
padding: 13px 18px 17px 13px;
text-align: center;
font-size: 17px;
}

div.interior #info-simposium p.registro a {
color: #EE3224;
text-decoration: none;
display: block;
height: 36px;
line-height: 36px;
}


div.interior #info-simposium div.registro,
div.interior #info-simposium div.descargas,
div.interior #info-simposium div.edicion-anterior {
clear: right;
float: right;
margin-left: 20px;
margin-bottom: 20px;
width: 350px;
font-size: 12px;
}

div.interior #info-simposium div.descargas div {
width: 160px;
float: left;
}

div.interior #info-simposium div.descargas span.peso {
color: gray;
}

div.interior #info-simposium a.pdf {
padding-left: 20px;
background-image: url(../img/iconos/ficheros/pdf.gif);
background-position: top left;
background-repeat: no-repeat;
}



div.interior #info-simposium div.pregunta-respuesta {
position: relative;
width: 435px;
height: 95px;
padding: 10px 20px;
background-image: url(../img/fondos/pregunta_simposium_2010.gif);
margin-bottom: 1em;
}

div.interior #info-simposium .pregunta {
font-size: 17px;
margin-bottom: 0.5em;
font-style: italic;
}


div.interior #info-simposium div.pregunta-respuesta p.respuesta {
font-size: 15px;
font-style: italic;
padding-left: 15px;
}

div.interior #info-simposium div.pregunta-respuesta p.ver-programa,
div.interior #info-simposium div.pregunta-respuesta p.ver-localizacion {
font-size: 13px;
margin-bottom: 0;
text-align: right;
position: absolute;
bottom: 10px;
right: 20px;
}

div.interior #info-simposium div.por-que {
padding: 10px 20px;
margin-bottom: 1em;
background-image: url(../img/fondos/pregunta_simposium_por_que_2010.gif);
width: 435px;
height: 680px;
font-size: 14px;
}

div.interior #info-simposium div.por-que .pregunta {
margin-bottom: 1em;
}

div.interior #info-simposium div.por-que p {
line-height: 150%;
}

div.interior #info-simposium div.por-que p.firma {
margin-top: 1.5em;
text-align: center;
font-style: italic;
font-weight: bold;
}

div.interior #info-simposium #cuando p.respuesta,
div.interior #info-simposium #donde p.respuesta {
font-size: 17px;
color: #222;
margin-top: 1em;
}

/* programa */

div.interior #programa h4 {
color: #555;
}

div.interior table.programa {
width: 90%;
}

div.interior table.programa thead th,
div.interior table.programa tbody td {
text-align: center;
padding: 0.5em 0.2em;
}

div.interior table.programa thead th.hora {
width: 100px;
}

div.interior table.programa thead th.sala {
width: 140px;
}

div.interior table.programa thead {
border-left: 1px solid gray;
border-right: 1px solid gray;
}

div.interior table.programa tbody {
border-left: 1px dotted gray;
border-right: 1px dotted gray;
background-color: #f6f6f6;
}

div.interior table.programa tbody td {
vertical-align: top;
}

div.interior table.programa td.hora {
font-weight: bold;
}

div.interior table.programa tbody td.sala, 
div.interior table.programa tbody td.conferencia {
text-align: left;
}

div.interior #contenido table.programa tbody p {
margin: 0;
padding: 0;
padding-bottom: 0.5em;
}

div.interior table.programa p.titulo {
font-weight: bold;
}

div.interior #ponentes div.ponente {
clear: both;
padding-bottom: 1.5em;
border-bottom: 1px dashed #BEBEBE;
margin-bottom: 2em;
position: relative;
}

div.interior #ponentes div.ponente p.foto {
position: absolute;
top: 0;
left: 0;
width: 125px;
}

div.interior #ponentes div.ponente p.foto img {
margin-bottom: 1em;
}

div.interior #ponentes div.ponente p.cargo {
font-weight: bold;
}

div.interior #ponentes div.ponente h3,
div.interior #ponentes div.ponente p.cargo,
div.interior #ponentes div.ponente div.resumen {
margin-left: 150px;
}

/* Inscripción */

#inscripcion h3 {
color: #555;
margin-top: 30px;
margin-bottom: 30px;
}

#inscripcion p {
font-size: 14px;
}

#inscripcion a,
#inscripcion a:visited {
text-decoration: none;
}

#inscripcion a:hover,
#inscripcion a:visited:hover {
text-decoration: underline;
}

/* Agradecimientos */

div.interior #info-simposium div.agradecimientos {
position: relative;
width: 435px;
padding: 10px 20px;
margin-bottom: 1em;
background-color: #ddd;
border: 1px solid #c6c6c6;
line-height: 150%;
font-size: 14px;
text-align: justify;
}

div.interior #info-simposium div.agradecimientos p.fecha {
text-align: right;
font-weight: bold;
color: #444;
line-height: 250%;
}

div.interior #info-simposium div.agradecimientos p.firmado {
color: #444;
line-height: 250%;
font-size: 18px;
font-style: italic;
}


div.interior #info-simposium div.asi-fue {
clear: right;
float: right;
margin-left: 20px;
margin-bottom: 20px;
width: 350px;
font-size: 14px;
}

div.interior #info-simposium div.asi-fue li {
list-style-type: square;
list-style-position: inside;
line-height: 160%;
color: gray;
}


/* Cuestionario de satisfacción */

#contenido form .titular-campo {
font-weight: bold;
}

#contenido form .contenido-campo {
vertical-align: middle;
color: #AD0101;
margin-bottom: 1.5em;
padding-right: 5px;
}

#contenido form label {
margin-right: 1.5em;
font-weight: bold;
}

#contenido form .submit {
width: 100px;
}

/* Galería */

#contenido div.galeria ul.mini {
padding: 30px 0 0 35px;
overflow: auto;
background-color: #ccc;
}

#contenido div.galeria ul.mini li {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

#contenido div.galeria ul.mini li img {
padding: 7px;
background-color: #fff;
border: 1px solid #bbb;
}




/* --------------------- Lightbox ------------------ */

#lightbox{
	position: fixed;
	top: 15%;
	left: 0;
	width: 100%;
	z-index: 200;
	text-align: center;
	line-height: 0;
	color: #999;
}

#lightbox a {
	text-decoration: none;
	font-size: 12px;
	color: #fff;
}

#lightbox a:hover, 
#lightbox a:hover:visited {
	text-decoration: none;
	color: #fff;
	background-color: #333;
}

#lightbox a img{ 
	border: none; 
}

#closeLightboxContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #222;
	margin: 0 auto;
	height: 25px;
	border-top: 1px solid #777;
	border-right: 1px solid #777;
	border-left: 1px solid #777;
	position: relative;
	top: 1px;
	z-index: 202;
}

#closeLightboxContainer #bottomNav {
	text-align: right;  
	width: 100%;
	height: 25px;
}

#closeLightboxContainer #bottomNavClose { 
	display: block;
	height: 25px;
	line-height: 22px;
}	

#closeLightboxContainer #bottomNav a {
	color: #fff;
}

#closeLightboxContainer #bottomNav a span.equis {
	color: #f60;
	font-size: 14px;
	margin-right: 8px;
}
	
#closeLightboxContainer #bottomNav a:hover,
#closeLightboxContainer #bottomNav a:hover:visited {
	background-color: #555;
	color: #fff;
}

#closeLightboxContainer #bottomNav a:hover span.equis,
#closeLightboxContainer #bottomNav a:hover:visited span.equis {
	color: #ff9c00;
}

#outerImageContainer{
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background-color: #222;
	border: 1px solid #777;
	border-left: 1px solid #777;
	z-index: 201;
}

#imageContainer{
	padding: 0;
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 200;
}
	
#imageContainer>#hoverNav{ 
	left: 0;
}
	
#hoverNav a{ 
	outline: none;
}

#prevLinkHover, 
#nextLinkHover{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
	
#prevLinkHover { 
	left: 0; 
	float: left;
}
	
#nextLinkHover { 
	right: 0; 
	float: right;
}
	
#prevLinkHover:hover, 
#prevLinkHover:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
}
	
#nextLinkHover:hover, 
#nextLinkHover:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #222;
	margin: 0 auto;
	position: relative;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	border-left: 1px solid #777;
	position: relative;
	bottom: 1px;
	z-index: 202;
	text-align: left;
}

#imageData{
	padding:0 10px;
	text-align: center;
	height: 40px;
	z-index: 99;
}

#imageData #imageDetails{ 
	text-align: center; 
}
		
#imageData #caption{ 
	font-weight: bold;	
	line-height: 18px; 
	padding-top: 4px;
}

#imageData #numberDisplay{ 
	display: block; 
	clear: left;
	line-height: 18px;
	padding-bottom: 4px;
}

#galleryNavigation {
	width: 100%;
	position: absolute;
	height: 40px;
	text-align: left;
	z-index: 100;
}

#prevLink, #nextLink{
	width: 30%;
	height: 40px;
	line-height: 40px;
	display: block;
	position: absolute;
}
	
#prevLink { 
	left: 0; 
	text-align: center;
}
	
#nextLink { 
	right: 0; 
	text-align: center;
}

#overlay{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 199;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}