/*
	Hotel Mamatila - desarrollado por eSOLUTIONS
	www.esolutions.es - todos los derechos reservados 
*/

html {
	height:100%;
}
body {
	width:100%;
	margin:0px;
	color:#000;
	font:80% Georgia, "Times New Roman", Times, serif;
}
h1 {border-bottom:1px dashed #999; padding-bottom:5px; margin:0px; margin-bottom:9px;}
h1 strong {display:none;}
a {color:#e37502;}
a:hover {color:#333;}
ul {list-style-type:none; list-style-image:url(images/arrow_services.gif);}
hr {height:1px; border:1px dashed #666; border-bottom:none;}



#header {
	background: url("images/bg_body.jpg") repeat-x left bottom;
	padding:5px 0px 25px 0px;
}
#logo {
	width:180px;
	text-align:center;
}
#movie {
	width:540px;
	text-align:right;
}
#mainnav {
	font:80% Verdana, "Arial Marrow", Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
#mainnav td {
	padding:1px;
}
#mainnav a {
	width:90px;
	color:#cc944b;
	display:block;
	padding:5px 0px;
	text-decoration:none;
	border-top:5px solid #e3c280;
}
#mainnav a:hover {
	color:#333;
	border-top:5px solid #333;
}
#mainnav #nav_servicios {}
#mainnav #nav_ubicacion {}
#mainnav #nav_galeria {}
#mainnav #nav_tarifas {}
#mainnav #nav_reservas {}











#index {
	background:#fff url("images/bg_index.jpg") repeat-x fixed left bottom;
	font-size:80%;
	color:#333;
}
#index #mainnav {
	margin:30px 0px 20px 0px;
}
#index h1 {
	border-bottom:none;
	font:130% "Times New Roman", Times, serif;
	color:#333;
}
#index h1 strong {
	display:inline;
}
#index .author {color:#777; font:70% Verdana, Arial, Helvetica, sans-serif;}
#index .author a {color:#777; font-weight:bold; text-decoration:none;}
#index .author a:hover {color:#555;}







#body {
	vertical-align:top;
}
#left {
	width:180px;
	vertical-align:top;
	background:#fef9e7;
}
#tablist a {
	font:90% "Arial Marrow", Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	display:block;
	color:#333;
	text-decoration:none;
	padding:5px;
	width:170px;
	background: url("images/bg_tab.gif") no-repeat right center;
}
#tablist a.current {background:#E3C280 url("images/bg_tab.gif") no-repeat right center;}
#tabcontainer {} /* oscarch - no se oculta este campo porque ya se ha ocultado en script.js para que se pueda visualizar en el editor html - antes(.tabcontent{display:none;} )*/
.tabcontent {background:#fff;}
#links {
	margin-top:50px;
	text-align:center;
}
#links img {
	margin-bottom:30px;
}


#main {
	vertical-align:top;
	padding:10px 10px 30px 10px;
}
.maintable {
	width:600px;
}
.image {
	margin:5px;
	padding:3px;
	border:1px solid #999;
}
.gallery img {float:left;}

.table1 {background:#FEF4D3; border:1px solid #FCCE43;}
.table1 .tabletext1 {padding:5px; font-size:85%;}
.table1 .tabletext1 p {margin:8px 0px;}
.table1 .tabletext1 ul {margin:8px; margin-left:18px;}

.border {border-bottom:1px solid #C7CBCF;}
.formulario h4 {margin:0px; color:#e37502;}

.bd_plano {width:150px;	font:80% Verdana, Arial, Helvetica, sans-serif;}
.bd_plano1 {background:url(images/bd_plano1.gif) no-repeat center top; height:10px;}
.bd_plano2 {background:url(images/bd_plano2.gif) repeat-y center top; padding:0px 10px; text-align:center;}
.bd_plano3 {background:url(images/bd_plano3.gif) no-repeat center bottom; height:25px;}





/* estilos para script de galeria */
#showimage {
	position: absolute;
	visibility: hidden;
	border: 1px solid #999;
	background: #fff;
	padding: 3px;
}
#dragbar {
	cursor: move;
	height: 18px;
	min-width: 100px; /*NS6 style to overcome bug*/
	text-align: right;
}
#dragbar #closetext {
	cursor: pointer;
	font-weight: bold;
	font: 85% Tahoma, Helvetica, sans-serif;
	text-align: right;
}






#footer {
	color:#ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
#subnav {background:#cc944b url("images/bg_subnav.gif") no-repeat right top; padding:12px;}
#subnav span {font-weight:bold; color:#fff;}
#subnav p {margin:0px;}
#subnav a {color:#fff; text-decoration:none; padding:1px 3px;}
#subnav a:hover {text-decoration:underline;}
#author {font-size:85%; color:#fff; background:#a6732f; padding:9px;}
#author a {color:#fff; text-decoration:none; font-weight:bold;}
#author a:hover {text-decoration:underline;}