/************** body styles *************
html { overflow:hidden; height:100%
}*/
 
 body {
	margin: 0px;
	overflow:auto;
	width:100%;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;

}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	color: #333333;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	color: #666666;
}

a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #666;
	text-decoration: none;
}


/** Texto **/
.gray {
	color: #666666;
}
.h1 {
	font-family:"Times New Roman", Times, serif;
	font-size: 20px;
	color: #F38D76;	
}
.h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #666;	
}
.h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #666;	
}
.h4 {
	color: #643b31;
	font-style:italic;
}


.smalltext_wh {
	font-size: 9px;
	color: #ffffff;
	
}
.smalltext_wh a:link{
	color: #ffffff;
	
}
.smalltext_wh a:hover{
 	text-decoration: underline;
}
.smalltext_wh a:visited{
	color: #ffffff;
	
}
.smalltext_wh_inte {
	font-size: 9px;
	color: #666;
	
}
.smalltext_wh_inte a:link{
	color: #666;
	
}
.smalltext_wh_inte a:hover{
 	text-decoration: underline;
}
.smalltext_wh_inte a:visited{
	color: #666;
	
}


/** Tablas **/
.caja_texto {
	margin: 55px 20px 20px 60px;
	width: 440 px;
}
.mn_izq {
	margin: 30px 0px 50px 0px;
	width: 280 px;	
}


/** Objetos **/
.img{
	border:solid 1px #FFFFFF;
}





/** Menú **/





#menu {
width:450px; 
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
padding:0;
margin:0;
list-style-type:none;
}
#menu ul ul {
width:100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
float:left;
width:100px;
position:relative;
}
/* style the links for the top level */
#menu a, .menu a:visited {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none; 
color:#fff; 
width:100px; 
height:30px;
border-left: solid 1px #000000;
border-bottom:solid 1px #000000;
border-right: solid 1px #000000;
background:#000; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:100px;
w\idth:100px;
}

/* style the second level background */
#menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d4d8bd;

}
/* style the second level hover */
#menu ul ul a.drop:hover{
background:#c9ba65;
}
#menu ul ul :hover > a.drop {
background:#c9ba65;
}
/*#menu ul li {
top:1px;
}*/



/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:100px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}



/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0;}

/* style the second level links */
#menu ul ul a, .menu ul ul a:visited {
background:#fff; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:90px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:100px;
w\idth:100px;
}


/* style the top level hover */
#menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#000000;
}
#menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#000000;
}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ 
visibility:visible;
}


.buttonscontainer {width: 230px;}

.buttons a {color: #ffffff;
background-color: #000000;
padding: 2px;
padding-left: 0px;
display: block;
font: 9px Verdana;
font-weight: bold;
text-decoration: none;
text-align: right;
margin-right:15px;}

.buttons a:hover {background-color: #0b0b0b;
color: #ffffff;
text-decoration: none;}
.buttons a {
text-decoration: none;}

/*galerias*/

#menu2 {
  margin:0; 
  padding:0; 
   
  overflow:hidden; 
  background:#ffffff;
  }
#menu2 li {
  list-style-type: none; 
  float:left; 
  display:block; 
  width:400px;
  }
#menu2 li a {
  display:block; 
  text-decoration:none; 
  color:#000; 
  margin:0; 
  width:80%;
  }
#menu2 li a span {
  display:none; 
  color:#999;
  }
#menu2 li a.one span {
  display:block; 
  height:15em; 
  margin:0 30px;
  }
#menu2 li a:hover {
  background:#FBEEE9;
  }
#menu2 li a:hover span {
  display:block; 
  height:20em; 
  margin:0 30px; 
  cursor: pointer;
  }
#menu2 .titulo {
  margin:0 5px; 
  padding:0; 
  color:#666;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  
  }
#menu2 .subtitulo {
  margin:0 5px; 
  padding:0; 
  font-size:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  color:#666;
  }
#menu2 img {
  margin:5px 5px 5px 0; 
  border:none; 
  float:left;
  }
.curved {
  width:21;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#fff; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
  }
.curved .b1 {
  margin:0 4px; 
  background:#fff;
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px; 
  margin:0;
  }
.curved .c1 {
  margin:0 5px; 
  background:#fff;
  }
.curved .c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px; 
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block; 
  background:transparent; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff; 
  font-size:0.9em; 
  text-align:justify;
  }
  
  
  
  
  
  /* Menu flotante */
  
  
  

.textos_int {
 padding:0 10px 0 10px; 
 margin:55px 20px 20px 60px; 
}

div.lateral {
position: absolute; 
display:block; 
top:550px;

width:230px; 
height:200px; 
background:transparent; 
z-index:50;}

td>div.lateral {position: fixed}




div.lateral a, div.lateral a:link {
display:block; 
width:230px; 
height:35px; 
color:#000; 
background:transparent; 
text-decoration:none; 
border:none; 
text-align:right; 
line-height:25px; 
margin-top:5px;}

div.lateral a:visited {
display:block; 
width:230px; 
height:35px; 
color:#000; 
background:transparent;}

div.lateral a:hover {
color:#000;
background:transparent;}

div.lateral a:active {
color:#c00; 
background:transparent;}

.texto_interno {
width:400px; 
text-align:justify;}



 /* imagenes saltantes */
  


<style type="text/css">

#info {position:relative;}

#magnifier {
display:inline; 
position:relative; 
width:68px; 
height:106px; 
background: url(/img/obra/agrandar_imagen.gif) top left no-repeat; 
margin:0 20px 10px 0; 
 
float:left;}

#magnifier img {
position:absolute; 
width:68px; 
height:106px; 
top:11px; 
left:-100px;}

#magnifier ul {
padding:0; 
border:0; 
margin:0; 
list-style-type:none;}

#magnifier a {
display:block; 
width:20px; 
height:20px;}

#magnifier li {
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	top:0;
	background:transparent;
	left: 10px;
}

#magnifier li.one {
left:0;}

#magnifier li:hover {
width:20px; 
height:20px;}

#magnifier li.one:hover img {width:68px; height:106px;}
#magnifier li.two:hover img {width:88px; height:137px;}
#magnifier li.three:hover img {width:108px; height:168px;}
#magnifier li.four:hover img {width:128px; height:199px;}
#magnifier li.five:hover img {width:148px; height:230px;}
#magnifier li.six:hover img {width:168px; height:261px;}
#magnifier li.seven:hover img {width:188px; height:293px;}
#magnifier li.eight:hover img {width:208px; height:324px;}
#magnifier li.nine:hover img {width:228px; height:355px;}
#magnifier li.ten:hover img {width:248px; height:386px;}
#magnifier li.eleven:hover img {width:68px; height:106px;}


#magnifier table {border:0; padding:0; margin:0; border-collapse:collapse;}


</style>

[if lte IE 6]>
<style type="text/css">
#magnifier a:hover {border:0;}

#magnifier a.aone:hover img {width:68px; height:106px;}
#magnifier a.atwo:hover img {width:88px; height:137px;}
#magnifier a.athree:hover img {width:108px; height:168px;}
#magnifier a.afour:hover img {width:128px; height:199px;}
#magnifier a.afive:hover img {width:148px; height:230px;}
#magnifier a.asix:hover img {width:168px; height:261px;}
#magnifier a.aseven:hover img {width:188px; height:293px;}
#magnifier a.aeight:hover img {width:208px; height:324px;}
#magnifier a.anine:hover img {width:228px; height:355px;}
#magnifier a.aten:hover img {width:248px; height:386px;}
#magnifier a.aeleven:hover img {width:68px; height:106px;}

</style>
<![endif]