* {
margin: 0;
padding: 0;
}

body {
	font-family: Arial,Tahoma,"Lucida Grande",  Verdana, sans-serif;
	font-size: 14px;
	background-color: #eff0f2;
	margin-top: 30px;
		
}

#escena {
   width: 780px;
	 background:  #fff url(../images/fondo_lateral_0.jpg) repeat left;	
   position: relative;
   margin: 0 auto;
   text-align: left;
   /*border: 1px solid #777;*/
} 
	 
a {
	color: #E92821;
	text-decoration: none;
}

a:hover {
	color: #F27E7B;
	text-decoration: none;
}

p {
	margin:10px 15px 10px 0px;
	line-height:16px;
	color: #555555;
  letter-spacing:-0.03em;
	
}

h1, h2 {
	font-family: "Lucida Grande",Tahoma,  Verdana, sans-serif;
	margin:0 0 0 70px;
	padding:0;
	font-size:12px;
	font-style:italic;
  letter-spacing:0.05em;		
}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

img {
	display: block;
	margin:10px 0 0 0;
	border:0;
}
	
#top {
	width: auto;
	height: 300px;
	background: url(../swf/home.jpg) no-repeat center top;
	/*border-bottom: 1px solid #c19373;*/
}

/* botonera superior */
ul#navlist {
	width:595px;
	height:25px;
	margin:59px 0px 0 0;
	padding-left:2px;
	float:right;
  list-style-type: none;
  white-space: nowrap;
}

ul#navlist li {
        float: left;
	      display:inline;	        
        font-family: verdana, arial, sans-serif;
        font-size: 9px;
        font-weight: normal;
	      margin-top:6px;	
	      margin-right: 1px;
        padding: 5px 0 4px 0;
        background-color: #555555;
}

ul#navlist li#active {
        color: #ffffff;
        background-color: #777777;
}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 7px 4px 7px;
        color: #ffffff;
        text-decoration: none;
}

#navlist a:hover {
        color: #ffffff;
        background-color: #777777;
}

#derecha{
	background-color: #fff;
	width: 140px;
	height: 400px;
	position: absolute;
	top: 200px;
	border: 1px solid #ddd;
}
	 
#izquierda {
	width: 140px;
	height: auto;
	float: left;
	padding: 10px 0 0 20px;
}
#izquierda  h2 {
	font-size: 11px;
	color: #000;
	margin: 7px 40px 4px 10px; 
}

#cuerpo {
	width: 420px;
	height: auto;
	margin: 10px 0 20px 200px;
	padding: 0 0 0 0;	
	color: #999;
}

#cuerpo h1 {
	color: #f90;
	letter-spacing: 1px;
}

#cuerpo h2 {
	font-size: 14px;
	margin: 10px 0 0 70px;
	text-align: justify;
	line-height: 18px;
}

#cuerpo p {
	margin: 15px 0 0 70px;
	text-align: justify;
	line-height: 23px;

}

#pie {

	/*border-top: 1px solid #c19373;*/
	background-color: #fff;
	width: auto;
	height: 35px;
	text-align: center;
	padding-top: 2px;
	color: #fff;
	font-size: 11px;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;	
}

.rojas_logo {
vertical-align:middle;
cursor: help;
}

#copyright p{
	width:700px;
	padding:8px 0 4px 0;
	color:#ccc;
	font-size: 10px;
	text-align: center;
}

#copyright a:link, #copyright a:visited, #copyright a:active {
	color: #888888;
	text-decoration: none;
	padding: 0px 0px 1px;
	border-bottom: 1px dotted #888888;
}

#copyright a:hover {
	text-decoration: none;
	border:none;
	color: #aa0044;
}

h2#paseos {
	text-indent:-9999px;
	width:90px;
	height:51px;
	margin:0 0 16px 70px;
	padding:0;
	background: url(../images/texto_paseos.jpg) no-repeat 0px 0px;
}

h2#eventos {
	text-indent:-9999px;
	width:150px;
	height:51px;
	margin:0 0 16px 70px;
	padding:0;
	background: url(../images/texto_eventos.jpg) no-repeat 0px 0px;
}

h2#servicios {
	text-indent:-9999px;
	width:126px;
	height:51px;
	margin:0 0 16px 70px;
	padding:0;
	background: url(../images/texto_servicios.jpg) no-repeat 0px 0px;
}

h2#bienvenidos {
	text-indent:-9999px;
	width:160px;
	height:51px;
	margin:0 0 16px 70px;
	padding:0;
	background: url(../images/texto_inicio.jpg) no-repeat 0px 0px;
}

h2#cabanas {
	text-indent:-9999px;
	width:170px;
	height:51px;
	margin:0 0 16px 70px;
	padding:0;
	background: url(../images/texto_cabanas.jpg) no-repeat 0px 0px;
}

h2#tarifas {
	text-indent:-9999px;
	width:170px;
	height:51px;
	margin:0 0 16px 70px;
	padding:0;
	background: url(../images/texto_tarifas.jpg) no-repeat 0px 0px;
}
h2#contacto {
	text-indent:-9999px;
	width:270px;
	height:51px;
	margin:0 0 16px 65px;
	padding:0;
	background: url(../images/texto_reservas.jpg) no-repeat 0px 0px;
}

h2#ubicacion {
	text-indent:-9999px;
	width:170px;
	height:51px;
	margin:0 0 16px 70px;
	padding:0;
	background: url(../images/texto_ubicacion.jpg) no-repeat 0px 0px;
}


#mytable {
	font: normal 12px  Arial, tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	background: #E4ca76;
	width: 370px;
	padding: 0;
	margin: 0 0 0 70px;
	text-align: left;	
}

caption.tabla {
	padding: 0 0 5px 0;
	width: 370px;	 
	font: normal 13px Arial, tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;	
}

th.tabla {
	font: normal 12px Arial, tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;

	border: 1px solid #C1DAD7;
	letter-spacing: 0px;
	padding: 6px 6px 6px 12px;
	background: #d0c382;
}

th.tabla a {
	font: 14px Arial, tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	text-decoration:none;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td.tabla1 {
	width: 300px;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #f8f8f8;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.tabla2 {
	width: 70px;
	border-right: 1px solid #C1DAD7;

	border-bottom: 1px solid #C1DAD7;
	background: #f8f8f8;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.tabla {
	width: 70px;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #f8f8f8;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.alt {
	background: #F5FAFA;
	color: #797268;

}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	font: bold 10px tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	font: bold 10px tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}				

.input {
	border: 1px solid #ccc;
	color: #000;
	background-color: #f8f8f8;
	padding: 6px;
	margin:0 10px 0 0;
	font-family: Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 13px;
}

textArea {
	border: 1px solid #ccc;
	color: #000;
	background-color: #f8f8f8;
	padding: 6px;
	font-size: 13px;
	font-family: Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
}

select {
	border: 1px solid #ccc;
	background-color: #f8f8f8;
	color: #000;
	padding: 4px;
	font-size: 13px;
	font-family: Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
}

#footer {
	width: 780px;
	height: auto;
	vertical-align: middle;
	margin: 0 auto;
	padding: 5px 40px 5px 10px;
  text-align: right;
  color: #aaa;
}

#footer p {
	font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0;	
	padding: 0;	
	font-size: 75%;
}

#footer a {
  font-size: 10px;
  text-decoration: none;
}

#footer a:link, #footer a:visited {
color: #aaa;
text-decoration: none; }

#footer a:hover {
text-decoration: none;
color: #333;
 }

#rec_pie {
	margin: 0 0 0 50px;
	}