@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;
}
body ¨{ font-family:Arial, Helvetica, sans-serif; color:#333; font-size:1rem; background-color: #666; text-align:center; margin-left: 0px; margin-top: 0px;}
div#body { text-align:center; position:relative; width: 97%;  background-color: #F5F5F5; margin:auto; padding: 0.0rem;
}
div#cabecera { position:relative;  background-image:url(../Photos/2019D75_10502402.jpg); background-size:cover; style= width:100%;width:100%; height:500px; top:0px; bottom:0px; text-align:center; margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;
}
div#logo { position:relative; width: 100%; height: 50px; top: 50px; bottom:0px; left:0px; right: 0px;  text-align:right; margin-bottom:0; margin-top:0; margin-left:0; margin-right:0; background-color: rgba(245,245,245,0.5); filter:alpha(opacity=100); /* IE < 9.0 */  
} 
div#menu ¨{ width: auto; height: 100%; margin-bottom:0; margin-top:0; margin-left:10%; margin-right:0; text-align:right; float:right;}
div#flecha { text-align:right; padding:0em; padding-right:3em;
}
div#banderas {background-color:#DFDFDF; margin:auto;
}
div#adultos {float:left;}

div#contenido { text-align:center; background-color: #F2F2F2; width: 100&; margin: auto; padding: 2rem; overflow:hidden;
}	
div#habitacion1 { overflow:hidden; display:flex; justify-content: space-between; with: 95%; text-align:center; margin:auto; margin-left:0rem; margin-top:0rem; margin-bottom: 0rem; margin-right:0rem; clear:both; } 


div#habdecho { float:left; width: 43%; margin:0.5px; overflow:hidden; }
div#habizdo { float:left;width: 43%;margin:0.5px; overflow:hidden; }

div#pie { background-color:#666; width:80%; margin: auto; text-align:center;
padding: 2rem; }

div#direccion { with: 90%; height: auto; background-color: #DFDFDF; margin: auto; margin-left:auto; margin-right:auto; padding: 2rem;  text-align:center;}

div#fotocentral {float:left; margin: auto; padding: 1rem;  clear:both; }

div#fotodcha { margin: auto; padding: 1rem; clear:both; }

div#fotoizda { margin: auto; padding: 1rem; clear:both;}

div#texcentral { margin: auto; padding: 1rem; overflow:hidden; clear:both; }

div#texdecha { margin: auto; padding: 1rem; overflow:hidden; clear:both; }

div#texizda { margin: auto; padding: 1rem; overflow:hidden; clear:both; }

div#espacio { margin: auto; padding: 1rem; overflow:hidden; clear:both;}
div#formbody {margin:auto; clear:both; with: 90%; padding: 1rem; }
div#form { margin:auto; margin-left: 10px; with: 80%; height:auto; clear:both; }
div#form1 {float:left; width:auto; padding:5px;}
div#fnom {float:left; with: 20%; padding:5px;}
div#valor {float:left; with: 20%;}
div#respuesta { margin-bottom:10%; margin-top:10%; margin-left:10%; margin-right:10%;
}

 /*#09C; margin:auto; margin-left: 10%; margin-right:10%; margin-top:10%; */


div#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
}
div#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: 58px;
    width: 100%;
    text-align:center;
    background-color: #eeeeee;
}
div#infobox3 p {
    line-height:58px;
    font-size:12px;
    text-align:center;
}
div#infobox3 p a {
    margin-right:5px;
    text-decoration: underline;
}	
div@#tabla {
	 with: 90%; height: auto; background-color: #DFDFDF; margin: auto; margin-left:auto; margin-right:auto; padding: 2rem;  text-align:center; float:left;
}

.Estilo0 {
	font-size: 0.5rem;
	color: #333 ; 
}
.Estilo1 {
	font-size: 1.2rem;
	color: #333 ; 	 
}
.Estilo1-bold {
	font-size: 1.2rem;
	color: #333 ;
	font-weight: bold; 
}
.Estilo2 {
	font-size: 1.3rem;
	color: #333 ; 
}
.Estilo5 {
	font-size: 2rem;
	color: #333 ;
}
.Estilo5-bold {
	font-size: 2rem;
	color: #333 ;
	font-weight: bold; 
}
    <!--- Codigo para la política de cookies-->
     
     
    <style type="text/css">
     
    /* CSS para la animación y localización de los DIV de cookies */
     
    @keyframes desaparecer
    {
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
    }
     
    @-webkit-keyframes desaparecer /* Safari and Chrome */
    {
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
    }
     
    @keyframes aparecer
    {
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
    }
     
    @-webkit-keyframes aparecer /* Safari and Chrome */
    {
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
    }
    #cookiesms1:target {
        display: none;
    }
    .cookiesms{	
    	width:100%;
    	height:43px;
    	margin:0 auto;
    	padding-left:1%;
            padding-top:5px;
            font-size: 1.2em;
    	clear:both;
            font-weight: strong;
    color: #333;
    bottom:0px;
    position:fixed;
    left: 0px;
    background-color: #FFF;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    transition: bottom 1s;
    -webkit-transition:bottom 1s; /* Safari */
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    z-index:999999999;
    }
     
    .cookiesms:hover{
    bottom:0px;
    }
    .cookies2{
    background-color: #FFF;
    display:inline;
    opacity:0.95;
    filter:alpha(opacity=95);
    position:absolute; 
    left:1%; 
    top:-30px;
    font-size:15px;
    height:30px;
    padding-left:25px;
    padding-right:25px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    }
     
    /* Fin del CSS para cookies */
     
    </style>