html, body {
	margin: 0; 
	padding: 0; 
	color: #e5e5e5; 
	/*background-color: #1F1A17 gris; #F47400 nar 540A01 marron EDEDEDgris claro E2690E  naranja01  FF9000 nar2 162983 azul*/ 
	background-color:#333366; 
	font: 100%/120% "Verdana","Arial","Helvetica",sans-serif; 
	text-align: center; 
}


.floatright { 
	float: right; 
	margin: 0 0 10px 20px;
	padding: 0;
}

.floatright2 { 
	float: left; 
	margin: 0 10px 0px 0;
	padding: 0;
}
.floatleft { 
	float: left; 
	margin: 0 20px 10px 0;
	padding: 0;
}


a { font-weight: normal; color: #fff; }
a:link { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none; }
a:active { color: #fff; text-decoration: none; }
a:hover { color: #FFCF63; text-decoration: underline; }

#top {
background-color:#000000;
margin:0;
padding: 0 0 6px 0;
}

#col-menu {
margin:0;
padding:0;
}

.bgcell  {
background: url(../images/fondomenu.jpg) top left repeat-y;
}


/******************************************/

#promosection {
margin: 0;
padding: 18px 47px 0 13px;
height:405px;
}

/******************************************************/
#promosection .promo1{
background:url(../images/bot-home-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:38px;
width:202px;
}
#promosection .promo1 a,#promosection .promo1 a:link{
background:transparent url(../images/bot-home.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:38px; 
width:202px;
}
#promosection .promo1 a:hover {
background:transparent url(../images/bot-home-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}
/******************************************************/

#promosection .promo2{
background:url(../images/bot-quienes-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:34px;
width:202px;
}
#promosection .promo2 a,#promosection .promo2 a:link{
background:transparent url(../images/bot-quienes.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:34px; 
width:202px;
}
#promosection .promo2 a:hover {
background:transparent url(../images/bot-quienes-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}
/******************************************************/
#promosection .promo3{
background:url(../images/bot-tours-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:35px;
width:202px;
}
#promosection .promo3 a,#promosection .promo3 a:link{
background:transparent url(../images/bot-tours.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:35px; 
width:202px;
}
#promosection .promo3 a:hover {
background:transparent url(../images/bot-tours-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}
/******************************************************/
#promosection .promo4{
background:url(../images/bot-servicios-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:34px;
width:202px;
}
#promosection .promo4 a,#promosection .promo4 a:link{
background:transparent url(../images/bot-servicios.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:34px; 
width:202px;
}
#promosection .promo4 a:hover {
background:transparent url(../images/bot-servicios-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}
/******************************************************/

#promosection .promo5{
background:url(../images/bot-reservaciones-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:37px;
width:202px;
}
#promosection .promo5 a,#promosection .promo0 a:link{
background:transparent url(../images/bot-reservaciones.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:37px; 
width:202px;
}
#promosection .promo5 a:hover {
background:transparent url(../images/bot-reservaciones-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}

/******************************************************/

#promosection .promo6{
background:url(../images/bot-ubicacion-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:34px;
width:202px;
}
#promosection .promo6 a,#promosection .promo6 a:link{
background:transparent url(../images/bot-ubicacion.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:34px; 
width:202px;
}
#promosection .promo6 a:hover {
background:transparent url(../images/bot-ubicacion-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}

/******************************************************/

#promosection .promo7{
background:url(../images/bot-parque-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:66px;
width:202px;
}
#promosection .promo7 a,#promosection .promo7 a:link{
background:transparent url(../images/bot-parque.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:66px; 
width:202px;
}
#promosection .promo7 a:hover {
background:transparent url(../images/bot-parque-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}

/******************************************************/


#promosection .promo8{
background:url(../images/bot-galeria-on.gif) no-repeat 0 0;
border:none;
float:none;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
height:40px;
width:202px;
}
#promosection .promo8 a,#promosection .promo8 a:link{
background:transparent url(../images/bot-galeria.gif) no-repeat top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
height:40px; 
width:202px;
}
#promosection .promo8 a:hover {
background:transparent url(../images/bot-galeria-on.gif) no-repeat 0 0; 
text-decoration:none; 
border:none;
}

/******************************************************/


#antes-menu {
width: 238px;
height: 245px;
margin:0;
padding: 40px 30px 0 20px;
font-size: 70%;
color:#CCCCCC;
}

#contenido {
margin: 0;
padding: 3px 22px 35px 22px;
font-size: 95%;
text-align:left;
position:relative;
}

#contenido h1 {
	width: 500px;
	height: 36px;
	margin: 0;
	padding: 0;
}

#contenido h1#home {
	background:	url(../images/title-home.gif) top left no-repeat;
}
#contenido h1#quienes {
	background: url(../images/title-quienes.gif) top left no-repeat;
}
#contenido h1#tours {
	background: url(../images/title-tours.gif) top left no-repeat;
}
#contenido h1#servicios {
	background: url(../images/title-programas.gif) top left no-repeat;
}
#contenido h1#reservas {
	background: url(../images/title-reservas.gif) top left no-repeat;
}
#contenido h1#galeria {
	background: url(../images/title-galeria.gif) top left no-repeat;
}
#contenido h1#ubicacion {
	background: url(../images/title-ubicacion.gif) top left no-repeat;
}
#contenido h1#parque {
	background: url(../images/title-parque.gif) top left no-repeat;
}
#contenido h1#faq {
	background: url(../images/title-faq.gif) top left no-repeat;
}
#contenido h1#contacto {
	background: url(../images/title-contacto.gif) top left no-repeat;
}
#contenido h1#mapaweb {
	background: url(../images/title-mapaweb.gif) top left no-repeat;
}

#contenido h1 span { 
	display: none; 
}

#contenido h2 {
font-size: 110%;
color:#FFCF63;
font-weight:bold;
}

#contenido h3 {
font-size: 110%;
color:#d6230f;
font-weight:normal;
}

#regresar {
	position:absolute;
	right:25px;
	top:18px;
	width:141px;
	height: 22px;
	font-size:75%;
	color:#FFCC66;
	text-align:right;	
	
}

#piepag {
margin:0;
padding: 5px 0 0 0;
width:900px;
height:50px;
background-color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:65%;
text-align:center;
line-height:14px;
color:#CCCCCC;
}

#menutop {
margin: 0;
padding: 3px 10px 3px 0;
font-size: 70%;
text-align: right;
}

#menutop a { font-weight: normal; color: #fff; }
#menutop a:link { color: #FFCF63; text-decoration: none; }
#menutop a:visited { color: #FFCF63; text-decoration: none; }
#menutop a:active { color: #FFCF63; text-decoration: none; }
#menutop a:hover { color: #F7A801; text-decoration: underline; }