/* CSS Document */

body{
background: url(fondo.gif) top left repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
margin:0px;
padding:0px;
}

a.galleryx{

	font-family:Verdana;
font-size:10pt;
color:#00248F;
font-weight:Bold;
text-decoration:underline;
}

a.galleryx:HOVER{
font-family:Verdana;
font-size:10pt;
color:#00248F;
font-weight:bold;
text-decoration:none;

}

.galeria{
font-size:14pt;
color:#cccccc;
font-weight:Bold;

}




/* Menu */

#tabs {
      float:left;
      width:760px;
      background:#FFFFFF;
      font-size:10px;
      line-height:normal;
	  font-weight:bold
      }
    #tabs ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFFFFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }


/* Fin menu */

/* Galerías de imágenes */
/* 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:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(final1.jpg);}
a.slideb {background:url(london/thumb3.jpg);}
a.slidec {background:url(london/thumb4.jpg);}
a.slided {background:url(london/thumb5.jpg);}
a.slidee {background:url(london/thumb6.jpg);}
a.slidef {background:url(london/thumb7.jpg);}
a.slideg {background:url(london/thumb8.jpg);}
a.slideh {background:url(london/thumb9.jpg);}
a.slidei {background:url(london/thumb10.jpg);}
a.slidej {background:url(london/thumb11.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}


/* Galeria */
#container_top {position:relative; width:425px; height:475px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
#container_top img {border:0;}
#container_top .thumbs {position:absolute; left:0; top:0;}
#container_top a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:110px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_top a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:402px; height:300px; top:160px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_top h1 {clear:both; margin:0; padding-top:200px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_top h1 em {font-size:0.6em; color:#000;}

/* Fin Galerías */