html,body{
        margin:0px;
        padding:0px;
        min-height:100%;
}
body{
    background-color:#FFFFFF;
	background-position:top left;
    background-repeat:repeat-x;
   font-family: arial, helvetica, sans-serif;
	FONT-SIZE: 9pt;  
	FONT-STYLE: normal; 
		
}

* html body{
        height:50%;
}
#contenido {
    width:720px; 
    height:auto; 
    margin-left: auto; 
    margin-right: auto;
	text-align:left;
    margin-top:5px;
	overflow:auto;
	border:1px solid #cccccc;
	margin-bottom:5px;
}
#menu{
    position:relative; 
    width:710px;
    left: 5px;
    height:100px; 
    top: 5px;
    background-color:#F4F9F9;/*#D6E5E9;*/
    background-image:url(dibujo.png);
	background-position:middle left;
    background-repeat:no-repeat;
	border-bottom: 1px solid #cccccc;
	margin-bottom:5px;
	z-index:80;
    }
#gallery { float:left;
    position:relative; 
    width:605px; 
    height:auto; 
	margin-left: 105px;
    top:0px;
	rigth:5px;
	background-position:top left;
    background-repeat:no-repeat;
	z-index:2;}

#gallery ul {list-style:none; padding:0; margin:408px 0 0 0; width:605px; float:left;}

/* Place the list items inline using display:inline for IE and float:left */
#gallery ul li {
display:block; 
width:100px; 
height:67px; 
float:left; 
margin-right:5px; 
margin-bottom:5px;
border:1px solid #ddd;
cursor:pointer;}

/* FORMATO DE LOS THUMBNAILS*/
/* Hide the full size images */
#gallery ul li span i img {display:none;}

/* set up the .click style which will be added using javascript */

/* Change the li border to white */
#gallery ul li.click {border-color:#ddd; cursor:default;}

/* Position the span using an absolute position and specify the width and height */
#gallery ul li.click span {position:absolute; left:0px; top:0px; width:605px; height:403px;}

/* Set up the i so that it is the same size as the span BUT this has a static position so that the image can be both vertically and horizontally centered in all browsers except IE using display:table-cell */
#gallery ul li.click span i {width:605px; height:403px; display:table-cell; vertical-align:top; text-align:left;} 

/* Make the image actual size using auto width and height */
#gallery ul li.click span i img {display:block; width:605px; height:403px; background:#ffffff; padding:0px; border:0px solid #ddd; margin:0 auto;}

/* set up the default image */
#gallery ul li.default {width:0; height:0; border:0;}
#gallery ul li.default span {position:absolute; left:0; top:0; width:605px; height:403px;}
#gallery ul li.default span i {width:605px; height:403px; display:table-cell; vertical-align:top; text-align:center;} 
/* specify the image width and height for IE6 */
#gallery ul li.default span i img {display:block; width:10px; height:30px; border:0px solid #fff; margin:0 auto;}
#gallery ul li.off {display:none;}
/*fotos home*/
#fotos {
    float:left;
    width:715px; 
    height:auto; 
	padding-left:5px;
    margin-top:5px;
	margin-bottom:5px;
}
#clearing{clear:both;}
#textos {
    float:left;
    width:715px; 
    height:auto; 
	padding-left:5px;
    margin-top:5px;
	margin-bottom:5px;
}
#descripcionhome {
    float:left;
    width:450px; 
    height:auto; 
	padding:5px;
    margin-top:0px;
	rigth:5px;
	color:#333333;
	margin-bottom:5px;
	font-size:8.5pt;
	border:1px solid #cccccc;
}
#descripcion {
    float:left;
    width:345px; 
    height:auto; 
	padding:5px;
    margin-top:0px;
	margin-left:105px;
	rigth:5px;
	color:#333333;
	margin-bottom:5px;
	font-size:8.5pt;
	border:1px solid #cccccc;
}
.logo_texto{
	float:left;
	margin-right: 10px;
	margin-left: 2px;
	margin-top: 10px;}
#extra {
    float:right;
    width:230px; 
    height:auto; 
	padding:5px;
    margin-top:0px;
	margin-right:5px;
	margin-bottom:5px;
	font-size:8.5pt;
	border:1px solid #cccccc;
}
div.sdboton {
	position:absolute;
	width: 150px;
	font-family: Arial;
	font-size: 9px;
	padding-bottom: 0px;
	background: #f4f9f9;
    margin-left:240px; 
    margin-top:5px;
}
div.sdboton div {
	background: #f4f9f9;
	overflow: hidden;
}
div.sdboton div:first-child {
	background: #f4f9f9;
}
div.sdboton div.collapsed {
	height:16px;
}
div.sdboton div span {
	display: block;
	padding: 5px 5px;
	font-weight: normal;
	/*background: url(expanded.gif) no-repeat 10px center;*/
	cursor: pointer;/* CORREGIR EL CURSOR*/
	border-bottom: 0px solid #ddd;
}
div.sdboton div.collapsed span {
	/*background-image: url(collapsed.gif);*/
}
div.sdboton div a {
	padding: 1px 10px;
	background: #f4f9f9;
	display: block;
	border-bottom: 0px solid #ddd;
	color: #999999;
	text-decoration:none;
}
div.sdboton div a.current {
	text-decoration: none;
	cursor:default;
}
div.sdboton div a:hover {
	background : #f4f9f9;
	text-decoration: none;
}
ul#menu3{  
	list-style:none;
	margin:0;
	padding:5px;
	}
ul#menu3 li {
	margin:0;
	padding:0;
		}
ul#menu3 li a {
	display:block;
	height:14px;
	FONT-FAMILY: arial;
	FONT-WEIGHT: normal;
	text-decoration:none;
	text-align:left;
	font-size:9px;
		}
ul#menu3 li a:hover {
	color:#999999;
	}	
/* menu de cabaņas */
.cabanas{
    position: absolute; 
    width:150px;
    height:94px; 
    left:240px; 
    top:5px;
    }	
/* menu de galeria de fotos y servicios */
.galser{
    position: absolute; 
    width:80px;
    height:94px; 
    left:390px; 
    top:5px;
    }
.reservas{
    position: absolute; 
    width:90px;
    height:94px; 
    left:475px; 
    top:5px;
    }	
.img {background-color:#FFFFFF; border:1px solid #999999; padding:4px; margin-bottom:4px;}
#imagenesservicios {
    float:left;
    width:310px; 
    height:auto; 
	padding:0px;
    margin-top:5px;
	margin-left:105px;
	rigth:5px;
	margin-bottom:5px;
}
#textoservicios {
    float:right;
    width:280px; 
    height:auto; 
	padding:5px;
	padding-bottom:18px;
    margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	font-size:8.5pt;
	border:1px solid #cccccc;
}
h1 {font-size:11px; font-weight:normal; margin:0px; padding-bottom:5px; padding-top:5px; color:#b84b04;border-top:dotted 1px #b84b04;}