html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body{
	background:url("../img/fondo.jpg") top repeat-x #eaeaea;
	text-align:center;
	overflow:auto;
	margin:0px;
}

img {
	border:none;
	vertical-align:middle;
}

a {
	color:#353535;
	text-decoration:none
}

a:hover {
	color:#ff6600;
}

form {
	margin:0px;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 5px;
}

#general {
	width:800px;
	display:table;
	margin-left:auto;
	margin-right:auto;	
	padding-bottom:50px;
}

#cabecera {
	width:100%;
	text-align:left;
}

/*#logo {
	position:absolute;
	margin-top:0px;
	margin-left:-9px;
}*/

#logo {
	position:absolute;
	margin-top:8px;
	margin-left:4px;
}

#logo2 {
	position:absolute;
	margin-top:33px;
	margin-left:276px;
}

#masinfo {
	width:100px;
	position:absolute;
	margin-top:38px;
	margin-left:594px;
	height:70px;
}

#masinfo a {
	color:#333;
}

#masinfo a:hover {
	font-weight:bold;
	color:#333;
}

#menu {
	position:absolute;
	width:200px;
	margin-top:174px;
	margin-left:7px;
}

#menu a {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:27px;
	width:170px;
	height:27px;
	display:block;
	padding-left:30px;
}
* html #menu a {
	width:200px;
}

#menu a:hover {
	text-decoration:underline;
	background:url("../img/menu.gif") 0px -27px no-repeat;
	text-decoration:none;
	font-size:15px;

}

#menu .mnu_opt {
	background:url("../img/menu.gif") 0px -54px no-repeat;
	width:200px;
	height:27px;
	display:block;
	margin-top:12px;
}

#menu .actual {
	background:url("../img/menu.gif") 0px 0px no-repeat;
	font-weight:bold;
}


#contenido {
	width:100%;
	display:block;
	text-align:left;
	float:left;
}

#divPanel, #divPanel_extendido {
	margin-top:59px;
	text-align:left;
	left:0px;
	background:url("../img/backPanel.gif") no-repeat;
	height:378px;
	width:522px;
	margin-left:258px;
}
* html #divPanel, * html #divPanel_extendido{
	margin-left:255px;
}

#divPanel_extendido {
	background:url("../img/backPanel2.gif") no-repeat;
	height:585px;
}

#divPanel img {
	margin-left:23px;
	margin-top:9px;
	display:block;
	float:left;
	display:inline;
}

#divPanel #contenidoPanel span div, #divPanel .titulo, #divPanel_extendido .titulo {
	float:left;
	margin-left:27px;
	margin-top:12px;
	font-weight:bold;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	width:475px;
	display:inline;
}

#divPanel span span {
	position:absolute;
}

#divPanel .titulo,  #divPanel_extendido .titulo {
	border-bottom:1px dotted #302018;
	width:470px;
	margin-bottom:0px;
	padding-bottom:10px;
}


#divCuadricula {
	text-align:left;
	display:block;
	width:100%;
	margin-top:40px;
	margin-left:0px;
}

#divCuadricula .cuadro {
	width:49%;
	float:left;
	margin-left:0px;
	display:block;
	height:200px;
}

#divCuadricula .cuadro .titulo {
	background:url("../img/cuadro.gif") left center no-repeat;
	padding-left:20px;
	font-weight:bold;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#353535;
}

#divCuadricula .cuadro .info {
	width:90%;
	color:#333;
	margin-top:15px;
}

#divCuadricula .cuadro .info li {
	margin-bottom:4px;
	margin-left:17px;
}

#divCuadricula .cuadro a.reservar {
	font-weight:bold;
	font-size:14px;
	margin-top:16px;
	margin-bottom:10px;
	display:block;
	margin-right:-5px;
	padding-right:25px;
	height:47px;
	line-height:47px;
	color:#fff;
	width:155px;
	float:right;
	background:url("../img/boton.jpg") right -47px no-repeat;
}

#divCuadricula .cuadro a.reservar:hover {
	background:url("../img/boton.jpg") right 0px no-repeat;
	color:#333;
}

#divCuadricula .cuadro .icoServicio {
	float:left;
	width:140px;
	text-align:center;
}

#divCuadricula .cuadro .icoServicio img {
	display:block;
	margin:auto;
}

.entorno_titulo {
	font-size:20px;
	color:#333;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	padding-left:20px;
	display:block;
	clear:left;
	background:url("../img/flecha2.gif") left no-repeat;
}

#info_entorno {
	margin-top:5px;
	margin-bottom:10px;
	width:770px;
	padding-left:5px;
}

ul#effect01, ul#effect02 {
  list-style: none;
  margin: 0;
  padding: 0;
  color:#000;
  width:100%;
  margin-top:3px;
  float:left;
}

ul#effect01 {
	margin-bottom:35px;
}
* html ul#effect01 {
	margin-bottom:17px;
}

ul#effect01 li, ul#effect02 li{
  float: left;
  padding: 8px;
  display: block;
  margin-right:5px;
  margin-left:4px;
  background:#7ab;
  display:inline;
}

ul#effect01 li.oscuro {
	background:#9cd;
}

ul#effect02 li {
	background:none;
	border:none;
}

ul#effect01 li a, ul#effect02 li a{
  display: block;
  overflow: hidden;
  height: 102px;
  width: 102px;
}

ul#effect01 li #a1, ul#effect02 li #a2{
  width: 250px;
  display:block;
}

ul#effect01 li img, ul#effect02 li img{
  position: absolute;
  width:100px;
  height:100px;
  cursor:pointer;
  border:1px solid #fff;
}

ul#effect02 li img{
	border:none;
}

ul li p strong {
	color:#000;
}

ul#effect01 li p, ul#effect02 li p {
  margin: 0;
  padding: 0;
  width: 135px;
  display: block;
  margin-left:115px;
  color:#333;
}

ul#effect02 li p {
	padding-top:5px;
}

#pie {
	border-top:2px dotted #999;
	border-bottom:2px dotted #999;
	display:table;
	width:100%;
	margin-top:30px;
	padding-top:10px;
	bottom:0px;
	height:30px;;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	float:left;
}
* html #pie {
	padding-bottom:10px;
}


#pie a {
	padding-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	color:#333;
}

#pie a img {
	margin-left:-5px;
}

#pie a:hover {
	color:#ca5f00;
}