* { margin:0; padding:0; }
html { border:none; }
body { background:#d4c694 url(bgmain.png); font:13px/21px Georgia, serif; color:black; border:none; margin:20px 30px 30px 30px; padding-bottom:20px; }

img { display:block; }
a img { border:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

a:link, a:visited { color:#ac2e22; outline:none; padding:0 3px 1px 3px; -moz-border-radius:3px; }
a:hover { color:white; text-decoration:none; background-color:#ac2e22; }
a:active { outline:none; }
a.mute:hover { background-color:transparent; }
p.bullet { background:url(bullet.png) 0 5px no-repeat; padding-left:10px; }

hr { display:none; }

#column { width:320px; float:left; }
#subcolumn { width:338px; float:left; }
#picture { width:200px; padding-top:25px; float:left; }
#menu { width:75px; background:url(bgline.png) 0 15px no-repeat; float:left; text-align:left; margin-left:20px; padding:0 0 0 20px; margin-top:-52px; }
#content { margin-left:375px; text-align:left; padding-top:42px; }

#logo { width:168px; height:93px; background:url(logo.png); text-indent:-1000em; position:relative; left:-11px; }
#logo h1, #logo p { display:none; }
#logo div.homelink a { padding:0; display:block; width:168px; height:93px; text-indent:-1000em; }
#logo div.homelink a:hover { background:transparent; }

.quotesep { clear:both; }
#quotecontainer { background:url(bgquote.png) top right; margin-top:10px; margin-bottom:30px; width:325px; border-top:1px solid #c2b781; border-left:1px solid #c2b781; border-right:1px solid #d9ce94; border-bottom :1px solid #d9ce94; }
#quote { font-size:11px; line-height:16px; color:#5d553b; padding:12px 14px; }
#quote .person { margin-top:8px; }
#quote .more, #quote .ask { color:black; margin-top:12px; }
#quote .ask { border-top:1px solid #c4bc8a; margin-top:18px; padding-top:10px; }
#quote .ask a { position:relative; left:-3px; }

#menu ul { font-size:13px; line-height:28px; font-weight:bold; color:white; padding:0; list-style:none; margin-bottom:30px; text-shadow: rgba(70, 0, 0, 0.5) 1px 1px 1px; }
#menu ul.second { margin-bottom:0; }
#menu ul li { text-transform: lowercase; }
#menu ul a { position:relative; left:-3px; text-transform: lowercase; }
#menu ul a:link, #menu ul a:visited { text-decoration:none; color:#613112; text-shadow: rgba(255, 255, 255, 0.3) 1px 1px 1px; }
#menu ul a:hover { color:white; background-color:#512102; text-shadow: none; }

#content p { margin-bottom:10px; }
#paper { overflow:hidden; background:url(bgpaper.jpg); padding:15px 18px 25px 18px; border-top:1px solid #c8b070; border-left:1px solid #c8b070; border-right:1px solid #d9ce94; border-bottom :1px solid #d9ce94; }
  
#picture img { width:186px; padding:7px; background:#f0ece0; border-right:1px solid #a69d6b; border-bottom:1px solid #a69d6b; }
#picture img.little { width:85px; padding:3px; margin-right:5px; margin-bottom:5px; background:#f0ece0; border-right:1px solid #a69d6b; border-bottom:1px solid #a69d6b; float:left; }
#pictures p { clear:both; color:black; font-size:11px; line-height:16px; font-weight:normal; margin-bottom:16px; }
.foot { margin:15px 0; }
.foot strong { font-weight:normal; }
.morepics { clear:both; margin:20px 0; }

ol { list-style-position: inside; }

.sep { clear:both; height:40px; }
#footer { clear:both; padding-top:10px; border-top:1px solid #b6ad7b; font-size:11px; color:#908151; }

h2 { font-size:18px; color:#a84e10; margin:0 0 15px 0; }
h3 { font-size:14px; color:#512102; margin:25px 0 10px 0; }
h4 { font-size:12px; color:#541; font-style: italic;  margin:25px 0 10px 0; }
#column p { font-size:11px; line-height:16px; }

#column ul { list-style:none; padding:0; }
#column ul li { background:url(bullet.png) 0 7px no-repeat; padding-left:10px; }
#menu ul li { background:none; padding-left:0; }

#oferta img, #paper p img { float:right; margin:4px 0 10px 20px; padding:7px; background:#f0ece0; border-right:1px solid #a69d6b; border-bottom:1px solid #a69d6b; }
#paper p img.left { float:left; margin:4px 20px 10px 0; }
#paper p img.center { float:none; margin:4px 20px 10px 0; }
#paper img.banner { float:none; width:555px; height:30px; padding:0; margin:-15px 0 20px -18px; border:none; }
blockquote { margin-left:30px; margin-bottom:10px; }
blockquote p { margin:0 !important; }
#paper ul { margin-left:15px; margin-bottom:20px; }
img.gallery { float:left; width:120px; padding:7px; background:#f0ece0; border-right:1px solid #a69d6b; border-bottom:1px solid #a69d6b; margin-right:15px; }
td.info-gallery { padding-top:20px; }
td.pic-gallery { padding-bottom:20px; }

#lightbox { background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails{ font-size: 0.9em; margin:0; padding:0; }	
#lightboxCaption{ float: left; padding:10px 0 0 0; margin:0; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }
* html #overlay{ background-color: #333; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");	}
#lightbox a:hover { background-color:transparent; }
div.picfloat { float:left; margin:0 10px 20px 0; }

#oferta { 
    background:url(bgpaper.jpg); 
    padding:15px 18px; 
    border-top:1px solid #c8b070; 
    border-left:1px solid #c8b070; 
    border-right:1px solid #d9ce94; 
    border-bottom :1px solid #d9ce94; 
    margin-bottom: 20px;
    padding-bottom: 20px;    
}

#oferta h3 {
     font-size:18px; color:#c82e10; margin:0 0 15px 0;
}

#oferta img {
	float:left; 
	margin: 0 20px 0 0;
}

.wide {
	overflow: hidden;
	margin-top: 20px;
}

.wide img {
	float: left;
	margin: 0 25px 0 0;
}

table.month {
    height: 185px;
    display: block;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

table.month tr.month th {
    font-weight: bold;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border: 1px solid #963;
    color: #532;
    background: #a85;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

table.month tr.weekdays td {
    padding: 2px 5px;
    border: 1px solid #984;
    text-align: center;
    height: 18px;
    line-height: 18px;
    color: #863;
    background: #b96;
    font: bold 11px Verdana, sans-serif;
}

table.month tr.days td {
    text-align: center;
    border: 1px solid #b96;
    font: 11px Verdana, sans-serif;
    width: 24px;
    height: 18px;
    line-height: 18px;
}

table.month tr.days td.empty {
    border: none;
}

table.month tr.days td.status-1 {
    background: #c84;
    border: 1px solid #a62;
}

table.month tr.days td.status-2 {
    background: #b52;
    border: 1px solid #930; 
}

table.month tr.days td.linked {
    padding: 0;
}

table.month tr.days td.linked a:link,
table.month tr.days td.linked a:visited {
    text-decoration: none;
    color: black;
    padding: 0;
    display:block;
}

table.month tr.days td.linked a:hover {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: transparent;
}

table.month tr.days td.linked:hover {
    border: 1px solid #00d;
}

div.legend {
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #b96;
}

div.legend div {
    margin-bottom: 5px;
}

div.legend div em {
    font-style: normal;
    color: #974;
    padding-left: 5px;
}

div.legend div span {
    display: block;
    float: left;
    width: 20px;
    height: 16px;
    margin-top: 2px;
    margin-right: 10px;
}

div.legend div span.status-1 {
    background: #c84;
    border: 1px solid #a62;
}

div.legend div span.status-2 {
    background: #b52;
    border: 1px solid #930; 
}

form div {
	margin-bottom: 5px;

}

form div span {
	display: block;
	float: left;
	width: 150px;
}

form textarea {
	width: 300px;
	height: 100px;
	border: 1px inset white;
	font: 11px Verdana, sans-serif; 
	color: #222;
}

form select {
	width: 75px;
	font: Verdana, sans-serif; 
	color: #222;
}

form .text {
	font: 11px Verdana, sans-serif; 
	color: #222;
	height: 18px; 
	line-height: 18px;
	width: 296px;
	border: 1px inset white;
	padding-left: 4px;
}

form .button {
	font: 11px Verdana, sans-serif; 
	background: #cccca0;
	border: 1px outset #acac70;
	line-height: 0;
	height: 25px;
	padding: 0 10px 3px 10px;
	cursor: pointer;
}

form div.sep {
	border-top: 1px dotted #6c6860;
	margin-top: 15px;
	padding-top: 9px;
	height: 1px;
}

div.reserva-info {
	margin-bottom: 25px;
}

div.reserva-info p {
	margin: 0 !important;
}

div.explanation {
	color: #863;
	font-style: italic;
	font-size: 11px;
	margin-top: 15px;
}

div.errores {
	margin-bottom: 30px;
	border: 1px solid #a96;
	padding: 5px 15px 10px 15px;
}

div.errores div.mensaje {
	margin-top: 2px;
	border-left: 8px solid #986;
	color: #b00;
	padding-left: 10px;
}