body{
	text-align: center;
	background-color: #efefef;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#espacio{
	width: 600px;
	height: 120px;
}

#contenedor{
	width: 573px;
	background-color: #fff;
	padding: 25px 25px 20px 0;
	border: solid 1px #ccc;
	margin: auto;
	overflow: hidden;
}

#contenedor-popup{
	width: 400px;
	background-color: #fff;
	padding: 25px 25px 20px 0;
	border: solid 1px #ccc;
	margin: auto;
	overflow: hidden;
}

#head{
	width: 600px;
	height: 40px;
	background: url(img/logo.gif) no-repeat;
	margin: auto;
}

#menu{
	width: 199px;
	float: left;
	text-align: left;
	height: 100%;
	margin: auto;
}

#contenido{
	width: 324px;
	float: left;
	text-align: left;
	padding-left: 50px;
	margin: auto;
}

#pie{
	width: 600px;
	font-size: 8pt;
	text-align: right;
	margin-top: 10px;
	margin: auto;
}

#pie a{
	font-size: 8pt;
}

li{
	list-style: none;
	font-size: 8pt;
}

h1{
	font-weight: bold;
	font-size: 10pt;
	color: #666;
}

h2{
	font-weight: bold;
	font-size: 8pt;
	color: #000;
}

p{
	font-size: 8pt;
	line-height: 20px;
}

a{
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	color: #000;
	line-height: 20px;
}

a:hover{
	text-decoration: line-through;
}

/* popup img */

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}