/* CSS Document */

 img, div { behavior: url(iepngfix.htc) }

body {
	background-image: url(graphics/gradient.jpg);

}

#centrado{
	top:0px;
	margin-left: -425px;
	position: absolute;
	left: 50%;
	width: 850px;

}

#help {
	position:absolute;
	left:172px;
	top:95px;
	width:17px;
	height:17px;
	z-index:11;
}

#bg-tile {
	position:absolute;
	left:0px;
	top:0px;
	width:110%;
	height:524px;
	z-index:1;
	background-image: url(graphics/bg-tile.jpg);
}
#trees {
	position:absolute;
	left:0px;
	top:22px;
	width:222px;
	height:268px;
	background-image:url(graphics/tree3.jpg);
	z-index:2;
}
#trees2 {
	position:absolute;
	left:0px;
	top:0px;
	width:222px;
	height:92px;
	z-index:2;
}
#marco {
	position:relative;
	left:5px;
	top:97px;
	width:208px;
	height:220px;
	background-image:url(graphics/marco.gif);
	z-index:3;
}

#marco-red {
	position:absolute;
	left:0px;
	top:0px;
	width:208px;
	height:220px;
	background-image:url(graphics/marco-red.gif);
	z-index:3;
}
#logo {
	position:absolute;
	left:224px;
	top:11px;
	width:460px;
	height:154px;
	z-index:4;
}
#content-table {
	position:absolute;
	left:0px;
	top:287px;
	width:850px;
	z-index:4;
}
#menu {
	position:absolute;
	left:224px;
	top:240px;
	width:455px;
	height:36px;
	z-index:5;
}

#marco-text {
	position:absolute;
	left:15px;
	top:15px;
	width:178px;
	height:136px;
	z-index:7;
}
#coin {
	position:absolute;
	left:697px;
	top:39px;
	width:126px;
	height:126px;
	z-index:7;
}
#box-webcode {
	position:absolute;
	left:15px;
	top:160px;
	width:178px;
	height:52px;
	z-index:8;
}

#home-1-button {
	position:absolute;
	left:47px;
	top:106px;
	width:91px;
	height:33px;
	z-index:9;
}

#home-2-button {
	position:absolute;
	left:87px;
	top:0px;
	width:69px;
	height:27px;
	z-index:9;
}

#webcode {
	position:absolute;
	left:30px;
	top:18px;
	width:51px;
	height:27px;
	z-index:9;
}


#address {
	position:absolute;
	left:679px;
	top:-200px;
	width:205px;
	height:431px;
	z-index:1;
}

#banner {
	position:absolute;
	left:28px;
	top:608px;
	width:165px;
	height:50px;
	z-index:10;
}

#banner2 {
	position:absolute;
	left:28px;
	top:668px;
	width:165px;
	height:50px;
	z-index:10;
}

#info {
	position:relative;
	padding: 1px 0px 0px 0px;
	left:0px;
	top:0px;
	width:149px;
	height:23px;
	background-image:url(graphics/menu-info.gif);
	z-index:10;
}

#phrase {
	position:absolute;
	left:227px;
	top:242px;
	width:449px;
	height:24px;
	z-index:11;
}

#right-box-1 {
	position:absolute;
	left:0px;
	top:456px;
	width:205px;
	height:187px;
	z-index:12;
	background-image: url(graphics/marco-r1.gif);
}
#right-box-2 {
	position:absolute;
	left:0px;
	top:322px;
	width:205px;
	height:127px;
	z-index:12;
	background-image: url(graphics/marco-r2.gif);
}
#right-box-3 {
	position:absolute;
	left:0px;
	top:128px;
	width:205px;
	height:187px;
	z-index:12;
	background-image: url(graphics/marco-r1.gif);
}

#box-right-title {
	position:absolute;
	left:11px;
	top:7px;
	width:179px;
	height:19px;
	z-index:12;
}

#right-box-1-text {
	position:absolute;
	left:12px;
	top:29px;
	width:180px;
	height:144px;
	z-index:12;
	font-size:12px;
}

#right-box-2-text {
	position:absolute;
	left:29px;
	top:38px;
	width:144px;
	height:72px;
	z-index:12;
}

/*------------------------------------Tree build-------------------------------------*/

#random-image {
	position:absolute;
	left:224px;
	top:131px;
	width:455px;
	height:109px;
	z-index:6;
}

#tree-button-1 {
	position:absolute;
	left:78px;
	top:4px;
	width:84px;
	height:75px;
	z-index:7;
}

#tree-button-2 {
	position:absolute;
	left:5px;
	top:49px;
	width:69px;
	height:62px;
	z-index:7;
}
#tree-button-3 {
	position:absolute;
	left:5px;
	top:110px;
	width:74px;
	height:59px;
	z-index:8;
}
#tree-button-4 {
	position:absolute;
	left:46px;
	top:148px;
	width:74px;
	height:59px;
	z-index:7;
}
#tree-button-5 {
	position:absolute;
	left:132px;
	top:126px;
	width:74px;
	height:59px;
	z-index:8;
}

#tree-button-6 {
	position:absolute;
	left:109px;
	top:153px;
	width:65px;
	height:82px;
	z-index:7;
}

#tree-button-7 {
	position:absolute;
	left:165px;
	top:77px;
	width:52px;
	height:60px;
	z-index:9;
}

#tree-button-8 {
	position:absolute;
	left:148px;
	top:41px;
	width:46px;
	height:37px;
	z-index:7;
}

#tree-button-9 {
	position:absolute;
	left:58px;
	top:32px;
	width:56px;
	height:63px;
	z-index:7;
}

#tree-button-10 {
	position:absolute;
	left:110px;
	top:77px;
	width:53px;
	height:52px;
	z-index:7;
}

#tree-button-11 {
	position:absolute;
	left:73px;
	top:109px;
	width:55px;
	height:72px;
	z-index:8;
}



/*------------------------------------ BUTTONS ---------------------------------*/

a.boton_menu:link, a.boton_menu:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 0px;
  width:111px;
  height:41px;
  text-align: center;
  text-decoration: none;
  background: url(graphics/menu-button-off.gif);
  font: normal 10px Arial;
  color: #FFFFFF;
}

a.boton_menu:hover
{
  color: #FFFFFF;
  background: url(graphics/menu-button-on.gif);
}


a.boton_go1:link, a.boton_go1:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 0px;
  width:91px;
  height:23px;
  text-align: center;
  text-decoration: none;
  background: url(graphics/button-1.gif);
  font: normal 11px Arial;
  color: #000000;
}

a.boton_go1:hover
{
  color: #000000;
  background: url(graphics/button-1-on.gif);
}

a.boton_go2:link, a.boton_go2:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:6px 0px 0px 0px;
  width:69px;
  height:21px;
  text-align: center;
  text-decoration: none;
  background: url(graphics/button-1s.gif);
  font: normal 11px Arial;
  color: #000000;
}

a.boton_go2:hover
{
  color: #000000;
  background: url(graphics/button-1s-on.gif);
}

a.boton_back:link, a.boton_back:visited
{
  float: left;
  margin: 0px 0px 0px 10px;
  padding:7px 0px 0px 10px;
  font-weight:bold;
  width:41px;
  height:20px;
  text-align: center;
  text-decoration: none;
  background: url(graphics/arrow-left.gif);
  font: normal 10px Arial;
  color: #39560E;
}

a.boton_back:hover
{
  color: #39560E;
  background: url(graphics/arrow-left-on.gif);
}

a.boton_forward:link, a.boton_forward:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:7px 10px 0px 0px;
  font-weight:bold;
  width:41px;
  height:20px;
  text-align: center;
  text-decoration: none;
  background: url(graphics/arrow-right.gif);
  font: normal 10px Arial;
  color: #39560E;
}

a.boton_forward:hover
{
  color: #39560E;
  background: url(graphics/arrow-right-on.gif);
}




/*--------------------ARBOL----------------------------------*/



/*-------------------- TEXT STTYLES --------------------------*/


A:link {
	color:#015726; 
} 

A:visited {
	color:#679201;
} 

A:active {

} 

A:hover { 
	color:#a1c226;
} 

.Estilo1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}

.Estilo2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:center;
	font-size: 12px;
}

.Estilo3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
}

.Estilo4 {
	font-size: 18px;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
}

.Estilo5 {
	color: #000000;
	font-weight: bold;
}

.Estilo6 {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

.Estilo7 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
}