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

/* Contenedor MENU HORIZONTAL */
#menuHorizontal {
	margin: 0px;
	padding: 0px;
	height:55px;
	width:934px;
	list-style-type: none;
	/*clear: both;
	float: left;*/
}

/* ****************************************** */
/* Contenedor SUBMENU */
#subMenu {
	list-style-type: none;
	height: 117px;
	width: 282px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#subMenu ul{
	padding: 0px;
	list-style-type: none;
}
#subMenu span {
	display: none;
}
#subMenu ul li a{
	display: block;
	/*border: 1px solid black;
	border-left-width: 0;*/
	text-decoration: none;
	/*padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;*/
}
* html #subMenu li {
	height: 1%;
	float: left;
}

/* BOTONES DERECHA: VERTICAL (EN PAGINAS INTERNAS) */
/* PLAYA HERMOSA */
.btn-01
 {
	background-image: url(../images/btn01.jpg);
	background-position: top;
	height: 38px;
	width: 282px;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fdfdf1;
}
.btn-01:hover {
	background-position: bottom;
}
/* THE PROGRAM */
.btn-02
 {
	background-image: url(../images/btn02.jpg);
	background-position: top;
	height: 38px;
	width: 282px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fdfdf1;
}
* html .btn-02
 {
	background-image: url(../images/btn02.jpg);
	background-position: top;
	height: 38px;
	width: 282px;
	float: left;
}
.btn-02:hover {
	background-position: bottom;
}
/* PACKAGES & RATES */
.btn-03
 {
	background-image: url(../images/btn03.jpg);
	background-position: top;
	height: 38px;
	width: 282px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fdfdf2;
}
.btn-03:hover {
	background-position: bottom;
}
/* PLAYA NOSARA */
.btn-04
 {
	background-image: url(../images/btn04.jpg);
	background-position: top;
	height: 38px;
	width: 282px;
	float: left;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fdfdf2;
}
.btn-04:hover {
	background-position: bottom;
}
/* OUR OWN STYLE */
.btn-05
 {
	background-image: url(../images/btn05.jpg);
	background-position: top;
	height: 38px;
	width: 282px;
	float: left;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fdfdf2;
}
.btn-05:hover {
	background-position: bottom;
}
/* A DAY AT DEL MAR SUR CAMP */
.btn-06
 {
	background-image: url(../images/btn06.jpg);
	background-position: top;
	height: 38px;
	width: 282px;
	float: left;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fdfdf2;
}
.btn-06:hover {
	background-position: bottom;
}
/* MEET THE STAFF */
.btn-07
 {
	background-image: url(../images/btn07.jpg);
	background-position: top;
	height: 38px;
	width: 282px;
	float: left;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fdfdf2;
}
.btn-07:hover {
	background-position: bottom;
}
/* COSTA RICA */
.btn-08
 {
	background-image: url(../images/btn08.jpg);
	background-position: top;
	height: 38px;
	width: 282px;
	float: left;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fdfdf2;
}
.btn-08:hover {
	background-position: bottom;
}
/* COSTA RICA BASIC INFO */
.btn-09
 {
	background-image: url(../images/btn09.jpg);
	background-position: top;
	height: 38px;
	width: 282px;
	float: left;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fdfdf2;
}
.btn-09:hover {
	background-position: bottom;
}
/* RECOMMENDED GEAR */
.btn-10
 {
	background-image: url(../images/btn10.jpg);
	background-position: top;
	height: 38px;
	width: 282px;
	float: left;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fdfdf2;
}
.btn-10:hover {
	background-position: bottom;
}
/* ******************************************* */
#menuHorizontal ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height:55px
}
#menuHorizontal span {
	display: none;
}
/*Top level list items*/
#menuHorizontal ul li{
	position: relative;
	display: inline;
	float: left; /*overall menu background color*/
}
/*Top level menu link items style*/
#menuHorizontal ul li a{
	display: block;
	/*border: 1px solid black;
	border-left-width: 0;*/
	text-decoration: none;
	/*padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;*/
}
/*1st sub level menu*/
#menuHorizontal ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#menuHorizontal ul li ul li{
	display: list-item;
	float: none;
}
/*All subsequent sub menu levels offset after 1st level sub menu */
#menuHorizontal ul li ul li ul{ 
	/*left: 159px;*/ /* no need to change, as true value set by script */
	top: 0;
}
/* Sub level menu links style */
#menuHorizontal ul li ul li a{
	display: block;
	width: 245px;
	text-decoration: none;
	border: 1px solid #d8cb25;
	background-color: #d8cb25;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007A7D;
	height: 30px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 25px;
	line-height: 29px;
}
#menuHorizontal ul li a:hover{
	color: white;
	background-color: #04b7bb;
}
/*Background image for top level menu list links */
#menuHorizontal .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}
/*Background image for subsequent level menu list links */
#menuHorizontal .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}
* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}






.btn-m01
 {
	background-image: url(../images/b-locations.jpg);
	background-position: top;
	height: 55px;
	width: 142px;
	float: left;
}
.btn-m02
 {
	background-image: url(../images/b-surfcamp.jpg);
	background-position: top;
	height: 55px;
	width: 178px;
	float: left;
}
.btn-m03
 {
	background-image: url(../images/b-dailypackages.jpg);
	background-position: top;
	height: 55px;
	width: 192px;
	float: left;
}
.btn-m04
 {
	background-image: url(../images/b-aboutus.jpg);
	background-position: top;
	height: 55px;
	width: 128px;
	float: left;
}
.btn-m05
 {
	background-image: url(../images/b-gallery.jpg);
	background-position: top;
	height: 55px;
	width: 116px;
	float: left;
}
.btn-m06
 {
	background-image: url(../images/b-reservation.jpg);
	background-position: top;
	height: 55px;
	width: 178px;
	float: left;
}


.btn-m01:hover {
	background-position: bottom;
}
.btn-m02:hover {
	background-position: bottom;
}
.btn-m03:hover {
	background-position: bottom;
}
.btn-m04:hover {
	background-position: bottom;
}
.btn-m05:hover {
	background-position: bottom;
}
.btn-m06:hover {
	background-position: bottom;
}






/* BOTONES MENU HORIZONTAL */
.btn-hermosa
 {
	background-image: url(../images/btn-playa-hermosa.jpg);
	background-position: top;
	height: 55px;
	width: 260px;
	float: left;
}
.btn-hermosa:hover {
	background-position: bottom;
}
.btn-nosara {
	background-image: url(../images/btn-playa-nosara.jpg);
	background-position: top;
	height: 55px;
	width: 194px;
	float: left;
}
.btn-nosara:hover {
	background-position: bottom;
}
.btn-location {
	background-image: url(../images/btn-locations.jpg);
	background-position: top;
	height: 55px;
	width: 156px;
	float: left;
}
.btn-location:hover {
	background-position: bottom;
}
.btn-gallery {
	background-image: url(../images/btn-gallery.jpg);
	background-position: top;
	height: 55px;
	width: 130px;
	float: left;
}
.btn-gallery:hover {
	background-position: bottom;
}
.btn-reservation {
	background-image: url(../images/btn-reservations.jpg);
	background-position: top;
	height: 55px;
	width: 194px;
	float: left;
}
.btn-reservation:hover {
	background-position: bottom;
}