/*------------------------------------------------------------------------------------------
	Cacadin Style Sheet Document
	NetFORCE Hosting Style Sheet Designed for La Posada De Mi Abuelo www.laposadademiabuelo.com
	Updated: 07-01-2007
	Copyright www.netforcenet.com All rights reserved over this document.
	You may not use, modify or distribute this without the direct consent of the Author NetFORCE Hosting at www.netforcenet.com
	
	Documento de Cascading Style Sheet (CSS)
	NetFORCE Hosting Hoja de Estilo Diseņada para La Posada De Mi Abuelo www.laposadademiabuelo.com
	Actualizado: 07-01-2007
	Copyright www.netforcenet.com Reserva todos los derechos sobre este documento.
	Usted no puede usar, modificar, distribuir este documento sin el consento directo del autor NetFORCE Hosting en www.netforcenet.com
------------------------------------------------------------------------------------------*/

body
{
    background-color: #000000;
	margin: 0 auto;
	width: 771px;
	font-family: arial, sans-serif, Times;
	background: #000000 url("images/background.jpg") repeat-x;
}


p
{
	text-indent: 2.0em;
}

.webpageframe
{
    float: left;
	width: 771px;
	background-color: #BBE5C1;
	margin: 0 auto;
	background: url("images/main_fill.jpg") repeat-y;
}
	
.header
{
    float: left;
	width: 771px;
	height: 178px;
	background: #BBE5C1 url("images/header.jpg") no-repeat;
}

.boxesleft
{
    float: left;
	width: 491px;
}

.designleft
{
    float: left;
	width: 32px;
	height: 193px;
	background: #BBE5C1 url("images/left_design.jpg") no-repeat;

}


.whitetop
{
    float: left;
	width: 269px;
	/* width: 459px; */
	height: 22px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	font-size: 11pt;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	padding: 4px 0px 0px 180px;
	color: #000000;
	text-decoration: underline;
	
	background: #FFFFFF url("images/white_top.jpg") no-repeat;
}

.whitetop2
{
    float: left;
	width: 300px;
	/* width: 459px; */
	height: 22px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	font-size: 11pt;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	padding: 4px 0px 0px 150px;
	color: #000000;
	text-decoration: underline;
	background: #FFFFFF url("images/white_top.jpg") no-repeat;
}

.whitetop3
{
    float: left;
	width: 320px;
	/* width: 459px; */
	height: 22px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	font-size: 11pt;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	padding: 4px 0px 0px 130px;
	color: #000000;
	text-decoration: underline;
	background: #FFFFFF url("images/white_top.jpg") no-repeat;
}

.whitefill
{
    float: left;
	width: 459px;
	background: #FFFFFF url("images/white_fill.jpg") repeat-y;
}

.whitefilltext
{
	float: left;
	width: 280px;
	font-size: 10pt;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 10px 10px 1px 15px;
}

.whitebottom
{
    float: left;
	width: 459px;
	height: 38px;
	background: #BBE5C1 url("images/white_bottom.jpg") no-repeat;
}

.offertop
{
    float: left;
	width: 253px;
	height: 17px;
	margin-top: 20px;
	background: #BBE5C1 url("images/offer_top.jpg") no-repeat;
}

.offerfill
{
    float: left;
	width: 253px;
	background: #BBE5C1 url("images/offer_fill.jpg") repeat-y;
}

.offerbottom
{
    float: left;
	width: 253px;
	height: 19px;
	margin-bottom: 30px;
	background: #BBE5C1 url("images/offer_bottom.jpg") no-repeat;
}


.footerfull
{
    float: left;
	width: 771px;
	height: 130px;
	border: none;
	background: #BBE5C1 url("images/footer.jpg") no-repeat;
}

.boxesright
{
    float: left;
	width: 277px;
	margin-left: 3px;
}

.designright
{
    float: right;
	width: 24px;
	height: 193px;
	padding: 0px 0px 0px 0px;
	background: #BBE5C1 url("images/right_design.jpg") no-repeat;

}

.yellowtop
{
    float: left;
	width: 253px;

	background: url("images/yellow_top.jpg") no-repeat;
}

.yellowfill
{
    float: left;
	width: 253px;
	background: #FFFFFF url("images/yellow_fill.jpg") repeat-y;
}

.yellowbottom
{
    float: left;
	width: 253px;
	height: 3px;
	background: url("images/yellow_bottom.jpg") no-repeat;
}

.yellowright
{
    float: left;
	width: 253px;
}

.thumbnail
 {
  float: left;
  width: 120px;
  padding: 5px; 
 }
 
 .thumbnailhistory
 {
  float: left;
  width: 335px;
  height: 300px;
   padding: 0px 0px 0px 110px;
 }
 
 .oferta
 {
  float: left;
  width: 240px;
  padding: 5px; 
 }
 
 .thumbnail2
 {
  float: left;
  width: 200px;
  padding: 5px;
  text-align: center;
  padding: 0px 0px 0px 17px;
 }
 
 .footertext
{
	float: left;
	width: 250px;
	font-size: 10pt;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: center;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-left: 5px;
	border: #BBE5C1;
	padding: 10px 10px 1px 0px;
}
 
.thumbnail3
{
  text-decoration: none;
  float: left;
  width: 100px;
  height: 90px;
  border: #BBE5C1;
  margin-left: 90px;
  padding: 10px 10px 10px 10px;
}
  
.thumbnail4
{
  text-decoration: none;
  float: left;
  width: 120px;
  border: #BBE5C1;
  padding: 5px; 
}
 
img 
{ 
	border: 0px;
} 

.menutext
{
	float: left;
	width: 430px;
	font-size: 10pt;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 10px 10px 1px 15px;
}
.menutextright
{
	float: right;
	width: 200px;
	font-size: 10pt;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 10px 8px 1px 8px;
}

.thumbnailmenu
 {
  float: left;
  width: 90px;
  padding: 5px; 
 }
 
 .menutext2
{
	float: left;
	width: 230px;
	font-size: 10pt;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 10px 10px 1px 15px;
}
.menutextright2
{
	float: right;
	width: 120px;
	font-size: 10pt;
	font-family: sans-serif, Times, serif;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}

.thumbnailright
 {
  float: right;
  width: 120px;
  padding: 5px; 
 }
 
 .divform
{
	float: left;
	width: 420px;
	text-decoration: none;
}

.reservationright
{
	float: right;
	width: 183px;
	background-color: #d58f92;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
	border: 2px solid black; 
}

.divform2
{
	float: left;
	width: 404px;
	background-color: #f8faba;
	padding: 10px 10px 10px 10px;
	border: 2px solid black; 
}

#menu_container 
{
margin:143px 0px 0px 30px; 
float: left; width:260px; 
height:25px; 
}

#menu_container2 
{
margin:143px 0px 0px 0px; 
float: right; width:155px; 
height:25px; 
}

#menu_container3 
{
margin:143px 0px 0px 0px; 
float: right; 
width:105px; 
height:25px; 
}

#pmenu, #pmenu ul 
{
padding:0; 
margin:0; 
list-style-type: none;
}

#pmenu2, #pmenu2 ul 
{
padding:0; 
margin:0; 
list-style-type: none;
}

#pmenu4, #pmenu4 ul 
{
padding:0; 
margin:0; 
list-style-type: none;
}

#pmenu a, #pmenu a:visited 
{
display:block;
width:80px; 
font-size:12px; 
color:#000; 
height:25px; 
line-height:24px; 
text-decoration:none; 
text-indent:5px; 
border:1px solid #000; 
border-width:1px 0 1px 1px;
}

#pmenu2 a, #pmenu2 a:visited 
{
display:block;
width:150px; 
font-size:11px; 
color:#000; 
height:25px; 
line-height:24px; 
text-decoration:none; 
text-indent:5px; 
border:1px solid #000; 
border-width:1px 0 1px 1px;
}

#pmenu4 a, #pmenu4 a:visited 
{
display:block;
width:80px; 
font-size:12px; 
color:#000; 
height:25px; 
line-height:24px; 
text-decoration:none; 
text-indent:5px; 
border:1px solid #000; 
border-width:1px 0 1px 1px;
}

.w3c
{
	float: left;
	width: 50px;
	heigh: 20px;
	padding: 0px 0px 0px 0px;
}

u
{
text-decoration: underline;
}

#pmenu li ul li a, #pmenu li ul li a:visited 
{
border-width:0 1px 1px 1px;
}

#pmenu li a.enclose, #pmenu li a.enclose:visited 
{
border-width:1px;
}

#pmenu2 li ul li a, #pmenu2 li ul li a:visited 
{
border-width:0 1px 1px 1px;
}

#pmenu2 li a.enclose, #pmenu2 li a.enclose:visited 
{
border-width:1px;
}

#pmenu4 li ul li a, #pmenu4 li ul li a:visited 
{
border-width:0 1px 1px 1px;
}

#pmenu4 li a.enclose, #pmenu4 li a.enclose:visited 
{
border-width:1px;
}

#pmenu li 
{
float:left; 
background:#ADFE97;
}

#pmenu2 li 
{
float:left; 
background:#ADFE97;
}

#pmenu4 li 
{
float:left; 
background:#ADFE97;
}

#pmenu li:hover 
{
position:relative;
}

#pmenu2 li:hover 
{
position:relative;
}

#pmenu4 li:hover 
{
position:relative;
}

#pmenu li:hover > a 
{
background:#00A2FF; 
color:#c00;
}

#pmenu2 li:hover > a 
{
background:#00A2FF; 
color:#c00;
}

#pmenu4 li:hover > a 
{background:#00A2FF; 
color:#c00;
}

#pmenu li ul 
{
display:none;
}

#pmenu2 li ul 
{
display:none;
}

#pmenu4 li ul 
{
display:none;
}

#pmenu li:hover > ul 
{
display:block; 
position:absolute; 
top:-11px; 
left: 50px; 
padding:10px 30px 30px 30px; 
background:transparent url(transparent.gif); 
width:120px;
}

#pmenu2 li:hover > ul 
{
display:block; 
position:absolute; 
top:-11px; left: 50px; 
padding:10px 30px 30px 30px; 
background:transparent; 
width:120px;
}

#pmenu4 li:hover > ul 
{
display:block; 
position:absolute; 
top:-11px; left: 50px; 
padding:10px 30px 30px 30px; 
background:transparent url(transparent.gif); 
width:120px;
}

#pmenu > li:hover > ul 
{left:-30px; 
top:16px;
}

#pmenu2 > li:hover > ul 
{
left:-30px; 
top:16px;
}

#pmenu4 > li:hover > ul 
{
left:-30px; 
top:16px;
}

#pmenu table 
{
position:absolute; 
border-collapse:collapse; 
top:0; 
left:0; 
z-index:100; 
font-size:1em;
}

#pmenu2 table 
{
position:absolute; 
border-collapse:collapse; 
top:0; 
left:0; 
z-index:100; 
font-size:1em;
}

#pmenu4 table 
{
position:absolute; 
border-collapse:collapse; 
top:0; 
left:0; 
z-index:100; 
font-size:1em;
}

* html #pmenu li a:hover 
{
position:relative; 
background:#00A2FF; 
color:#c00;
}

* html #pmenu2 li a:hover 
{
position:relative; 
background:#00A2FF; 
color:#c00;
}

* html #pmenu4 li a:hover 
{
position:relative; 
background:#00A2FF; 
color:#c00;
}

#pmenu li a:active, #pmenu li a:focus 
{
background:#ADFE97; 
color:#c00;
}

#pmenu2 li a:active, #pmenu2 li a:focus 
{
background:#ADFE97; color:#c00;
}

#pmenu4 li a:active, #pmenu4 li a:focus 
{
background:#ADFE97; 
color:#c00;
}

#pmenu li.fly 
{
background:#ADFE97;
}

#pmenu li.drop 
{
background:#ADFE97;
}

#pmenu2 li.fly 
{
background:#ADFE97;
}

#pmenu2 li.drop 
{
background:#ADFE97;
}

#pmenu4 li.fly 
{
background:#ADFE97;
}

#pmenu4 li.drop 
{
background:#ADFE97;
}

* html #pmenu li ul 
{
visibility:hidden; 
display:block; 
position:absolute; 
top:-11px; 
left:60px; 
padding:10px 30px 30px 30px; 
background:transparent url(transparent.gif);
}

* html #pmenu2 li ul 
{
visibility:hidden; 
display:block; 
position:absolute; 
top:-11px; 
left:60px; 
padding:10px 30px 30px 30px; 
background:transparent url(transparent.gif);
}

* html #pmenu4 li ul 
{
visibility:hidden; 
display:block; 
position:absolute; 
top:-11px; left:60px; 
padding:10px 30px 30px 30px; 
background:transparent url(transparent.gif);
}

#pmenu li a:hover ul ul
{
visibility:hidden;
}

#pmenu2 li a:hover ul ul
{
visibility:hidden;
}

#pmenu4 li a:hover ul ul
{
visibility:hidden;
}

#pmenu li a:hover ul a:hover ul ul
{
visibility:hidden;
}

#pmenu2 li a:hover ul a:hover ul ul
{
visibility:hidden;
}

#pmenu4 li a:hover ul a:hover ul ul
{
visibility:hidden;
}

#pmenu li a:hover ul a:hover ul a:hover ul ul
{
visibility:hidden;
}

#pmenu2 li a:hover ul a:hover ul a:hover ul ul
{
visibility:hidden;
}

#pmenu4 li a:hover ul a:hover ul a:hover ul ul
{
visibility:hidden;
}

#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul 
{
visibility:hidden;
}

#pmenu2 li a:hover ul a:hover ul a:hover ul a:hover ul ul 
{
visibility:hidden;
}

#pmenu4 li a:hover ul a:hover ul a:hover ul a:hover ul ul 
{
visibility:hidden;
}

#pmenu li a:hover ul 
{
visibility:visible; left:-50px; top:14px; lef\t:-31px; to\p:15px;
}

#pmenu2 li a:hover ul 
{
visibility:visible; left:-50px; top:14px; lef\t:-31px; to\p:15px;
}

#pmenu4 li a:hover ul 
{
visibility:visible; left:-50px; top:14px; lef\t:-31px; to\p:15px;
}

#pmenu li a:hover ul a:hover ul
{ 
visibility:visible; top:-11px; left:60px;
}

#pmenu2 li a:hover ul a:hover ul
{ 
visibility:visible; top:-11px; left:60px;
}

#pmenu4 li a:hover ul a:hover ul
{ 
visibility:visible; top:-11px; left:60px;
}

#pmenu li a:hover ul a:hover ul a:hover ul 
{ 
visibility:visible;
}

#pmenu2 li a:hover ul a:hover ul a:hover ul 
{ 
visibility:visible;
}

#pmenu4 li a:hover ul a:hover ul a:hover ul 
{ 
visibility:visible;
}

#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul 
{ 
visibility:visible;
}

#pmenu2 li a:hover ul a:hover ul a:hover ul a:hover ul 
{ 
visibility:visible;
}

#pmenu4 li a:hover ul a:hover ul a:hover ul a:hover ul 
{ 
visibility:visible;
}

#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul 
{ 
visibility:visible;
}

#pmenu2 li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul 
{ 
visibility:visible;
}

#pmenu4 li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul 
{ 
visibility:visible;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

li
{
text-align:center;
}

pmenu2
{
font-size: 12px;
}

/*------------------------------------------------------------------------------------------
	Cacadin Style Sheet Document
	NetFORCE Hosting Style Sheet Designed for La Posada De Mi Abuelo www.laposadademiabuelo.com
	Updated: 07-01-2007
	Copyright www.netforcenet.com All rights reserved over this document.
	You may not use, modify or distribute this without the direct consent of the Author NetFORCE Hosting at www.netforcenet.com
	
	Documento de Cascading Style Sheet (CSS)
	NetFORCE Hosting Hoja de Estilo Diseņada para La Posada De Mi Abuelo www.laposadademiabuelo.com
	Actualizado: 07-01-2007
	Copyright www.netforcenet.com Reserva todos los derechos sobre este documento.
	Usted no puede usar, modificar, distribuir este documento sin el consento directo del autor NetFORCE Hosting en www.netforcenet.com
------------------------------------------------------------------------------------------*/