*{ margin:0; padding:0; border:0; outline:0;}
table { border-collapse:collapse; border-spacing:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;  }
/* end Reset */

.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.block{ width:100%; float:left; clear:both;}


a{ text-decoration:none; color: #003300;}
a:hover{text-decoration:underline; color:#fff;}

a.links{ text-decoration:underline; color: #003300;}
a.links_hover{ text-decoration:underline; color: #003300;}


body{
 font-family: Arial, Helvetica, sans-serif; font-size:12px; background:#99CC66; color: #003300;
 background:url(../images/bghoja.jpg) repeat;
	
}

#container{ width:772px; margin:0px auto;}


#contenido { background:#a8d576; padding:15px 20px; width:720px;}

#bg{
	background: url(../images/bg-shadow.png) repeat-y;
	padding:0px 11px; width:751px;
	float:left; clear:both;
	position:relative;

	_padding:0;
	_background:#abd879;
	_width:751px; margin:0 10px; display:inline;

}

/* MEnu */
#menu{ background:#fff; width:751px; padding:18px 0; display:inline; position:relative; height:100px;}
	#menu a{
		float:left; display:inline; width:107px;  padding-top:68px;
		color:#a7975b; font-size:12px; text-align:center; text-decoration:none;
		
	}
	#menu a:hover{ color: #006600;}
	#menu a.m-services{ background:url(../images/icon-service.jpg) no-repeat top center;}


	#menu a.m-gardens{ background:url(../images/icon-gardens.jpg) no-repeat top center;}
	#menu a.m-cabins{ background:url(../images/icon-cabins.jpg) no-repeat top center;}
	#menu a.m-details{ background:url(../images/icon-details.jpg) no-repeat top center;}
	#menu a.m-beaches{ background:url(../images/icon-beaches.jpg) no-repeat top center;}

	#menu a.m-social{ background:url(../images/icon-macha.jpg) no-repeat top center;	}
	#menu a.m-howto{ background:url(../images/icon-howto.jpg) no-repeat top center;}
	
	#menu a.m-contact{ 
		background:url(../images/icon-contact.jpg) no-repeat top center;
		position:absolute; bottom:-58px; right:-8px; float:left; clear:both;}
	#menu a.m-macha{ 
		background:url(../images/icon-tree.jpg) no-repeat top center;
		position:absolute; bottom:-58px; left:-6px;float:left; clear:both;
	}
						



/* Header */
h1{ display:none;}



#header{ 
	float:left; clear:both; width:100%;
	background:url(../images/bg-header6.jpg) no-repeat;
	height:223px;
}


.services #header{ background:url(../images/bg-header.jpg) no-repeat; }
.contact #header{ background:url(../images/bg-header1.jpg) no-repeat; }
.howto #header{ background:url(../images/bg-header2.jpg) no-repeat; }
.index #header{ background:url(../images/bg-header3.jpg) no-repeat; }
.garden #header{ background:url(../images/bg-header4.jpg) no-repeat; }
.details #header{ background:url(../images/bg-header5.jpg) no-repeat; }

.macha #header{ background:url(../images/bg-header6.jpg) no-repeat; }
.beaches #header{ background:url(../images/bg-header7.jpg) no-repeat; }
.cabins #header{ background:url(../images/bg-header8.jpg) no-repeat; }
.social #header{ background:url(../images/bg-header9.jpg) no-repeat; }
.proyectos #header{ background:url(../images/bg-header9.jpg) no-repeat; }





#contenido{ 
	width:681px;
	padding:0 35px; padding-top:40px; padding-bottom:40px;
}

h2,h3, h4{ color:#003300; font-size:28px; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; 
 }
h3{ font-size:22px;margin-bottom:6px; }
h4{ font-size:18px;margin-bottom:6px;}

h3{ 
	margin-top:15px; font-size:18px; margin-bottom:4px;color: #000066; text-align:left;
	background:url(../images/icon-whale.gif) no-repeat left center; padding-left:25px;
}


.padder{
	float:left; clear:both;
	width:631px; padding:15px 25px 10px 25px;
	background:#d7faaf; line-height:19px;
}

	.padder img{ padding:2px; border:1px solid #6e9642;}
	
	#intro p{ width:346px; text-align:justify; line-height:19px; }

img.big{ margin-left:10px; margin-top:6px; width:300px; height:469px; 	 }

.resto-img{ margin-top:10px;}
.resto-img img{ width:140px; height:94px; margin-bottom:10px;} 

.parque .padder img.left{ margin-right:10px; width:300px;}
.parque .padder img.right{ margin-left:10px;  width:300px;}
.parque .padder p{ margin-bottom:10px;}


.box{ width:305px; text-align:justify; line-height:16px;}
.box p, .box img{ margin-top:5px;}
.box img{ padding:2px; border:1px solid #99cc66; width:299px;}
.box .thumbs img { width:90px;  height:60px; margin-left:2px;}







.gallery img{
	width:141px; height:100px;
	padding:2px;
	border:1px solid #6e9642;
	float:left; margin-right:10px; margin-top:15px;
}




#volver{
	background:url(../images/bg-footer.jpg) no-repeat;
	background:url(../images/bg-footer1.jpg) no-repeat left bottom;
	height:141px; 
}
.index #volver{ background:url(../images/bg-footer1.jpg) no-repeat left bottom; }
.services #volver{ background:url(../images/bg-footer4.jpg) no-repeat left bottom; }
.garden #volver{background:url(../images/bg-footer2.jpg) no-repeat left bottom; }
.cabins #volver{ background:url(../images/bg-footer3.jpg) no-repeat left bottom; }
.beaches #volver{ background:url(../images/bg-footer5.jpg) no-repeat left bottom; }
.details #volver{ background:url(../images/bg-footer1.jpg) no-repeat left bottom; }
.howto #volver{ background:url(../images/bg-footer9.jpg) no-repeat left bottom; }
.social #volver{ background:url(../images/bg-footer1.jpg) no-repeat left bottom; }
.macha #volver{ background:url(../images/bg-footer7.jpg) no-repeat left bottom;; }
.contact #volver{ background:url(../images/bg-footer8.jpg) no-repeat left bottom; }
.proyectos #volver{ background:url(../images/bg-footer6.jpg) no-repeat left bottom; }


	#volver a{
		 background:none;
		float:left; display:inline; margin-left:302px;
		margin-top:22px;
		width:142px; height:97px;
		text-indent:-9999px;
	}
	#volver a:hover{ 
		background:url(../images/volver-over.png) no-repeat; 
	   _background:url(../images/volver-over.gif) no-repeat;
	}
	
#footer{ 
	background:#fff; padding:10px 0; color:#927f3b;
	text-align:center;
	font-size:12px;
}
	#footer p{ margin-top:4px;}
	#footer a{color:#927f3b;}


/* INDEX */
.idiomas{
  float:left; clear:both; 
  padding:15px 70px; width:611px;
  background:#99cc66;
  border-bottom:1px solid #fff;
  
}
	.idiomas div{ float:left; display:inline;}


.textos{ float:left; clear:both; width:100%;}
.textos div.left,.textos div.right{ width:320px; text-align:justify; }
.textos div.left a,.textos div.right a{ font-size:12px; font-style:italic; color:#053868; padding:2px 4px; text-decoration:none;}
.textos div.left a:hover,.textos div.right a:hover{ background:#99cc66; color:#003300 }
.textos div.left p,.textos div.right p{
	line-height:21px; 
	padding:0 0 15px 0; 
	border-bottom:1px dotted #fff; 
	margin-bottom:15px;
}


.creditos{ text-align:center; font-size:11px; font-style:italic;}
.creditos a{ text-decoration:underline;}
.creditos a:hover{ color:#006600; }



/* Contacto */
.contacto form { margin-top:20px;}
.contacto form input,
.contacto form select,
.contacto form textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; overflow:auto;
	padding:3px 4px; color:#003300;
	background:#99cc66; border:1px solid #d3f6b0;
	margin-top:4px; width:250px;

}

.contacto form select{ width:258px;}
.contacto form textarea{ height:100px;}
.contacto form input.send_btn{ width:70px; cursor:pointer; font-weight:bold;}
.contacto form p{ margin-bottom:10px;}

.contacto form input.error,
.contacto form textarea.error{ border:1px dotted red;}
label.error{ display:none !important;}

p.ok strong{ text-transform:capitalize;}

#prices{ margin-top:15px;}
#prices p.season{ text-decoration:underline; font-size:14px; font-style:italic; font-weight:bold;}

#prices .left{ margin-bottom:20px;}
#prices .left p{ margin-top:15px;}
#prices .left .pad p{ margin-top:0;}

#prices p span{ font-weight:bold; margin-left:10px;}
.pad p{ margin-bottom:4px; padding-left:15px;}

#links{ margin-top:30px;}
	#links a{ 
		display:block; margin-top:10px; background:url(../images/icon-whale.gif) no-repeat left center; 
		padding:4px 0; padding-left:25px; text-decoration:none;
	}
		#links a:hover{background:url(../images/icon-whale-over.gif) no-repeat left center; color:#003300; text-decoration:underline;}
		
		
/* Slideshow */
#slideshow { position:relative;  z-index:0; height:308px; overflow:hidden;}
	#slideshow img {
		position:absolute; top:0;  left:0;
		z-index:8;  opacity:0.0;
		width:681px;
	}
	#slideshow IMG.active { z-index:10;  opacity:1.0;  }
	#slideshow IMG.last-active { z-index:9;   }