body {
  background-color:#000;
  padding:0px;
  margin:0px;
}

.titulo
{
  font-family:"Monotype Corsiva";
  font-weight:bold;
  text-shadow:#000000;
  font-size:40px;
}

p
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}

.menu {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  color:#FFFFFF;
  background-color:#00586A;
  border:1px solid #FF9900;
}

.menu a {
  color:#FFFFFF;
  text-decoration:none;
  text-shadow:#0033CC;
}

.menu a:hover {
  color:#FF9900;
}

.footer {
  background-color:#e4f8ff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#000;
  text-align:center;
  padding:10px;
}

.footer a {
 color:#000;
 text-decoration:none;
}

.footer a:hover {
 color:#003366;
}

.contenido
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000;
  background-color:#FFFFFF;
  padding:5px;  
/*  border:2px solid #993300;*/
  
}


.bevelmenu{
list-style-type: none;
margin-left:4px;
padding: 0px;
width: 85px;
}

.bevelmenu li a{
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
background-color: #7D0103;
border: 2px solid #fff;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-style: outset;
font-size:11px;
margin-bottom:10px;
color: white;
text-align:center;
}

.bevelmenu li a:hover{
color: white;
background-color: #C40207;
border-style: inset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect (non IE browsers only) */
border-style: inset;
}