/* CSS Document */
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:65px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../galeria/1.jpg);}
a.slideb {background:url(../galeria/2.jpg);}
a.slidec {background:url(../galeria/3.jpg);}
a.slided {background:url(../galeria/4.jpg);}
a.slidee {background:url(../galeria/5.jpg);}
a.slidef {background:url(../galeria/6.jpg);}
a.slideg {background:url(../galeria/7.jpg);}
a.slideh {background:url(../galeria/8.jpg);}
a.slidei {background:url(../galeria/9.jpg);}
a.slidej {background:url(../galeria/10.jpg);}
a.slidek {background:url(../galeria/11.jpg);}
a.slidel {background:url(../galeria/12.jpg);}
a.slidem {background:url(../galeria/13.jpg);}
a.sliden {background:url(../galeria/14.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

a.slidea em {background:url(../galeria/1.jpg) no-repeat;}
a.slideb em {background:url(../galeria/2.jpg) no-repeat;}
a.slidec em {background:url(../galeria/3.jpg) no-repeat;}
a.slided em {background:url(../galeria/4.jpg) no-repeat;}
a.slidee em {background:url(../galeria/5.jpg) no-repeat;}
a.slidef em {background:url(../galeria/6.jpg) no-repeat;}
a.slideg em {background:url(../galeria/7.jpg) no-repeat;}
a.slideh em {background:url(../galeria/8.jpg) no-repeat;}
a.slidei em {background:url(../galeria/9.jpg) no-repeat;}
a.slidej em {background:url(../galeria/10.jpg) no-repeat;}
a.slidek em {background:url(../galeria/11.jpg) no-repeat;}
a.slidel em {background:url(../galeria/12.jpg) no-repeat;}
a.slidem em {background:url(../galeria/13.jpg) no-repeat;}
a.sliden em {background:url(../galeria/14.jpg) no-repeat;}

/* styling for RIGHT gallery */
#container_right {position:relative; width:700px; height:320px; background:#cc9933; border:1px solid #a49188; margin:1em auto;}
#container_right img {border:0;}
#container_right .thumbs {width:250px; position:absolute; right:0; top:0;}
#container_right a.gallery:hover span {display:block; position:absolute; width:450px; height:50px; top:350px; left:-430px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:400px; height:260px; top:5px; left:-425px; color:#000; padding: 0; border-bottom: 30px solid #ffffff;  border-top:5px solid #ffffff; 
                                                                           border-right:5px solid #ffffff;border-left:5px solid #ffffff; z-index:50;}
#container_right h1 { float:left;  margin:0; padding-top:60px; padding-left: 150px; width:200px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_right h1 em {font-size:0.6em; color:#000;}