a:link { color: #000066; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none;}
a:visited { color: #000066; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none;}
a:hover { color:#0000CC; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none;}
a:active { color: #000066; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none;}
.texto { color:#000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.textobold { color:#000066; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
.texto2 { color:#0099CC; font-size: 14px; font-family:Geneva, Arial, Helvetica, sans-serif; text-decoration:none;}

.cabecera {
	position:relative;
	background-image:url(img/logorocamar.jpg);
	background-repeat:no-repeat;
	text-align:center;
	width:900px;
	height:100px;
	margin : 0 auto;
	padding : 0;
	z-index:0;
	border: 1px solid #CCCCCC;
}
.menu {
	position:relative;
	border: 1px solid #CCCCCC;
	color: #000000;
	text-align:center;
	width:900px;
	height:20px;
	margin : 0 auto;
	padding : 0;
	z-index:0;
}
#lateral {
	position:absolute;
	border: 1px solid #CCCCCC;
	width:200px;
	height:493px;
	top:281px;
	left:181px;
	margin : 0 auto;
	padding : 0;
	z-index:0;
}
#central {
	position:absolute;
	background-image:url(../img/portada.jpg);
	border: 1px solid #CCCCCC;
	width:700px;
	height:493px;
	top:281px;
	left:381px;
	margin : 0 auto;
	padding : 0;
	z-index:0;
}
.contedor {
	position:relative;
	text-align:center;
	width:900px;
	height:auto;
	margin : 0 auto;
	padding : 0;
	z-index:0;
	border: 1px solid #CCCCCC;
}
.creditos {
	color: #000000; 
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	position:relative;
	border: 1px solid #CCCCCC;
	text-align:center;
	vertical-align:text-bottom;
	width:900px;
	height:20px;
	margin : 0 auto;
	padding : 0;
	z-index:0;
}
/***********************************
	Pop
***********************************/

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

/***********************************
	Pop2
***********************************/

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