/* CSS Document */
/*****************************************************************************/
/* Fonts and Headings*/
/*****************************************************************************/

html {
height: 100%;
min-height: 100%; 
background: url(images/bodybackground.jpg);
background-repeat: repeat-x;
background-position: bottom;
background-attachment: fixed;
}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
    height: 100%;
    min-height: 100%;
	background-image: url(images/htmlbackground.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

p {
	text-align: justify;
	font-size: 11px;
}

ul {
	text-align: left;
	font-size: 11px;
}

h1 {

font-size: 60px; 
color:white;

}

/*****************************************************************************/
/* links */
/*****************************************************************************/
a:link {
	color: black;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #000000;
}


/*****************************************************************************/
/* backgrounds & layout*/
/*****************************************************************************/


div {
vertical-align: top;
padding: 0px;
margin: 0px;
}

#container {
width: 980px;
margin-left: auto;
margin-right: auto;
}

#top {
background-image: url(images/topbackground.jpg);
background-repeat: repeat-x;
background-position: bottom;
width: 100%;
height: 146px;
}

#logo {
width: 164px;
height: 146px;
float: left;
}

#language {
width: 350px;
text-align: left;
padding-left: 10px;
height: 146px;
float: left;
}

#navigation {
width: 410px;
height: 146px;
float: left;
}

#contenthome {
width: 980px;
height: 512px;
text-align: center;
vertical-align: middle;
position: relative;
z-index: 0;
left: 0px;
top: 0px;
}

#texthome {
position:relative;  z-index: 100; left: 49%; _left:230px; top: -500px; width: 480px; background-color: white; border: 1px solid black; margin-bottom: -100px; font-size: 12px; text-align: justify; padding: 5px;
}

#texthome h2 {
color: #663300;
text-align: center;
}

#contenthabitaciones {
background-image: url(images/habitaciones.jpg); background-repeat: no-repeat; background-position: top center; background-color: white; width: 100%; 
}

#contentrestaurante {
background-image: url(images/restaurante.jpg); background-repeat: no-repeat; background-position: top center; background-color: white; width: 100%; 
}

#contentpanama {
background-image: url(images/panama.jpg); background-repeat: no-repeat; background-position: top center; background-color: white; width: 100%; 
}

#contenthotel {
background-image: url(images/nosotros.jpg); background-repeat: no-repeat; background-position: right top; background-color: white; width: 100%; height: 510px;
}

#contentcontactenos {
background-image: url(images/contactenos.jpg); background-repeat: no-repeat; background-position: right top; background-color: white; width: 100%; height: 510px;
}

#h1_content {
position: relative; left: 0px; top: 0px; width: 979px; z-index: 100; _left: -220px;
}

#h1_content_b {
position: relative; left: 20px; top: 0px; width: 100%; z-index: 100; _left: 10px; text-align: right;
}

#cell_content {
background-image: url(images/shortgradient.jpg); background-repeat: repeat-x; background-position: bottom; background-color: white; border: 1px solid #999999; padding: 7px; width: 460px; float: left; margin: 5px;
}

#cell_content1 {
background-image: url(images/shortgradient.jpg); background-repeat: repeat-x; background-position: bottom; background-color: white; border: 1px solid #999999; padding: 7px; margin: 5px;
}

#footer {
margin-top: 10px;
width: 980px;
background-image: url(images/footerbackground.jpg);
background-repeat: repeat-x;
height: 120px;
margin-left: auto;
margin-right: auto;
}

#footer a {
text-decoration: none;
}

#footer-left {
margin-top: 20px;
width: 33%;
float: left;
font-size: 10px;
text-align: left;
}

#footer-right {
margin-top: 20px;
width: 33%;
float: right;
font-size: 10px;
text-align: right;
}

/*****************************************************************************/
/* clases miscelaneas */
/*****************************************************************************/


/* boxes */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(images/flavortopback.gif) no-repeat top left;
	font-size: 100%;
}
.boxhead {
	/* background: url(images/head_r.gif) no-repeat top right; */
	margin: 0;
	padding: 0;
	text-align: center; 
}
.boxhead h2 {
	/* background: url(images/head_l.gif) no-repeat top left; */
	margin: 0;
	padding: 5px 7px 0px;
	/* border-bottom: #FFFFCC 2px solid; */
	text-align: left;
	color: black; 
	font-weight: bold; 
	font-size: 20px; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	width: 100%;
}
.boxbody {
	/* background: url(images/body_l.gif) no-repeat bottom left; */
	margin: 0;
	padding: 5px 5px 31px;
}


	.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
font-weight: 500;
background: url(images/button_on.png)  no-repeat;
white-space: normal;
display: block;
width: 200px;
height: 47px;
margin: 0;
padding: 0;
text-align: center;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 16px;
width: 200px;
height: 47px;
display: block;
float: left;
color: black;
text-decoration: none;
text-align: center;
}

.cssnav img
{
width: 200px;
height: 47px;
border: 0
}

* html a:hover
{
visibility:visible;
}

.cssnav a:hover img
{
visibility:hidden;

}

.cssnav a:hover 
	{color: #999999;}

.cssnav span
{
position: absolute;
left: 15px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
text-align: center;
} 

.footnote {
font-size: 10px; margin: 20px; text-align: center;
}

.reddot {
font-size: 10px; color: red; font-weight: bold;
}

.shopping_cart_table {
border-top: black solid 1px; border-bottom: 0px; border-left: 0px; border-right: 0px; vertical-align:top;
}

.shopping_cart_table_zero {
border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; vertical-align:top;
}

.breadcrumb {
font-size: 10px; text-align: left; vertical-align: top;
}

.space {
margin-left: 5px; margin-right: 5px;
}