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


#contenedor{
	text-align: left;
	width: 750px;
	height: 587px;
	background-color : #ffffff;
	position:absolute;
	top: 0px;
	color: #FFF;
	left: 50%;
	margin-left: -375px;
	
}

body {
	color: #096;
	background: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.nav {
	width: 750px;
        height: 48px;
        background: url(blue-navMilan.gif) no-repeat;
        position: absolute;
	margin:auto;
        top: 90px;
        left: 0px
	
	


	

}
.nav li {
	display: inline;
	color: #FFF;
}
.nav li a:link, .nav li a:visited {
	Z-INDEX: 10;
	position:absolute;
	top: 0;
	height: 48px;
	text-indent: -9000px;
	overflow: hidden;
}
.nav .home a:link, .nav .home a:visited{
	left: 23px;
	width: 70px;
}
.nav .home a:hover, nav .home a:focus{
	background: url(blue-navMilan.gif) no-repeat -23px -49px;
}
.nav .home a:active{
	background: url(blue-navMilan.gif) no-repeat -23px -98px;
}
.current-home .home a:link, .current-home .home a:visited{
	background: url(blue-navMilan.gif) no-repeat -23px -147px;
	cursor: default;
}
.nav-home, .nav-home-click {
		position:absolute;		
		top: 0;
		left: 23px;
		width: 70px;
		height: 48px;
		background: url(blue-navMilan.gif) no-repeat -23px -49px;
	}
	.nav-home-click {
		background: url(blue-navMilan.gif) no-repeat -23px -98px;
	}	
														  
.nav .habitaciones a:link, .nav .habitaciones a:visited{
	left: 93px;
	width: 133px;
}
.nav .habitaciones a:hover, nav .habitaciones a:focus{
	background: url(blue-navMilan.gif) no-repeat -93px -49px;
}
.nav .habitaciones a:active {
	background: url(blue-navMilan.gif) no-repeat -93px -98px;
}
.current-habitaciones .habitaciones a:link, .current-habitaciones .habitaciones a:visited{
	background: url(blue-navMilan.gif) no-repeat -93px -147px;
	cursor: default;
}
.nav-habitaciones, .nav-habitaciones-click {
		position: absolute;
		top: 0;
		left: 93px;
		width: 133px;
		height: 48px;
		background: url(blue-navMilan.gif) no-repeat -93px -49px;
	}
.nav-habitaciones-click {
		background: url(blue-navMilan.gif) no-repeat -93px -98px;
	}	
.nav .servicios a:link,  .nav .servicios a:visited {
	left: 226px;
	width: 101px;
}
.nav .servicios a:hover, .nav .servicios a:focus {
	background: url(blue-navMilan.gif) no-repeat -226px -49px;
}
.nav .servicios a:active{
        background: url(blue-navMilan.gif) no-repeat -226px -98px;
}
.current-servicios .servicios a:link, .current-servicios .servicios a:visited{
	background: url(blue-navMilan.gif) no-repeat -226px -147px;
	cursor:default;
}
.nav-servicios, .nav-servicios-click {
	position:absolute;
	top: 0;
	left: 226px;
	width: 101px;
	height: 48px;
	background:url(blue-navMilan.gif) no-repeat -226px -49px;
}
.nav-servicios-click{
		background: url(blue-navMilan.gif) no-repeat -226px -98px;
}

.nav .ubicacion a:link, .nav .ubicacion a:visited{
	left: 328px;
	width:109px;
}
.nav .ubicacion a:hover, .nav .ubicacion a:focus {
	background: url(blue-navMilan.gif) no-repeat -328px -49px;
}
.nav .ubicacion a:active{
	background: url(blue-navMilan.gif) no-repeat -328px -98px;

}
.current-ubicacion .ubicacion a:link, .current-ubicacion .ubicacion a:visited{
	background: url(blue-navMilan.gif) no-repeat -328px -147px;
  cursor: default;
}
.nav-ubicacion, .nav-ubicacion-click {
	position: absolute;
	top:0;
	left:328px;
	width:109px;
	height: 48px;
	background: url(blue-navMilan.gif) no-repeat -328px -49px;
}
.nav-ubicacion-click {
	background: url(blue-navMilan.gif) no-repeat -328px -98px;
}

.nav .tarifas a:link, .nav .tarifas a:visited {
	left: 438px;
	width: 89px;
}
.nav .tarifas a:hover, .nav .tarifas a:focus{
	background: url(blue-navMilan.gif) no-repeat -438px -49px;
}
.nav .tarifas a:active{
	background: url(blue-navMilan.gif) no-repeat -438px -98px;
}
.current-tarifas .tarifas a:link, .current-tarifas .tarifas a:visited{
	background: url(blue-navMilan.gif) no-repeat -438px -147px;
}
.nav-tarifas, .nav-tarifas-click {
		position:absolute;		
		top: 0;
		left: 438px;
		width: 89px;
		height: 48px;
		background: url(blue-navMilan.gif) no-repeat -438px -49px;
	}
.nav-tarifas-click {
		background: url(blue-navMilan.gif) no-repeat -438px -98px;
	}
	
.nav .reservas a:link, .nav .reservas a:visited{
	left:528px;
	width:110px;
}
.nav .reservas a:hover, .nav .reservas a:focus{
	background: url(blue-navMilan.gif) no-repeat -528px -49px;
}
.nav .reservas a:active{
	background: url(blue-navMilan.gif) no-repeat -528px -98px;
}
.current-reservas .reservas a:link, .current-reservas .reservas a:visited{
	background: url(blue-navMilan.gif) no-repeat -528px -147px;
}
.nav-reservas, .nav-reservas-click {
		position:absolute;		
		top: 0;
		left: 528px;
		width: 110px;
		height: 48px;
		background: url(blue-navMilan.gif) no-repeat -528px -49px;
	}
	.nav-reservas-click {
		background: url(blue-navMilan.gif) no-repeat -528px -98px;
	}	
.nav .galeria a:link, .nav .galeria a:visited{
	left:640px;
	width: 90px;
}
.nav .galeria a:hover, .nav .galeria a:focus{
	background: url(blue-navMilan.gif) no-repeat -639px -49px;
}
.nav .galeria a:active{
	background: url(blue-navMilan.gif) no-repeat -639px -98px;
}
.current-galeria .galeria a:link, .current-galeria .galeria a:visited{
	background: url(blue-navMilan.gif) no-repeat -639px -147px;
}
.nav-galeria, .nav-galeria-click {
		position:absolute;		
		top: 0;
		left: 640px;
		width: 90px;
		height: 48px;
		background: url(blue-navMilan.gif) no-repeat -640px -49px;
	}
	.nav-galeria-click {
		background: url(blue-navMilan.gif) no-repeat -640px -98px;
	}	

.logo{
	width: 367px;
	height: 83px;
	background: url(logo.gif) no-repeat;
	
	
	

	
	
}
.cuerpo{
	width:380px;
	margin-left: 0px;
	background-color : #ffffff;
	float:left;
	position:absolute;
	top: 170px;
	left:4px;
	color: #999;
	text-align: justify;
		

} 
.cuerpob{
	width:240px;
	margin-left: 0px;
	background-color : #ffffff;
	float:left;
	position:absolute;
	top: 50px;
	left:0px;
	color: #999;
	text-align: justify;
	z-index: 0;
}  
.cuerpoc{
	width:230px;
	margin-left: 0px;
	background-color : #ffffff;
	float:left;
	position:absolute;
	top: 170px;
	left:4px;
	color: #999;
	text-align: justify;
	 
	

}
.menuHab{
	width:230px;
	margin-left: 0px;
	background-color : #ffffff;
	float:left;
	position:absolute;
	top: 230px;
	left:4px;
	color: #999;
	text-align: justify;
	
}	
.menuHab ul{
	list-style:none;
}
.menuHab ul img{
	border:0;
}	
.container2 {
	LEFT: 230px;
	top: 0px;
	WIDTH: 200px;
	POSITION: absolute;
	HEIGHT: 150px;
	z-index:100;
	visibility: visible;
} 
.estandar{
	width:480px;
	margin-left: 0px;
	background-color : #ffffff;
	float:left;
	position:absolute;
	top: 170px;
	left:237px;
	color: #999;
	text-align: justify;
	height: 200px;
	border-style:solid;
	border-color:#999;
	
}  
.tipos{
    width:250px;
	margin-left: 0px;
	background-color : #ffffff;
	float:left;
	position:absolute;
	top: 170px;
	left:4px;
	color: #999;
	text-align: justify;
}
.tituloHab{
	position:absolute;
	top: 10px;
	left:30px;
	color:#999;
	font-size:20px

}	


.pics {
	height:  200px;
	width:   300px;
	position:absolute;
	top:  166px;
	left: 388px;
	background-color: #FFFFFF;




} 
 
.pics img {
	padding: 15px;
	border:  1px solid #ccc;
	background-color: #eee;
	width:  330px;
	height: 230px;
	position:absolute;
	top:  0px;
	left: 0px;

} 
.pics2{
	height:  270px;
	width:   370px;
	position:absolute;
	top:  168px;
	left: 386px;
	background-color: #FFFFFF;




} 
.pics2 img {
	padding: 15px;
	border:  1px solid #ccc;
	background-color: #eee;
	width:  330px;
	height: 230px;
	position:absolute;
	top:  1px;
	left: 0px;

} 
.tablaTarifas{
	position:absolute;
	top:140px;
	left:30px;
	font-color:999999px;
	color: #999;
	width: 1px;
}
#second {
	position:absolute;
	top:198px;
	left:150px;
	float: left;
	list-style: none;

	width: 29px;
	height:132px;
	z-index:10000;

}
#second li {
	margin: 0; padding: 2px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 29px;
	height: 22px;
}
#second li img {
	width: 29px; height: 22px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 0px solid #ddd;
	padding: 0px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}

hr{
	color: #FF8C00;
	width: 750px;
	height:1px;
	position:absolute;
	top:495px;
	left:1px;
} 

.tablaDir{
	background-color:#fff;
	position:absolute;
	top:502px;
	left:0px;
	font-color:999999px;
	color: #999;
	width: 750px;
	height: 70px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF6600;
	border-top-width: 1px;
}
.tablaDir3{
	background-color:#fff;
	position:absolute;
	top:572px;
	left:0px;
	font-color:999999px;
	color: #999;
	width: 750px;
	height: 70px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF6600;
	border-top-width: 1px;
}
tablaDir2{
	position:absolute;
	top:500px;
	left:100px;
	font-color:999999px;
	color: #999;
	width: 746px;
	height: 66px;
}
.form{
	position:absolute;
	top:170px;
}
.gracias{
	position:absolute;
	top:170px;
	left:100px;
	color:#999;
	background-color: #FFFFFF;
	font-size: 20pt;

}
	  
.wi-fi{
	position:absolute;
	left:450px;
	top:520px;
}
.wi-fi3{
	position:absolute;
	left:450px;
	top:590px;
}
.youtube{
	position:absolute;
	left:383px;
	top:545px;
	
}
	
.youtube3{
	position:absolute;
	left:383px;
	top:615px;
	
}
.video{
	position:absolute;
	left:050px;
	top:300px;
}
.facebook{
	position:absolute;
	left:383px;
	top:520px;
}
.facebook3{
	position:absolute;
	left:383px;
	top:590px;
}
.tour360{
	position:absolute;
	left:70px;
	top:320px;
}
.chat{
	position:absolute;
	left:495px;
	top:510px;
	border:0px;
}
.chat3{
	position:absolute;
	left:495px;
	top:580px;
	border:0px;
}
.w3{
	position:absolute;
	left:370px;
	top:524px;
}
.descuento{
	position:absolute;
	left:470px;
	top:375px;
}
.book{
	position:absolute;
	left:0px;
	top:430px;
	border:0;
}
.arrow{
	position:absolute;
	left:220px;
	top:430px;
	border:0;
}		
	
.galeria2{
	position:absolute;
	left:560px;
	top:0px;
}
.galeria1{
	position:absolute;
	left:25px;
	top:0px;
}
#map{
	width: 420px;
	height: 320px;
	top: 0px;
	left:151px;
	border:  10px solid #CCC;
	position:absolute;
	background-color: #333;
	color:#000;
}
#gallery {
	background-color: #fff;
	padding: 5px;
	width: 40px;
	position: absolute;
	top: 153px;
	left: 5px;
	height: 336px;
	}
	#gallery ul {
	list-style: none;
	background-color: #fff;
	color: #fff;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}

	#gallery ul img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
		
	}
	#gallery ul a:hover img {
	color: #fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

form{
	position:absolute;
	top:170px;
	width:770px;
	left:10px;
	
}
fieldset
{
border: 1px solid #;
width: 20em
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}
textarea{
color: #781351;
background: #fee3ad;
border: 1px solid #781351;

}
.submit input {
	color: #000;
	background: #ffa20f;
	border: 2px outset #d7b9c9
	
left:50px;
} 




form fieldset {
	float: left;
	color:#333;
	margin:2px;
	width:45%;
}
label {
	display: block;
	margin: .5em 0 0 0;
	width: 25%;
	top:10px;
  
}
.btn {
  display: block;
  margin: 1em 0;
}
.formulario {
  margin: .4em 0;
  
}
.formulario label {
	width: 35%;
	float: left;
	top:10px;
	color: #999;
}
.container{
	position:absolute;
	left:100px;
	top:324px;
}
.form1{
position:absolute;
	left:550px;
	top:-160px;


}