/*Base de toda la página*/
*{font-family: 'PT Sans', sans-serif;}


body{background-color: rgb(0, 79, 170);}



header{ background-image: url("../img/barra.jpg");margin-bottom: 9%;}

header h1{font-size: 3em ;
	text-shadow:  4px 4px 6px black;
	color: white ;
	text-align: center;
	padding: 10px;
	margin-top: 4%;}



header nav ul{list-style-type: none;}

header nav ul li{
	display: inline-block;
    color: white;
	padding: 1%;
	background-color: #425eff;
	border: rgb(0, 0, 0) solid 1px;
    
}

header nav ul li:hover{background-color: #173aff;}

ul a{color:rgb(255, 255, 255); text-decoration:none;}
ul a:visited{color:rgb(255, 255, 255); text-decoration: none;}


.cb{clear: both;}

.copy{
	background-color: black;
	position: absolute;
	text-align: center;
	width: 99%;
	margin: auto;
}

footer{margin-bottom: 0px;}

footer p{color: white;padding:1%;}


/*Principal*/


aside p{
	color: white;
    border: rgb(255, 255, 255) solid 2px; 
    font-size: larger; 
    margin-left: 6%; 
    width: 23%;	
    border-radius:  20px 20px; 
    padding: 13px; 
    float: left;}

.foto1{width: 50%;
	float: left;
	margin-left: 9%; 
	margin-bottom: 20%;
	border: solid white 3px;}

/*Servicios*/
.res{font-size: larger;color: whitesmoke; margin-left: 20px; }



.serv{
	
	list-style: none;
	margin: auto;
    color: white;
    float: left;
    width: 30%;
    }

.encima{float: left;}
.fotos{width: 65%; float:right;margin-top: 0px;}
.entr{width: 38%;float: left;margin: auto;}
.esc{width: 38%;float: left; padding: 20px;}
.debajo{float: left;}
.salon{width: 38%;float: left; padding: 20px;}
.pasillo{width: 38%;float: left; padding: 20px;}
.terraza{width: 85%;}

/*Habitaciones*/
h2{color: white;text-align: center;}

h4{color: white;text-align: center;}

section.Habitaciones{
	float: left;
	width: 90%;
	margin-left: 5%;
	box-sizing: border-box;
	float: left;}

div.habita{
	color: white;
	width: 33.33%;
	float: left;
	text-align: left;
	padding: 5px;
	box-sizing: border-box;
	font-size: 1,1em;}

.fotohabita{width: 98%;border: solid 1px whitesmoke;}



/*Contacto*/

h3{color: white; text-align: center;font-size: larger;}

.info{color: whitesmoke; margin: auto; width:100%;font-size: larger;}

.info ul{list-style-type: none;padding:20px;float: left; margin-left: 13.5%;}

.info ul li{float: left;position: relative;width: 300px; padding-left: 10px; text-align: center;}


.info ul li ul{display:none;position: absolute;}

.info ul li:hover ul{display:block;}

.espacio{margin-bottom: 200px;}