/* Colores y tamaños de iconos */
#negro {
	color: #000;
}
#gris {
	color: #CCC;
}
.blanco {
	color: #FFF;

}
.gris-claro {
	color: #EAEAEA;
}
.gris {
	color: #CCC;
}
.footer-gris {
	color: #FFF;
	text-shadow: 0px 1px 0px #666;
	font-size: 12px;
}
#fondo-blanco {
	color: #FFF;
}
.fondo-gris {
	background-color: #F5F5F5;
	border-radius: 20px;
}
.fondo-verde {
	background-color: #E9FEF0;
	border-radius: 20px;
}
.fondo-verde-principal {
	background-color: #CCC;
	border-radius: 10px;
}

.fondo-verde-subfamilia {
	background-color: #EDFEF3;
	border-radius: 40px;
}

.fila-gris {
	background-color: #CCC;
	padding: 10px;
	border: 2px solid #FFF;
	color: #FFF;
}
.fila-gris-claro {
	background-color: #F9F9F9;
	padding: 10px;
	border: 2px solid #FFF;
}
.logo-rojo {
	color: #c3131e;
	text-shadow: 1px 0px 3px #000;

}
.logo-verde {
	color: #367000;
	text-shadow: 1px 0px 3px #000;

}
.login-rojo {
	color: #c3131e;	
	text-shadow: 0px 1px 3px #ccc;
}
.login-verde {
	
	/*367000*/
	color: #367000;
	text-shadow: 0px 1px 3px #ccc;
}
.espacio-inf{
	margin-bottom: 10px;
}

.texto-mini-blanco-boton {
	color: #FFF;
	font-size: 10px;
}

#añadir {
	color: #000;
	font-size: 50px;
}

ul.reor {
	list-style-type: none;
}
li.reor {
	display: inline-block;
}
 input[type="checkbox"][id^="cb"] {
 display: none;
}

label:before {
}
label img {
	opacity: 0.20;
	-webkit-filter: grayscale(20%); /* Chrome, Safari, Opera */
	filter: grayscale(20%);
	height: 100px;
	width: 100px;
	transition-duration: 0.2s;
	transform-origin: 50% 50%;
}
:checked + label {
}
:checked + label:before {
}
:checked + label img {
	transform: scale(1.1);
	-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	filter: grayscale(0%);
	opacity: 1;
	z-index: 1;
}
/* Listas reordenables*/
/*#sortable-row {
	list-style: none;
}
#sortable-row li.reor {
	margin-bottom:20px;
	margin-right:20px;
	padding:10px;
	cursor:move;
}
#sortable-row li.ui-state-highlight {
	height: 5em;
	padding:10px;
	background-color:#F0F0F0;
	border:#ccc 2px dotted;
	width: 170px;
	display: inline-block;
}*/
.img-circle-logo {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 3px solid #676a6c;
	-webkit-box-shadow: -3px -2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -3px -2px 5px 0px rgba(0,0,0,0.75);
box-shadow: -3px -2px 5px 0px rgba(0,0,0,0.75);
}
.margen-10px{
	margin-top: 10px;
	float: right;
	}
.carta-familia{
	font-size: x-small;
	color: #CCC;
	}
.recetas {
	font-size: 24px;
}

.descripcion {
	color:	#FFF;
	text-shadow: 0px 1px 3px #000;
	padding-left: 20px;
	font-size: 16px;
}

.familias {
	font-family: font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 26px;
}

.subfamilia {
	margin-left:20px;
	
}

.subfamilias-titulo {
	font-family: font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: #FFF;	
}

.familias-titulo {
	font-family: font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 26px;
	color: #FFF;
}

hr.carta { 
  height: 30px; 
  border-style: solid; 
  border-color: #666; 
  border-width: 0px 0 1px 0; 
  border-radius: 20px; 
  margin-left:-15px;
} 



/* Imágenes alérgenos en tablas */
.alergenos-altramuz {
background-image: url(../images/alergenos/0p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}
.alergenos-apio {
background-image: url(../images/alergenos/1p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}
.alergenos-cacahuetes {
background-image: url(../images/alergenos/2p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}
.alergenos-gluten {
background-image: url(../images/alergenos/3p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}
.alergenos-crustaceos {
background-image: url(../images/alergenos/4p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}
.alergenos-frutossecos {
background-image: url(../images/alergenos/5p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}
.alergenos-huevos {
background-image: url(../images/alergenos/6p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}
.alergenos-lacteos {
background-image: url(../images/alergenos/7p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}
.alergenos-moluscos {
background-image: url(../images/alergenos/8p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}
.alergenos-mostaza {
background-image: url(../images/alergenos/9p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}
.alergenos-pescado {
background-image: url(../images/alergenos/10p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}
.alergenos-sesamo {
background-image: url(../images/alergenos/11p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}	
.alergenos-soja {
background-image: url(../images/alergenos/12p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}
.alergenos-sulfitos {
background-image: url(../images/alergenos/13p.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 58px;
height: 32px;
overflow: hidden;
}

.logo-carta{
	float:right!important;
	display:block;
	  margin-left: auto;
  margin-right: auto;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 960px) {
.logo-carta{
	float:left!important;
}
}