body { margin:0; padding:0 20px; background-color:black; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; }
a { text-decoration:none; color:white; }
a:hover { text-decoration:underline; }
h1, h2, h3 { margin:0; padding:0; }
h2, h3 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
h2 { font-size:24px; }
h3 { font-size:18px; }
img { border:0; }
hr { display:none; }

.clear { clear:both; }
div.hr { border-bottom:1px dotted #404040; margin:12px 0; }

#envoltura { margin:0 auto; width:910px; }
#cabecera { height:62px; background:url(imagenes/cabecera-fondo.gif) repeat-x left bottom; position:relative; }
#cuerpo { margin:12px 0; }
#pie { padding:13px 0 8px 0; background:url(imagenes/cabecera-fondo.gif) repeat-x left top; color:#CCCCCC; font-size:11px; position:relative; }

/* cabecera */
#cabecera a { position:absolute; }
h1#logo a { background:url(imagenes/logo.gif) no-repeat; width:170px; height:30px; display:block; top:22px; }
h1#logo a span { display:none; }
a#todas { right:1px; bottom:10px; font-weight:bold; }

/* cuerpo */
#principal { float:left; width:508px; height:383px; border:1px solid #212121; text-align:center; border-right:1px solid #212121; background:url(imagenes/ajax-loader.gif) no-repeat center; }
#principal img { margin:5px 0; }

#lado-der { float:right; width:399px; height:383px; border:1px solid #212121; border-left:none; }
#lado-der .info { height:253px; padding:10px; overflow-y:auto; }
#lado-der .info .datos { line-height:1.6em; }
#lado-der .info span,
#lado-der .lista li a,
#galerias .item span
{ color:#CCCCCC; }
#lado-der .lista { background-color:#212121; padding:10px; height:90px; overflow-y:auto; }
#lado-der .lista ul, #lado-der .lista li { list-style:none; margin:0; padding:2px 0 1px 10px; }

#scroll { height:81px; position:relative; margin-top:14px; }
#scroll a.izq, #scroll a.der { position:absolute; width:22px; height:81px; }
#scroll a.izq { left:0; background:url(imagenes/boton-izq.gif) no-repeat; }
#scroll a.der { right:0; background:url(imagenes/boton-der.gif) no-repeat; }
#fotitos { position:absolute; left:27px; overflow:hidden; width:860px; height:inherit; }
#fotitos a img { float:left; border:3px solid #212121; margin-right:5px; }
#fotitos a:hover img { border:3px solid #CCCCCC; }

#pie strong{ color:white; }
strong#gs a { background:url(imagenes/logo-gs.gif) no-repeat; width:18px; height:21px; display:block; position:absolute; right:0; top:7px; }
strong#gs span { display:none; }

#galerias .top { position:relative; }

.top ul, .top li
{ margin:0; padding:0; list-style:none; }
.top ul { position:absolute; right:0; top:12px; }
.top li { float:left; }
.top li a { display:block; border:1px solid black; padding:6px 20px 6px 10px; font-weight:bold; background:url(imagenes/flecha.gif) no-repeat 75px 6px; }
.top li:hover a, .top li.sfhover a { color:white; background-color:#313131; border-color:#777777; text-decoration:none; }

.top li ul { position:absolute; left:-999em; top:26px; width:92px; border:1px solid #777777; border-top:none; }
.top li:hover ul, .top li.sfhover ul { left:auto; }
.top li li { float:none; display:inline; }
.top li li a { border:none; padding:4px 10px; font-weight:normal; background-image:none; }
.top li li a:hover { background:black; }

#galerias .item { float:left; margin-right:10px; text-align:center; width:220px; margin-bottom:12px; }
#galerias .item a img { border:3px solid #212121; }
#galerias .item a:hover img { border:3px solid #CCCCCC; }

#paginacion { margin:14px 0 4px 0; text-align:center; }
#paginacion span, #paginacion a{ padding:2px 6px; margin-left:1px; font-weight:bold; text-decoration:none; }
#paginacion span { border:1px solid #222222; color:#222222; }
#paginacion span#actual { color:#222222; background:#CCCCCC; border:1px solid #CCCCCC; }
#paginacion a { border:1px solid #222222; color:white; background:#222222; }
#paginacion a:hover { color:#CCCCCC; border:2px solid #CCCCCC; padding:1px 5px; text-decoration:none; }