#contenedor{
margin: 0px auto;
z-index:2;
}

#lista{
float:left;
width:25%;
}

#imaggrande{
z-index:6;
width:75%;
}

#imaggrande2{
z-index:6;
width:75%;
}

ul.galeria {
list-style: none;
text-align:left;
}

ul.galeria li a {
float:left;
padding: 2% 2% 2% 2%;
border:hidden;
}


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color: #DCCFB6;
  display:none;
  z-index:99000;
}
  
#boxes .window {
  position:absolute;
  left:0;
  display:none;
  z-index:99001;
  padding:20px;
  }

#boxes #dialog {
    -moz-border-radius:55px 55px 55px;
-webkit-border-radius: 55px 55px 55px;
opacity:0.9;
filter:alpha(opacity=90);
-moz-opacity: .90;
text-align:center;
margin: 0 auto;
position: fixed;
margin-top:0px;
}

#boxes #dialog h1{
color:#333333;
font-size:24px;
line-height:0px;
}

#boxes #dialog p{
line-height:12px;
font-size:12px;
}


#boxes #dialog1 {
  width:80%; 
  height:auto;
  background-color: #669999;

background-image: url(imag/body2.png);
background-repeat:repeat;
padding:20px;
opacity:0.9;
filter:alpha(opacity=90);
-moz-opacity: .90;
text-align:center;
margin: 0 auto;
margin-top:50px;

}

#boxes #dialog1 h1{
color:#333333;
font-size:24px;
line-height:0px;
}

#boxes #dialog1 p{
line-height:14px;
}

#boxes #dialog3 {
  width:80%; 
  height:auto;
  background-color: #669999;
  -moz-border-radius:55px 55px 55px;
-webkit-border-radius: 55px 55px 55px;
background-image: url(imag/body5.png);
background-repeat:repeat;
padding:20px;
opacity:0.9;
filter:alpha(opacity=90);
-moz-opacity: .90;
text-align:center;
margin: 0 auto;
margin-top:50px;

}

#boxes #dialog3 h1{
color:#333333;
font-size:24px;
line-height:0px;
}

#boxes #dialog3 p{
line-height:14px;
}

.close{
display:block;
text-align:right;
font-family: 'Josefin Slab', serif;
font-size:24px;
}

.close:hover{
color:#FFFFFF;
}