p {padding:0; margin:0;}
#desple {position: fixed; z-index:5;}
#menublind { background-color: #000; filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
 width: 200px; padding:10px 0px 10px 10px; }
#titulo {padding-top: 20px; text-align: center; height: 50px; background: transparent url('images/menudesplegable.png') top left no-repeat; width:250px;}

#titulo a{font-size: 16pt; margin:auto;  font-weight: bold; text-decoration: none;         color: #ccc;
        font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:justify;
	margin: 40px auto;
	text-transform: lowercase;
	line-height: 100%;
	font-variant: small-caps;} 


#menublind a {margin:auto;  font-weight: bold; text-decoration: none;         color: #ccc;
        font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:justify;
	margin: 40px auto;
	text-transform: lowercase;
	line-height: 100%;
	font-size: 10pt;
	font-variant: small-caps;} 

#menublind li a{
font-variant: lowercase; 
font-family: "Trebuchet MS", Garamond, Georgia; font-size: 12px; color: #ddd;letter-spacing: 5px;
padding-bottom: 25px;
/*
color: #ccc;
        font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:left;
	text-transform: lowercase;
	line-height: 100%;
	font-size: 10pt;
	font-variant: small-caps;
	padding-left: 5px;
	margin: 20px auto;
          */}
#menublind li:first-letter {
	    text-transform: uppercase;
   }


#menublind font{
        color: #ccc;
        font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:justify;
	margin: 40px auto;
text-transform: lowercase;
	font-size: 10pt;
	font-variant: small-caps;
          }
#menublind font:first-letter {
	    text-transform: uppercase;
   }

#menublind ul{list-style: none; color: #ddd;}
#menublind ul li:before {
	content: "\00BB \0020";
	}

h3 { color: #999;
        font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:justify;
	margin: 20px auto;
	text-transform: lowercase;
	line-height: 100%;
	font-size: 14pt;
	font-variant: small-caps; cursor: pointer;}

h3 p:first-letter {
	    text-transform: uppercase;
   }

h3:hover {border-right: 5px solid #999;}

h2 {display:inline;
	font-family: Gill Sans, Verdana;
	font-size: 10px;
	/*line-height: 14px;*/
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}

/***************************/
.detalle{overflow: hidden; width: 50px; height:50px; padding: 1px; border: 1px solid #000; margin: 5px 10px 5px 0px;}
.detalle img {float:right;}
.paleta{-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;  padding:3px; border: 1px solid #333; overflow: hidden; float:left;  width:30px; height: 200px; }

.webimage{ -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff; float:right; padding:3px; border: 1px solid #333; width: 450px; height: 200px; overflow: hidden;}

#detalles{
float:right; margin-top: 10px; border-left: 7px solid #999; padding-left:10px;}
#detalles a{text-decoration: none; letter-spacing:2px; padding: 0 5px 0 5px; color:#c03;}
#detalles a:hover {background: #c03; color: #fff; }


#with li  {
	padding: 3px 0 3px 0;
	}



/********* IMAGENES HOVER ********/
#content2 img {border: 1px solid #999; padding:3px; margin:0 5px 0 5px;}

#content2 ul {list-style: none; }
#content2 ul li {border: 1px solid #999; padding:3px; margin:0 5px 0 5px; list-style: none; position: relative;
display: inline;
float: left;
}

#fotos span{ display: none; position: absolute; }
#fotos a{display:block; text-indent: -5000px; position: absolute; outline: none; color: #b5eb01;}
#fotos a:hover{ background-position: bottom;}
#fotos a:hover span {display: block; }


#raquel1 {width: 288px; height: 460px; }
#raquel1 .raquel1 {background: transparent url('images/foto/raquelweb1.png') no-repeat top left; width: 288px; height: 460px;}

#raquel2 {width: 734px; height: 460px; }
#raquel2 .raquel2 {background: transparent url('images/foto/raquelweb2.png') no-repeat top left; width: 734px; height: 460px;}

#irene {width: 308px; height: 460px; }
#irene .irene {background: transparent url('images/foto/irene1.png') no-repeat top left; width: 308px; height: 460px;}


#tiergarten {width: 683px; height: 460px; }
#tiergarten .tiergarten {background: transparent url('images/foto/tiergarten.jpg') no-repeat top left; width: 683px; height: 460px;}

#raquel3 {width: 613px; height: 460px; }
#raquel3 .raquel3 {background: transparent url('images/foto/raquel3.jpg') no-repeat top left; width: 613px; height: 460px;}

#potsdamer {width: 615px; height: 460px; }
#potsdamer .potsdamer {background: transparent url('images/foto/potsdamer.jpg') no-repeat top left; width: 615px; height: 460px;}