/** infoarta 2021 **/
td a{
	height: 35px;	
	padding-top: 20px;
	font-size: 24px;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/preloader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
.bbanderas{
	position:fixed;
	margin-top:-30px;
	margin-left:40px;
}
.banderamov{
	margin-right:20px;
}
.bandera{
	margin-top:-30px;
	height:30px;
	width:30px;
	margin-right:0px;
}
.infoico{
	margin-top:0px;
	margin-left:10px;
	
	height:20px;
	width:20px;
	margin-right:20px;
}

.badge{
	font-size:14px;
}
.badge-notify{
    background:red;
    position:fixed;
    top: 0px;
    right: 48px;
  }
  .my-cart-icon-affix {
    background:red;
    position:fixed;
    top: 10px;
    right: 20px;
    z-index: 999;
  }
  
  .glyphicon-shopping-cart::before {
    content: "\e116";
    top: 18px;
    right: 49px;
    position: fixed;
	font-size:24px;
	z-index: 999;
}

.logo { text-align:center;}
.logo img { text-align:center;width:100px;height:25%;}
.centrado{text-align:center;margin-left:0;margin-right:0;float:center;}
.container{	
	width:100%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	color:#ffffff;
}
.barra3{
	background-color:black;
	color:white;
	position: fixed;
	min-height:50px;
	overflow:auto;
	height:auto;
	width:100%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;	
	overflow: -moz-scrollbars-none;
	opacity:1;
	z-index:100;
}
.barra3 a{
	 text-decoration: none; 
	 color:white;
	 z-index:105;
}

.barra3 p{
	padding-top:0px;
	margin-top:0px;		
	display: inline-block;
	word-wrap:normal;	
	width:100%;
	padding-left:0;
	text-align:center;	
	text-overflow: ellipsis;
	height:auto;
	min-height:50px;	
	position:fixed;
	float:center;
	z-index:105;
}
.infoartatxt{
	font-family: 'Roboto';	
	font-size:12px;
}
.barra3  h1{	
	padding-top:0px;
	margin-top:15px;
	font-size: 34px;	
	height:auto;	
	display: inline-block;
	word-wrap:normal;
	font-family: 'Roboto';	
	width:100%;
	padding-left:5px;
	padding-right:40px;
	text-align:center;	
	text-overflow: ellipsis;
	min-height:40px;
	position:fixed;
	float:center;
	z-index:105;
	line-height:20px;
}


.barra{
	background-color:#ffffff;
	height:75px;;
	width:100%;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	margin-left:0px;
	margin-right:0px;
	color:#ffffff;
	text-align:center;
}
.descripcionProducto h2{
	margin-top:0px;
	padding-top:0px;
	margin-left:0px;
	margin-right:0px;
	font-style: bold;
	font-size: 24px;
}
.textodescriptivo {
	display: inline-block;
    width: 80%;
	height:auto;	
    background: #fffff;
    margin-left: 5px;	
	align:center;
	overflow: hidden;
	text-align:justify;
	color:#000000;
}
.containerProducto {
	display: inline-block;
    width: 100%;
	height:auto;	
    background: #ccccc;
    margin-left: 5px;	
	align:center;
	overflow: hidden;
	text-align:center;
	color:#000000;
	border-width: 1px 1px 1px 1px;
	border-color:red;
}
.containerFoto h2{
	padding-top:15px;
	margin-top:0px;
	text-align:center;
	overflow: hidden;
	font-size:16px;
}
.containerFoto {
	border-width: 1px 1px 1px 1px;
	border-color:blue;
	display: inline-block;
    width: 178px;
    height: 250px;;
    background: #ccccc;
    margin-left: 2px;	
	margin-left: 0px;
	align:center;
	overflow: hidden;
	text-align:center;
	color:#000000;
	margin-top:2px;
	background: #fff; 
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.containerProducto img.wide {
    max-width: 100%;
    max-height: 190px;;
    height: 190px;
}
.containerProducto img.tall {
     max-width: 100%;
    max-height: 190px;;
    width: 100%;
}
.containerFoto img.wide {
    max-width: 100%;
    max-height: 190x;;
    height: 190px;
}
.containerFoto img.tall {
     max-width: 100%;
    max-height: 190px;;
	 height: 190px;
    width: 100%;
}

.row{
width:100%;

}
.containerProducto{
	display: inline-block;
    width: 100%;
    height: 400px;
    background: #ccccc;
    margin-left: 2px;	
	margin-left: 0px;
	align:center;
	overflow: hidden;
	text-align:center;
	color:#000000;
	margin-top:2px;
	background: #fff; 
}
.containerProducto input[type=text]:focus {
  background-color: lightblue;
  font-size:20px;
}
.containerProducto input{
	width:90%;
	font-size:18px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}
.imagenProducto {	
	display: inline-block;
    width: 220px;
    height: 220px;
    background: #ccccc;
    margin-left: 2px;	
	margin-left: 0px;
	align:center;
	overflow: hidden;
	text-align:center;
	color:#000000;
	background: blue; 
}

.descripcionProducto {	
	display: block;
    width: 90%;
    height: auto;   
    margin-left:auto;
	margin-right:auto;
	align:center;
	overflow: hidden;
	text-align:center;
	color:#cccc9;
	margin-top:2px;
	background: #fffff; 
	text-align:center;
	font-size: 16px;	 
   
}
.imagenProducto img.wide {
    max-width: 50%;
    max-height: 190px;;
    height: 190px;
}
.imagenProducto img.tall {
     max-width: 50%;
    max-height: 190px;;
    width: 100%;
}
.imagenProducto img.wide {
    max-width: 100%;
    max-height: 220px;;
    height: 220px;;
}
.imagenProducto img.tall {
     max-width: 100%;
    max-height: 220px;
	 height: 220px;
    width: 100%;
}

.containerfamilia{	
	background: none !important;	
	border-bottom: 1px #000 dotted;
    border-bottom-color: rgb(0, 0, 0);
	width:85%;
	margin:0 auto;
	display:block;
	margin-bottom:5px;
}
.containerfamilia {			
	background-color:#0272d3;
}

.containerVinos{	
	background: none !important;	
	border-bottom: 1px #000 dotted;
    border-bottom-color: rgb(0, 0, 0);
	width:100%;
	margin-left:0px;
	padding-left:0px;
	display:block;
	margin-bottom:5px;
}
.containerVinos {			
	background-color:#0272d3;
}
.vinoFoto{	
	height:auto;
	width:115px;
	margin-left:0px;
	padding-left:2px;
	margin-bottom:5px;
	text-align:left;
}
.vinoFoto img{
	margin-left:0px;
	padding-left:0px;
	height:auto;
	width:115px;
	text-align:left;
}
.vinoResto{
	width:65%;
}
.vinoAX{
    padding:0;
   margin:0;
   width:auto;
}
.vinoA0{
    padding:0;
   margin:0;
   width:auto;
}
.vinoA1{
	display: inline-block;
	margin:0;
	padding:0;
	width:55%;
	min-height:20px;
	height:auto;	
	color:blue;	
	vertical-align: top;
	padding-left:0px;
	z-index:-1;
}
.vinoA1 p{
    padding:0;
   margin:0;
   
}
.vinoA1 p a{
   padding:0;
   margin:0;
}
.vinoA2{
	margin:0px;
	padding:0px;
	width:15%;
	height:20px;	
	z-index:-1;
	color:red;
	overflow:hidden;	
	display: inline-block;
	vertical-align: top;
	text-align:right;
}
.vinoA3{
	margin:0px;
	padding:0px;
	width:15%;
	height:20px;	
	z-index:-1;
	color:green;
	overflow:hidden;	
	display: inline-block;
	vertical-align: top;
	text-align:right;
}
.vinoA4{
	width:15%;
	z-index:-1;
	height:20px;	
	overflow:hidden;	
	color:grey;
	display: inline-block;
	vertical-align: top;
	text-align:right;
}
.vinoA5{
	width:50%;
	z-index:-1;
	overflow:hidden;	
	color:grey;
	display:inline-block;
	margin-left:0px;
	padding-left:2px;
	text-align:left;
}
.vinoA6{
	width:37.5%;
	z-index:-1;
	overflow:hidden;	
	color:grey;
	display:inline-block;
	margin:0px;
	padding-left:5px;
	text-align:left;
}
.vinoA7{
	width:12.5%;
	z-index:-1;
	overflow:hidden;
	
	color:grey;
	display:inline-block;
}

.vinotexto
{
	font-family: 'Roboto';
	font-size:16px;	
	width:100%;
	color:#000000;
	margin-left:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;	
	margin-bottom:0px;	
	overflow:hidden;
	display:inline-block;
	text-align:left;
	line-height:1;
}

.productotexto
{
	font-family: 'Roboto';
	font-size:16px;	
	width:75%;
	color:#000000;
	padding-bottom:0px;
	margin-top:10px;
	margin-bottom:10px;	
	margin-bottom:0px;	
	overflow:hidden;	
	display:inline-block;
	text-align:left;
	line-height:1;
}


.familiatexto
{
	font-family: 'Roboto';
	font-size:16px;	
	width:100%;
	color:#000000;
	padding-bottom:0px;
	margin-top:4px;
	margin-right:4px;
	margin-left:4px;
	margin-bottom:0px;	
	overflow:hidden;	
	display:inline-block;
	text-align:left;
	line-height:1;
}
.familiaboton
{
	display:table-cell;
	text-align:center;
}
.familialineal{
	display:inline-block;
	text-align:left;
}

h3{
	font-family: 'Roboto';
	font-style: italic;
	font-size:12px;
	line-height:14px;
	padding-left:5px;
	text-align:left;
	margin-left:0px;
	display:inline-block;
	color:#000000;
	padding-top:0px;
	margin-top:0px;
	width:65%;
}

.descriptionproducto{
	font-family: 'Roboto';
	font-style: italic;
	font-size:12px;
	line-height:14px;
	padding-left:5px;
	text-align:left;
	margin-left:0px;
	display:inline-block;
	color:#000000;
	padding-top:0px;
	margin-top:0px;
	width:100%;
	padding-right:35%;
}

.atras{
	font-family: 'Roboto';
	font-style: italic;
	font-size:12px;
	line-height:14px;
	padding-left:10px;
	display:inline-block;
	color:red;
	padding-top:0px;
	margin-top:0px;	
}

.containerfamilia h4{
	font-family: 'Roboto';
	font-style: italic;
	font-size:12px;
	line-height:14px;
	padding-left:10px;	
	color:#000000;
	padding-bottom:10px;	
	margin-top:0px;
	width:95%;
	display:inline-block;
	text-align:right;	
}


.vinoEuros2 {
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
	position:relative;
	margin-top:10px;
	margin-right:5px;
	width:20%;
	text-align:right;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
	float:right;
}
.vinoEuros1 {
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
	position:relative;
	margin-top:10px;
	margin-right:5px;
	width:20%;
	text-align:right;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
	float:right;
}
.vinoInfoExtra{
	width:25%;
	display: inline-block;
	padding-left:5px;
	padding-right:5px;
}
.vinoAreaPrecios {
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
	position:relative;
	margin-top:10px;	
	padding-right:5px;
	width:25%;
	text-align:right;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
	float:right;
}
.precioEuros {
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
	position:relative;
	margin-top:10px;
	margin-right:5px;
	width:20%;
	text-align:right;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
	float:right;
}
.textoprecio {
    font-family: 'Roboto';
	height:30px;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: normal;
    word-wrap: normal;
    direction: ltr;
	position:relative;
	margin-top:10px;
	margin-right:5px;
	width:20%;
	text-align:right;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
	float:right;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
	float:right;
}

.backIcon {
    font-family: 'Material Icons';
 	padding-top:0px;
	margin-top:-8px;	
	font-size: 44px;	
	overflow: hidden;
	display: inline-block;
	float:left;
	width:50px;
	text-align:right;
	position:fixed;	
	z-index:135;
	
}

.MenuIcon {
    font-family: 'Material Icons';
 	padding-top:0px;
	margin-top:-8px;	
	font-size: 44px;	
	overflow: hidden;
	display: inline-block;
	float:right;
	width:50px;
	text-align:right;
	position:fixed;	
	z-index:135;
	color:white;
}

#menulateral{
	font-family: 'Material Icons';
 	padding-top:0px;
	margin-top:0px;	
	font-size: 44px;	
	overflow: hidden;
	display: inline-block;
	float:right;
	width:50px;	
	text-align:left;
	position:relative;	
	z-index:135;
}

.containerfamilia h4 img{
	height:32px;
	width:23px;
}

.price {
    float: right;
    font-size: 26px;
    line-height: 28px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
	width: 50%;
	font-size: 10px;
}

.fondoopaco{
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:50px;
	
	-webkit-background-size:cover;
	-moz-background-size:cover;	
	o-background-size:cover;
	background-size:cover;
	background-size: 100%;
	z-index:-1;
	height:auto;	
	padding:0;	
	
}
.header{
	width:100%;
	
}
html,body{
	
	margin:0;
}

.containerFamiliaFoto
{
	height:80px;
	width:100%;
	border-bottom: 1px #000 dotted;
    border-bottom-color: rgb(0, 0, 0);
	overflow:hidden;
	
}


.containerFamiliaFotoTexto
{
	width:55%;
	height:100%;
	padding-bottom:5px;
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;	
	margin-left:0px;
	float:left;
	overflow:hidden;
	display: flex;
    align-items: center;
	font-family: 'Roboto';
	display:inline-block;
}

.containerFamiliaFotoTexto a{
	 text-decoration: none; 
	 font-family: 'Roboto';
	 color:black;
}

.containerFamiliaFotoImagen
{	
	width:45%;
	height:75px;
	margin:0;
	padding:0;
	margin:0;
	float:right;
	overflow:hidden;
	display:inline-block;
	
}
.containerFamiliaFotoImagen img{
	display:inline-block;
	margin:0;
	padding:0;
	height:75px;
	width:auto;
	overflow:hidden;
}

.filacontainerFoto{
	margin-left:auto;
	margin-right:auto;
	height:auto;
	width:auto;
	float:center;
	text-align:center;
	margin-top:10px;
	margin-bottom:5px;
	padding-bottom:5px;
	z-index:-2;
	max-width:500px;
}
.containerFoto3 {	
	position:relative;
	border-width: 1px 1px 1px 1px;
	border-color:blue;
	display: inline-block;
    width: 178px;
    height: 178px;
    background: #ccccc;
    margin-left: 2px;		
	margin-right: 0px;			
	overflow: hidden;
	text-align:center;
	color:#000000;
	margin-top:2px;
	background: #fff; 
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}


.containerFoto8 {	
	position:relative;
	border-width: 1px 1px 1px 1px;
	border-color:blue;
	display: inline-block;
    width: 178px;
    height: 108px;
    background: #ccccc;
    margin-left: 2px;		
	margin-right: 0px;			
	overflow: hidden;
	text-align:center;
	color:#000000;
	margin-top:2px;
	background: #fff; 
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.containerFoto12 {	
	position:relative;
	border-width: 1px 1px 1px 1px;
	border-color:blue;
	display: inline-block;
    width: 108px;
    height: 108px;
    background: #ccccc;
    margin-left: 2px;		
	margin-right: 0px;			
	overflow: hidden;
	text-align:center;
	color:#000000;
	margin-top:2px;
	background: #fff; 
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.fotoarriba{
	width:100%;
	height:70%;
	overflow:hidden;
}
.fotoarriba img{
	width:100%;
	height:auto;
	overflow:hidden;
}


.fotoarriba2{
	margin:0 auto;
	padding:0;
	top:0;
	left:0;
	width:100%;
	height:70%;
	overflow:hidden;
}
.fotoarriba2 img{
	padding:5px;
	width:auto;
	height:100%;
	overflow:hidden;
}

.textoAbajo{	
	width:100%;
	max-width:100%;
	height:28%;
	overflow:hidden;
	padding:0;
	margin:0;
	
}



@media screen and (max-width:2000px){
	.containerfamilia{		
		width:80%;
		margin:0 auto;
		display:block;
	}
}
@media screen and (max-width:800px){
	.containerfamilia{
		width:85%;
		margin:0 auto;
		display:block;
	}
}


@font-face {
    font-family: 'Black Han Sans';
    src: local('../fonts/black-han-sans-v8-latin-regular.eot'),
         url('../fonts/black-han-sans-v8-latin-regular.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/black-han-sans-v8-latin-regular.woff.woff') format('woff'),
         url('../fonts/black-han-sans-v8-latin-regular.ttf') format('truetype'),
         url('../fonts/black-han-sans-v8-latin-regular.woff2#blackhansans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
    unicode-range: "U+0-10FFFF";
}

@font-face {
    font-family: 'Black Han Sans';
    src: local('../fonts/black-han-sans-v8-latin-regular.eot'),
         url('../fonts/black-han-sans-v8-latin-regular.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/black-han-sans-v8-latin-regular.woff.woff') format('woff'),
         url('../fonts/black-han-sans-v8-latin-regular.ttf') format('truetype'),
         url('../fonts/black-han-sans-v8-latin-regular.woff2#blackhansans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
    unicode-range: "U+0-10FFFF";
}
@font-face{
	font-family:'Cabin Sketch';
	src: local('../fonts/CabinSketch-Regular.eot'),
	url('../fonts/CabinSketch-Regular.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/CabinSketch-Regular.woff') format('woff'),
         url('../fonts/CabinSketch-Regular.ttf') format('truetype'),
         url('../fonts/CabinSketch-Regular.woff2#cabinsketch') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}


@font-face{
	font-family:'Acme';
	src: local('../fonts/Acme-Regular.eot'),
	url('../fonts/Acme-Regular.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/Acme-Regular.woff') format('woff'),
         url('../fonts/Acme-Regular.ttf') format('truetype'),
         url('../fonts/Acme-Regular.woff2#acme') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}
@font-face {
	font-family:'Bentham';
	src:url('../fonts/Bentham.eot');
	src:url('../fonts/Bentham.eot') format('embedded-opentype'),
	url('../fonts/Bentham.woff2?v=4.6.3') format('woff2'),
	url('../fonts/Bentham.woff?v=4.6.3') format('woff'),
	url('../fonts/Bentham.ttf?v=4.6.3') format('truetype'),
	url('../fonts/Bentham.ttf.svg?v=4.6.3#Bentham') format('svg');
	font-weight:normal;
	font-style:normal
   }
   @font-face {
	font-family:'SourceSansPro';
	src:url('../fonts/SourceSansPro.eot?v=4.6.3');
	src:url('../fonts/SourceSansPro.eot?v=4.6.3') format('embedded-opentype'),
	url('../fonts/SourceSansPro.woff2?v=4.6.3') format('woff2'),
	url('../fonts/SourceSansPro.woff?v=4.6.3') format('woff'),
	url('../fonts/SourceSansPro.ttf?v=4.6.3') format('truetype'),
	url('../fonts/SourceSansPro.ttf.svg?v=4.6.3#SourceSansPro') format('svg');
	font-weight:normal;
	font-style:normal
   }
   
@font-face {
	font-family:'pacifico';
	src:url('../fonts/pacifico.eot?v=4.6.3');
	src:url('../fonts/pacifico.eot?v=4.6.3') format('embedded-opentype'),
	url('../fonts/pacifico.woff2?v=4.6.3') format('woff2'),
	url('../fonts/pacifico.woff?v=4.6.3') format('woff'),
	url('../fonts/pacifico.ttf?v=4.6.3') format('truetype'),
	url('../fonts/pacifico.ttf.svg?v=4.6.3#pacifico') format('svg');
	font-weight:normal;
	font-style:normal
   }
   
@font-face {
	font-family:'Handlee';
	src:url('../fonts/Handlee.eot?v=4.6.3');
	src:url('../fonts/Handlee.eot?v=4.6.3') format('embedded-opentype'),
	url('../fonts/Handlee.woff2?v=4.6.3') format('woff2'),
	url('../fonts/Handlee.woff?v=4.6.3') format('woff'),
	url('../fonts/Handlee.ttf?v=4.6.3') format('truetype'),
	url('../fonts/Handlee.ttf.svg?v=4.6.3#Handlee') format('svg');
	font-weight:normal;
	font-style:normal
   }
   

   @font-face {
	font-family:'Parisienne';
	src:url('../fonts/Parisienne.eot?v=4.6.3');
	src:url('../fonts/Parisienne.eot?v=4.6.3') format('embedded-opentype'),
	url('../fonts/Parisienne.woff2?v=4.6.3') format('woff2'),
	url('../fonts/Parisienne.woff?v=4.6.3') format('woff'),
	url('../fonts/Parisienne.ttf?v=4.6.3') format('truetype'),
	url('../fonts/Parisienne.ttf.svg?v=4.6.3#Parisienne') format('svg');
	font-weight:normal;
	font-style:normal
   }
   
@font-face{
	font-family:'Balsamiq Sans Regular';
	src: local('../fonts/BalsamiqSans-Regular.eot'),
	url('../fonts/BalsamiqSans-Regular.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/BalsamiqSans-Regular.woff') format('woff'),
         url('../fonts/BalsamiqSans-Regular.ttf') format('truetype'),
         url('../fonts/BalsamiqSans-Regular.woff2#balsamiqsansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}

@font-face{
	font-family:'Balsamiq Sans Bold';
	src: local('../fonts/BalsamiqSans-Bold.eot'),
	url('../fonts/BalsamiqSans-Bold.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/BalsamiqSans-Bold.woff') format('woff'),
         url('../fonts/BalsamiqSans-Bold.ttf') format('truetype'),
         url('../fonts/BalsamiqSans-Bold.woff2#balsamiqsansbold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}


@font-face{
	font-family:'SwankyandMooMoo';
	src: local('../fonts/SwankyandMooMoo-Regular.eot'),
	url('../fonts/SwankyandMooMoo-Regular.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/SwankyandMooMoo-Regular.woff') format('woff'),
         url('../fonts/SwankyandMooMoo-Regular.ttf') format('truetype'),
         url('../fonts/SwankyandMooMoo-Regular.woff2#swankyandmoomoo') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}


@font-face{
	font-family:'Hobo';
	src: local('../fonts/HoboStd.eot'),
	url('../fonts/HoboStd.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/HoboStd.woff') format('woff'),
         url('../fonts/HoboStd.ttf') format('truetype'),
         url('../fonts/HoboStd.woff2#hobostd') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}

@font-face{
	font-family:'Tahoma';
	src: local('../fonts/Tahoma.eot'),
	url('../fonts/Tahoma.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/Tahoma.woff') format('woff'),
         url('../fonts/Tahoma.ttf') format('truetype'),
         url('../fonts/Tahoma.woff2#tahoma') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}

@font-face{
	font-family:'TahomaBold';
	src: local('../fonts/Tahomabd.eot'),
	url('../fonts/Tahomabd.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/Tahomabd.woff') format('woff'),
         url('../fonts/Tahomabd.ttf') format('truetype'),
         url('../fonts/Tahomabd.woff2#tahomabd') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}


@font-face{
	font-family:'NanumBrushScript';
	src: local('../fonts/NanumBrushScript-Regular.eot'),
	url('../fonts/NanumBrushScript-Regular.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/NanumBrushScript-Regular.woff') format('woff'),
         url('../fonts/NanumBrushScript-Regular.ttf') format('truetype'),
         url('../fonts/NanumBrushScript-Regular.woff2#nanumbrushscript') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}

@font-face{
	font-family:'clarendon';
	src: local('../fonts/clarendon.eot'),
	url('../fonts/clarendon.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/clarendon.woff') format('woff'),
         url('../fonts/clarendon.ttf') format('truetype'),
         url('../fonts/clarendon.woff2#clarendon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}

@font-face{
	font-family:'himalaya';
	src: local('../fonts/himalaya.eot'),
	url('../fonts/himalaya.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/himalaya.woff') format('woff'),
         url('../fonts/himalaya.ttf') format('truetype'),
         url('../fonts/himalaya.woff2#himalaya') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}
@font-face{
	font-family:'newsgotdcd';
	src: local('../fonts/newsgotdcd.eot'),
	url('../fonts/newsgotdcd.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/newsgotdcd.woff') format('woff'),
         url('../fonts/newsgotdcd.ttf') format('truetype'),
         url('../fonts/newsgotdcd.woff2#newsgotdcd') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}

@font-face{
	font-family:'hastagrotesk';
	src: local('../fonts/hastagrotesk.eot'),
	url('../fonts/hastagrotesk.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/hastagrotesk.woff') format('woff'),
         url('../fonts/hastagrotesk.ttf') format('truetype'),
         url('../fonts/hastagrotesk.woff2#hastagrotesk') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}

@font-face{
	font-family:'Roboto-Light';
	src: local('../fonts/Roboto-Light.eot'),
	url('../fonts/Roboto-Light.woff2?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light.woff') format('woff'),
         url('../fonts/Roboto-Light.ttf') format('truetype'),
         url('../fonts/Roboto-Light.woff2#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-strecht: condensed;
     unicode-range: "U+0-10FFFF";
}

@font-face {font-family: "Tempus Sans ITC"; 
src: url("../fonts/261506be3344b3806eefa054f0f6fbf1.eot"); 
src: url("../fonts/261506be3344b3806eefa054f0f6fbf1.eot?#iefix") format("embedded-opentype"), url("../fonts/261506be3344b3806eefa054f0f6fbf1.woff2") format("woff2"), url("../fonts/261506be3344b3806eefa054f0f6fbf1.woff") format("woff"), url("../fonts/261506be3344b3806eefa054f0f6fbf1.ttf") format("truetype"), url("../fonts/261506be3344b3806eefa054f0f6fbf1.svg#Tempus Sans ITC") format("svg"); } 




.alergeno{
	padding-left:10px;
	margin-left:10px;
}
.alergeno img{
	padding-left:10px;
	margin-left:10px;
}

.alergeno img{
	width:auto;
	height:20px;
}


.alergeno2{
	padding-left:40px;
	margin-left:40px;
}
.alergeno2 img{
	padding-left:40px;
	margin-left:40px;
}

.alergeno2 img{
	width:auto;
	height:50px;
}

.stitched {
   padding: 10px;
   margin: 0 auto ;
  
   font-weight: normal;
   line-height: 1.3em;
   
   border-radius: 10px;
   
   font-family:Roboto;
   font-size: 21px;
   color: #fff;
   background: #ff0030;
   
   border: 2px dashed ;
   
   box-shadow: 0 0 0 4px var(--color-inherit), 2px 1px 6px 4px rgba(10, 10, 0, 0.5);  
   
   width:65%;
   margin-bottom:10px;
}


#buttonHome {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1003;
}
#buttonHome::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#buttonHome:hover {
  cursor: pointer;
  background-color: #333;
}
#buttonHome:active {
  background-color: #555;
}
#buttonHome.show {
  opacity: 1;
  visibility: visible;
}

.InputComments{
width:90%;
padding:0;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
margin-top:5px;
font-size:24px;
}

.margen10{
	margin-top:75px;
}


.buttonPedido {
  position: relative;
  background-color: #4CAF50;
  border: none;
  font-size: 28px;
  color: #FFFFFF;
  padding: 20px;
  width: 200px;
  text-align: center;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}

.buttonPedido:after {
  content: "";
  background: #90EE90;
  display: block;
  position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px!important;
  margin-top: -120%;
  opacity: 0;
  transition: all 0.8s
}

.buttonPedido:active:after {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s
}


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 20px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
   top: 30px;
  right: 30px;
  position: fixed;
  transition: all 5s ease-in-out;
  z-index: 1005;
  height:90%;
}

.titulopopup{
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 10px;
  right: 20px;
  transition: all 200ms;
  font-size: 50px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  z-index:1009;
}
.popup .close:hover {
  color: #red;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
   width: 90%;
}

@media screen and (max-width: 1000px){
  
  .popup{
    width: 90%;
  }
}

#myBtnHome {
  display: block;
  position: fixed;
  top: 0px;
  right: 2px;
  z-index: 1003;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#myBtnHome:hover {
  background-color: #555;
}


.menuHome {
	padding-top:75px;
	background: white;
	height: 100vh;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	outline: none;
}
.avatar {
	background: white;
	padding: 1em 0.5em;
	text-align: center;
}

.avatar	img {
	width: 50px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid red;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2);
	font-family: 'Roboto';	
}

.avatar	h2 {
	font-family: 'Roboto';	
	font-weight: normal;
	margin-bottom: 0;
}
	

.menuHome ul {
	list-style: none;
	padding: 0.5em 0;
	margin: 0;
}

.menuHome	li {		
		width:100%;
		font-family: 'Roboto';	
		padding-left: 40px;
		padding-right: 40px;
		padding-top:20px;
		padding-bottom:20px;
		font-size: 2em;
		font-weight: regular;
		background-repeat: no-repeat;
		background-position: left 15px center;
		background-size: auto 20px;
		transition: all 0.15s linear;
		cursor: pointer;
		
		
}	
.menuHome	li:hover {

				background-color: rgba(0, 0, 0, 0.1);
			}

.menuHome	li:focus {
				outline: none;
			}

			
		
.contenidomenuHome{
	margin-top:25px;
	width:100%;
	height:auto;
}
.lineaSeparacion {
	margin:0 auto;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
	color:#cccc;
	border-bottom:solid 1px grey;
	width:80%;
	padding-left:10px;
	padding-right:10px;

}
.filaMenucontenido{
	width:100%;
	font-size: 24px;
	height:80px;
	margin:auto;
	padding-top:35px;	
	
	
}
.pm1{
	padding-left:10px;
	width:25%;
	font-size: 30px;
	float:left;
	height:60px;
}
.pm1 i{
	padding-top:5px;
}
.pm2{
	padding-left:10px;
	width:75%;
	float:right;
	font-family: 'Roboto';	
	font-size: 30px;
	font-weight: regular;
	height:60px;
}


.pm2 img{
	margin:0;
	padding:0;
}

.filaMenucontenido:hover{
	background-color: rgba(0, 0, 0, 0.1);
}



@keyframes TWL-widget-underlayinner {
    0% {
        opacity: .25;
        width: 0;
        height: 0
    }

    40% {
        opacity: .25
    }

    to {
        opacity: 0;
        width: 100px;
        height: 100px
    }
}

.barraBottomCerrar {
	background-color:white;
    content: "X";
    color: #434343;
    font-size: 19px;
    line-height: 33px;	
	position: fixed;
	min-height:33px;
	overflow:auto;
	height:auto;
	width:30px;	
	z-index:101;
	bottom:75px;
	right:5px;
	box-sizing: border-box;
border-top: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
border-radius: 13px 0 0 0;
cursor: pointer;
text-align:center;
}

.barraBottom{
	background-color:white;
	color:black;
	position: fixed;
	min-height:50px;
	overflow:auto;
	height:auto;
	width:90%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;	
	overflow: -moz-scrollbars-none;
	opacity:1;
	z-index:100;
	bottom:5px;
	left:0;
	margin-left:5px;
	margin-right:0px;
	height: 70px;
    box-sizing: border-box;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-radius: 13px 0 0 0;
    cursor: pointer;
	
}
.popupCentralCerrar {
	background-color:white;
    content: "X";
    color: #434343;
    font-size: 19px;
    line-height: 33px;	
	position: fixed;
	min-height:33px;
	overflow:auto;
	height:auto;
	width:30px;	
	z-index:101;
	top:45px;
	right:15px;
	box-sizing: border-box;
border-top: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
border-radius: 13px 0 0 0;
cursor: pointer;
text-align:center;
}


.popupCentral{
	background-color:white;
	color:black;
	position: fixed;
	min-height:50px;
	overflow:auto;
	margin-top:0px;	
	height:80%;
	width:90%;
	padding-left:0px;
	padding-right:0px;
	margin-left:5%;
	margin-right:0px;	
	overflow: -moz-scrollbars-none;
	opacity:1;
	z-index:100;
	top:75px;
	left:0;	
	margin-right:0px;	
    box-sizing: border-box;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-radius: 13px 0 0 0;
    cursor: pointer;
	 display: inline-block;
    text-align: center;
	
}
.i-amphtml-layout-size-defined .i-amphtml-fill-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	
}
.i-amphtml-replaced-content, .i-amphtml-screen-reader {
    padding: 0 !important;
    border: none !important;
}
.i-amphtml-blurry-placeholder, .i-amphtml-fill-content {
    display: block;
    height: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 0;
    margin: auto;
}

 
.texto-encima{
    position: absolute;
    top: 10px;
    left: 10px;
}
.centrado{
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-10%, -50%);
}

.numberlist{
	width:100%;
}

.numberlist ol{
counter-reset: li;
list-style: none;
*list-style: decimal;
font: 10px 'trebuchet MS', 'lucida sans';
padding: 0;
margin-bottom: 1em;
}

.numberlist ol ol{
	margin: 0 0 0 0em;
}

			
.linkmenu{
	margin-top:0px;
	margin-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	line-height:20px;
	height:20px;
}
.numberlist a{
				position: relative;
				display: block;
				padding: 0;
				*padding: .0em;
				margin: 0;
				margin-left:15px;
			    background: #FFF;
				color: #444;
				text-decoration: none;
				-moz-border-radius: .1em;
				-webkit-border-radius: .1em;
				border-radius: .1em;
				width:100%;
			}



.numberlist a:hover{
				background: #cbe7f8;
				text-decoration:underline;
			}