body { background-color:#777f81; text-align:center;}
 html {scrollbar-base-color: #666; scrollbar-arrow-color: #000;}
h1 {  
	font-size:1.5em;
	margin:.3em;
	 color: #c5c5c5;}
	 
a:link { 
color:#ddd;
text-decoration:none;  


}
a:visited {
color:#ddd;	
	text-decoration:none;} 
a:hover 
 {color: #fe6114;
}
p { text-align:justify;}
#wrapper { width:95%; width: 800px;margin:0 auto;  }
#top { text-align:center; margin-bottom:1em;color: #c5c5c5;}
#left { float:left; width:310px; height:550px; overflow:auto;border: 1px solid #eaeaea; }
#left-c {font-size:90%; padding:1.5em;}
#footer { color:#CCCCCC; clear:both; }
.a, .a:visited {color:#000;}
#galeria { float:right; width:450px; height:550px; background:#777f81;  margin:0 auto; border:1px solid #eaeaea;
  }
#galeria b {font-weight:normal; width:450px; text-align:center; position:relative; bottom:65px; left:33px; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none;  width:75px; height:75px; float:left; margin:7px ; position:relative; cursor:default;}

a.slidea {background: url(images/pintura-oleo-1th.jpg);background-repeat:no-repeat;}
a.slideb {background: url(images/pintura-oleo-2th.jpg);background-repeat:no-repeat;}
a.slidec {background: url(images/pintura-oleo-3th.jpg);background-repeat:no-repeat;}
a.slided {background: url(images/pintura-oleo-4th.jpg);background-repeat:no-repeat;}
a.slidee {background: url(images/pintura-oleo-5th.jpg);background-repeat:no-repeat;}


a.gallery span {visibility:hidden; display:block; position:absolute; width:380px; height:420px; top:189px; left:9px; color:#000;  text-align:center;  font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slidea span {left:0; top:120px;}
a.slideb span {left:-86px; top:120px;}
a.slidec span {left:-174px; top:120px;}
a.slided span {left:-263px; top:120px;}
a.slidee span {left:-332px; top:99px;}

a.gallery:hover {white-space:normal; border:1px solid #000; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:2px solid #000; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid red; position:relative; margin:10px; z-index:10;}

.copy{ position:  relative;margin:0 auto;color:#333; text-align: justify; font-size:90%; top:110px; width:280px; }