@charset "utf-8";

/* Diseño móvil: 480 px e inferior. */
#---MOVIL---{}
.items-recetas {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	clear: both;
	overflow: hidden;
}
.items-recetas .item {
	width: 98%;
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}
.items-recetas .item .titulo {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	text-decoration: none;
	color: #414141;
}
.items-recetas .item .imagen {
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	overflow: hidden;
	max-width: 200px;
	text-align: center;
}

.items-recetas .item:hover  {
	background-color: rgba(240,240,240,1.00);


}

.items-recetas .item .vermas {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 3%;
	font-size: 1.1em;
	border-radius: 3px;
}
.item a .vermas {
	color: rgba(0,0,0,1.00);
}

.detalle-receta {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	clear: both;
	overflow: hidden;
	margin-top: 2%;
}
.detalle-receta .info {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 3%;
	overflow: hidden;
}
.detalle-receta .info .imagen {
	width: 92%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	clear: both;
}


.detalle-receta .titulo {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}

.detalle-receta .info .descripcion{
	width: 92%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	clear: both;
}
.info .descripcion .tiempo {
	width: 20%;
	margin-top: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 0.5%;
	margin-left: 0.5%;
	float: right;
}
.descripcion .tiempo .ico {
	width: 18%;
	float: left;
}
.descripcion .tiempo .texto {
	width: 80%;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}
.info .descripcion .textoreceta {
	width: 98%;
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}




/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */
#---TABLET---{}

@media only screen and (min-width: 700px) {
.detalle-receta .info .imagen {
	width: 37%;
	margin-top: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	clear: none;
}

.detalle-receta .info .descripcion {
	width: 60%;
	margin-bottom: 2%;
	margin-left: 1%;
	float: left;
	clear: none;
	margin-top: 2%;
}


.items-recetas .item .titulo {
	font-family: 'Open Sans', sans-serif;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	padding-left: 3%;
	min-height: 50px;
	text-align: center;
}
.items-recetas .item .desc {
	width: 98%;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6em;
}



.items-recetas .item {
	width: 30%;
	float: left;
	clear: none;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	padding: 0.5%;
}

.items-recetas .item .imagen {
	max-height: 130px;
	-webkit-box-shadow: 3px 3px 0px 2px #D8D8D8;
	box-shadow: 3px 3px 0px 2px #D8D8D8;
}


}


/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */
#---PC---{}
@media only screen and (min-width: 1200px) {

}