*{
	padding: 0px;
	margin: 0px;
}
@font-face{
	font-family:'Caveat-T';
	src: url(../fonts/Caveat-T.ttf);
}
@font-face{
	font-family:'Monserrat-P';
	src: url(../fonts/Montserrat-P.ttf);
}
body{
	box-sizing: border-box;
}
h1,h2,h3{
	font-family:'Caveat-T'!important;
	font-size:3em!important;
}
h4,h5,a,p,li{
	font-family:'Monserrat-P'!important;
}
#flecha a {
	z-index:1000; /*para colocarlo siempre por encima*/
	text-decoration:none;
	display:block;
}
#flecha img{
	display:block;
	width:35px;
	border-radius:100px;
	border:2px solid #5e2129;
	position:fixed;
	bottom:10%;
	right:2%;
	background-color: #cc161c;
	/*transition: background-color .3s ease 0.3s;
	-webkit-transition: background-color .3s ease 0.3s;
	-moz-transition:  background-color .3s ease 0.3s;
	-o-transition: background-color .3s ease 0.3s;*/
	/*transition: property duration timing-function delay;*/
}
#flecha img:hover{
	cursor:pointer;
	background-color:#FA1B1D;
}
#flecha img:active{
	border:3px solid #fff;
	background-color:#FA1B1D;
}

/***Menú de navegación***/
header div#cabecera{
	display: none;
}
header div#mobilenav {
	box-sizing: border-box;
	max-height:65px;
	width: 100%;
	margin: 0px 0px 0px auto;
	background: -webkit-gradient(radial, 0 132, 97, -37 177, 369, from(#000), to(#fb1a22));
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
	padding: 0.8em 0 1em 0;
	top:0px;
	left:0px;
	z-index:1000;
	position:fixed;
}
header div#mobilenav h1#logonav{
	float: left;
	padding: 0 0 0 0.1em;
	font-family:'Caveat-T';
	color:#fff;
	margin:0px;
	max-width: 80%;
}
header div#mobilenav h1#logonav img {
	float: left;
	max-height: 50px;
	margin: 0 0 0 0.3em;
	max-width:25%;
	background-color: transparent;	
}
header div#mobilenav h1#logonav span {
	text-align:center;
	padding-left:.3em;
	font-weight:bold;
	font-family:'Caveat-T';
}
#mobilenav#navigation {
	float: right;
	margin:0;
	padding:0;
	width:100%;
	background:transparent;
}
/*Estilo para el menú desplegable*/
.control-menu {
	background-color: transparent;
	background-position: center center;
	border: 1px solid #fff;
	display: block;
	float: right;
	height: 40px;
	margin-right: 1.3em;
	width: 40px;
}
.control-menu a span {
	display: inline-block;
	height: 40px;
	text-indent: -9999px;
	width: 40px;
}
.control-menu .close {
	background-image: url("../images/icons/close-menu.png");
	background-position: center center;
	background-repeat: no-repeat;
	display: none;
}
.control-menu .open {
	background-image: url("../images/icons/open-menu.png");
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
}
ul.nav-items {
	clear: both;
	height: 0;
	overflow: hidden;
	transition: height 0.4s ease-in-out 0s, background-color 2s ease 0s;
}
#navigation:target ul.nav-items {
	background:#CC161C none repeat scroll 0 0;
	border-top: 1px dotted #fff;
	height: 95px;/*ajusto altura al nº de elementos*/
	transition: height 0.4s ease-in-out 0s, background-color 0.9s ease 0s;
}
.close {
	display: none;
}
/*al hacer clic sobre el enlace que abre el menú éste desaparece*/
#navigation:target .open {
	display: none;
}
/*Al hacer clic sobre el enlace que abre el menú aparece el enlace .close (X) que previamente estaba oculto*/
#navigation:target .close {
	display: block;
}
/*Estilos del menú*/
ul.nav-items li {
	display: block;
}
ul.nav-items a {
	border-top: 2px dotted #fff;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 3em;
	line-height: 3em;
	margin: 0 1.3em;
	background-color:#CC161C;
	font-family:'Caveat-T'!important;
	
}
/*el primer elemento de la lista*/
ul.nav-items li:first-child a {
	border-top: 2px solid transparent;
}
ul.nav-items li a span {
	height: 3em;
	padding: 0.5em 0.5em;
	font-size: 2em;
}
/**************Cookies***************/
.cookieAcceptBar {
        display:none;
        position: fixed;
        top: 15%;/*alto, lo pongo más arriba, estaba en 50%*/
        left:5em;
        right: 5em; /*alineación horizontal y bottom:vertical*/
        text-align: center;
        background-color: #455a64;
        color: #fff;
        border:3px solid red;
        border-radius:25px 0px;
        /*bottom: 1em;*/
	    box-shadow: 0 .25em .5em rgba(0,0,0,0.5);
        padding: 20px;
        z-index: 99999;
        /*-webkit-transform: translateY(-50%);
          transform: translateY(-50%);*/
}    
.cookieAcceptBar a {
     text-decoration: none;
     font-weight: bold;
	color:#007bff;
}
button.cookies {
        cursor: pointer;
        background-color:#fb1a22;
        border-color:#fff;
        color: #fff;
        text-transform: uppercase;
        margin-top: 10px;
        height: 40px;
        /*line-height: 40px;*/
        padding: 0 20px;
}
/***************************************
         anuncio especial banner
***************************************/
button.btn-close{
	background-image: url("../images/iconos/cerrarP.png")!important;
	background-repeat: no-repeat;
    	background-position: center;
    	width: 7%;
    	color: transparent;
	right: 1%!important;
    	position: absolute!important;
    	top: 3%!important;
	background-color: #fb1a22;
}
div#especialNavidad{
	display:block;
	position:absolute;
	background-color: #000;
	border-color:#930001;
	color:#fff;
	text-align:center;
	right:5%;
	left:5%;
	top:25%;
}
div#especialNavidad h1,h2{
	color:#930001;
}
div#especialNavidad img{
	width:100%;
}
div#especialNavidad a{
	color:#930001;
	background-color:#fff;
	border:3px solid #930001;
	padding:.5em;
	text-decoration:none;
	border-radius:25px;
}
#especialNavidad a:focus, #especialNavidad a:hover{
	color:#fff;
	background-color: #930001;
	text-decoration:none;
}
/***Cuerpo***/
main #principal{
	max-width:100%;
}
#principal .presenta div#cabMobile{
	background-image: url("../images/cabeceraPlatos.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
	width:100%;
	height: 150px!important;
	margin:0 auto;
	border-bottom:3px solid #fb1a22;
}
#principal section.presenta h1,h2{
	font-family:'Caveat-T'!important;
}
#principal section.presenta h1{
	margin-top:0px;
	text-align:center;
	background-color: #000;
	color:#fff;
	border-bottom: 3px solid #fb1a22;
	width:100%;
	border-top: 3px solid #fb1a22;
	margin-bottom: auto;
}
#principal .presenta article.fotos h3{
	text-align:center;
}
#principal section.presenta article.fotos{
	max-width:100%;
	padding:0 3% 0 3%;
}
#principal article.fotos img{
	max-width:100%;
	border:3px solid #fb1a22;
	padding:0.1em;
	margin:0 auto;
	height:300px;
}
#principal article.fotos h2 h3{
	text-align:center;
	font-size:2.5em;
}
#principal article.fotos p{
	font-size:1.5em;
}
#principal article.fotos h4{
	text-align:center;
	margin-top:1.5em;
}
#principal article.fotos h4 a{
	text-decoration:none;
	width:25%; 
	text-align:center; 
	padding:.7em; 
	background-color:#000; 
	color:#fff;
	border:3px solid #fb1a22;
	border-radius: 35px;
	font-size:1.3em;
}
#principal article.fotos h4 a:focus, #principal article.fotos h4 a:hover{
	color:#fb1a22;
}
#platos{
	max-width:90%;
	margin:0 auto;
	padding-right:0.5em;
}
#platos h4,h5,h6{
	font-size:1.5em;
	padding:0.3em;
}
#platos h4{
	font-variant:small-caps;
	text-align:center;
	color:#fff;
	background-color: firebrick;
}
#platos h5{
	color:firebrick;
	font-family:'Caveat-T'!important;
	font-size:2.3em;
}
#platos dt{
	font-size:1.5em;
	padding:0.3em;
}
#platos dl{
	margin-left:2em;
}
#platos dl dd{
	margin-left:2.5em;
}
#platos dd ul li{
	margin-left:3em;
	font-size:1.3em;
	list-style-image: url(../images/icons/eat.png);
}
#platos ul.especial li{
	list-style-image: url(../images/icons/cook.png);
}
#platos .especial li ul li{
	font-size:1em;
}
#platos dd ol li{
	list-style-type: circle;
	margin:.5em;
	font-size:1.3em;
}
#platos img{
	margin:0 0.5em 0.3em 0;
    	border: 3px solid #fb1a22;
    	padding: .3em;
	max-width: 99%;
	margin-bottom:1em;
	max-height:300px;
}
#platos div#primeros, #platos div#segundos, #platos div#postres, #platos div#menuDiario, #platos div#menuEspecial{
	padding-top:65px;
}
#precios{
	color:#fff;
	background-color:#000111;
	border:3px solid #930001;
	margin:0 auto;
	padding:.5em .9em;
}
#precios h5{
	color:#fb1a22;
	font-size:1.7em;
	font-variant:small-caps;
	text-align:center;
}
#precios h6{
	font-size:1.5em;
	text-decoration: underline;
	text-underline-position: under;
	color:#fb1a22;
	line-height: 2em;
}
#precios ul li{
	margin-left:3em;
	list-style-type: disc;
	padding: 1em 0 1em 0;
	font-size:1.3em;
}
#precios img{
	background-color:#fff;
	margin-right:.3em;
	padding:5px;
	border-radius:7px;
	position:relative;
	top:2px;
}
#precios ol li{
	/*margin-left:3em;*/
	list-style:none;
	padding: 1em 0 1em 0;
	font-size:1.3em;	
	color:#fb1a22;
}
#precios ol ul li{
	margin-left:3em;
	list-style-type: disc;
	font-size:1em;
	color:#fff!important;
}
#precios ol li img{
	margin:0 0.5em 0.3em 0;
    	/*border: 3px solid #fb1a22;*/
    	padding: .3em;
	max-width: 50%;
	margin-bottom:1em;
}
#precios .images2{
	margin-left:1.5em;
}
#precios .images2 img{
	border: 3px solid #fb1a22;
	padding:.3em;
	background-color: transparent;
	max-width:75%;
}
#fotosPlatos{
	padding:1em;
	max-width:80%;
	margin:1.5em auto;
}
#fotosPlatos img{
	margin:0 auto;
	border: 3px solid #fb1a22;
    	padding: .3em;
	max-width:100%;
}
#myCarousel{
	max-width:100%;
}
.carousel-indicators{
	left:40%!important;
	width:75%!important;
}
article.normal{
	max-width:90%;
	margin:0 auto;
	padding-right: .5em;
	padding-top:65px;
}
div.listaEnlaces ul>li{
	list-style-image: url(../images/icons/cook.png);
    	margin-left: 25%;
    	font-size: 1.5em;
	padding-top:.7em;
}
div.listaEnlaces ul>li>ol>li{
	list-style-image: url(../images/icons/eat.png);
	margin-left: 15%;
	font-size: 1em;
	padding-top:.7em;
}
div.listaEnlaces ul>li>a{
	text-decoration:none;
	color:firebrick;
	font-style:italic;
	font-weight: bold;
}
div.listaEnlaces ul>li>a:focus, div.listaEnlaces ul>li>a:hover{
	background-color: firebrick;
	color:#fff;
	padding:.3em;
	border-radius:50px;
}
div.listaEnlaces ul>li>ol>li>a{
	text-decoration:none;
	color:firebrick;
	font-weight: bold;
}
div.listaEnlaces ul>li>ol>li>a:focus, div.listaEnlaces ul>li>ol>li>a:hover{
	background-color: firebrick;
	color:#fff;
	padding:.3em;
	border-radius:50px;
}
/********Migas de pan*********/
ol.breadcrumb{
     margin-bottom:0px!important;
     background-color:transparent!important;
     border-radius:0px!important;
	font-size:1.3em;
	margin-top:67px;
}
.breadcrumb li.breadcrumb-item a>span>i{
	color: #cc161c!important;
}
.breadcrumb>.active {
    color: #930001!important;
}
.breadcrumb-item.active {
    color: #930001!important;
}
.breadcrumb-item+.breadcrumb-item::before{
	color:#930001;
     content:">>";
	float:none!important;
}
ol.breadcrumb li+li:before{
     color:#930001;
     content:">>";
     padding:7px;
}
ol.breadcrumb li a span{
     color:#fb1a22;
}

/***Contacto***/
article.info{
	max-width:90%;
	padding:0.5em;
	margin:0 3%;
}
article.info p{
	font-size:1.2em;
}
article.info ul li{
	margin-left:3.5em;
	list-style-type: square;
	padding:.5em;
	font-size:1.2em;
}
article.info h3{
	text-align:center;
}
article.info h3 a{
	display:block;
	border:3px solid #fb1a22;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	padding:3%;
	text-align:center;
	/*font-family:'Caveat-T'!important;*/
	font-size:.5em;
	width:70%;
	border-radius:15px;
}
.info h3 a:focus, .info h3 a:hover{
	color:#fb1a22;
	font-weight: bold;
}
article.info iframe{
	margin:0 auto;
	max-width:95%;
}
article.info img{
	max-width:90%;
	margin:0 auto;
	border:3px solid #fb1a22;
}
article.info div.pideRecoge{
	color:#fff;
	background-color:#000111;
	border:3px solid #fb1a22;
	margin:1em auto;
	padding:3em;
	font-size:1.2em;
}
article.info div.pideRecoge a{
	color: #fff;
	text-decoration:none;
}
article.info .pideRecoge a:focus, article.info .pideRecoge a:hover{
	color:#fb1a22;
	font-weight: bold;
}
article.info div.pideRecoge a>i{
	color: #fff;
	margin:.5em .3em 0 0;
	font-size:xx-large;
	
}

/***Pié***/
#pie {
	background-color:#000;
	overflow:hidden;
	margin:1em auto 0 auto;
	max-width:100%;
	clear:both;
}
#datos{
	max-width:95%;
	padding:0.5em 2em;
	color:#fff;
}
#datos h1{
	font-family:'Caveat-T';
	float:left;
}
#datos img {
	width:50%;
	background-color:transparent;
	display:block;
	margin:0.5em auto;
}
#datos .info{
	/*overflow:hidden;*/
	max-width:95%;
}
#datos .info a{
	text-decoration:none;
	color:#fff;
}
#datos .info a:focus, #datos .info a:hover{
	color:#fb1a22;
}
#datos .info a>i, #datos .info p>i{
	padding:1%;
	font-size:xx-large;
	margin-right:.3em;
}
#rrss{
	max-width:100%;
	/*overflow:hidden;*/
	padding:0.5em;
	color:#fff;
}
#rrss a img {
	display:block;
	width: 35px;
	border-radius:30%;
	margin:0.5em 0;
}
#legal {
	float:left;
	max-width:100%;
	padding:0.5em;
}
#legal a {
	text-decoration: none;
	text-align:left;
	color:#fff;
	font-size:.9em;
}
#legal a:focus, #legal a:hover{
	color:#fb1a22;
}
#legal a:active {
	color:#fb1a22;
}
#legal a:visited {
	color:#930001;
}
#legal p>i{
	padding:1%;
	font-size:xx-large;
	margin-right:.3em;
}
#legal medium{
	color:#fff;
	padding-left:.5em;
}
#pie p{
	color:#fff;
	font-family:'Monserrat-P';
	padding:0.5em 2em;
	margin-bottom:1em;
	font-size:1.1em;
	clear:both;
}
#pie p a{
	text-decoration:none;
}
#pie #finDatos{
	clear:both;
}
#pie #designMobile{
	overflow:hidden;
	clear:both;
	text-align:center;
	margin-bottom:0;
}
#pie #designMobile a{
	font-weight: bold;
	color:#fff;
}
#pie #designMobile a:focus{
	color:#007bff;
}
#pie #design{
	display:none;
}
/*Legal*/
#principal section.infoLegal{
	padding: 1em;
	font: normal 0.9em 'Monserrat-P';
}
#principal section.infoLegal h1, h2{
	font: bold 2em 'Monserrat-P';
	text-align: center;
}
#principal section.infoLegal h3 a{
	text-decoration:none;
	display:block;
	font-size:0.4em;
	/*font: italic 0.5em 'Monserrat-P';*/
	padding:3px;
}
#principal section.infoLegal ul{
	margin-left:3em;
}
#principal section.infoLegal ul li a{
	display: inline-block;
	color:#007bfb;
}

/*******Tablet*******/

@media only screen and (min-width: 768px){
#principal .presenta div#cabMobile{
	height:350px;
}
#principal article.fotos img {
    max-width: 100%;
    border: 3px solid #fb1a22;
    margin: 0 auto;
    padding: 0.1em;
	height:370px;
}
#datos span img{
	width:18%;
}
#datos span a img{
	width:20%;
}
#platos div.images2{
	display:inline-flex;
	flex-direction: row;
	flex-wrap:nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
#platos img{
	max-height:270px;
}
/*Contacto*/
article.info{
	float:left;
	max-width:40%;
}
/*Pié*/
#pie{
	clear:both;
	overflow:hidden;
}
#datos{
	width:65%;
	float:right;
}
#datos span img{
	width:auto;
}
#rrss{
	width:35%;
	float:left;
}
#rrss a img{
	width:auto;
}
#legal{
	width:35%;
	float:left;
}
#pie #designMobile{
	max-width:100%;
	clear:both;
}
/*Legal*/
#principal section.infoLegal{
	font: normal 1em 'Monserrat-P';
}
#principal section.infoLegal h1{
	margin-top:0px;
}
#principal section.infoLegal h1, h2{
	font: bold 2.5em 'Monserrat-P';
}
#design{
	text-align: center;
}
}

@media only screen and (min-width: 992px){
header div#mobilenav{
	display: none;
}
header div#cabecera{
	display: block;
}
#cabecera {
	width: 100%;
	font-family:'Caveat-P';
	overflow:hidden;
	color:#fff;
	background-image: url(../images/cabeceraPlatos.jpg);
	background-repeat: no-repeat;
	background-size: 70% 100%;
	background-repeat: no-repeat;
     background-position: center;
    	background-color: firebrick;
}
#cabecera #logo {
	width: 35%;
	padding:1.5em;
	float:left;
}
#cabecera #logo span h1{
	float:right;
	width:auto;
	font-size:2.1em;
	padding-top:0.7em;
}
#cabecera #logo span img {
	float: left;
	width: 95%;
	border-radius: 15px 0px;
	margin:0 3% 3% 0;
}/*
#cabecera #logo span img:hover{
	width: 55%;
	transition: all 3s ease;
}*/
nav#navegador {
	width: 35%;
	float:right;
	padding:5px;
	margin:1.5em 0;
	/*position:absolute;/*para conseguir que se desvanezca al bajar*/
}
nav#navegador ul li {
	list-style: none;
	display: flex;
	width: 35%;
	margin:auto 1%;/*auto: para ajuste óptimo con tamaño de pantalla*/
}
#navegador li a {
	text-decoration: none;
	text-align:center;
	color:#fff;
	padding: 10px;
	display:inline-block;
	width:auto;
	padding:1em;
	border-radius:15px;
	background-color:#000;
	margin:3%;   /*para que se separen unos de otros*/
	max-height:65px;
	border:3px solid #930001;
}
#navegador ul li a:hover{
	background-color:#930001 ;
	color:#fff;
	border:2px dashed #000;
	font-weight:bold;
	max-height:70px;
}
#navegador ul li a span{
	text-align:center;
	padding: 1%;
	font-weight:bold;
}
.menu {
	display: flex;
	flex-flow: row nowrap;/*dirección-ajuste*/
	justify-content: center;/*alineación horizontal*/
	align-items: center;/*alineación vertical*/
	align-content: center;/*ajusta la altura de los elementos*/
}
/*Cuerpo*/
#principal section.presenta h1{
	margin-top:0px;
}
#principal .presenta div#cabMobile{
	display:none;
}
#principal article.fotos img {
    max-width: 100%;
    border: 3px solid #fb1a22;
    margin: 0 auto;
    padding: 0.1em;
	height:300px;
}
#platos img{
	min-width:50%;
	margin-bottom: 1em;
	min-height:370px;
}
#platos div.images2{
	display:inline-flex;
	flex-direction: row;
	flex-wrap:nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
#precios{
	width:50%!important;
}
#precios ol li ul img{
	width:50%;
}
/********Migas de pan*********/
ol.breadcrumb{
	margin-top:0px!important;
}
/*Contacto*/
article.info{
	float:left;
}
article.info div.pideRecoge img{
	border:none;
	background-color: #fff;
	border-radius:30%;
	margin:.3em .5em 0;
}
/*Pié*/
#pie{
	clear:both;
	overflow:hidden;
}
#pie p{
	clear:inherit;
}
#datos{
	width:65%;
	float:right;
}/*
#datos h1{
	font-size: 3em;
    	text-align: center;
}
#datos .info img{
	width:40px;
	float:left;
	background-color: #fff;
	padding: 5px;
	border-radius: 10px;
	margin-right: 5px;
}*/
#datos img {
	width:175px!important;
	background-color:transparent!important;
	display:block;
	margin:1em 5em;
	float:right;
}
#datos .info div.logo{
	width:270px;
	float:right;
	clear:both;
}
#datos .info div.logo medium{
	margin-left:2.5em;
	font-style: italic;
}
#datos .info a img{
	width:55px;
	background-color: transparent;
}
#rrss{
	width:35%;
	float:left;
}
#rrss a img{
	width:50px;
}
#legal{
	width:35%;
	float:left;
}
#pie #horario p{
	width:40px;
	background-color: transparent;
}
#pie #design{
	display:block;
	max-width:100%;
	clear:both;
	text-align:center;
	margin-bottom:0;
}
#pie #design a{
	font-weight: bold;
	color:#fff;
}
#pie #design a:hover{
	color:#007bff;
}
#pie #designMobile{
	display:none;
}
div#especialNavidad{
	left: 25%;
    top: 5%;
    width: 50%;
}
div#especialNavidad img{
	width:50%;
}

}