@CHARSET "UTF-8";
body {font-family: Arial, Verdana, sans-serif;color: #333;}
/*a {color: #972511;}*/
a {color: #0055ee;}
a:hover, a:active {color: #3F1103;}
a:visited {color: #555555;}
.nav {
    display:block;
    width: 98%;
    background: #ffffdf;
    border: 1px solid yellow;
    padding: 5px 0 5px 5px;
    margin: 5px auto;
}
.navmov {
	margin: 15px 0;
	display: none;
}
.navmov span {
	margin-top: 10px;
	padding-left: 5px;
	display: block;
	font-size: 24px;
	text-transform: uppercase;
}
/** contenido principal   */
.logotipo {
	margin-top:5px;
}
picture {
	display:block;
	margin-top: 5px;
}

.principal h5 {
	margin: 15px 0 0;
    line-height: 2.5em;
    /*background: #ff8c42;*/
    padding-left: 7px;
}
.principal h5 a {
	text-transform: uppercase;
	color: #222;
	text-decoration: none;
}
.gruporec {
	text-align: center;
}
.itemrec {
	position: relative;
	display: inline-block;
	width: 210px;
	margin-bottom: 15px;
}
.mnu_secciones_mov {
   	display: none;
   	line-height: 35px;
   	text-align: center;
   	/*background: #ccc;*/
   	width: 99%;
}
.mnu_secciones_mov a {
	display: block;
	margin: 5px;
	background: #fff275;
	border: 1px solid orange;
	color: red;
	text-transform: uppercase;
	text-decoration: none;
}
.descripsitio {
	border: 1px solid yellow;
	text-align: justify;
	background: #ffffdf;
	padding: 8px;
	display:block;
	width: 92%;
	margin: 5px auto;
}
.descripreceta {
	border: 1px solid #e1e1e1;
	text-align: justify;
	background: #f1f1f1;
	padding: 8px;
	display:block;
	width: 92%;
	margin: 7px auto;
}
.descripsitio p {
	margin-bottom: 0;
}

@media (min-width: 1200px) {.itemrec {margin-left:10px;margin-right:10px;}}
@media (max-width: 1095px) {.itemrec {margin-left:25px;margin-right:25px;}}
@media (max-width: 900px) {.itemrec {margin-left:15px;margin-right:15px;}}
@media (max-width: 835px) {.itemrec {margin-left:5px;margin-right:5px;}}
@media (max-width: 767px) {.itemrec {margin-left:0px;margin-right:0px;}}
@media (max-width: 555px) {.itemrec {margin-left:10px;margin-right:10px;}}

.itemrec img {
	border: 1px solid #aaa;
}
.itemrec .titreci {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 91%;
    background: #000;
    opacity: 0.7;
}
.itemrec .titreci a {
	text-transform: uppercase;
	font-size: small;
	color: #ffce2d;
	text-decoration: none;
	font-weight: bold;
}

/** etiquetas superiores    */
.etiquetaSup b {
    line-height: 35px;
    padding-left: 15px;
    font-size: large;
    color: chocolate;
}
.etiquetaSup span a {
    float: right;
    padding: 4px 10px;
    margin: 4px 5px 0;
    border: 1px solid #e8e8e8;
    background: #fff275;
    border-radius: 3px;
    text-decoration: none;
}
.etiquetaSup span a:hover {
    background: #a89852;
    color: #222;
    text-decoration: underline;
    
}

/** secciones superiores    */
.mnu_seccion_sup ul {
    margin: 0;
    float: right;
    padding: 55px 0 0;
}
.mnu_seccion_sup li {
    display: inline;
    padding: 0 7px;
}
.mnu_seccion_sup li a {
    background-repeat: no-repeat;
    background-position: 50% 10px;
    padding: 50px 0 0;
    text-decoration: none;
}
.mnu_seccion_sup li a:hover, .mnu_seccion_sup li a.activo {
    background-position: 50% -53px;
    border-bottom: 2px solid #821034;
}

/** menu lateral de localidades */
.mnuregion, .mnucategoria {
    padding-bottom: 5px;
    background: #fff275;
    border-radius: 3px;
}
.mnutitulo {
    padding: 10px 0 0 15px;
}
.mnuregion b, .mnucategoria b {
    font-size: normal;
    margin-left:5px;
    color: #a89852;
}
.mnuregion ul, .mnucategoria ul {
    margin: 0;
}
.mnuregion li, .mnucategoria li {
    list-style-image: url(../img/lst_1.gif);
    padding: 0 0 0 25px;
}
.mnuregion li strong, .mnucategoria li strong {
    color: #821034;
}
.mnuregion li a:hover, .mnucategoria li a:hover {
    color: brown;
    text-decoration: none;
}

/** listados de recetas   */
.lst_opc {
    text-align: right;
}
.lst_opc a {
	display: inline-block;
	background: #fff375;
	padding: 2px 5px;
	margin: 3px 1px;
	border: 1px solid #e0c463;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    /*text-decoration: none;*/
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.lst_opc b {
	display: inline-block;
	background: #F96E27;
	color: #ffffff;
	padding: 2px 5px;
	margin: 3px 1px;
	border: 1px solid #F96E27;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    /*text-decoration: none;*/
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.lst_item_img_mov {
	display: none;
}

.lst_item_con {
    margin: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #a89852;
}
.lst_item h3 {
    font-size: 150%;
    margin: 0 0 10px;
    padding: 0;
    text-align: left;
}
.lst_item p {
    margin: 3px;
    padding: 0;
}
.lst_item cite {
    color: chocolate;
}
.lst_imagen {
    width: 100%;
    height: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:3px solid orange;
}
.receta h3 {
    color: #a70000;
    margin: 0 0 10px;
}
.receta h5 {
    /*color: #a89852;*/
    color: #a70000;
    margin: 0;
}
.receta .receta_etiquetas span a {
    display: block;
    line-height: 2.5em;
    padding-left: 5px;
    padding-right: 5px;
    background: #faf8c5 url(../img/flecha.png) no-repeat right;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    text-align: center;
    text-decoration: none;
}
.receta .receta_etiquetas span a:hover {
    background: #857739 url(../img/flecha.png) no-repeat right;
    color: #faf8c5;
}
.receta ul {
    list-style: none;
    margin: 0;
    padding-left: 25px;
}
.receta ul li {
    list-style-image: url(../img/lst_2.png);
    padding-left: 5px;
}
.receta_imagen {
    width: 100%;
    height: auto;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.desc_receta {
    border-top: 1px dotted gray;
    border-bottom: 1px dotted gray;
    padding: 10px;
    color: #666;
    font-style: italic;
}
.datos_receta {
    padding: 0px 10px;
}
.tiempo_receta {
    background: url(../img/icono3.png) no-repeat right;
}
.leyenda {
    color: dimgrey;
    text-align: center;
}

/** recetas relacionadas    */
.lst_item_rel {
}
.item_rel {
}
.item_rel p {
    text-align: center;
}
.rel_imagen {
    width: 100%;
    height: auto;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

/** paginación  */
.paginado {
    text-align: center;
}
.paginado a, .paginado b {
    padding: 5px 12px;
}
.paginado a {
    color: #333;
    background: #fff275;
    border: 1px solid #a89852;
}
.paginado a:hover {
    background: #a89852;
}
.paginado b {
    background: #a89852;
}

/** lista etiquetas */
.lst_etiquetas ul {
    list-style: none;
    padding-left: 25px;
}
.lst_etiquetas ul li {
    padding-left: 0;
    list-style-image: url(../img/lst_1.png);
}

/** ingrediente */
.info_ingrediente {
	padding: 8px;
	color: #666;
}
/** lista ingredientes  */
.lst_ingredientes h3 {
    margin: 0;
    color: #a89852;
}

.grupo_ingredientes h5 {
    margin: 0;
}
.grupo_ingredientes a, .navmov a {
	width: 95%;
    background: #fff275 url(../img/flecha.png) no-repeat right;
    display: block;
    margin: 1px 0;
    padding-left: 5px;
    border: 1px solid #e0c463;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    text-decoration: none;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.grupo_ingredientes a:hover {
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6;
    text-decoration: underline;
}

@media (min-width: 400px) {
    .receta_imagen {
    	width: 100%;
        height: auto;
    }
}
@media (min-width: 550px) {
    .receta_imagen {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 400px) {
    .principal {
        width: 87%;
    }
    .lst_imagen {
        width: auto;
    }
}
@media (max-width: 550px) {
    .lst_descripcion {
        text-align: justify;
        color: darkgrey;
    }
    .receta .receta_etiquetas span a {
        margin: 2px 0;
        text-align: left;
    }
    .rel_imagen {
        width: auto;
    }
    .item_rel {
        text-align: center;
    }
    .lst_item_con {
        text-align: center;
    }
    .lst_item_img {
		display: none;
    }
    .lst_item_img_mov {
		display: block;
    }
}
@media (max-width: 750px) {
    .etiquetaSup span {
        float: left;
    }
    .mnu_seccion_sup, .pie_pagina {
        display: none;
    }
    .lst_imagen {
        width: 65%;
    }
}
@media (max-width: 1000px) {
	.logotipo {
		text-align: center;
	}
    .mnu_seccion_sup, .nav .fin {
        display: none;
    }
    .mnu_secciones_mov, .navmov {
    	display: block;
    }
}

.pie_pagina {
    
}
.mnu_seccion_inf {
    text-align: right;
    background: #333;
}
.mnu_seccion_inf a {
    color: #fff275;
    line-height: 30px;
    padding-right: 10px;
}
.mnu_seccion_inf ul {
    margin: 0;
    list-style: none;
}
.mnu_seccion_inf li {
    font-size: small;
    padding: 2px 5px;
    display: inline;
}

.copy {
    font-size: small;
    text-align: right;
    line-height: 35px;
    padding: 0 5px;
}

@media (max-width: 750px) {
    .container {
        width: 100%;
        padding: 0 5px;
    }
    .principal {
        width: 100%;
    }
}
.receta-preparacion { background: #F6F6F6; padding: 1px 10px; display: block; margin: auto; /*line-height: 1.8em;margin: 0px  0px 10px 0px; padding: 1px 10px;*/}
/*.receta-preparacion ol {
	margin-left: 20px;
}
.receta-preparacion ol li {
	padding-bottom: 15px;
	line-height: 1.5em;
}*/
.receta-preparacion ol {
	list-style-type: none;
	width:98%;
	text-align: justify;
}
.receta-preparacion ol li {
	counter-increment: step-counter;
	position: relative;
	margin: 15px 0 5px 35px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d8d8d8;
}
.receta-preparacion ol li::before {
	content: counter(step-counter);
	display: block;
	position: absolute;
	top: 3px;
	/* Adjust < -number | number+ > */
	left: -32px;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.25rem;
	background-color: chocolate;
	color: #f2ed87;
	font-weight: bold;
	font-size: 1.1rem;
	text-align: center;
	border-radius: 15px;
}
.festividad {
	padding: 3px 7px;
}