@charset "UTF-8";
/* CSS Document */

html, body {
	height:100%;

}
body {
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(img/background.jpg);
	background-attachment:fixed;
	font-family:Arial,Verdana,Lucida Grande,Lucida Sans Unicode,Calibri,sans-serif;
	font-size:14px;
	line-height:18px;
	color:#000000;
}


#contenido {
	background:#FC6;
	background: url("img/back2.png") no-repeat;
	text-align: justify;
	color: #63F;
	padding: 0px 30px 0px 30px;
	height: 450px;
	width: 900px;
	margin: auto;
}


#textos {
	font-family:Arial, Helvetica, sans-serif;
	margin: 70px 20px 20px 250px;
	font-size: 0.9em;
	color:#300;
	}

h1, h2, h3, h4 {
	font-family:Tahoma, Geneva, sans-serif;
	color:#fff;
	line-height: 1em;
	text-align:right;
	text-shadow:#630;
}


#menu {
  float:left;
  list-style: none;
  padding: 0px;
  margin: 0px  0px 0px 150px;
  width: 166px;
  height: 488px;
  position: relative;
}

#menui {
  float:right;
  list-style: none;
  padding: 0;
  margin: 0px  150px 0px 0px;
  width: 166px;
  height: 488px;
  position: relative;
}

#menu span {
  display: none;
  position: absolute;
}
#menui span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menui a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position:right;
}
#menui a:hover {
  background-position:right;
}

#menu a:hover span {
  display: block;
}
#menui a:hover span {
  display: block;
}
#menu .m0 {
  width: 166px;
  height: 109px;
  background: url(img/menuc0.png) no-repeat;
  left: 0px;	
  top: 0px;
}
#menu .m0 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 130px;
  top: 50px;
}
#menu .m1 {
  width: 166px;
  height: 39px;
  background: url(img/menu1.png) no-repeat;
  left: 0px;	
  top: 109px;
}
#menu .m1 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 10px;
}

#menu .m2 {
	width: 166px;
	height: 34px;
	background: url(img/menu2.png) no-repeat;
	left: 0px;
	top: 148px;
}
#menu .m2 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 7px;
}

#menu .m3 {
  width: 166px;
  height: 54px;
  background: url(img/menu3.png) no-repeat;
  left: 0px;
  top: 182px;
}
#menu .m3 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 13px;
}

#menu .m4 {
  width: 166px;
  height: 54px;
  background: url(img/menu4.png) no-repeat;
  left: 0px;
  top: 236px;
}
#menu .m4 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 13px;
}


#menu .m5 {
  width: 166px;
  height: 34px;
  background: url(img/menu5.png) no-repeat;
  left: 0px;
  top: 290px;
}
#menu .m5 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 150px;
  top: 0px;
}

#menu .m6 {
  width: 166px;
  height: 54px;
  background: url(img/menu6.png) no-repeat;
  left: 0px;
  top: 324px;
}
#menu .m6 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 150px;
  top: 7px;
}
#menu .m7 {
  width: 166px;
  height: 54px;
  background: url(img/menu7.png) no-repeat;
  left: 0px;
  top: 378px;
}
#menu .m7 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 7px;
}
#menu .m8 {
  width: 166px;
  height: 54px;
  background: url(img/menu8.png) no-repeat;
  left: 0px;
  top: 432px;
}
#menu .m8 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 7px;
}



#menui .m0 {
	width: 165px;
	height: 109px;
	background: url(img/menui0.png) no-repeat;
	left: 1px;
	top: 0px;
}
#menu .m0 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 130px;
  top: 50px;
}

#menui .m0 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 130px;
  top: 50px;
}
#menui .m1 {
  width: 166px;
  height: 39px;
  background: url(img/menui1.png) no-repeat;
  left: 0px;	
  top: 109px;
}
#menui .m1 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 10px;
}

#menui .m2 {
	width: 166px;
	height: 34px;
	background: url(img/menui2.png) no-repeat;
	left: 0px;
	top: 148px;
}
#menui .m2 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 7px;
}

#menui .m3 {
  width: 166px;
  height: 54px;
  background: url(img/menui3.png) no-repeat;
  left: 0px;
  top: 182px;
}
#menui .m3 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 13px;
}
#menui .m4 {
  width: 166px;
  height: 54px;
  background: url(img/menui4.png) no-repeat;
  left: 0px;
  top: 236px;
}
#menui .m4 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 13px;
}
#menui .m5 {
  width: 166px;
  height: 34px;
  background: url(img/menui5.png) no-repeat;
  left: 0px;
  top: 290px;
}
#menui .m5 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 150px;
  top: 0px;
}
#menui .m6 {
  width: 166px;
  height: 54px;
  background: url(img/menui6.png) no-repeat;
  left: 0px;
  top: 324px;
}
#menui .m6 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 150px;
  top: 7px;
}
#menui .m7 {
  width: 166px;
  height: 54px;
  background: url(img/menui7.png) no-repeat;
  left: 0px;
  top: 378px;
}
#menui .m7 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 7px;
}
#menui .m8 {
  width: 166px;
  height: 54px;
  background: url(img/menui8.png) no-repeat;
  left: 0px;
  top: 432px;
}
#menui .m8 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 7px;
}


#backg p {
	color: #0C6938;
}