/* COLOR APLICACION */
/*--------------------------------------------------- */

.grab {
	cursor: -webkit-grab; 
	cursor: grab;
}

.pointer {
	cursor: pointer;
}

/*------------------- TIPS --------------------- */

.popuptipfalta {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size:18px;
  z-index:300;
  top: 100px;
  left: calc(50% + 165px);
}

/* The actual popup */
.popuptipfalta .popuptextfalta {
  display: none;
  width: 200px;
  background-color: orange;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 10px;
  right: 65px;
  box-shadow: 0 4px 5px 0px #383838;
  text-decoration:none;
  text-shadow: none;
}

/* Popup arrow */
.popuptipfalta .popuptextfalta::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 45%;
  margin-left: 0px;
  border-width: 5px;
  border-style: solid;
  border-color: orange transparent transparent transparent;
}



.popuptip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size:18px;

}

/* The actual popup */
.popuptip .popuptext {
  display: none;
  width: 90px;
  background-color: red;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 10;
  bottom: 13px;
  right: 65px;
  box-shadow: 0 4px 5px 0px #383838;
  text-decoration:none;
  text-shadow: none;
  
}

/* Popup arrow */
.popuptip .popuptext::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 100%;
  margin-left: 0px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent red;
}

.popupaviso {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size:18px;

}

/* The actual popup */
.popupaviso .popuptext {
  display: none;
  width: 170px;
  background-color: red;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 10;
  bottom: 13px;
  right: 65px;
  box-shadow: 0 4px 5px 0px #383838;
  text-decoration:none;
  text-shadow: none;
}

/* Popup arrow */
.popupaviso .popuptext::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 100%;
  margin-left: 0px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent red;
}

.popupreceta {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size:18px;

}

/* The actual popup */
.popupreceta .popuptext {
  display: none;
  width: 90px;
  background-color:#4CBB17;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 10;
  bottom: 20px;
  right: 65px;
  box-shadow: 0 4px 5px 0px #383838;
  text-decoration:none;
  text-shadow: none;
}

/* Popup arrow */
.popupreceta .popuptext::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 100%;
  margin-left: 0px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #4CBB17;
}


/*----------------------------------------------- */

/* #F4F0EB */

p {
	scrollbar-width: none;
}

html {
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,224,195,1) 40%, rgba(236,224,195,1) 60%, rgba(255,255,255,1) 100%); /*linear-gradient(90deg, rgba(244,240,235,1) 0%, rgba(205,200,175,1) 40%, rgba(205,200,175,1) 60%, rgba(244,240,235,1) 100%);*/
	scrollbar-width: none;
}


/* bubbling likes */

.bubble-1 {
  left: -4px;
  animation-delay: 1.3s;
}
.bubble-1 .bubble-animation-y{
  animation-delay: 0.7s;
}

.bubble-2 {
  left: 4px;
  animation-delay: 2s;
}
.bubble-2 .bubble-animation-y{
  animation-delay: 2.1s;
}

.bubble-3 {
  left: -15px;
  margin-bottom:10px;
  animation-delay: 4.7s;
}
.bubble-3 .bubble-animation-y{
  animation-delay: 3.8s;
}

.bubble-4 {
  left: 0px;
  animation-delay: 1s;
}
.bubble-4 .bubble-animation-y{
  animation-delay: 6s;
}

.bubble-5 {
  left:8px;
  animation-delay: 1.5s;
}
.bubble-5 .bubble-animation-y{
  animation-delay: 7s;
}

.bubble-container {
  position: absolute;
  width: 25px;
  height: 25px;
  bottom: 0;
}

.bubble {
  /*background-color: #ff00ff;*/
  /*background-image: url("img/voto.png");
  background-cover: cover;*/
  opacity: 0;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  /*box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);*/
}

.bubble-animation-x {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: bubbleXAnimFrames;
  animation-timing-function: ease;
  animation-direction: alternate;
}

.bubble-animation-y {
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-name: bubbleYAnimFrames;
  animation-timing-function: linear;
}

/* bubbling CHATS */

.bubbleChat-1 {
  left: -14px;
  animation-delay: 2.3s;
}
.bubbleChat-1 .bubbleChat-animation-y{
  animation-delay: 1.7s;
}

.bubbleChat-2 {
  left: 14px;
  animation-delay: 2s;
}
.bubbleChat-2 .bubbleChat-animation-y{
  animation-delay: 0.1s;
}

.bubbleChat-3 {
  left: -10px;
  margin-bottom:10px;
  animation-delay: 3.7s;
}
.bubbleChat-3 .bubbleChat-animation-y{
  animation-delay: 4.8s;
}

.bubbleChat-4 {
  left: 4px;
  animation-delay: 1s;
}
.bubbleChat-4 .bubbleChat-animation-y{
  animation-delay: 7s;
}

.bubbleChat-5 {
  left:2px;
  animation-delay: 1.5s;
}
.bubbleChat-5 .bubbleChat-animation-y{
  animation-delay: 6s;
}

.bubbleChat-container {
  position: absolute;
  width: 25px;
  height: 25px;
  bottom: 0;
}

.bubbleChat {
  /*background-color: #ff00ff;*/
  /*background-image: url("img/voto.png");
  background-cover: cover;*/
  opacity: 0;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  /*box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);*/
}

.bubbleChat-animation-x {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: bubbleXAnimFrames;
  animation-timing-function: ease;
  animation-direction: alternate;
}

.bubbleChat-animation-y {
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-name: bubbleYAnimFrames;
  animation-timing-function: linear;
}

@keyframes bubbleXAnimFrames {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(30px);
  }
}

@keyframes bubbleYAnimFrames {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  10% {
    transform: translateY(-50px);
    opacity: 1; /* 0.8 */
  }
  85% { /* 95% */
    transform: translateY(-180px);
    opacity: 0.4;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0;
  }
}

/* *************************************************** */
/* *** likes estrella ******************************** */

/* bubbling likes */

.Ebubble-1 {
  left: 81%;
  animation-delay: 1s;
}
.Ebubble-1 .Ebubble-animation-y{
  animation-delay: 0.7s;
}

.Ebubble-2 {
  left: 77%;
  animation-delay: 2s;
}
.Ebubble-2 .Ebubble-animation-y{
  animation-delay: 2.1s;
}

.Ebubble-3 {
  left: 80%;
  margin-bottom:10px;
  animation-delay: 4.7s;
}
.Ebubble-3 .Ebubble-animation-y{
  animation-delay: 3.8s;
}

.Ebubble-4 {
  left: 76%;
  animation-delay: 3s;
}
.Ebubble-4 .Ebubble-animation-y{
  animation-delay: 6s;
}

.Ebubble-5 {
  left: 82%;
  animation-delay: 1.5s;
}
.Ebubble-5 .Ebubble-animation-y{
  animation-delay: 7s;
}

.Ebubble-6 {
  left: 78%;
  animation-delay: 2.5s;
}
.Ebubble-6 .Ebubble-animation-y{
  animation-delay: 4s;
}

.Ebubble-container {
  position: absolute;
  width: 25px;
  height: 25px;
  bottom: 0;
}

.Ebubble {
  /*background-color: #ff00ff;*/
  /*background-image: url("img/voto.png");
  background-cover: cover;*/
  opacity: 0;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  /*box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);*/
}

.Ebubble-animation-x {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: EbubbleXAnimFrames;
  animation-timing-function: ease;
  animation-direction: alternate;
}

.Ebubble-animation-y {
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-name: EbubbleYAnimFrames;
  animation-timing-function: linear;
}

/* corazones */

/* bubbling likes */

.EbubbleChat-1 {
  left: 83%;
  animation-delay: 0.5s;
}
.EbubbleChat-1 .EbubbleChat-animation-y{
  animation-delay: 1.2s;
}

.EbubbleChat-2 {
  left: 75%;
  animation-delay: 2s;
}
.EbubbleChat-2 .EbubbleChat-animation-y{
  animation-delay: 2.9s;
}

.EbubbleChat-3 {
  left: 82%;
  margin-bottom:10px;
  animation-delay: 5s;
}
.EbubbleChat-3 .EbubbleChat-animation-y{
  animation-delay: 4.2s;
}

.EbubbleChat-4 {
  left: 78%;
  animation-delay: 3s;
}
.EbubbleChat-4 .EbubbleChat-animation-y{
  animation-delay: 7s;
}

.EbubbleChat-5 {
  left: 80%;
  animation-delay: 0.7s;
}
.EbubbleChat-5 .EbubbleChat-animation-y{
  animation-delay: 6s;
}

.EbubbleChat-6 {
  left: 76%;
  animation-delay: 1.4s;
}
.EbubbleChat-6 .EbubbleChat-animation-y{
  animation-delay: 3.6s;
}

.EbubbleChat-container {
  position: absolute;
  width: 25px;
  height: 25px;
  bottom: 0;
}

.EbubbleChat {
  /*background-color: #ff00ff;*/
  /*background-image: url("img/voto.png");
  background-cover: cover;*/
  opacity: 0;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  /*box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);*/
}

.EbubbleChat-animation-x {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: EbubbleXAnimFrames;
  animation-timing-function: ease;
  animation-direction: alternate;
}

.EbubbleChat-animation-y {
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-name: EbubbleYAnimFrames;
  animation-timing-function: linear;
}




@keyframes EbubbleXAnimFrames {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(30px);
  }
}

@keyframes EbubbleYAnimFrames {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  10% {
    transform: translateY(-50px);
    opacity: 1;  /* 0.8 */
  }
  85% {  /* 95% */
    transform: translateY(-180px);
    opacity: 0.4;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0;
  }
}

/* *************************************************** */

/* efecto boton presionar */

/* ------- efecto cristal tienda main ------- */
.card_tienda {
/* From https://css.glass */
background: rgba(0, 0, 0, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(0, 0, 0, 0.3);
}

.card_herramienta {
/* From https://css.glass */
background: rgba(6, 47, 9, 0.5);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(6, 47, 9, 0.3);
}

.card_aviso {
/* From https://css.glass */
background: rgba(22, 18, 1, 0.3);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(22, 18, 1, 0.22);	
}


/* ------ efecto cristal enlaces ********/
.card {
  width: 70%;
  max-width: 450px;
  height: 500px;
  max-height: 75%;
  padding: 2rem;
  border-radius: 1rem;
	background: rgba(234,234,234,0.55);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	border: 1px solid gray;
  text-shadow: none;
  z-index:400;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.card_slider {
	/* From https://css.glass */
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

.grid-glass_perfil {
  display: grid;
  grid-template-columns: 10% 89%;
  gap: 10px;
  padding: 10px;
}

/*
.card-title {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.2rem;
  font-weight: 600;
  color:white;
  text-shadow: none;
}
.card p{
  margin-bottom: 1.5rem;
  color:white;
  text-shadow: none;
}

.card a{
  background-color: #6363db;
  border-radius: 0.5rem;
  color: white;
  padding: 0.5rem 1rem;
  text-decoration: none;
}
*/

/*************************************/

.softkeyboard {
  bottom: env(keyboard-inset-height);
}

.blur-filter {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.ellipses{
	-ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;	
	
}


.textlist_libro {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;
}

.textlist_contenido {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 10; /* number of lines to show */
           line-clamp: 10; 
   -webkit-box-orient: vertical;
}

.textlist_contenido_libro {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 12; /* number of lines to show */
           line-clamp: 12; 
   -webkit-box-orient: vertical;
}

.textlist_receta {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}

.textlist {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}


.textlist_titulo {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4; 
   -webkit-box-orient: vertical;
}

.textlist_link {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}

.textlist_comentarios {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 5; /* number of lines to show */
           line-clamp: 5; 
   -webkit-box-orient: vertical;
}

.main-header{
	height:80px;
	border:0px solid #F4F0EB;
}

.blur-filter {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

/****************** check ingredients formula **********/

.strikethrough {
  text-decoration: line-through; /* wavy */
  text-decoration-color: orange;
  text-decoration-thickness: 0.3rem;
}


/******************** check proceso *******************/

.todo-wrap{
display:block;
position:relative;
padding-left:35px;
}

.todoinput{
position:absolute;
height:0;
width:0;
opacity:0;
/*top:-600px;*/
}

.todo{
display:inline-block;
font-weight:200;
padding:10px 5px;
height:auto;
position:relative;
}

.todo:before{
content:'';
display:block;
position:absolute;
top:calc(50% + 2px);
left:0;
width:0%;
height:3px; /*GROSOR LINEA */
top:20px;
opacity:0.7;
border-radius: 2px;
background:orange;
/*transition*/
-webkit-transition:.25s ease-in-out;
   -moz-transition:.25s ease-in-out;
     -o-transition:.25s ease-in-out;
        transition:.25s ease-in-out;
}

.todo:after{
content:'';
display:block;
position:absolute;
z-index:0;
height:18px;
width:18px;
top:9px;
left:-25px;
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 2px #d8d8d8;
   -moz-box-shadow:inset 0 0 0 2px #d8d8d8;
        box-shadow:inset 0 0 0 2px #d8d8d8;
/*transition*/
-webkit-transition:.25s ease-in-out;
   -moz-transition:.25s ease-in-out;
     -o-transition:.25s ease-in-out;
        transition:.25s ease-in-out;
/*border-radius*/
-webkit-border-radius:4px;
   -moz-border-radius:4px;
        border-radius:4px;
}

.todo:hover:after{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 2px #949494;
   -moz-box-shadow:inset 0 0 0 2px #949494;
        box-shadow:inset 0 0 0 2px #949494;
}

.todo .fa-check{
position:absolute;
z-index:1;
left:-31px;
top:0;
font-size:1px;
line-height:36px;
width:36px;
height:36px;
text-align:center;
color:transparent;
text-shadow:1px 1px 0 white, -1px -1px 0 white;
}

:checked + .todo{
color:#717171;
/*background-color:#FBF8EF;*/
}

:checked + .todo:before{
width:90%;
}

:checked + .todo .fa-check{
font-size:20px;
line-height:35px;
color:orange;
}


/****************************************************************/


/* latin */
@font-face {
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/indieflower/v12/m8JVjfNVeKWVnh3QMuKkFcZVaUuH.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.listItemNoIcon .ui-icon {
 display: none;
}

txtshadow {
	text-shadow: 4px 4px 4px #aaa;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .6;
}
    
/*.slick-active {
  opacity: 0.2;
}*/

.slick-current {
  opacity: 1;
}

/*img.zoom {
    width: 350px;
    height: 200px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(1.8); 
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
}*/

/*--------------------------------------------------- */

/* ANIMATION BOTON */

textarea{
	background: #F4F0EB;
	text-shadow: 0px 0px white;
	border:1px Lightgray solid;
	/*border-bottom: 1px solid orange ;*/
	border-radius:5px;
	/*box-shadow: none !important;*/
	outline: none ;
	width:100%;
	margin-bottom:20px;
	padding: 10px 0px 10px 5px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,224,157,1) 100%);
	background-size: 200% 100%;
	transition: background 1s;
	box-shadow: 0px 15px 15px -24px;
}

textarea:focus{
	/*border-bottom: 1px solid orange ;*/
	background-position: 100% 100%;
	border-radius:5px;
	box-shadow: 0px 15px 15px -24px !important;
	/*box-shadow: 0 15px 20px -15px orange;
	box-shadow: 0px 15px 15px -15px orange;	*/
	/*box-shadow: 0px 15px 15px -20px;*/
}

input[type="text"]{
	background-color: #F4F0EB;
	text-shadow: 0px 0px white;
	border:1px Lightgray solid;
	/*border-bottom: 1px solid orange ;*/
	border-radius:5px;
	/*box-shadow: none ;*/
	outline: none ;
	width:100%;
	margin-bottom:20px;
	padding: 10px 0px 10px 5px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,224,157,1) 100%);
	/*background: linear-gradient(90deg, rgba(255,224,157,1) 50%, rgba(255,255,255,1) 100%);*/
	background-size: 200% 100%;
	transition: background 1s;
	box-shadow: 0px 15px 15px -20px;
}

input[type="search"]{
	background-color: #F4F0EB;
	text-shadow: 0px 0px white;
	border:1px Lightgray solid;
	/*border-bottom: 1px solid orange ;*/
	border-radius:5px;
	/*box-shadow: none ;*/
	outline: none ;
	width:100%;
	margin-bottom:20px;
	padding: 10px 0px 10px 5px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,224,157,1) 100%);
	/*background: linear-gradient(90deg, rgba(255,224,157,1) 50%, rgba(255,255,255,1) 100%);*/
	background-size: 200% 100%;
	transition: background 1s;
	box-shadow: 0px 15px 15px -20px;
}

.input_receta{
		background:#F2F2F2;
		border:none;
}

input[type="text"]:focus{
	/*border-bottom: 1px solid orange ;*/
	background-position: 100% 100%;
	border-radius:5px;
	/*box-shadow: 0 15px 20px -15px orange;
	box-shadow: 0px 15px 15px -15px orange;	*/
	/*box-shadow: 0px 15px 15px -20px;*/
}

input[type="search"]:focus{
	/*border-bottom: 1px solid orange ;*/
	background-position: 100% 100%;
	border-radius:5px;
	/*box-shadow: 0 15px 20px -15px orange;
	box-shadow: 0px 15px 15px -15px orange;	*/
	/*box-shadow: 0px 15px 15px -20px;*/
}

input[type="number"]:focus{
	/*border-bottom: 1px solid orange ;*/
	background-position: 100% 100%;
	border-radius:5px;
	/*box-shadow: 0 15px 20px -15px orange;
	box-shadow: 0px 15px 15px -15px orange;	*/
	/*box-shadow: 0px 15px 15px -20px;*/
}

input[type="password"]:focus{
	/*border-bottom: 1px solid orange ;*/
	background-position: 100% 100%;
	border-radius:5px;
	/*box-shadow: 0 15px 20px -15px orange;
	box-shadow: 0px 15px 15px -15px orange;	*/
	/*box-shadow: 0px 15px 15px -20px;*/
}

input[type="email"]:focus{
	/*border-bottom: 1px solid orange ;*/
	background-position: 100% 100%;
	border-radius:5px;
	/*box-shadow: 0 15px 20px -15px orange;
	box-shadow: 0px 15px 15px -15px orange;	*/
	/*box-shadow: 0px 15px 15px -20px;*/
}

input[type="date"]:focus{
	/*border-bottom: 1px solid orange ;*/
	background-position: 100% 100%;
	border-radius:5px;
	/*box-shadow: 0 15px 20px -15px orange;
	box-shadow: 0px 15px 15px -15px orange;	*/
	/*box-shadow: 0px 15px 15px -20px;*/
}

input[type="time"]:focus{
	/*border-bottom: 1px solid orange ;*/
	background-position: 100% 100%;
	border-radius:5px;
	/*box-shadow: 0 15px 20px -15px orange;
	box-shadow: 0px 15px 15px -15px orange;	*/
	/*box-shadow: 0px 15px 15px -20px;*/
}



input[type="text"]:disabled{
	background: #F8F8F8;
	text-shadow: 0px 0px white;
	border:1px Lightgray solid;
	/*border-bottom: 1px solid orange ;*/
	border-radius:5px;
	box-shadow: none ;
	outline: none ;
	width:100%;
	margin-bottom:20px;
	padding: 10px 0px 10px 5px;
}


input[type="password"]{
	background: #F4F0EB;
	text-shadow: 0px 0px white;
	border:1px Lightgray solid;
	/*border-bottom: 1px solid orange ;*/
	border-radius:5px;
	/*box-shadow: none ;*/
	outline: none ;
	width:100%;
	margin-bottom:20px;
	padding: 10px 0px 10px 5px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,224,157,1) 100%);
	background-size: 200% 100%;
	transition: background 1s;
	box-shadow: 0px 15px 15px -20px;
}

input[type="number"]{
	background: #F4F0EB;
	text-shadow: 0px 0px white;
	border:1px Lightgray solid;
	/*border-bottom: 1px solid orange ;*/
	border-radius:5px;
	/*box-shadow: none ;*/
	outline: none ;
	width:100%;
	margin-bottom:20px;
	padding: 10px 0px 10px 5px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,224,157,1) 100%);
	background-size: 200% 100%;
	transition: background 1s;
	box-shadow: 0px 15px 15px -20px;
}

input[type="email"]{
	background: #F4F0EB;
	text-shadow: 0px 0px white;
	border:1px Lightgray solid;
	/*border-bottom: 1px solid orange ;*/
	border-radius:5px;
	/*box-shadow: none ;*/
	outline: none ;
	width:100%;
	margin-bottom:20px;
	padding: 10px 0px 10px 5px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,224,157,1) 100%);
	background-size: 200% 100%;
	transition: background 1s;
	box-shadow: 0px 15px 15px -20px;
}

input[type="date"]{
	background: #F4F0EB;
	text-shadow: 0px 0px white;
	border:1px Lightgray solid;
	/*border-bottom: 1px solid orange ;*/
	border-radius:5px;
	/*box-shadow: none ;*/
	outline: none ;
	width:100%;
	margin-bottom:20px;
	padding: 10px 0px 10px 5px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,224,157,1) 100%);
	background-size: 200% 100%;
	transition: background 1s;
	box-shadow: 0px 15px 15px -20px;
}

input[type="time"]{
	background: #F4F0EB;
	text-shadow: 0px 0px white;
	border:1px Lightgray solid;
	/*border-bottom: 1px solid orange ;*/
	border-radius:5px;
	/*box-shadow: none ;*/
	outline: none ;
	width:100%;
	margin-bottom:20px;
	padding: 10px 0px 10px 5px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,224,157,1) 100%);
	background-size: 200% 100%;
	transition: background 1s;
	box-shadow: 0px 15px 15px -20px;
}

.ui-input-search {
	border-color: #E6E6E6;
}

.ui-input-text{
	background-color:white;
	border:none;
	background-color:white;
}


.letraIni::first-letter {
	color: orange;
	font-size:24px;
}

.letraIniTitulo::first-letter {
	color: orange;
	font-size:32px;
	
}

.letraInicontenido::first-letter {
	color: orange;
	font-size:20px;
}

.letraIni_2::first-letter {
	color: orange;
	font-size:34px;
   
}

.estrellaPage{

		left:1000px;

}

.container_div_iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.rejilla {
  display: grid;
  grid-template-columns: 100px 100px;
}

.full-width-slider input { 
	display: none; 
} 
  
.full-width-slider .ui-slider-track { 
	margin-left: 15px; 
} 

.loading {
	animation: degradadoload 3s ease infinite;
	/*width:100%;
	height:200px;*/
	border:1px solid white;
	background:linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 45%, rgba(255,250,244,1) 50%, rgba(255,255,255,1) 55%, rgba(224,224,224,1) 100%);
	background-size: 300% 300%
}

.loading_day {
	animation: degradadoload 6s ease infinite;
	/*width:100%;
	height:200px;*/
	//border:1px solid white;
	background:linear-gradient(90deg, rgba(251,251,251,1) 3%, rgba(255,238,211,1) 37%, rgba(255,255,255,1) 58%, rgba(235,235,235,1) 100%);
	background-size: 300% 300%
}

/*EFECTOS*/

@keyframes degradadoload{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes zoomrecetabanner{
	0% {
		transform: scale(2, 2);
		transform-origin: 50% 50%;
	}
	50% {
		transform: scale(1.5, 1.5);
		transform-origin: 50% 50%;
	}
	100% {
		transform: scale(1, 1);
		transform-origin: 50% 50%;
	}
}

.scaleimgbanner{
	transform: scale(1.3);
	transform-origin: 50% 50%;
}

@keyframes mover-caja{ 
  50%{ 
    transform: translateY(-10px);
  } 
}

@keyframes mover-sombra{
  50%{
    opacity: 1;
    transform: translateY(10px) scale(0.9)
  }
}

@keyframes flash{
  25%, 75% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
}

@keyframes translate-3d{
  40%{
    transform: perspective(300px) translateZ(120px) rotateY(170deg);
  }
  50%{
    transform: perspective(300px) translateZ(120px) rotateY(190deg);
  }
  80%{
    transform: perspective(300px) translateZ(0px) rotateY(360deg)
  }
  100%{
    transform: perspective(300px) rotateY(360deg);    
  }
}


@keyframes rebote {
  0%, 10%, 20%, 30%, 50%, 70%, 80%, 90%, 100%{
    transform: translateY(0%);
  }
  40%{
    transform: translateY(-25px);
  }  
  60%{ 
    transform: translateY(-10px);
  }   
}

label{
	background-color:white !important; 
}

.etiquetafiltro_continuar {
	padding: 5px;
	text-align: center; 
	background-color: white; 
	border: 3px solid blue;
	width:fit-content; 
    height:fit-content;  
	border-radius:16px;
	font-size:14px;
	color:blue;
	margin: 5px;
	display:inline-block;
}

.etiquetafiltro_gris {
	padding: 5px;
	text-align: center; 
	background: white; /*#F2F2F2*/
	width:fit-content; 
    height:fit-content;  
	border-radius:10px;
	font-size:14px;
	color:black;
	margin: 5px;
	display:inline-block;
}

.etiquetacabecera_recetalist {
	padding: 5px;
	text-align: left; 
	background: white; /*#F2F2F2*/
	width:100%; 
    height:fit-content;  
	border-radius:10px;
	/*font-size:14px;*/
	color:black;
	margin: 5px;
	display:inline-block;
	/*box-shadow: 0px 4px 7px #C8C8C8;*/
}

.etiquetafiltro_orange {
	padding: 5px;
	text-align: center; 
	background: #ffa500; /*#F2F2F2*/
	width:fit-content; 
    height:fit-content;  
	border-radius:10px;
	font-size:14px;
	color:white;
	margin: 5px;
	display:inline-block;
}

.etiquetafiltro_receta {
	padding: 5px 15px 5px 15px;
	text-align: center; 
	background: white; /*#F4F0EB*/
	width:fit-content; 
    height:fit-content;  
	border-radius:10px;
	color:black;
	margin: 5px;
	display:inline-block;
}

.etiquetafiltro_blanco {
	padding: 5px;
	text-align: center; 
	background: white; /*#F2F2F2*/
	width:fit-content; 
    height:fit-content;  
	border-radius:10px;
	font-size:14px;
	color:black;
	margin: 5px;
	display:inline-block;
}

.etiquetafiltro_hashtag {
	padding: 5px;
	text-align: center; 
	background: white; /*#F2F2F2*/
	width:fit-content; 
    height:fit-content;  
	border-radius:0px 0px 10px 10px;
	font-size:14px;
	color:black;
	margin: 5px;
	display:inline-block;
}

.etiqueta_comentarios {
	padding: 5px;
	text-align: center; 
	background: #F2F2F2; 
	width:fit-content; 
    height:fit-content;  
	border-radius:10px;
	font-size:14px;
	color:black;
	
	display:inline-block;
}



.etiqueta_main {
	padding: 0px 5px 0px 5px;
	text-align: center; 
	background: blue; 
	width:fit-content; 
    height:fit-content;  
	border-radius:2px;
	font-size:14px;
	color:black;
}

.etiqueta_tipo_pub {
	padding: 0px 5px 0px 5px;
	text-align: center; 
	background: green; 
	width:fit-content; 
    height:fit-content;  
	border-radius:10px;
	font-size:14px;
	color:black;
}

.etiqueta_fichero {
	padding: 5px;
	text-align: center; 
	background: #F2F2F2; 
	width:auto; 
    height:fit-content;  
	border-radius:10px;
	margin: 5px;
	display:inline-block;
}

.etiqueta_iconos_pie {
	padding: 5px;
	text-align: center; 
	background: #F2F2F2; 
	width:fit-content; 
    height:fit-content;  
	border-radius:10px;
	font-size:14px;
	color:black;
	margin: 5px;
	display:inline-block;
}



.etiqueta_proceso {
	padding: 5px;
	text-align: center; 
	background:orange; 
	width:fit-content; 
    height:fit-content;  
	border-radius:10px;
	font-size:14px;
	color:black;
	margin: 5px;
	display:inline-block;
	text-shadow: 0px 0px white;
}

.etiquetafiltro_blue {
	padding: 5px;
	text-align: center; 
	background: blue; 
	width:fit-content; 
    height:fit-content;  
	border-radius:10px;
	font-size:14px;
	color:white;
	margin: 5px;
	display:inline-block;
}

.etiquetamasamolde{
	padding: 5px;
	text-align: center; 
	background: white; 
	width:fit-content; 
    height:fit-content;  
	border-radius:10px;
	font-size:12px;
	color:black;
	margin: 5px;
	display:inline-block;
	box-shadow: 0 4px 5px 0px #383838;
	
}

.etiquetaalta {
	padding: 5px;
	text-align: center; 
	background: #088A4B; 
	width:fit-content; 
    height:fit-content;  
	border-radius:10px;
	font-size:14px;
	color:white;
	margin: 5px;
	display:inline-block;
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.8);
}


.animation_recargar {
   animation: pulsebtn 2s 1;
}

@keyframes pulsebtn {
  0% {
    box-shadow: 0 0 0 0 rgba(3, 168, 124,.4);
  }
  70% {
      box-shadow: 0 0 0 15px rgba(3, 168, 124, 0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(3, 168, 124, 0);
  }
}

.etiquetaaconsejosutilidades {
	padding: 5px;
	text-align: right; 
	background: #088A4B; 
	width:140px; 
    height:fit-content;  
	border-radius:10px;
	font-size:14px;
	color:white;
	margin: 5px;
	display:inline-block;
}
		
.shadowtextintro{
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.4));
}

.webview{
	max-width : 600px;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
  	zoom = 90%;
	margin: auto;
	user-select: none;
}

.webmax{
	
	max-width:600px;
}

.img_cruz{
	width:25px;
	height:25px;
	padding:3px 7px 5px 6px;
}


/*html body {
  max-width: 600px;
  max-height: auto;
}*/

/* class blur effect */
.blur_page {
	filter: blur(1px);
}


.centred_vertical {
	display:flex; 
	justify-content: center;
	align-items: center;	

}

.centred_right {
	display:flex; 
	justify-content: right;
	align-items: right;	

}

.centred_div {
	display:flex; 
	justify-content: center;
	align-items: center;	
	max-width:600px;
	left:-20px;
}

.centred_div_estrella{
	display:flex; 
	justify-content: center;
	align-items: center;	
	max-width:600px;
}

/* left: calc(-50vw + 50%) */

.centred_vertical_left {
	display:flex; 
	align-items: center;	
	max-width:600px;
	left:-20px;
}


.grid-container_link {
  display: grid;
  grid-template-columns: auto;
  background-color: whiteF;
}
.grid-item_link {
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 20px;
  font-size: 30px;
  text-align: center;
}


/*--------------------------------------------------- */

h1,h2,h3,h4,h5 {
    /*color:#FF8000;*/
	color:black;
	/*text-decoration: underline;*/
}

.alertify-button {
		border-radius: 2px;
		color: #FFF;
		font-weight: bold;
		padding: 6px 15px;
		text-decoration: none;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}


.alertify-button-cancel:hover,
.alertify-button-cancel:focus{
		background-color: #8A0808;
		border: 1px solid #D83526;
}

.alertify-button-cancel {
	background-color: #FE1A00;
	border: 1px solid #D83526;
	border-radius: 10px;
}
		
.alertify-button-ok:hover,
.alertify-button-ok:focus	{
	background-color: #088A29;
	border: 1px solid #3B7808;
}	
		
.alertify-button-ok {
	background-color: #5CB811;
	border: 1px solid #3B7808;
	border-radius: 10px;
}

.alertify-button-foto:hover,
.alertify-button-foto:focus {
	background-color: #DF7401;
	border: 1px solid #FF8000;
}

.alertify-button-foto {
	background-color: orange;
	border: 1px solid #FF8000;
	border-radius: 10px;
}

/* -------------------------------------------------- */
.ui-icon-historia:after {
	background-image: url("img/alta_1.svg");
}
/* Fallback */
.ui-nosvg .ui-icon-historia:after {
	background-image: url("img/alta_1.png");
}

.single-line {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}

:root {
  --maxWidthchat:250px; 
}

p, i, b, a {

	text-shadow: 0px 0px white;
	color: black;
}

.iframe-full{
	position: absolute;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 90%;
    width: 100%;
    height: auto;
	display: none;
	z-index:0;
}


.grid_receta{
	background-color:white;
	border:solid #F4F0EB 1px; 
	font-weight:normal;
	height:35px;
	color:black;
	font-size:15px;
	text-shadow: 0px 0px black;
	font-style: normal;
	text-align:center;
}

.grid_receta_Total{
	background-color:#fbedbc;
	border:solid #F4F0EB 1px; 
	font-weight:normal;
	height:35px;
	color:black;
	font-size:15px;
	text-shadow: 0px 0px black;
	font-style: normal;
	text-align:center;
}

.grid_receta_col1{
	background-color:#EBE4DA;
	border:solid #F4F0EB 1px; 
	font-weight:normal;
	height:35px;	
	color:black;
	font-size:15px;
	text-shadow: 0px 0px black;
	font-style: normal;
}

.grid_receta_col1_2{
	background-color:#F7D358;
	border:solid #F4F0EB 1px; 
	font-weight:normal;
	height:35px;	
	color:black;
	font-size:15px;
	text-shadow: 0px 0px black;
	font-style: normal;
}

.grid_proceso{
	background-color:white;
	font-weight:normal;
	color:black;
	font-size:14px;
	text-shadow: 0px 0px black;
	font-style: normal;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #A4A4A4;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #A4A4A4;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #A4A4A4;
} 


/*
input:insert{
	box-shadow: black;
}
*/



.checkboxes div {
  display: inline;
  float:left;
}

.cbox {
 background-color:#FAFAFA; 
 border:none; 
 font-weight: 12px;
}

.div_main_separador{
  position:absolute;
  bottom:0px;
  left:0px;
  height: 8px;
  width:100%;
  background-color: #F4F0EB;
}

.responsiveContent {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.2%;
  margin-bottom: 10px;
}
.responsiveContent iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
}

.responsiveContent img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  height: auto;
}

.imgescalado {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  height: auto;
	
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
} 

/*PULSE*/
.pulse{
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
  height: 10px;
  width: 10px;
  top:2%;
  margin-left:2px;
  margin-top:-10px;
  transform: rotateX(55deg);
  z-index:-2;
}

.pulse::after {
    content: "";
    border-radius: 50%;
    height: 20px;
    width: 20px;
    position: absolute;
    margin: -5px 0 0 -5px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.0;
    box-shadow: 0 0 1px 2px #89849b;
    animation-delay: 1.1s;
  }


@keyframes pulsate{
  0%{
    transform: scale(0.1, 0.1);
  opacity: 0.0
  }
  50%{
  opacity: 1.0;
  }
  100%{
    transform: scale(1.2, 1.2);
  opacity: 0;
  }
}




/*LOADER*/
.se-pre-con {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	max-width:600px;
	height: 100%;
	z-index: 9;
	opacity: 1;
}

/*LOADER*/
.se-pre-con_link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	max-width:600px;
	height: 100vh;
	z-index: 9;
	opacity: 1;
}

/*LOADER*/
.se-pre-con2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	/*opacity: 0.5;*/
}

/*botones receta selector*/
.se-pre-con3 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 15;
	opacity: 1;
}

#audio{
display: none
}

.header_neutro{
	background-image: url('img/banner_neutro3.png');
	background-size: 100% 100%;
}


.degradado {
	background: linear-gradient(
		to bottom,
		rgba(0,0,0, 0),
		rgba(0,0,0, 100)
	);
}
.sombra_chat{
	box-shadow: 0px -2px 20px gray;
}

.sombra_video{
	box-shadow:0px 2px 5px 1px rgba(0, 0, 0, 0.8);
}

.sombra {
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.8);
}

.sombra2 {
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8))
}

.sombra_link {
	box-shadow: 3px 5px 5px LightGray;
}

.sombra_banner_main {
	box-shadow: 0px 4px 7px #C8C8C8;
	/*box-shadow: 0 4px 5px 0px #383838;*/
}

.sombra_inferior {
	box-shadow: 0px 15px 15px -20px;
}

.sombra_historietas {
	 box-shadow: 0px 5px 5px LightGray;
}


.sombra_tarjeta {
	/* box-shadow:0px 0px 10px 3px gray; */
	filter: drop-shadow(0px 0px 5px black);
}

.sombra_imagen {
	box-shadow: 0px 0px 10px 0px gray;
}


.sombra_carrousel {
	box-shadow: 0px 0px 8px 0px #FE9A2E;
}

.RotarIzq {
    transform:rotate(10deg);
    -ms-transform:rotate(10deg); /* IE9 */
    -webkit-transform:rotate(10deg); /* Safari y Chrome */
    -moz-transform:rotate(10deg); 
}

.RotarIzq2 {
    transform:rotate(25deg);
    -ms-transform:rotate(25deg); /* IE9 */
    -webkit-transform:rotate(25deg); /* Safari y Chrome */
    -moz-transform:rotate(25deg); 
}
 
.RotarDer {
    transform:rotate(-10deg);
    -ms-transform:rotate(-10deg); /* IE9 */
    -webkit-transform:rotate(-10deg); /* Safari y Chrome */
    -moz-transform:rotate(-10deg); 
}

.RotarDer_TXT_consejo {
    transform:rotate(-17deg);
    -ms-transform:rotate(-17deg); /* IE9 */
    -webkit-transform:rotate(-17deg); /* Safari y Chrome */
    -moz-transform:rotate(-17deg); 
}

.RotarDer2 {
    transform:rotate(-5deg);
    -ms-transform:rotate(-5deg); /* IE9 */
    -webkit-transform:rotate(-5deg); /* Safari y Chrome */
    -moz-transform:rotate(-5deg); 
}

.polaroid {
    background-color:white;
    padding:5px 5px 20px 5px;
    border:1px solid #BFBFBF;
    box-shadow:2px 2px 5px rgba(0, 0, 0, 0.8);
}

.polaroid_main{
	background-color:white;
	padding:10px 10px 40px 10px;
	border:1px solid #BFBFBF;
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.8);
}

.fitimg{
	/*object-fit:cover;*/
}

.cuadroimg {
    background-color:white;
    padding:5px 5px 30px 5px;
    border:1px solid #BFBFBF;
    box-shadow:2px 2px 5px rgba(0, 0, 0, 0.8);
}

.polaroidbig {
    background-color:black;
    padding:5px 5px 50px 5px;
    border:1px solid #BFBFBF;
    box-shadow:2px 2px 5px rgba(0, 0, 0, 0.8);
}

.polaroidsmall {
    background-color:black;
    padding:2px 2px 5px 2px;
    border:1px solid #BFBFBF;
    box-shadow:2px 2px 5px rgba(0, 0, 0, 0.8);
}

.reticula {
	border:0px solid #BFBFBF;
}
.reticula_A {
	  border-left: 0px solid white;
	  border-top: 0px solid white;
	  border-right: 1px solid white;
	  border-bottom: 0px solid white;
}
.reticula_B {
	  border-left: 1px solid white;
	  border-top: 0px solid white;
	  border-right: 0px solid white;
	  border-bottom: 0px solid white;
}
.reticula_C { 
	  border-left: 0px solid white;
	  border-top: 0px solid white;
	  border-right: 1px solid white;
	  border-bottom: 1px solid white;
}
.reticula_D {
	  border-left: 0px solid white;
	  border-top: 1px solid white;
	  border-right: 1px solid white;
	  border-bottom: 0px solid white;
}
.reticula_E { /
	  border-left: 1px solid white;
	  border-top: 0px solid white;
	  border-right: 0px solid white;
	  border-bottom: 0px solid white;
}
.reticula_G {
	  border-left: 1px solid white;
	  border-top: 0px solid white;
	  border-right: 0px solid white;
	  border-bottom: 1px solid white;
}
.reticula_H {
	  border-left: 0px solid white;
	  border-top: 1px solid white;
	  border-right: 0px solid white;
	  border-bottom: 0px solid white;
}
.reticula_K {
	  border-left: 0px solid white;
	  border-top: 1px solid white;
	  border-right: 1px solid white;
	  border-bottom: 0px solid white;
}
.reticula_L {
	  border-left: 1px solid white;
	  border-top: 1px solid white;
	  border-right: 1px solid white;
	  border-bottom: 0px solid white;
}
.reticula_M {
	  border-left: 1px solid white;
	  border-top: 1px solid white;
	  border-right: 0px solid white;
	  border-bottom: 0px solid white;
}

.polaroid_2 {
    background-color:black;
    padding:2px 2px 7px 2px;
    border:1px solid #BFBFBF;
    box-shadow:2px 2px 5px rgba(0, 0, 0, 0.8);
}

.grid-container_map {
  display: grid;
  /*grid-template-columns: 150px 200px;*/
}


.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto auto;
  padding: 2px;
}
.grid-item_cabecera {
  background-color: #F2F2F2 ;
  color: black;
  font-size:14px;
  padding: 5px;
  text-align: center;
}
.grid-item {
  background-color: white;
  font-size:14px;
  padding: 5px;
  text-align: center;
}

.img_desc_alarma{
    width: 35px;
    height: 30px;
    position: absolute;
    z-index: 2;
    background-color: transparent;
    opacity: 0.9;
    padding: 5px 5px 5px 2px;
	margin-top: 25px;
	text-align: center;
    /*display: none;*/
}

.img_desc_bolsa{
    width: 35px;
    height: 30px;
    position: absolute;
    z-index: 2;
    background-color: transparent;
    opacity: 0.9;
    padding: 5px 5px 5px 10px;
	margin-top: 35px;
	text-align: center;
    /*display: none;*/
}

.textsombra{
   text-shadow: 1px 2px #999;
} 



h2.mc-text-danger,
h3.mc-text-danger  {
    color:orange;
	text-shadow: 0px 0px black;
}

/* Change border radius of icon buttons */
.ui-btn-icon-notext.ui-corner-all {
    -webkit-border-radius: .3125em;
    border-radius: .3125em;
}

/* Change color of jQuery Mobile page headers */
.ui-title {
    color:#fff;
}

/* Center-aligned text */
.mc-text-center {
    text-align:center;
}

/* Top margin for some elements */
.mc-top-margin-1-5 {
    margin-top:1.5em;
}

/*span{
	color:red;
	font-size:12px;
}*/

.foto_perfil_perfil{
	border-radius: 50%;
	width:150px;
	height:150px;
}

.foto_perfil{
	border-radius: 50%;
	width:50px;
	height:50px;
	/*float:left;*/
	
	/* 
    height: 100px;
    width: 100px;
 
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% cover;
	float:right
	*/
	
}

.foto_perfil_list{
	border-radius: 50%;
	width:50px;
	height:50px;
}

.estrella{
	width:20px;
	height:20px;
	margin-right:10px;
	float:left;
}

.gorro_seguir{
	width:15px;
	height:15px;
	margin-right:5px;
	float:left;
}

.gorro{
	width:25px;
	height:25px;
	margin-right:10px;
	float:left;
}


.estrella_val{
	width:15%;
	height:15%;
	margin-right:10px;
	float:left;
}

.estrella_link{
	width:15px;
	height:15px;
	margin-right:5px;
	float:left;
}

.marker_pos_intro{
	/*width:15px;
	height:20px;*/
	position:absolute;
	right:25px;
	top:270px;
}

.marker_pos{
	position:absolute;
	right:25px;
	top:460px;
}

/*
.marker_pos{
	margin-top:0px;
	margin-left:10px;
	width:15px;
	height:20px;
	float:left;
}*/

#geo_buscar {
    /*background-color: #fff;
    font-family: Roboto;*/
    /*font-size: 15px;
    font-weight: 300;
    margin-left: 0px;
    padding: 0 0px 0 0px;
    /*text-overflow: ellipsis;*/
    width: 100%;
 }
 
.ui-btn-right {
    float: right;
}

.ui-btn-left {
    float: left
}

/* clase img, bordes redondos */
img{
	border-radius: 5px;
	border-color: #000000;
	border-style: solid;
	border:2px;
	max-width: 600px;
	/*margin:auto;*/
}

.c_venta {
	float:left;
	margin-left:10px;
	width:100px;
	height:130px;
	margin: 10px 10px 10px 0px;
}


.mylist ul { 
    list-style:none;
	/*border-radius: 0px;*/

}

ul li {
	font-size:18px;
}

.lista{
	border:none;
}

.a_list{
	background-color:white;	border:none;
}

/*
.mylist ul li { 
    font-family:Georgia,serif,Times; 
    font-size:18px; 
	border: none;
}


.mylist ul li a { 
    display:block; 
    width:300px; 
    height:28px; 
    background-color:#333; 
    border-left:5px solid #222; 
    border-right:5px solid #222; 
    padding-left:10px;
    text-decoration:none; 
    color:#bfe1f1; 
	border-color:#FFFFFF;
}*/


/*  capa hover cpar los boletos cuando se compran */
.img_desc{
    width: 145px;
    height: 70px;
    position: absolute;
    z-index: 2;
    background-color: transparent;
    opacity: 0.9;
    padding: 5px 5px 5px 5px;
	margin-top: -10px;
    /*display: none;*/
}

.boleto{
	float:left;
	margin-left:5px;
}

/*  capa hover para los boletos del listado de tombolas */
.img_desc_art{
    width: 45px;
    height: 20px;
    position: absolute;
    z-index: 2;
    background-color: transparent;
    opacity: 0.9;
    padding: 5px 5px 5px 2px;
	margin-top: -10px;
    /*display: none;*/
}

/*  capa hover para los boletos del listado de tombolas */
.img_boleto_portada{
    width: 45px;
    height: 20px;
    position: absolute;
    z-index: 2;
    background-color: transparent;
    opacity: 0.9;
    padding: 5px 5px 5px 2px;
	margin-top: -23px;
    /*display: none;*/
}

.img_visual{
    width: 18px;
    height: 8px;
    position: absolute;
    z-index: 2;
    background-color: transparent;
    opacity: 0.9;
    padding: 4px 5px 5px 3px;
	margin-top: -12px;
    /*display: none;*/
}

.Spot {
	/*position:absolute;
	margin-left: 27px;
	margin-top: -18px;*/
	position:fixed;
	bottom:0%;
	right:45%;
	width: 50px;
	height: 50px;
	z-index:20;
}

.logo_top {
	position:absolute;
	margin-left: 45%;
	margin-top: -40px;
	width: 37px;
	height: 37px;
	z-index:8;
}

.boleto_art{
	float:left;
}

.boleto_art2{
	float:left;
	margin-left:5px;
}

.boleto_art2_pie{
	/*float:left;*/
	margin-left:28px;
	margin-top:115px;
	position:absolute;
	z-index:3;
}

.boleto_art2_pie_intro{
	/*float:left;*/
	margin-left:35px;
	margin-top:125px;
	position:absolute;
	z-index:3;
}


.corazon{
	margin-left: 5px;
	margin-top: 5px;
	position:absolute;
	z-index:4;
}

.corazon_usuario_consejo{
	right: 35px;
	bottom: 50px;
	position:absolute;
	z-index:4;
}

.corazon_valoracion_consejo{
	left: 35px;
	bottom: 60px;
	position:absolute;
	z-index:4;	
	
}

.corazon_aviso{
	left: 60px;
	top: 70px;
	position:absolute;
	z-index:4;
}

.bolsa_perfil{
	margin-left: 5px;
	margin-top: 5px;
	position:absolute;
	z-index:4;
}

.bolsa_perfil_2{
	margin-right: 20px;
	margin-top: 5px;
	z-index:4;
}


.descuento{
	right: 5px;
	top: 60px;
	position:absolute;
	z-index:5;
}

.visual{
	margin-left: 5px;
	margin-top: 5px;
	position:absolute;
	z-index:4;
}

.corazon_derecha{
	margin-left: 70px;
	margin-top: -10px;
	position:absolute;
	z-index:4;
}

.corazon_papelera{
	right: 10px;
	bottom: 0px;
	position:absolute;
	z-index:4;
}

.corazon_base{
	right: 10px;
	top: 10px;
	position:absolute;
	z-index:4;
}

.corazon_flag{
	right: 20px;
	bottom: 10px;
	position:absolute;
	z-index:4;
}

.corazon_base_receta_x{
	right: 20px;
	top: 20px;
	position:absolute;
	z-index:4;
}

.spot_izquierda{
	left: 15px;
	top: 10px;
	position:absolute;
	z-index:4;
}

.spot_izquierda_libro{
	left: 15px;
	top: 10px;
	position:absolute;
	z-index:4;
}

.spot_izquierda_chat{
	right: 35px;
	top: 5px;
	position:absolute;
	z-index:4;
}

.spot_izquierda_helpdesk{
	left: 0px;
	top: 10px;
	position:absolute;
	z-index:4;
}

.spot_izquierda_helpdesk_1{
	left: 5px;
	top: 0px;
	position:absolute;
	z-index:4;
}


.spot_izquierda_chat_foro{
	right: 30px;
	top: 0px;
	position:absolute;
	z-index:4;
}

.spot_derecha_chat_voto{
	left: 26px;
	bottom: 20px;
	position:absolute;
	z-index:4;
}

.spot_derecha_chat_voto_foro{
	left: 8px;
	bottom: -25px;
	position:absolute;
	z-index:4;
}


.spot_izquierda_receta{
	left: 15px;
	top: 10px;
	position:absolute;
	z-index:4;
}

.spot_izquierda_consejo{
	left: 30px;
	top: 60px;
	position:absolute;
	z-index:4;
}

.spot_izquierda_consejo_familia_left{
	left: 20px;
	top: 20px;
	position:absolute;
	z-index:4;
}

.spot_izquierda_consejo_familia_right{
	right: 20px;
	top: 20px;
	position:absolute;
	z-index:4;
}

.spot_izquierda_foro_portada{
	left: 10px;
	top: 10px;
	position:absolute;
	z-index:4;
}

.spot_izquierda_foro{
	left: -15px;
	top: -5px;
	position:absolute;
	z-index:4;
}

.visualmal{
	margin-left: 75px;
	margin-top: 5px;
	position:absolute;
	z-index:4;
}

.visual2{
	margin-left: 7px;
	margin-top: 25px;
	position:absolute;
	z-index:5;
}

.Img_list_cerrado {
	margin-left:25px;
	margin-top:35px;
	position:absolute;
	z-index:2;
}

.Img_list_vendido {
	margin-left:25px;
	margin-top:35px;
	position:absolute;
	z-index:2;
}

.aviso {
	margin-left:20px;
	margin-top:40px;
	position:absolute;
	z-index:2;
}

.Icon_articulo {
	margin-left:-10px;
	margin-top:-10px;
	position:absolute;
	z-index:4;
}

/*
.Cerrado {
	width:70px;
	text-align:center;
	float:left;
	font-size: 15px;
	border-radius: 50%;
	border-color: black;
	color:black;
	background-color:red;
	opacity:1;
	margin-left:10px;
	margin-top:40px;
	position:absolute;
	z-index:3;
}

.Cerrado_hide {
	width:70px;
	text-align:center;
	float:left;
	font-size: 15px;
	border-radius: 50%;
	border-color: black;
	color:black;
	background-color:red;
	opacity:1;
	margin-left:10px;
	margin-top:40px;
	position:absolute;
	display: none;
}
*/

/*  capa hover para los boletos del detalle de la tombola */
.img_desc_venta{
    width: 110px;
    height: 65px;
    position: absolute;
    z-index: 2;
    background-color: transparent;
    opacity: 0.9;
    padding: 5px 5px 5px 2px;
	margin-top: -15px;
    /*display: none;*/
}

.img_desc_venta_create{
    width: 90px;
    height: 40px;
    position: absolute;
    z-index: 2;
    background-color: transparent;
    opacity: 0.9;
    padding: 5px 5px 5px 2px;
	margin-top: -17px;
    /*display: none;*/
}


.boleto_venta{
	float:left;
	padding-top:20px;
}

.boleto_slider{
	padding-top:20px;
}

.boleto_venta_create{
	padding-top:5px;
	margin-left:-5px;
}

.boleto_venta2{
	float:left;
	margin-left:5px;
	padding-top:20px;
}

.boleto_venta3{
	float:right;
	padding-top:20px;
}


/*  capa hover para los boletos del detalle de la tombola */
.img_desc_calendar{
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 2;
    background-color: transparent;
    opacity: 0.9;
    padding: 5px 5px 5px 2px;
	margin-top: 20px;
	margin-left:9px;
	font-size: 12px;
    /*display: none;*/
}

/*  capa hover para los boletos del detalle de la tombola */
.img_desc_calendar_main{
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 2;
    background-color: transparent;
    opacity: 0.9;
    padding: 5px 5px 5px 2px;
	margin-top: 20px;
	/*margin-left:9px;*/
	font-size: 12px;
    /*display: none;*/
}

/*  capa hover para los boletos del detalle de la tombola */
.img_desc_calendar_create_venta{
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 2;
    background-color: transparent;
    opacity: 0.9;
    padding: 5px 5px 5px 2px;
	margin-top: 30px;
	/*margin-left:9px;*/
	font-size: 12px;
    /*display: none;*/
}


.calendar_venta{
	float:left;
	padding-top:5px;
	/*margin-left:-15px;*/
}

.calendar_venta_create{
	float:left;
	/*padding-top:5px;*/
	/*margin-left:-15px;*/
	margin-top:-13px;
}

.calendar_main{
	float:left;
	padding-top:5px;
	margin-top:-13px;
}

/*  capa hover para los boletos del detalle de la tombola */
#audio{
display: none
}

.img_desc_calendar_main{
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 2;
    background-color: transparent;
    opacity: 0.9;
    padding: 5px 5px 5px 2px;
	margin-top: 20px;
	margin-left:4px;
	font-size: 10px;
    /*display: none;*/
}

.liganado{
	background-color : #81F781;	
}

.chat_enter{
	width:350px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: white;
	position:fixed;
	bottom:5%;
	right:25%;
	border-radius: 10px;
	z-index:3;

}

.pestaña_11{
	width:55px;
	height:35px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:fixed;
	bottom:8px;
	right: 8px;
	border-radius: 20% 20% 20% 20%;
	z-index:5;
	display: block;
	box-shadow: 0 4px 5px 0px #383838;
}

.pestaña_11:hover,
.pestaña_11:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.pestaña_cruz{
	width:35px;
	height:30px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:fixed;
	bottom:0px;
	right:5px;
	border-radius: 30% 30% 0% 0%;
	opacity: 0.8;
	z-index:6;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.pestaña_cruz:hover,
.pestaña_cruz:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.pestaña_cruz_2{
	width:35px;
	height:30px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:fixed;
	bottom:0px;
	right:50px;
	border-radius: 30% 30% 0% 0%;
	opacity: 0.8;
	z-index:6;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.pestaña_cruz_2:hover,
.pestaña_cruz_2:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.pestaña_cruz_video{
	width:35px;
	height:30px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:fixed;
	bottom:0px;
	right:5px;
	border-radius: 30% 30% 0% 0%;
	opacity: 0.8;
	z-index:6;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.pestaña_cruz_video:hover,
.pestaña_cruz_video:focus{
	box-shadow: 0 2px 2px 0px #383838;
}


.pestaña_1_video{
	width:50px;
	height:40px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:fixed;
	bottom:15px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:100;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.pestaña_1_video:hover,
.pestaña_1_video:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.pestaña_1{
	width:50px;
	height:40px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:fixed;
	bottom:15px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:3;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.pestaña_1:hover,
.pestaña_1:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.pestaña_foro{
	width:30px;
	height:30px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:fixed;
	bottom:15px;
	right:calc(50vw - 15px);
	border-radius: 50% 50% 50% 50%;
	opacity: 0.8;
	z-index:6;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.pestaña_foro:hover,
.pestaña_foro:focus{
	box-shadow: 0 2px 2px 0px #383838;
}



.pestaña_1_panel{
	width:50px;
	height:40px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:relative;
	bottom:15px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:3;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.pestaña_1_panel:hover,
.pestaña_1_panel:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.pestaña_visitante{
	width:100px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color:orange;
	position:fixed;
	bottom:60px;
	right: 0px;
	border-radius: 10px 0px 0px 10px;
	z-index:5;
	display: block;
	box-shadow: 0 2px 5px 2px gray;  
	/*border:1px solid #DF7401;*/
	opacity:0.8;
	/*border:2px solid #6E6E6E;*/
}

.pestaña_visitante:hover,
.pestaña_visitante:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.aviso_visitante{
	width:95%;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: white;
	position:fixed;
	bottom:10px;
	margin: auto;
	border-radius: 10px;
	z-index:5;
	display: block;
	box-shadow: 0 2px 5px 2px gray; 
	/*border:1px solid #DF7401;*/
	opacity: 1;
	z-index:150;
}

.aviso_banner{
	width:95%;
	height:auto;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	/*background-color: white; */
	
	/* From https://css.glass */
/* From https://css.glass */
/* From https://css.glass */
/*
background: rgba(255, 255, 255, 0.5);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(0, 0, 0, 0.3);*/


background: rgba(0,0,0,0.6); /* rgba(234,234,234,0.55); */
border-radius: 16px;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border: 1px solid gray;

	position:fixed;
	bottom:10px;
	margin: auto;
	border-radius: 10px;
	z-index:5;
	display: block;
	/* box-shadow: 0 2px 5px 2px gray; */
	/*border:1px solid #DF7401;*/
	/* opacity: 1; */
	z-index:150;
	
}

.aviso_banner_like{
	width:95%;
	height:auto;
	background: rgba(6, 47, 9, 0.5);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(6, 47, 9, 0.3);

	position:fixed;
	bottom:10px;
	margin: auto;
	border-radius: 10px;
	z-index:5;
	display: block;
	z-index:150;
	
}

.aviso_banner_privado{
	width:95%;
	height:auto;
	background: rgba(45, 7, 5, 0.5);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(45, 7, 5, 0.3);

	position:fixed;
	bottom:10px;
	margin: auto;
	border-radius: 10px;
	z-index:5;
	display: block;
	z-index:150;
	
}

.aviso_helpdesk{
	width:280px;
	height:150px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: white;
	position:fixed;
	bottom:20px;
	margin: auto;
	border-radius: 10px;
	z-index:5;
	display: block;
	box-shadow: 0 2px 5px 2px gray; 
	/*border:1px solid #DF7401;*/
	opacity: 1;
	z-index:150;
}

.aviso_visitante_estrella{
	width:230px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: white;
	position:fixed;
	bottom:20px;
	margin: auto;
	border-radius: 10px;
	z-index:5;
	display: block;
	box-shadow: 0 2px 5px 2px gray; 
	/*border:1px solid #DF7401;*/
	opacity: 1;
	z-index:10;
}

.intro_texto{
	width:100%;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: LightGreen;
	position:fixed;
	bottom:0px;
	margin: auto;
	border-radius: 0px;
	z-index:100;
	display: block;
	box-shadow: 0 2px 5px 2px gray; 
	/*border:1px solid #DF7401;*/
	/*opacity: 0.8;*/
}


.pestaña_1_hashtag2{
	width:35px;
	height:35px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:fixed;
	bottom:8px;
	right: 8px;
	border-radius: 50% 50% 50% 50%;
	z-index:5;
	display: block;
	
}

.pestaña_1_hashtag{
	width:50px;
	height:40px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:fixed;
	bottom:15px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:3;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.pestaña_1_hashtag:hover,
.pestaña_1_hashtag:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.pestaña_2_hashtag2{
	width:35px;
	height:35px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:fixed;
	bottom:48px;
	right: 8px;
	border-radius: 50% 50% 50% 50%;
	z-index:5;
	display: block;
}

.pestaña_2_hashtag2:hover,
.pestaña_2_hashtag2:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.pestaña_2_hashtag{
	width:50px;
	height:40px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:fixed;
	bottom:70px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:3;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.pestaña_2_hashtag:hover,
.pestaña_2_hashtag:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

/*
.pestaña_2{
	width:115px;
	height:50px;

	background-color: orange; 
	position:fixed;
	bottom:0%;
	left: 70px;
	border-radius: 8px 8px 0% 0%;
	z-index:5;
	opacity: 0.8;
	display: block;
}

/*
.pestaña_3{
	width:50px;
	height:50px;
	background-color: orange;
	position:fixed;
	bottom:0%;
	left: 195px;
	border-radius: 20% 20% 0% 0%;
	z-index:5;
	opacity: 0.8;
	display: block;
}


.pestaña_4{
	width:100px;
	height:50px;
	background-color: orange; 
	position:fixed;
	bottom:0%;
	left: 10px;
	border-radius: 8px 8px 0% 0%;
	z-index:5;
	opacity: 0.8;
	display: block;
}

.pestaña_5{
	width:120px;
	height:50px;

	background-color: orange; 
	position:fixed;
	bottom:0%;
	left: 120px;
	border-radius: 8px 8px 0% 0%;
	z-index:5;
	opacity: 0.8;
	display: block;
}
*/
.ayuda_goup{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:220px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:5;
	box-shadow: 0 4px 5px 0px #383838; 
}

.ayuda_group:hover,
.ayuda_group:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_godown{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:150px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:5;
	box-shadow: 0 4px 5px 0px #383838; 
}

.ayuda_godown:hover,
.ayuda_godown:focus{
	box-shadow: 0 2px 2px 0px #383838;
}



.ayuda_helpdesk1{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:150px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:3;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.ayuda_helpdesk1:hover,
.ayuda_helpdesk1:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_helpdesk2{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:80px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:3;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.ayuda_helpdesk2:hover,
.ayuda_helpdesk2:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_publicacion{
	width:30px;
	height:30px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: black;
	position:absolute;
	top:20px;
	left:0px;
	border-radius: 0% 20% 20% 0%;
	opacity: 0.8;
	z-index:3;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.ayuda_publicacion_receta_list2{
	width:30px;
	height:30px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: black;
	position:absolute;
	top:20px;
	left:5px;
	border-radius: 0% 20% 20% 0%;
	opacity: 0.8;
	z-index:3;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.ayuda_publicacion_3{
	width:30px;
	height:30px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: #F4F0EB;
	position:absolute;
	top:20px;
	left:0px;
	border-radius: 0% 50% 50% 0%;
	opacity: 1;
	z-index:3;
	display: block;
	box-shadow: 0px 4px 7px #C8C8C8;
}

.ayuda_publicacion_2{
	width:40px;
	height:40px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: black;
	position:absolute;
	top:20px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:3;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.ayuda{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:60px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:3;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.ayuda:hover,
.ayuda:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_receta{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:220px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:3;
	display: none;
	box-shadow: 0 4px 5px 0px #383838; 
}

.ayuda_receta:hover,
.ayuda_receta:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

/* MOVIMIENTO BOTONES ESTRELLA */

.btn_cruz{
	width:35px;
	height:30px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: green;
	position:fixed;
	bottom:-255px;
	right:5px;
	border-radius: 30% 30% 0% 0%;
	opacity: 0.8;
	z-index:6;
	display: block;
	box-shadow: 0 4px 5px 0px #383838; 
}

.btn_recal_formula {
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:150px;
	right:-255px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
	z-index: 3;
}

.btn_wharina{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: white;
	position:fixed;
	bottom:220px;
	right:-255px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
	z-index: 3;
}

.btn_download{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:150px;
	right:-255px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
	z-index: 3;
}

.btn_compartir {
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:80px;
	right:-255px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
	z-index: 10;
}

/**************/

.btn_foto{
	width:47px;
	height:47px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	/*background-color: #FBF8EF;*/
	background-color: white;
	/*border:gray 2px solid;*/
	position:fixed;
	bottom:80px;
	right:-225px;
	border-radius: 12px 0% 0% 12px;
	/*opacity: 0.9;*/
	z-index:3;
	display: none;
	box-shadow: 0 4px 5px 0px #585858;
}


.btn_menu{
	height:00px;
	width: 200px; 
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	/*background-color: #FBF8EF ;*/
	background-color: white;
	/*border:gray 2px solid;*/
	position:fixed;
	bottom:-305px;
	border-radius: 12px 12px 0% 0%;
	/*opacity: 0.9;*/
	z-index:3;
	display: none;
	box-shadow: 0 4px 5px 0px #585858;
}

.btn_seccion{
	height:100%;
	width: 250px; 
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: white;
	/*border:gray 2px solid;*/
	position:fixed;
	/*Top: calc((calc(100vh - 580px))/2);*/
	top: 0px;
	left:-255px;
	border-radius: 0px 12px 12px 0px;
	/*opacity: 0.9;*/
	z-index:99;
	display: block;
	box-shadow: 0 4px 5px 0px #585858;
}

.btn_publicacion{
	width:80%;
	height: 400px;
	background-color: white;
	position:fixed;
	bottom: 70px;
	border-radius: 12px 12px 12px 12px;
	z-index:99;
	display: block;
	box-shadow: 0 4px 5px 0px #585858;
}

.btn_publicacion_action{
	width:80%;
	height: 50px;
	background-color: white;
	position:fixed;
	bottom: 10px;
	border-radius: 12px 12px 12px 12px;
	z-index:99;
	display: block;
	box-shadow: 0 4px 5px 0px #585858;
}


.check_process{
	height:100%;
	width: 100%; 
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: #F4F0EB;
	/*border:gray 2px solid;*/
	position:fixed;
	/*left: calc((100%+10px)*-1);*/
	top: -110vw;
	border-radius: 5px 5px 5px 5px;
	/*opacity: 0.9;*/
	z-index:99;
	display: none;
	box-shadow: 0px 0px 10px 0px #585858;	
	overflow: auto;
	/*top:0%;*/
}

.estrella_main{
	height:100%;
	width: 100%;
	max-width: 600px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: #F4F0EB;
	/*border:gray 2px solid;*/
	position:fixed;
	/*left: calc((100%+10px)*-1);*/
	top: -150vh;
	border-radius: 5px 5px 5px 5px;
	/*opacity: 0.9;*/
	z-index:99;
	display: block;
	box-shadow: 0px 0px 10px 0px #585858;
	overflow: auto;
	margin: auto;
	left: 0px;
	right:0px;
}

.defecto_chat{
	height:100%;
	width: 100%; 
	max-width: 600px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: #F4F0EB;
	/*border:gray 2px solid;*/
	position:fixed;
	/*left: calc((100%+10px)*-1);*/
	top: -110vw;
	border-radius: 5px 5px 5px 5px;
	/*opacity: 0.9;*/
	z-index:99;
	display: none;
	box-shadow: 0px 0px 10px 0px #585858;	
	overflow: auto;
	margin: auto;
	left: 0px;
	right:0px;
}


.tarjeta_recalcular{
	height:100%;
	width: 100%; 
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	/*background-color: white;*/
	/*border:gray 2px solid;*/
	position:fixed;
	/*left: calc((100%+10px)*-1);*/
	top: 0px;
	/*border-radius: 5px 5px 5px 5px;*/
	/*opacity: 0.9;*/
	z-index:99;
	/*display: block;*/
	/*box-shadow: 0 4px 5px 0px #585858;*/
	overflow: auto;
	top: 0%;
}

.text_chat:focus{
	outline: none !important;
	border:1px solid white;
	outline-color: white;
}

/*
.chat_intro{
	height:500px;
	width: 100%; 
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	/*background-color: #FBF8EF ;*/
	/*background-color: white;*/
	/*border:gray 2px solid;*/
/*	position:fixed;
	bottom:-505px;
	border-radius: 12px 12px 0% 0%;
	/*opacity: 0.9;*/
/*	z-index:200;
	box-shadow: 0 4px 5px 0px #585858;
}
*/

.zoom_estrella{
	height:100%;
	width: 100%; 
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: black;
	/*border:gray 2px solid;*/
	position:fixed;
	left: 0px;
	Top:0px;
	border-radius: 5px 5px 5px 5px;
	/*opacity: 0.9;*/
	z-index:100;
	display: none;
	/*box-shadow: 0 4px 5px 0px #585858;	
	/*overflow: auto;*/
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.centred_foro_carga{
	position: fixed;



transform: translate(-50%, -50%);
}

.centered_list {
  position: absolute;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
}

.etiqueta_likes{
	width:35px;
	height:35px;
	background-color: #F4F0EB;
	position:absolute;
	bottom:3px;
	left:20px;
	border-radius: 20% 20% 0% 0%;
	box-shadow: 0px -4px 5px #888888;
}

.ayuda_alarm{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: gray;
	position:fixed;
	bottom:80px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:5;
	box-shadow: 0 4px 5px 0px #383838; 
}

.ayuda_alarm:hover,
.ayuda_alarm:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_alarm_mapa{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:80px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:5;
	box-shadow: 0 4px 5px 0px #383838; 
	/*transition: all 1s ease;*/
}

.ayuda_alarm_mapa:hover,
.ayuda_alarm_mapa:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_alarm_filtro{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:80px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:5;
	box-shadow: 0 4px 5px 0px #383838;
	/*transition: all 1s ease;*/
}

.ayuda_alarm_filtro:hover,
.ayuda_alarm_filtro:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_alarm_campana{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:80px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:5;
	box-shadow: 0 4px 5px 0px #383838; 
}

.ayuda_alarm_campana:hover,
.ayuda_alarm_campana:focus{
	box-shadow: 0 2px 2px 0px #383838;
}




.ayuda_gris{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: gray;
	position:fixed;
	bottom:150px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:5;
	box-shadow: 0 4px 5px 0px #383838;
}

.ayuda_gris:hover,
.ayuda_gris:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda1{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: red;
	position:fixed;
	bottom:150px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
}

.ayuda_ayuda1:hover,
.ayuda_ayuda1:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda2{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:150px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
	z-index: 5;
}

.ayuda2:hover,
.ayuda2:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda4{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:80px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
	z-index: 5;
}

.ayuda4:hover,
.ayuda4:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_chat {
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:80px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
	z-index: 10;
}

.ayuda_chat:hover,
.ayuda_chat:focus{
	box-shadow: 0 2px 2px 0px #383838;
}


.ayuda2_gris{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: gray;
	position:fixed;
	bottom:220px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:5;
	box-shadow: 0 4px 5px 0px #383838;
}

.ayuda2_gris:hover,
.ayuda2_gris:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_like{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:150px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
}

.ayuda_like:hover,
.ayuda_like:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_Wharina{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: white;
	position:fixed;
	bottom:200px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
}


.ayuda_like2{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:220px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
	z-index:3
}

.ayuda_like2:hover,
.ayuda_like2:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_lupa{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:80px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
}

.ayuda_lupa:hover,
.ayuda_lupa:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_lupa_main{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:220px; /* 290px si pongo el botón seguir */
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:5;
	box-shadow: 0 4px 5px 0px #383838;
}

.ayuda_lupa_main:hover,
.ayuda_lupa_main:focus{
	box-shadow: 0 2px 2px 0px #383838;
}
	

.ayuda_candado{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:150px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
	z-index:3;
}

.ayuda_candado:hover,
.ayuda_candado:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_grabar{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: gray;
	position:fixed;
	bottom:150px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:3;
	box-shadow: 0 4px 5px 0px #383838;
	/*transition: all 1s ease;*/
}

.ayuda_grabar:hover,
.ayuda_grabar:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_grabar_helpdesk{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: gray;
	position:fixed;
	bottom:150px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:3;
	box-shadow: 0 4px 5px 0px #383838;
	/*transition: all 1s ease;*/
}

.ayuda_grabar_helpdesk:hover,
.ayuda_grabar_helpdesk:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda_grabar_perfil{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: gray;
	position:fixed;
	bottom:150px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
	z-index:3;
	/*transition: all 1s ease;*/
}

.ayuda_grabar_perfil:hover,
.ayuda_grabar_perfil:focus{
	box-shadow: 0 2px 2px 0px #383838;
}


.ayuda_resetfiltro{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:150px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
}

.ayuda_resetfiltro:hover,
.ayuda_resetfiltro:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.alta_btn{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	/*background-color: orange;*/
	position:fixed;
	bottom:150px;
	right:-2.5%;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:5;
}

.ayuda_contenido{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: orange;
	position:fixed;
	bottom:220px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	z-index:3;
	box-shadow: 0 4px 5px 0px #383838;
	/*transition: all 1s ease;*/
}

.ayuda_contenido:hover,
.ayuda_contenido:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.ayuda3{
	width:50px;
	height:50px;
	/* background-color:#E6E6E6; */
	/*background-color : #848484; */
	background-color: gray;
	position:fixed;
	bottom:220px;
	right:0px;
	border-radius: 20% 0% 0% 20%;
	opacity: 0.8;
	box-shadow: 0 4px 5px 0px #383838;
}

.ayuda3:hover,
.ayuda3:focus{
	box-shadow: 0 2px 2px 0px #383838;
}

.tachado{
	text-decoration:line-through;	
}

.rojo {
	color:red;
}

.negro {
	color:black;
}


/* ZOOM CENTER IMAGE */

@keyframes zoomcenter {
  0% {transform: scale(1);}
  100% {transform: scale(1.5); }
}


/* Transicion esconder pullRefresh */
.pullRefershrecovery {
	transition: height 0.5s ease;
}