@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap);


body, html { font-size: 100%; 	padding: 0; margin: 0;font-family: 'Lato', sans-serif;    font-size: .9em;font-weight: 300;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
a{text-decoration:none;color:#666;}
h1{color:#515151;text-transform: uppercase;font-weight:400;}
h2{color:#0e5186;}
h3{color:#438898;font-size:1.7em;}
#banner{width:100%;}
.galeria img{width:100%;}
.full{width:100%;font-family: 'Lato';font-size:13px;font-weight: 300;overflow:hidden;}
.main{background:#f7f7f7}


#todo{width:100%;max-width:1100px;margin:0 auto;height:100px;background:#FFF;}

#divmenu{width:100%;margin:10px auto 0;}


.pagina{width:100%;margin:0 auto;overflow:hidden;}
#paginacompleta{background:#fff;width:100%;height:auto;padding:20px 0 0;}
#pagina{background:#FFF;width:100%;max-width:1100px;margin:0 auto;padding:10px;overflow:hidden;bordeR:red solid 1px;}

.slick-slide img {display: block;}
.galeria-nav img{width: 100%;border:#FFF solid 2px;}
.galeria-nav{border:#632c86 solid 3px;}

#banner{display:block}
#bannerM{display:none}

@media screen and (max-width: 700px) {
#banner{display:none}
#bannerM{display:block}
}

#logo{width:30%;float:lefT;}
#imglogo{width:auto;max-width:90%;float:none;margin:10px auto;display:block;}
#redessociales{max-width:100%;width:auto;border-bottom:#ECECEC solid 1px;text-align:right;padding-bottom:5px;}
#redessociales a{display:inline-block;margin:0 5px;}
#newsletter{font-size:12px; }
#barblock{width:70%;float:right;}
.fab{font-size:26px;}

#menumovil{float:right;display:none;color:#000;margin:0px;text-decoration:none;background: #efb810;
	padding: 3px 5px;
	text-align: center;
	line-height: 20px;
	font-size: 20px;
	width: 104px;}

.centro{width:100%;max-width:1100px;margin:0 auto; display:block;overflow: hidden;}

.mitad{width:50%;display:block;margin:0 auto;}
.centrar{display:block;margin:0 auto;}
.der{float:right;}
.izq{float:left;}
.setenta{width:70%;}
.treinta{width:30%;}
.navcentral{max-width:40%;min-width:14%;line-height:40px;padding:0 5px;float:left;display:block;text-align: center;color:#000;text-decoration: none;font-size: .8em;}
.navcentral:hover{/*background:#531F53;*/background:#f3cc55}
.mensaje{line-height:40px;padding:0 5px;display:block;text-align: center;color:#000;}
.secciones{width:18%;text-align: center;float:left;background:#f2f2f2;margin-right:2.5%;padding:20px 0;height:150px;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.secciones img{margin:0 auto;display:block;}
.mc{margin-right:0;}
.noventa{width:90%;max-width:1100px;}
.topborder{background:#333;color:#fff;line-height:20px;overflow:hidden;padding:5px 0;font-weight:600}
.topborder img{margin:2px 5px 0;float:left;}
.paddtop{padding-top:20px;}
.paddbot{padding-bottom:20px;}
.gr{background:#ecf0f3;}
.txtparrafo{display:block;}
.txtcentro{text-align:center;}
.txtder{text-align:right;}
.purpler{background:#524781;color:#FFF;padding:0px 0;font-size:16px;height:40px;line-height:40px;}
.purpler a{color:#FFF;display:inline-block;margin-left:5px;line-height:47px;}
.purple{background:#372770;color:#FFF;padding:10px 0;font-size:16px;}
.txtparrafo hr{display:block;margin:0 auto;width:35%;text-align:center;border-top:none;}
#reservation{
	  width:700px;
		max-width:70%;
    background:#534781;
    min-height: 300px;
    position: fixed;
    z-index: 9998;
    top: 21%;
    left: 105%;
		border-radius:0 0 0  5px;
		color:#FFF;
	}
	#reservation input{
		background:#cab256;
		color:#FFF;
		border-radius:5px;
		width:70%;
		height:15px;
		display:block;
		margin:2px auto 0;
		border:none;
	}
	#reservation textarea{
		background:#cab256;
		color:#FFF;
		border-radius:5px;
		width:70%;
		height:40px;
		display:block;
		margin:2px auto 0;
		border:none;
	}
	#reservation select{
		background:#cab256;
		color:#FFF;
		border-radius:5px;
		width:70%;
		height:15px;
		display:block;
		margin:2px auto 0;
		border:none;
	}
	#reservation .chbx{
		background:#cab256;
		color:#FFF;
		border-radius:5px;
		width:auto;
		height:15px;
		display:inline-block;
		margin:2px auto 0;
		border:none;
	}
	#m{
		padding:20px;
		background:#372770;
		color:#FFF;
		position:fixed;
		right:0;
		top: 21%;
		z-index:999;
		cursor:pointer;
		border-radius:5px 0 0  5px;
	}
	#submit{
		width:120px !important;
		height:20px !important;
	}
	.grs{background:#ececec57;}
#cerrar{
background:#000;
color:#FFF;
padding:3px;
position:absolute;
z-index:9999;
cursor:pointer;
}




.imgsecciones img{
	width:20%;float:lefT;
}
.imgsecciones img:hover{
	-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
footer{font-size:10px;}
.fimg{ width:100%}
.fimg img{max-width:25%;display:inline-block;margin-left:10%;}
.om .setenta{overflow:hidden;height:auto;}
#restaurants img{width:30%;display:inline-block;margin-left:1%;margin-top:10px;}
.tres{width:20%;display:block;margin-right:10%;floaT:left;}

#logo{width:30%;float:lefT;}
.btnicon{float:right;margin: 25px 10px 0;}

.btnnew{color:#524782;text-decoration:none;font-weight:500;}

#booknow{
	color:#FFF;background:#cbb256;padding:40px 0;font-size:35px;
}

@media screen and (max-width: 52.75em) {

	.cbp-hrmenu {
		font-size: 80%;
	}

}

@media screen and (max-width: 43em) {

	.cbp-hrmenu {
		font-size: 120%;
		border: none;
	}

	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner {
		padding: 0 2em;
		font-size: 75%;
	}

	.cbp-hrmenu > ul > li {
		display: block;
		border-bottom: 4px solid #Ffce3f;
	}

	.cbp-hrmenu > ul > li > a {
		display: block;
		padding: 1em 3em;
	}

	.cbp-hrmenu .cbp-hrsub {
		position: relative;
	}

	.cbp-hrsub h4 {
		padding-top: 0.6em;
	}

}

@media screen and (max-width: 36em) {
	.cbp-hrmenu .cbp-hrsub-inner > div {
		width: 100%;
		float: none;
		padding: 0 2em;
	}
}

@media screen and (max-width: 700px) {
.mitad{width:95%;}
.der{float:none;margin:0 auto;display:block;}
.izq{float:none;margin:0 auto;display:block;}
.setenta{width:90%;margin:0 auto;}
.treinta{width:90%;margin:0 auto;}
.navcentral{max-width:50%;min-width:50%;line-height:20px;padding:10px 0px;}

.topborder{background:#333;color:#fff;line-height:20px;overflow:hidden;padding:5px 0;font-weight:600}
.topborder img{margin:2px 5px 0;float:left;}
.paddtop{padding-top:20px;}
.paddbot{padding-bottom:20px;}
.cbp-hrmenu li {min-width:1%;max-width:100%;width:auto;}
.main{position:absolute;top:135px;background:#FFF;z-index:9999;width:100%;display:none;}
#botonmenu{background:#723873;padding:2px 0;display:block}
#logo{max-width:90%;display:block;margin:0 auto;}
.cbp-hrmenu {margin-top: 0em;}
#redessociales{display:none;}
.container > header nav {display: none;}
.galeria img{width:200%;}
.cbp-hrmenu .cbp-hrsub-inner > div a {
    line-height: 2em;
    border: #451f46 solid 1px;
    display: block;
    padding: 5px 0;
    margin: 5px 0;
    text-decoration: none;
    text-align: center;
    background: #451f46 !important;
}
#main-nav{display: none; position: fixed;    top: 0;  z-index: 99;}

#menumovil{display:block;}
	#imglogo{width:100%;max-width:90%;float:none;margin:10px auto;}
	#logo a:nth-child(2){width:50%;float:left;}
	#logo a:nth-child(3){width:50%;float:left;}
	#logo img{margin:0 auto;display:block; float:none;}
	#todo{height:160px;}
	.galeria img {width: 100% !important;}
	#paginacompleta{padding-top:30px !important;}
	.secciones{ margin-right:0;}

}