html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

body {background:#202020 url(img/trama02.png); height:100%;}
a {cursor:pointer;}
div#loading {background-color:#A00; -moz-border-radius:5px; overflow:hidden; width:130px; position:absolute; left:5px; height:13px; top:30px; color:#fff; font-size:11px; font-weight:bold; padding:10px;}
div#headerInfo { z-index:100; background-color:#333; opacity:0.8; position:absolute; width:100%; height:24px; border-bottom: 1px dotted #555; font-family:Georgia; font-size:11px; top:0px; left:0px;}
div#headerInfo:hover {}
	div.credit {float:right;}
	div.headerBox {width:190px; color:#fff; height:18px; padding:6px 0 0 10px; background-color:#252525; float:left; margin:0 1px;}
	div.headerBox a {color:#fff;}
	div.headerBox a.accesoSubMenu img {width:20px; margin:-4px 8px 0 2px;float:left;}
	div.headerBox:hover ul {display:block;}
	div.headerBox ul {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-box-shadow:1px 3px 7px #111; -webkit-box-shadow: 0px 3px 7px #111; margin:7px 0 0 -11px; line-height:2em; width:200px; display:none; background-color:#252525; clear:both; border-bottom:1px dotted #555;border-right:1px dotted #555;border-left:1px dotted #555;}
	div.headerBox ul li {margin-left:10px;}
	div#headerBuscar input[type=text] {margin: 10px 4px 10px 0px; width: 170px; background:white url(img/buscar.png) no-repeat scroll 100% 1px;}
	div.headerBox#headerAyuda {width:24px;}
	div.headerBox#headerAyuda ul {width:480px;}
	div.headerBox#headerAyuda ul li {list-style-type:square; list-style-position:inside;}


div#visor {position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}
div#visor:hover {}
  div.contieneFotoAmpliada {position:absolute; float:left; z-index:1000;}
	div.contieneFotoAmpliada table {margin:0 auto;}
	div.contieneFotoAmpliada table td.aa {background: transparent url(img/aa.png) no-repeat right top; width:26px; height:25px; }
	div.contieneFotoAmpliada table td.zoom:hover {background: transparent url(img/aa-over.png); cursor:nw-resize;}
	div.contieneFotoAmpliada table td.nozoom:hover {cursor:not-allowed;}
	div.contieneFotoAmpliada table td.ab {background: transparent url(img/ab.png) repeat-x right top; border:px solid #fff; }
	div.contieneFotoAmpliada table td.ac {background: transparent url(img/ac.png) no-repeat left top; width:26px; border:px solid #fff; }
	div.contieneFotoAmpliada table td.ac.over {background: transparent url(img/ac-over.png) no-repeat left top; width:26px; border:px solid #fff; cursor:pointer;}
	div.contieneFotoAmpliada table td.ba {background: transparent url(img/ba.png) repeat-y right top; width:26px; border:px solid #fff; }
	div.contieneFotoAmpliada table td.bb {background-color: #fff; background-repeat:no-repeat;}
	div.contieneFotoAmpliada table td.bc {background: transparent url(img/bc.png) repeat-y left top; width:26px; border:px solid #fff; }
	div.contieneFotoAmpliada table td.ca {background: transparent url(img/ca.png) no-repeat right top; width:26px; height:50px; border:px solid #fff; }
	div.contieneFotoAmpliada table td.cb {background: transparent url(img/cb.png) repeat-x left top; border:px solid #fff; vertical-align:top; text-align:right; }
	div.contieneFotoAmpliada table td.cc {background: transparent url(img/cc.png) no-repeat left top; width:26px; border:px solid #fff; }

	div.contieneFotoAmpliada div.pieFoto {overflow:hidden; position:relative; height:38px;}
		div.contieneFotoAmpliada div.pieFoto p.pieTitulo { font-family: georgia, courier; font-size:16px; font-weight:bold; letter-spacing:0.1em; position:absolute; right:0; top:5px; }
		div.contieneFotoAmpliada div.pieFoto p.pieFecha { font-family:georgia, arial; font-size:11px; color:#A21; font-weight:bold;letter-spacing:0.2em; position:absolute; right:0px; top:21px;}

	div.contieneFotoAmpliada td.bb div.metaDatos {display:none; background:transparent url(img/trama.png); opacity:0.9; font-family:courier; font-size:15px; position:relative; width:100%; overflow-y:auto;}
	div.contieneFotoAmpliada td.bb div.metaDatos p { padding:10px;}
		div.contieneFotoAmpliada td.bb div.metaDatos p b { font-size:14px;}
		div.contieneFotoAmpliada td.bb div.metaDatos p a { color:#36A; text-decoration:none;}

div#pie {position:absolute; top:100%; width:100%; margin-top:-190px; background:#333 url(img/trama03.png); border:1px dotted #444;}
	div#pie:hover { }
	div#botonesExpositor {margin:0 auto; width:1036px;}
	div.botonExpositor {height:160px; width:90px;float:left;}
		div#botonAnterior {}
		div#botonAnterior.innactivo {background: transparent url(img/botonAnterior.png); cursor:normal; }
		div#botonAnterior.activo {background: transparent url(img/botonAnterior-activo.png); cursor:pointer; }
		div#botonAnterior.activo:hover {background: transparent url(img/botonAnterior-over.png);}

		div#botonPosterior {}
		div#botonPosterior.innactivo {background: transparent url(img/botonPosterior.png); cursor:normal; }
		div#botonPosterior.activo {background: transparent url(img/botonPosterior-activo.png); cursor:pointer; }
		div#botonPosterior.activo:hover {background: transparent url(img/botonPosterior-over.png); }

	div#contieneExpositor {height:160px; width:850px; overflow:hidden; position:relative; float:left;}
        div#expositorDeslizante {position:absolute; padding-left:25px;}
	    div#expositorDeslizante div.contieneMiniatura { float:left; border:2px solid #fff; height:156px; width:90px; overflow:hidden; margin: 0px 3px; position:relative; opacity:1.1; cursor:pointer;}
	      div#expositorDeslizante div.contieneMiniatura:hover {opacity:1;}

    div#paginador {color:#554; font-size:10px; text-align:center; font-family:verdana; clear:both; position:absolute; width:100%; top:167px; letter-spacing:0.2em;}