/* GRIDS */
.D1 { width: 6.5%; }
.D2 { width: 15.0%; }
.D3 { width: 23.5%; }
.D4 { width: 32.0%; }
.D5 { width: 40.5%; } 
.D6 { width: 49.0%; }
.D7 { width: 57.5%; }
.D8 { width: 66.0%; }
.D9 { width: 74.5%; }
.D10{ width: 83.0%; }
.D11{ width: 91.5%; }
.D12{ width: 99.8%; margin-left:-2px }
.D1, .D2, .D3, .D4, .D5, .D6, .D7, .D8, .D9, .D10, .D11, .D12{display:inline-block;}
body, html {
	color: #333;
	font-size:0.89em;
	text-align:center;
	height:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#DDD;
	background: url('../images/arc.png') #DDD no-repeat left top;
	background-size:25%;
	line-height: 1.2;
	position:relative;
	margin:0;
	padding:0;

}

.wrapper{
	max-width:890px;
	width:96%;
	margin:0 auto;
	position:relative;
}


.H9 {
	text-shadow: 0 1px 0 #ccc, 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
	border-top: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 0px 0px white, inset 0px 1px 0px 0px white;
	-moz-box-shadow: 0px 1px 0px 0px white, inset 0px 1px 0px 0px white;
	box-shadow: 0px 1px 0px 0px white, inset 0px 1px 0px 0px white;
}
.h9 {
	font-size:1.4em;
	min-height:42px;
	text-shadow: 0 1px 0 #ccc, 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
	border-top: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 0px 0px white, inset 0px 1px 0px 0px white;
	-moz-box-shadow: 0px 1px 0px 0px white, inset 0px 1px 0px 0px white;
	box-shadow: 0px 1px 0px 0px white, inset 0px 1px 0px 0px white;
	color:#000;
}

/* estilos de alineación */
.j{text-align:justify;}
.l{text-align:left}
.r{text-align:right}
.c{text-align:center}
.up{vertical-align:top}
.dw{vertical-align:bottom}
.b{font-weight:bold}
.di{display:inline-block; margin-bottom:5px}
.marg{margin-bottom:15px}
/* Estilos  
------------------------------------------------------------------------------------------------- */
.Scurved {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #FFF;
	position:relative;
	box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.39);
	-moz-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.39);
	-webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.39);
}
.Curved {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid white;
	position:relative;
}
.Sombra {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	//border: 1px solid #FFF;
	position:relative;
	box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.39);
	-moz-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.39);
	-webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.39);
}
#logo{max-width:350px}
.men{margin:0 3px; padding:4px; padding-top:50px; color:#FFF;border-radius:10px 10px 0 0; font-size:1.4em; border-right:#999 1px solid; height:80px;}
.men:hover{cursor:pointer; background-color: #333; box-shadow:#333 4px 4px 9px; background:url(../images/24.png) right top no-repeat #333;}
.activ{padding-top:36px; color:#FC0;font-size:1.5em;height:102px; position:absolute; top:-14px; left:-70px; box-shadow:none; background-color:#000; border-radius:0;border-left:#999 1px solid; width:15.8%;}
.activ{ background: #333 url(../images/orla.png) no-repeat bottom center;}

.men2{margin:0 1px; padding:1px; padding-top:5px; color:#FFF;border-radius:10px 10px 0 0; font-size:1.1em; border-right:#999 1px solid; height:46px; display:inline-block; width:14%}
.men2:hover{cursor:pointer; background-color: #333; box-shadow:#333 4px 4px 9px; background:url(../images/24.png) right top no-repeat #333;border-radius:0 0 12px 12px}

.rec{width:45%; margin:10px auto;}

#reserva{margin-top:21px;}
#blockfotos{margin:5px 0 15px 0; display:inline-block; background-color:#FFF; border-radius:12px ; border:#666 1px solid; padding:3px}
figcaption{padding:4px; display:inline-block}

.photo{width: 30.0%; display:inline-block; background-color:#F0F0F0}
.marca{font-size:1.4em;font-weight:900;font-family: poiret-one, serif; border-top:#333 2px solid !important; width:100%; border-radius:10px}

#peu{background-color:#000; padding-top:15px; margin:0 auto; font-size:0.9em;color:#FFF; border-radius:4px 4px 15px 15px; box-shadow:2px 3px 4px #333; border-top:#333 2px solid;display:inline-block; background:url(../images/fons2.jpg);line-height: 1.7;}
#peu li{padding:4px;margin:0;color:#FFF; width:90%}
#peu li:hover{background-color:#333}

.boton{border:#666 1px dashed; border-radius:15px; width:70%; margin:0 auto; box-shadow:#666 2px 2px 9px; background-color:#999; text-shadow:#000 1px 1px 3px}

#hab, a{color:#FFF; margin:2px 7px 2px 7px}


#piscina{margin:10px 4px; border:#FFF 0px solid; border-radius:1px; overflow:hidden; box-shadow:#333 2px 2px 4px; width:23.5%;display:inline-block; opacity:0.8; max-height:90px; overflow:hidden}
#piscina:hover{opacity:1;}

//#room{max-height:80px;overflow:hidden; margin-top:14px; margin-right:9px;opacity:0.8}
//#room:hover{opacity:1; border:#000 1px dashed}

#room{max-height:98px;overflow:hidden; margin-top:14px; margin-right:9px; padding-right:14px; background-color:#FFF;}
#room:hover{border:#000 1px dashed}

ul, a{list-style:none; text-decoration:none}

hr{
	//border:1px solid transparent !important;
	background-color:transparent !important;
	height:3px;
	background:#ededed}

hr.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    }

#map-canvas {margin:0;min-height:480px;border:#333 1px solid}

/*Acordeón ---------------------------------------------------*/






/*----------------------------------------------------------------------------*/
.sello{
margin:-30px 0 0 0;
border:#666 1px solid;
border-radius:14px 0 14px 0;
padding:5px;
background-color: #CCC;
color:#000;
float:right;
width:120px;
font-size:0.7em	
}