/* CSS RESET */
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{
 	border-spacing:2px;
}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */


body {
	text-align:center;
	background:#fff;
	color:#fff
}
a {
	text-decoration:none;
		color:#fff
}
a:hover {
	text-decoration: underline;
}
#wrap {
	width:1000px;
	text-align:left;
	margin:0 auto;
}

.float-l{ float:left}
.folat-r{ float:right}
.clearfix{
	clear:both;
}

#bg {background:url(images/bg2.jpg); height:667px}

/* header */
#header { position:relative;height:250px  }
#habitaciones {position:absolute; top:0px; left:100px}
#logo {
	position:absolute;
	top:81px;
	left: 470px;
}
#logo h1 {
	font-size:34px;
	color:#fff
}
#logo h3 {
	font-size:24px;
	color:#ADCCE9
}

#logo div {
	padding-left:100px
}
#raya {
	position:absolute;
	height:1px;
	top:119px;
	width:935px;
	background-color:#FFF;
	left: -1px;
}
#nav {
	position:absolute;
	top:120px;
	width:900px;
	background-color:#F6C;
	padding:2px 0 0 100px;
	height:18px;
	background-image:url(images/bg-menu.png);
	background-repeat:no-repeat;
	background-position:right;
	left: -1px;
}
#nav li {float:left; padding:0 5px;}
#madrid{position:absolute;
    top:163px;
	height:87px;
	width:850px;
	background-image:url(images/top.gif);
	background-repeat:no-repeat;
	background-position:right}
#madrid img{
	float:right
	}
/* content */
#content {width:850px}
.main {width:500px;margin:0 0 0 100px; font-family:Verdana, Arial, Helvetica, sans-serif; display:inline}
#col {
	margin:20px 0 0 0;
	width:550px;
	padding: 20px 0 0 0;
}
#col .first ul {border-right:#E35C5C 1px solid; padding-right:43px}
#text {width:545px; }
#text h2 {font-size:26px}
#text h3 {
	font-size:24px;
	color:#ADCCE9
}
#text a { 
    color: #FFF;
	}
#text li {
	float:left; padding:0 5px; color:#F6C; font-size:14px;
}
#text a:hover{
	text-decoration:underline;
}
.clases_habitaciones{
	font-size:16px;
	color: #3A98D2;
	font-weight: bold;
} 
.clases_habitaciones2{
	font-size:14px;
	color: #3A98D2;
	font-weight: bold;
}
#hospedaje{
    background-image:url(images/hospedaje.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:89px}
.side {width:191px;}
.side h2 {font-size:22px}
.side li {line-height:20px; list-style:inside disc; color:#FFFFFF; }
.side ul {margin:30px  0 30px 20px}
#top {	
    background-image:url(images/right_index012.jpg);
	background-repeat:no-repeat;
	width:191px;
	height:252px
	}
/* footer */
#footer {
	background:url(images/ft.jpg);
	height:133px;
	position:relative; 
}
#footer h2 {
	text-align:center;
	font-size:18px;
	color: #FFF; 
}
#ftinner{ position:absolute; bottom:20px; width:680px; margin-left:120px}
.ftlink {width:500px;}