#head  ul li  {
	font-size: 0.9em;
}
/*
the basics ========================================================= 
*/
*        {margin: 0px; padding: 0px;}
img      {border: 0px;}
.clear   {clear: both; width: 1px; height: 1px;}
acronym  {color: black; padding: 1px; border-bottom: 1px dotted black; cursor: hand;}
#skip    { position: absolute; top: -10000px; left: -10000px;}
.clear   { clear:both; visibility:hidden; height:0; }
/*
the layout ========================================================= 
*/

body {
	text-align: center;
	background:#fff url("http://hotelguardamar.com/images/8.gif") repeat-y top center; 


}
#wrap {
	width: 780px;
	margin: 0 auto;

	margin-bottom: 20px;
	*font-size: 15px;
}

#main {
	width: 756px;
}
html>body  #main {
	margin: 0 auto;
	width: 757px;
}
#content {
      width: 536px;
	float: left;
}
#sidebar {
       margin-top: -5px;
	padding-bottom: 10px;
      *width: 217px;
       width: 220px;
	float: left;
       z-index: 1;
}

#foot {
	clear: both;
	width: 300;
	margin-top: 20px;
       text-align: left;
      margin: 50px 200px 30px 18px;
}



#home #intro {
	margin: 0 18px 18px;
}

#home #intro div  {
	margin: 0 6px 3px 0;
	float: left;
	width: 240px;


}



/*
nav  ========================================================= 
*/

#head  ul {
  text-align: center;
  list-style:none;
  font-size:95%;
  background: #242959;
  height: 1em;
  width: 756px;
  padding: 5px 0;
  margin-bottom: 1px;
  }
  
 html>body  #head  ul {
	margin: 0 auto 1px;
	width: 757px;
}
  
#head  ul li {
  float:left;
  margin:0;
  padding:0;
  line-height:normal;
  text-indent:0;
  }

#head  ul li a {
  display:block;                                         
  padding:0px 19px 0px 19px;
  border:solid #fff;;
  border-width:0 1px 0 0;
  text-decoration:none;
  white-space:nowrap;
  line-height: 100%;
  color: #fff;

  }

#head  ul li a.last {
  border-width:0 0 0 0;

 }
 



/*
the style ========================================================= 
*/

#content, #sidebar {
	text-align: left;
}
#content h2 {
	margin: 20px 18px 10px ;
}

#content h3 {
	margin: 2px 0px;
}
#content p, #content h4, #content h5 {
	margin: 0px 18px 10px;
}


#content h4, #content h5 {
	color: maroon;
}


#intro div p  {
	margin: 0px;
	margin-right: 3px;
}

#content h2, #content h3, #content h3 a {
	color: #332a8c;
	text-decoration: none;
   font-style: italic;
}




#content h2 {
	font-size: 1.5em;
}

#content p {
	color: #414141;
	font-size: 1.05em;
}

#content ul {
      	color: #414141;
	font-size: 1.05em;
       margin: 5px 20px 5px 40px;}

#intro div p  {
	margin: 0px;
	margin-right: 3px;
	font-size: 0.9em;
}
#intro div img {
	padding: 6px;
	background-image: url(http://hotelguardamar.com/images/2.png);
	background-position: top;
	background-repeat: no-repeat;
	margin-right: 5px;
}

#sidebar h2 {
	color: Maroon;
	font-size: 1.2em;
	margin: 1px 10px 0px 17px;
       font-style: italic;
}

#sidebar p {
	color: #000;
	font-size: 0.9em;
	margin: 2px 10px 10px 17px;
}
#sidebar a {color: #332a8c;}

#sidebar ul {margin-left: 35px; font-size: 80%;} 

#foot  p  {
	margin: 10px 0;
	font-size: 0.9em;
	color: #999;
}


 form#zemContactForm legend {display: none;}

 form#zemContactForm fieldset  {border:0px; margin: 0 25px 0 18px;}



 form#zemContactForm label {
margin: 0px;
 padding: 5px 0 3px;   
 display: block; 
 color: #332a8c;
 font-weight: bold;	}
 
 form#zemContactForm label.email {
 border: 0px;	}

form#zemContactForm textarea {margin-bottom: 10px;}

form#zemContactForm br {display: none; }
form#zemContactForm input {margin-bottom: 10px; }


#gallery {

     width: 500px;
     margin: 0px 18px 30px;
     padding-bottom: 30px;

}

#gallery .image_index {
	 margin-top: 6px;
       margin-bottom: 10px;
}

#gallery .image_index a{
	float: left;
}


#gallery img {padding: 5px; background:#ebebeb; border: 1px solid #e3e3e3; margin-right: 6px; }


#section #content h3 {margin: 10px 18px 0;}
#section #content p  {margin-top: 0px;}

p.alt-text {font-size: 0.8em!important; margin: 0px!important;}




 table {
	background-color: #fff;
	border: none;
	width: 505px;
       margin-rigth: 18px;
       margin-left: 20px;
border-collapse: collapse;

	
}




caption {
	padding: 0 0 5px 0;
       font-size: 1.2em;
      color: maroon;
 
	
	
}

th {
	
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	
	
	text-align: left;
	padding: 6px 6px 6px 12px;
	
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;

}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	color: #797268;
}


th {
	text-align:right;
}

.price, td {
	text-align:center;
}
.negative {
	background: #242959;
	color: white;
}
.destacado {
	background: #FFFFCC;

}
#foot p {      
      padding-top: 30px;
      color: #ccc;
      font-size: 0.85em;}



#ofertas

{margin: 0 18px 18px;padding: 13px 3px 3px;background: #ffffcc; border: 1px solid #cccc33; text-align: center!important;}


#ofertas a {color:#999999}