/* Cuerpo de la Pagina */
body { background-color: white; font-family: arial, sans-serif; font-size: 15px; text-align: center; margin-top: 0.2em; }
.h { color: #3366cc; }
.q { color: #00c; }

ul { margin-left: 30%; text-align: left; }
#header { text-align: right; margin-top: 0em; font-size: 14px; }
/* #header a { color: #000; text-decoration: none; } */
#buscador { margin: auto; height: 80px; width: 550px; }

/* Para las preferencias del buscador */
/* Aplicamos los mismos criterios que con el locale del logo */
/* La unica pega es que no se redimensiona el bloque buscador */
/* La clave esta en height: 0px; problemas por culpa del IE */
#buscador-preferences { text-align: left; font-size: 10px; position: relative; height: 0px; left: 470px; }
#buscador-logo { margin: auto; background: url(../images/logo_plain.png) no-repeat; height: 110px; width: 276px; margin-top: 0.3em; margin-bottom: 1em; }
#buscador-locale { text-align: left; color: #6f6f6f; font-size: 16px; font-weight: bold; position: relative; left: 208px; top: 78px; }

/* Valores por defecto para un recuadro */
/* .box { border: dotted 1px #ccf; padding: 0.5em; margin: auto; margin-top: 1em; background-color: #EFFAFF; width: 50%; } */
.box { border: dotted 1px #ccf; padding: 0.5em; margin: auto; background-color: #EFFAFF; }

/* Tipos de recuadro */
#logotipo { background-color: #eef; background-color: #2F2F27; width: 40%; }
#logotipo img { width: 80%; }
#advertencia { background: url(../images/RadiationSymbol.gif) no-repeat 50% #eef; padding: 1.5em; width: 70%; }

/* #descripcion { background-color: #EFFAFF; width: 80%; font-size: 15px; margin-top: 3em; } */
#descripcion { background-color: #EFFAFF; font-size: 15px; width: 40%; }
#descripcion p { margin: 6px; }

#contacto { border: dashed 1px #ccf; width: 45%;}
#footer { font-size: 10px; }
#footer a:link, #footer a:visited { color: white; }
#footer img { border: 0; /*margin-top: 1em;*/ }
#elegante { background-color: black; color: #EFFAFF; /*#EFFAFF*//*#2F2F27*/}
#elegante a { color: #EFFAFF; text-decoration: none; }

/* Estilo para la galeria */
.gallery .box { /*width: 578px;*/ /*height: 275px;*/ text-align: left; position: relative; margin: auto; background-color: black; /*#dce6eb*/ border: 0;}
.gallery { width: 635px; width: 578px; text-align: left; position: relative; margin: auto; }
.gallery ul { padding: 0; margin: 0; list-style: none; width: 635px; height: auto; position: relative; z-index: 10; }
.gallery ul li { display: inline; width: 112px; height: 87px; float: left; /*border: 1px solid #fff; border: 1px solid blue;*/ margin: 1px; }
.gallery ul li a { display: block; width: 110px; height: 85px; cursor: default; float: left; text-decoration: none; /*background: #444; background: yellow;*/ /*border: 1px solid red;*/ border: 0; }
.gallery ul li a img { display: block; width: 109px; height: 84px; /*border: 5px solid black;*/ border:0; }

.gallery ul li a:hover, .gallery ul li:hover a:hover { white-space: normal; position: relative; }
.gallery ul li a:hover img, .gallery ul li:hover a:hover img { position: absolute; left: -50px; top: -32px; width: 220px; height: 170px;  border-color: black; }

/* Comentarios de las imagenes */
.gallery a span { display: none; }
.gallery ul li a:hover span.left, .gallery ul li a:hover span.right { width: 8px; height: 16px; width: 0; height: 0; }
.gallery ul li a:hover span.lk { display: inline; position: absolute; left: -150px; top: -65px; padding: 5px; width: 400px; background-color: #fff; color: #000; border: 1px solid #234; }