/* CSS Document */

/*a.xmenu2, */
body {
	color: black;
	background-color: #EDEDED;
	background-color: white;
	background-image: url("../img/ruidera.jpg");
	}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: thick;
	margin: 20px;
	color: #333333;
	background-color: transparent;
	}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: thick;
	margin: 20px;
	color: #333333;
	background-color: #F1F1EE;
	}

a {
	color: ;
	background-color: transparent;
	}

#intro {
	position: absolute;
	top: 8px;
	left: 127px;
	display: none;
	}

#titulo-bienvenida {
	position: absolute;
	top: 180px;
	left: 219px;
	display: none;
	}

#texto-index {
	border-style: double;
	border-width: medium;
	border-color: #999999;
	background-color: #F1F1EE;
	padding: 10px 20px 10px 20px;
	margin: 0;
	position: absolute;
	top: 210px;
	left: 203px;
	width: 595px;
	height: 325px;
	}

#menu-estilos {
	position: absolute;
	top: 25px;
	left: 890px;
	}

#lista {
  position: absolute;
  top: 60px;
  left: 115px;
  padding:0;
  margin:5em 0;
  list-style-type:none; 
  color: black;
  background-color: white;
  }
#lista li {
  width:150px; 
  height:40px; 
  float:left;
  border:1px solid #000;
  margin-right:2px;
  }
#lista a em {
  font-style:normal; 
  font-size:1em; 
  font-family: Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  line-height: 250%;
  text-align: center;
  }
#lista a {
  text-decoration:none;
  color:#000;
  background-color:#FFFFFF;
  position:absolute; 
  width:150px; 
  height:40px; 
  display:block;
  text-align:center;
  }
#lista a.red {background-color: #CCCCCC ; color: #FFFFFF;}
#lista a.orange {background-color: #999999; color: #000000;}
#lista a.yellow {background-color: #666666; color: #FFFFFF;}
#lista a.green {background-color: #999999; color: #000000;}
#lista a.blue {background-color: #CCCCCC; color: #FFFFFF;}
#lista a:hover {
  width:240px; 
  height:56px;
  z-index:200;
  background:#aaa;
  }
#lista a:hover em {
  font-size:1.5em;
  text-align: center;
  line-height:1.1em;
  line-height: 200%;
  overflow:hidden;
  cursor:pointer;
  background:#fff; 
  border:1px solid #000;
  position:absolute; 
  width:240px; 
  height:50px;
  left:-12px; 
  top:-8px;
  }
#lista a:hover.red em {background-color: #CCCCCC;}
#lista a:hover.orange em {background-color: #999999;}
#lista a:hover.yellow em {background-color: #666666;}
#lista a:hover.green em {background-color: #999999;}
#lista a:hover.blue em {background-color: #CCCCCC;}

/* Inset 3D Raised */
.raised {background: transparent; width:40%; position: absolute; top: 25px; left: 300px;}
.raised h1, .raised p {margin:0 10px; text-align: center;}
.raised h1 {font-size:2em; color:#fff;}
.raised p {padding-bottom:0.5em;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}