@charset "utf-8";
/* CSS Document */

html,body{margin:0;padding:0;
background-color:#282b32;}
body{font: 0.8em tahoma,arial,helvetica,sans-serif;text-align:center}
p{margin:0 10px 10px}
h2,h3{margin:0 10px 10px}
a{
	display:block;
	color: #282B32;
	padding:10px;
	clear: both;
	text-align: right;
}
a:hover{
	color: #CA6600;
	text-decoration:none;
}
div#header h1{
	height:80px;
	line-height:80px;
	margin:0;
	padding-left:10px;
	color: #FFF;
	text-indent: -10000px;
}
h2{
	height:10px;
	line-height:10px;
	text-indent: -10000px;
}
#bienvenido {
	float:left;
	height:30px;
	width:450px;
	background-image: url(../img/tit-bienvenido.gif);
	background-repeat: no-repeat;
}
#tarifas {
	background-image: url(../img/tit-tarifas.gif);
	float:left;
	height:30px;
	width:450px;
	background-repeat: no-repeat;
}
#la-casa {
	background-image: url(../img/tit-lacasa.gif);
	float:left;
	height:30px;
	width:450px;
	background-repeat: no-repeat;
}
#entorno {
	background-image: url(../img/tit-entorno.gif);
	float:left;
	height:30px;
	width:450px;
	background-repeat: no-repeat;
}
#localizacion {
	background-image: url(../img/tit-localizacion.gif);
	float:left;
	height:30px;
	width:450px;
	background-repeat: no-repeat;
}
#instalaciones {
	float:right;
	height:120px;
	width:250px;
	background-image: url(../img/tit-instalaciones.gif);
	background-repeat: no-repeat;
}
#habitaciones {
	float:right;
	height:120px;
	width:250px;
	background-image: url(../img/tit-habitaciones.gif);
	background-repeat: no-repeat;
	clear: none;
	background-position: left top;
}
div#header{
	height:80px;
	background-image: url(../img/cabecera.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	}
div#container{text-align:left}
div#content p{line-height:1.4}
div#extra{background:#FF8539}
div#footer{background: #282B32;color: #FFF; font-size:0.8em;text-align:center;}
div#footer p{margin:0;padding:5px 10px}

div#container{width:700px;margin:0 auto; background-color:#D1D3D2;}
div#content{
	float:left;
	width:450px;
	background-color:#FFF;
	background-image: url(../img/fondo.gif);
	background-repeat: repeat;
}
div#foto{float:left;width:450px;margin-bottom:10px;}
div#navigation{
	float:right;
	width:250px;
	height: 225px;
	background-image: url(../img/menu.jpg);
	background-color: #C66400;
	background-repeat: no-repeat;
	text-align: left;
}
div#extra{float:left;width:450px}
div#footer{clear:both;width:100%}
#content .inicio {
	float: left;
	border: 10px solid #D1D3D2;
	margin-left: 10px;
}
#content #separador20 {
	clear: both;
	height: 20px;
}

#content #separador30 {
	clear: both;
	height: 30px;
}
#content p em {
	color: #CF6700;
	font-variant: normal;
	font-style: normal;
	font-weight: bold;
}
#contact {
	float: right;
	width: 250px;
	padding-top: 10px;
	color:#333;
	text-align:center;
}

#contact p {
	font-family: Georgia, "Times New Roman", Times, serif;
}

#telefono {
	font-size:1.3em;}
#contact p a {
	display: inline;
	padding: 0px;
}
h3 img {
	padding-top: 10px;
}
#vermapa {
	font-size: 0.8em;
	line-height:0.8em;
	text-align:center;
}
#content .center {
	text-align: center;
}

#content .right {
	text-align: right;
}

#content .iva {
	text-align: right;
	font-size:0.8em;
	font-style:italic;
}.fotos-casa {
	border: 10px solid #D1D3D2;
}
.inline {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#navigation a {
	display:block;
	margin:0;
 }
 
#m-1 {
	margin-top: 58px;
	height: 24px;
	width: 250px;
	text-indent: -10000px;
	background-image: url(../img/menu-inicio.gif);
	background-position: -50px center;
	background-repeat: no-repeat;
	padding: 0px;
}
#m-1:hover {
	background-position: -300px center;
	cursor:pointer;
}
#m-2 {
	height: 24px;
	width: 250px;
	text-indent: -10000px;
	background-image: url(../img/menu-casa.gif);
	background-position: -37px center;
	background-repeat: no-repeat;
	padding: 0px;
	display:block;
}
#m-2:hover {
	background-position: -287px center;
	cursor:pointer;
}
#m-3 {
	height: 24px;
	width: 250px;
	text-indent: -10000px;
	background-image: url(../img/menu-tarifas.gif);
	background-position: -38px center;
	background-repeat: no-repeat;
	padding: 0px;
	display:block;
}
#m-3:hover {
	background-position: -288px center;
	cursor:pointer;
}
#m-4 {
	height: 24px;
	width: 250px;
	text-indent: -10000px;
	background-image: url(../img/menu-localizacion.gif);
	background-position: -5px center;
	background-repeat: no-repeat;
	padding: 0px;
	display:block;
}
#m-4:hover {
	background-position: -255px center;
	cursor:pointer;
}
#m-5 {
	height: 24px;
	width: 250px;
	text-indent: -10000px;
	background-image: url(../img/menu-entorno.gif);
	background-position: -15px center;
	background-repeat: no-repeat;
	padding: 0px;
	display:block;
}
#m-5:hover {
	background-position: -265px center;
	cursor:pointer;
}
#portfolio {
	list-style-type: none;
	margin:0;
	padding:0;
}
#footer p a {
	display: inline;
	color: #999;
	text-decoration: none;
	padding: 0px;
}