html { height:100%; }
body {
	font-family: Arial, Helvetica, sans-serif;
	background: url("bg.jpg") #B1A28D center no-repeat;
	height:100%;
	width:1px;
	height:1px;
}

body { behavior: url("/css/csshover3.htc"); }

a {
	color:#fff0e0;
	text-decoration:none;
}
a:hover {
	color:#fff;
	text-decoration:underline;
}
#centrado {
	position:absolute;
	top:50%;
	left:50%;
	/*border:5px solid #0f0;*/
}

#encabeza {		/* logo */
	position:absolute;
	top:-280px;
	left:232px;
	z-index:20;
	background:url("bosque-euca.png");
	height:127px;
}
#encabeza h3 a {
	display:block;
	width:260px;
	height:105px;
}
#encabeza h3 a span {
	display:none;
}
#tigre {
	position:absolute;
	width:862px;
	height:620px;
	top:-605px;
	left:-785px;
	background:url("tigre.png");
	z-index:18;
}


/***********************************************
					M E N U
************************************************/



#menu {
	position:absolute;
	width:680px;
	top:-580px;
	left:-260px;
	z-index:19;
}
#menu li {
	display:block;
	float:left;
	background:url("cuerda.png") repeat-y center;
}
#menu ul li a {
	background:url("menu-buttons.png") no-repeat;
	width:110px;
	display:block;
	height:47px;
	position:relative;
	top:20px;
	margin-top:-20px;
}
#menu li a span {
	display:none;
}
#menu li.elparque {		padding-top: 370px;		margin-right: 2px;	}
#menu li.elparque a {		background-position: center 0;	}
#menu li.elparque a.selected {		margin-top:65px;	}
#menu li.filosofia {	padding-top: 395px;	margin-right: 15px; }
#menu li.filosofia a {		background-position: center -50px;	}
#menu li.filosofia a.selected {		margin-top:15px;	}
#menu li.informacion {	padding-top: 385px;		margin-right: 20px;	}
#menu li.informacion a {	background-position: center -105px;	}
#menu li.informacion a.selected {		margin-top:-78px;	}
#menu li.tusfotos {		padding-top: 358px;		margin-right: 60px;	}
#menu li.tusfotos a {		background-position: center -157px;	}
#menu li.tusfotos a.selected {		margin-top:41px;	}
#menu li.ubicacion {	padding-top: 415px;	}
#menu li.ubicacion a {		background-position: center -210px;	}


#menu ul ul {
}
#menu ul ul li {
	float:left;
	clear:left;
}
#menu ul ul li a {
	top:20px;
	margin-top:0;
	opacity:.75;
	filter:alpha(opacity=75);
	filter: "alpha(opacity=75)"
}
#menu ul ul li a:hover, #menu ul ul li a.selected {
	opacity:1;
	filter:alpha(opacity=100);
	filter: "alpha(opacity=100)"
}
#menu ul ul li a.selected {
	margin-top:0 !important;
}

/* PARQUE */
#menu li.elparque li a {
	background:url("menu-buttons-elparque.png") no-repeat;
}
#menu li.elparque li.losjuegos a {		background-position: center 0;	}
#menu li.elparque li.mapa a {			background-position: center -45px;	}
#menu li.elparque li.equipamiento a {	background-position: center -90px;	}
#menu li.elparque li.florafauna a {		background-position: center -135px;	}
#menu li.elparque li.video a {		background-position: center -180px;	}

#florafauna div {
	padding-top:0.8em;
	width:49%;
	float:left;
}
#florafauna div.flora {
	float:right;
}
#florafauna a, #florafauna h2 {
	display:inline-block;
	height:48px;
	width:112px;
	background:url(flora-fauna.png) no-repeat;
	float:left;
}
#florafauna div.fauna a, #florafauna div.fauna h2 {
	float:right;
}
#florafauna h2 {
	margin:0 56px;
}
#florafauna a span, #florafauna h2 span {
	display:none;
}
#florafauna h1 {	/* facebox */
	font-weight:bold;
	font-size:1.1em;
}
#facebox #florafauna p {	/* facebox */
	padding:0.2em 0;
	font-size:0.84em;
	text-align:justify;
}
#facebox #florafauna p.imagen {	/* facebox */
	text-align:center;
	width:600px;
}
#facebox #florafauna p.cientifico {	/* facebox */
	font-style:italic;
	color:#555;
	text-align:center;
}
#florafauna div.fauna h2 {	background-position:0 0;	}
#florafauna a.piche {	background-position:0 -50px; 	}
#florafauna a.cuis-chico {	background-position:0 -100px;	}
#florafauna a.guanaco {	background-position:0 -150px;	}
#florafauna a.yarara {	background-position:0 -200px;	}
#florafauna a.zorro-gris {	background-position:0 -250px;	}
#florafauna a.picaflor {	background-position:0 -300px;	}
#florafauna a.hornero {	background-position:0 -350px;	}
#florafauna a.carpintero {	background-position:0 -400px;	}
#florafauna a.martinpescador {	background-position:0 -450px;	}
#florafauna a.condor {	background-position:0 -500px;	}
#florafauna div.flora h2 {	background-position:-117px 0;	}
#florafauna a.cardon {	background-position:-117px -50px; 	}
#florafauna a.penca {	background-position:-117px -100px;	}
#florafauna a.aguaribay {	background-position:-117px -150px;	}
#florafauna a.eucalipto-rojo {	background-position:-117px -200px;	}
#florafauna a.chanar {	background-position:-117px -250px;	}
#florafauna a.alamo {	background-position:-117px -300px;	}
#florafauna a.olmo {	background-position:-117px -350px;	}
#florafauna a.jarilla {	background-position:-117px -400px;	}
#florafauna a.cortadera {	background-position:-117px -450px;	}
#florafauna a.sauce {	background-position:-117px -500px;	}

/* INFORMACION */
#menu li.informacion li a {
	background:url("menu-buttons-informacion.png") no-repeat center top;
}
#menu li.informacion li.prensa a {	background-position: center -45px;	}

/* UBICACION */
#menu li.ubicacion li a {
	background:url("menu-buttons-ubicacion.png") no-repeat;
}
#menu li.ubicacion li.links a {	background-position: center -45px;	}







/***********************************************
				C O N T E N I D O
************************************************/

#social {
	position:absolute;
	left:457px;
	top:175px;
	z-index:400;
}
#social a {
	display:block;
	float:left;
	clear:left;
	background:url('social.png') no-repeat;
	width:42px;
	height:48px;
}
#social a span {
	display:none;
}
#social a.twitter {		background-position:0 0px;	}
#social a.twitter:hover {		background-position:0 -96px;	}
#social a.facebook {		background-position:0 -48px;	}
#social a.facebook:hover {		background-position:0 -144px;	}

#contenido, #contenido div {
	position:absolute;
}
#contenido div div {
	position:relative;
}
#contenido {
	width:937px;
	height:531px;
	left:-468px;
	top:-235px;
	background: url("bg-centro.png") no-repeat;
	color:#535d3a;
	font-size:0.8em;
}
/* IE 7 y anteriores hack */
* html #contenido, *:first-child+html #contenido {
	font-size:0.78em;
}
#contenido p {
	padding: 0.5em 0;
}
#contenido h1 {
	display:none;
}
#contenido h2 {
	font-size:1.1em;
	font-weight:bold;
	padding-top:0.2em;
}




/*	El parque */
#toneles {
	top:230px;
	left:-10px;
	z-index:1;
}
#aros {
	top:170px;
	left:100px;
}
div.marron11 {
	top:94px;
	left:290px;
	width:529px;
	height:412px;
	background:url("bg-marron1.png");
}
div.marron12 {
	top:124px;
	left:320px;
	width:479px;
	height:352px;
	background:#D0A66C;
	z-index:350;
}
#filosofiamarron11 {
	left:345px;
}
#filosofiamarron12 {
	left:375px;
	z-index:18;
}
#fotosmarron11 {
	left:185px;
}
#fotosmarron12 {
	left:205px;
	z-index:18;
	overflow:auto;
	width:485px;
	height:365px;
}
#fotoenviar {

}
#fotoenviar p.foto {
	text-align:center;
}
#fotoenviar label {
	width:130px;
}
#faqmarron12 {
	overflow:auto;
}
div.marron21 {
	top:94px;
	left:305px;
	width:468px;
	height:412px;
	background:url("bg-marron2.png");
}
div.marron22 {
	top:124px;
	left:330px;
	width:418px;
	height:352px;
	background:#D0A66C;
	z-index:100;
}


ul.bloquesjuegos {
	padding:1em 90px;
}
.bloquesjuegos a {
	background-image:url("bloques-juegos.png");
	background-repeat: no-repeat;
	width:300px;
	height:50px;
	display:block;
}
.bloquesjuegos a span {
	display:none;
}
.bloquesjuegos a.aire {	background-position: 0  0px;	}
.bloquesjuegos a.tierra {	background-position: 0 -65px;	}
.bloquesjuegos a.agua {	background-position: 0 -130px;	}
.bloquesjuegos a.fuego {	background-position: 0 -195px;	}



#sandrine-nico {
	top:190px;
	left:-20px;
	z-index:1;
}
#dan-puente {
	top:130px;
	left:800px;
}

#sandrine2 {
	top:205px;
	left:-20px;
}
#equipamiento {
	float:left;
	padding-left:40px;
}
#logomammut {
	float:left;
	margin-top:-40px;
	padding-left:454px;
	z-index:-1;
}
#separacionequipamiento {
	padding-left:60px !important;
	padding-right:30px !important;
}

#florencia {
	top:192px;
	left:42px;
	z-index:2;
}
#danjuli {
	top:155px;
	left:163px;
}

/* mapa */
div.cerrar {
	width:990px;
	height:610px;
	top:-50px;
	left:-30px;
	z-index:39;
}
a.cerrar {
	position:absolute;
	display:block;
	top:50px;
	left:780px;
	z-index:150;
	width:107px;
	height:60px;
	background:url("bloques-mapa.png") -0px -255px no-repeat;
}
a.cerrar:hover {
	background-position:-110px -255px;
}
a.cerrar span {
	display:none;
}
.bloquesmapa {
	top:292px;
	left:740px;
	z-index:150;
}
.bloquesmapa a {
	float:left;
	width:107px;
	height:60px;
	background:url("bloques-mapa.png");
	margin-top:-10px;
}
.bloquehorizontal {		width:700px; top:465px;	left:200px;	}
.bloquehorizontal a {	clear:none;		}
.bloquehorizontal a.selected {	background-position: -110px  -0px;		}
.bloquesmapa a span {
	display:none;
}
.bloquesmapa a.aire { 	background-position: 0  -0px; }
.bloquesmapa a.aire:hover, .bloquesmapa a.airehover { 	background-position: -110px  -0px; }
.bloquesmapa a.airesel { 	background-position: -220px  -0px;	width: 310px;	}
.bloquesmapa a.tierra { 	background-position: 0 -65px; }
.bloquesmapa a.tierra:hover, .bloquesmapa a.tierrahover { 	background-position: -110px -65px; }
.bloquesmapa a.tierrasel { 	background-position: -220px  -65px;	width: 310px;	}
.bloquesmapa a.agua { 	background-position: 0 -130px; }
.bloquesmapa a.agua:hover, .bloquesmapa a.aguahover { 	background-position: -110px -130px; }
.bloquesmapa a.aguasel { 	background-position: -220px  -130px;	width: 310px;	}
.bloquesmapa a.fuego { 	background-position: 0 -195px; }
.bloquesmapa a.fuego:hover,.bloquesmapa a.fuegohover { 	background-position: -110px -195px; }
.bloquesmapa a.fuegosel { 	background-position: -220px  -195px;	width: 310px;	}
#mapa {
	top: 90px;
	left:308px;
	/* esto es para el fade del mapa */
	background:#000;
	height:410px;
	width:446px;
}
#mapa img {
	position:absolute;
	top:0;
	left:0;
}
#mapa #spacer {
	z-index:400;
}
#tablagrande {
	top:-360px;
	left:160px;
	width:669px; /*715px;*/
	height:391px; /*886px;*/
	background:url("tablagrande.png");
	padding:446px 28px 28px 18px;
	z-index:40;
}
.pastilla {
	width:200px;
	height:200px;
	background-image:url('pastillasfondo.png');
	background-position:200px;
}
.pastilla div {
	width:185px;
	height:185px;
	left:7px;
	top:7px;
}
.pastilla, .pastilla div {
	background-repeat:no-repeat;
}
.pastilla1  { top:-380px; left:-100px; }
.pastilla2  { top:-220px; left:560px; }
.pastilla3  { top:-380px; left:570px; }
.pastilla4  { top:-210px; left:560px; }
.pastilla1 div { background-image:url("../img/mapa/pastillas1.gif"); }
.pastilla2 div { background-image:url("../img/mapa/pastillas2.gif"); }
.pastilla3 div { background-image:url("../img/mapa/pastillas3.gif"); }
.pastilla4 div { background-image:url("../img/mapa/pastillas4.gif"); }


/* informacion */
#subiendo {
	top:185px;
	left:30px;
	z-index:1;
}
#filosofiamarron12 table {
	margin:0.5em .7em;
}
#filosofiamarron12 table td {
	padding: 0.05em 0.3em;
}
#filosofiamarron12 table tr {
	border-bottom:1px solid #9F9473;
}
#argollas {
	top:205px;
	left:55px;
	z-index:1;
}
#snowboard {
	top:195px;
	left:70px;
	z-index:1;
}
#video {
	text-align:center;
	padding-top:2em;
}


/* fotos */
#nico {
	top:155px;
	left:705px;
	z-index:30;
}
div#fecha a {
	display:block;
	float:left;
	text-align:center;
	padding:4px 0;
	text-decoration:none;
}
div#fecha a:hover {
	background-color:#D0AF7F;
}
div#fecha a.selected {
	color: #53634D;
	background-color:#fff;
}
div#fecha a.none, div#fecha a.hover {
	color:#975;
	background:none;
}
div#fecha div {
	padding:0.2em 0;
	font-size:1.1em;
}
div#fecha span {
	float:left;
	clear:both;
	width:38px;
	padding:5px 0;
}

div#anio a {
	width:50px;
}

div#mes a {
	width:35px;
}

div#dia span {
	height:50px;
}
div#dia a {
	width:27px;
}
div#fotos {
	clear:both;
}
div#fotos img {
	border:1px solid #fff;
	padding:2px;
	margin-left:5px;
}






/* ubicacion */
#mapita {
	padding-left:55px;
}
#coordenadas {
	position:absolute;
	top:157px;
	left:360px;
	text-align:right;
}
#coordenadas a {
	color:#535d3a;
}
#coordenadas span.valor {
	font-weight:normal;
}
#googlemaps {
	position:absolute;
	left:773px;
	top:295px;
	z-index:300;
}
#googlemaps a {
	display:block;
	float:left;
	background:url('googlemaps.png') no-repeat;
	width:42px;
	height:48px;
}
#googlemaps a span {
	display:none;
}
#googlemaps a.maps {		background-position:0 0px;	}
#googlemaps a.maps:hover {		background-position:0 -48px;	}

form.frm {
	font-size:0.95em;
}
form.frm label {
	font-weight:normal;
	color:#535F43;
}
form.frm input.text {
	font-size:1em;
}
form.frm input.submit {
	font-weight:normal;
}










/***********************************************
					P I E
************************************************/


#pie {
	position:absolute;
	width:990px;
	left:-495px;
	top:290px;
	padding:0 0 1em 0;
	background: url("bg-pie.png") no-repeat center top;
}

#pie .blanco {
	margin:5px 60px;
	background:#fff;
	height:24px;
}
#pie .blanco ul li {
	display:inline;
}
#pie .blanco ul li a {
	display:block;
	float:left;
	font-size:12px;
	color: #111;
	padding:5px 0.5em;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
}
#pie .blanco ul li a:hover {
	color:#535D3A;
	text-decoration:underline;
}

#pie .piepie {
	color: #222;
	font-size:0.8em;
	text-align:center;
}
#pie .piepie p {
	padding:0.5em 4.5em;
}
#pie .piepie p a {
	color: #222;
	text-decoration:none;
}
#pie .piepie p.left, #pie .piepie p.left strong {
	font-weight:bold;
}
