#slantedmenu{
float:left;
font-weight: bold;
font-size: 70%;
width: 760;
margin-top: 65;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: right;
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li2{ /*Artificial para quitar la ultima barra gif*/
display: inline;
}

#slantedmenu ul li2 a{
color: #999999;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
}

#slantedmenu ul li a{
color: #999999;
padding: 3px 0;
padding-right: 12px;
padding-left: 12px;
text-decoration: none;
/*background: transparent url(../Images/slantdivider.gif) top right no-repeat;*/
}

#slantedmenu ul li a:visited{
color: #999999;
} 

#slantedmenu ul li a:hover{
/*color: #990100;*/
background-color: #bebebe;
}

/*----------------------------------------------------------------------------*/

#contenedor_principal {
	width:760px; /*ancho total de la pagina*/ 
	height:510px;
	/*border:1px solid #000000; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/
  position: relative;
  top: 0px;
  left: 0px;
  background-image: url('../Images/lateral.jpg');
  background-repeat: no-repeat;
	margin: 0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
  /*background-color: grey;*/
}

#contenedor_titulo_1{ /**/
  float:left;
  height:40;
  width:234;
  text-align: right;
  font-size: 200%;
  font-weight: bold;
  color: #FFFFFF;
  position: relative; /*Posicion dentro del contenedor*/
  top: 60px;
  /*border:1px solid #000000; /*Desmarcar para ver el recuadro que ocupa*/
}

#contenedor_titulo_2{
  float: right;
  height:40;
  width:517;
  text-align: left;
  font-size: 200%;
  font-weight: bold;
  color: #990100;
  position: relative; /*Posicion dentro del contenedor*/
  top: 60px;
  /*border: 1px solid #000000; /*Desmarcar para ver el recuadro que ocupa*/
}

#contenedor_arx_dioc{
  float: right;
  height:30;
  width:300;
  text-align: right;
  font-size: 130%;
  font-weight: bold;
  color: #990100;
  position: absolute; /*Posicion dentro del contenedor*/
  top: 190px;
  right: 250px;
  /*border: 1px solid #000000; /*Desmarcar para ver el recuadro que ocupa*/
}

#contenedor_arx_dioc_foto{
  float: left;
  height:50;
  width:50;
  position: absolute; /*Posicion dentro del contenedor*/
  top: 175px;
  right: 180px;
  /*border: 1px solid #000000; /*Desmarcar para ver el recuadro que ocupa*/
}

#contenedor_biblio{
  float: right;
  height:30;
  width:300;
  text-align: right;
  font-size: 130%;
  font-weight: bold;
  color: #990100;
  position: absolute; /*Posicion dentro del contenedor*/
  top: 250px;
  right: 250px;
  /*border: 1px solid #000000; /*Desmarcar para ver el recuadro que ocupa*/
}

#contenedor_biblio_foto{
  float: right;
  height:50;
  width:50;
  position: absolute; /*Posicion dentro del contenedor*/
  top: 240px;
  right: 180px;
  /*border: 1px solid #000000; /*Desmarcar para ver el recuadro que ocupa*/
}

#contenedor_arx_virt{
  float: right;
  height:30;
  width:300;
  text-align: right;
  font-size: 130%;
  font-weight: bold;
  color: #990100;
  position: absolute; /*Posicion dentro del contenedor*/
  top: 305px;
  right: 250px;
  /*border: 1px solid #000000; /*Desmarcar para ver el recuadro que ocupa*/
}
#contenedor_reglament{
  float: right;
  height:30;
  width:300;
  text-align: right;
  font-size: 130%;
  font-weight: bold;
  color: #990100;
  position: absolute; /*Posicion dentro del contenedor*/
  top: 360px;
  right: 250px;
  /*border: 1px solid #000000; /*Desmarcar para ver el recuadro que ocupa*/
}


#contenedor_bandera{
  float: right;
  height: 45;
  width: 45;
  position: relative;
  top: 300px;
  right: 10px;
}

.class1 A:link {text-decoration: none; color:#999999;}
.class1 A:visited {text-decoration: none; color:#999999;}
.class1 A:active {text-decoration: none; color:#999999;}
.class1 A:hover {text-decoration: underline overline; color: #990100;}