@charset "UTF-8";
/* CSS Document */


/* ENTRADA AL KITCHEN DEL PROFESOR
---------------------------------------------------------------------------------------------*/
#container #main section#kitchen-room { background-image:none; padding:0; }
#container #main section#kitchen-room .main-block {
	padding: 0;
	width: 960px;
	height: 570px;
	background: url('../images/kitchen-room.png') no-repeat center top;
}

#kitchen-room .title {
	width: 230px;
	margin: 0;
	padding: 95px 0 0 406px;
	text-align: center;
}
#kitchen-room .title h2 { font-size:20px; color:#ae5aa7; margin:0 0 5px 0; }
#kitchen-room .title h3 { font-size:15px; color:#654; }

#kitchen-room .content {
	height: 74px;
	padding: 0 0 0 285px;
}
#kitchen-room .content a {
	overflow: hidden;
	display: block;
	float: left;
	height: 74px;
	font-size: 16px;
	font-weight: 500;
	color: #FFF;
	line-height: 72px;
}
#kitchen-room .content a:hover { opacity:0.7; }

#kitchen-room .content a.nevera {
	width: 196px;
	padding: 0 40px 0 0;
	text-align: right;
	background: url('../images/kitchen-room-boton1.png') no-repeat;
}
#kitchen-room .content a.cocina {
	width: 176px;
	padding: 0 0 0 54px;
	text-align: left;
	background: url('../images/kitchen-room-boton2.png') no-repeat;
}

/* Verano */
#kitchen-room.verano { background:url('../images/kitchen-room-verano.png') no-repeat center top; }
#kitchen-room.verano .content { padding-left:406px; }
#kitchen-room.verano .content a.nevera { display:none; }
#kitchen-room.verano .content a.cocina { float:none; }




/* LISTADO DE MENUS
---------------------------------------------------------------------------------------------*/
/* Entradilla del menú */
#container #main section#kitchen .main-block {
	min-height: 329px; /* min-height: 384px; */
	border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px;
}

#kitchen article .title {
	overflow: hidden;
	padding: 0 0 10px 0;
	margin: 0;
	background: url('../images/cocinero-sms2b.png') no-repeat right top;
}

#kitchen article .title h2 a.more {
	display: block;
	float: left;
	width: 21px;
	height: 21px;
	margin: 0 0 0 5px;
	color: rgba(255,255,255,0.0);
	background: #da5b3a url('../images/icon-desplegar-small.png') no-repeat center center;
	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px;
}
#kitchen article .title h2 a.more:hover { opacity:0.7; }

#kitchen article .title h2 a.editar {
	display: block;
	float: left;
	height: 21px;
	margin: 0 0 0 5px;
	padding: 0 10px;
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
	background-color: #da5b3a;
	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -ms-border-radius:12px;
}
#kitchen article .title h2 a.editar:hover { opacity:0.7; }

#kitchen article .title h3 {
	margin: 0 0 10px 0;
	padding: 0 200px 0 47px;
}
#kitchen article .title .boton-lr {
	float: left;
	width: 250px;
	margin: 0 10px 0 0;
}
#kitchen article .title .botones .boton.azul {
	float: left;
	width: 220px;
	height: 30px;
	margin: 0 10px 0 0;
	line-height: 28px;
}


/* Platos del menú */
#kitchen .content .graph {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 6px;
	background-size: 100% 100%;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#kitchen #toovari    .content .graph { background-image:url('../images/bg-kitchen-toovari.png'); }
#kitchen #mimenu     .content .graph { background-image:url('../images/bg-kitchen-mimenu.png'); }
#kitchen #profesor   .content .graph { background-image:url('../images/bg-kitchen-profesor.png'); }
#kitchen #vacaciones .content .graph { background-image:url('../images/bg-kitchen-vacaciones.png'); }

#kitchen .content .graph .left { width:440px; }

#kitchen .content .graph .left .spheres {
	overflow: hidden;
	width: 440px;
	height: 44px;
	margin: 0 0 2px 0;
}
#kitchen .content .graph .left .spheres .plato {
	width: 44px;
	height: 44px;
	float: left;
}
#kitchen .content .graph .left .spheres .plato a { width:44px; height:44px; }


/* Semanas del menú */
#kitchen .content .graph .left .numbers {
	overflow: hidden;
	width: 440px;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.5);
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;
}
#kitchen .content .graph .left .numbers .data {
	float: left;
	width: 44px;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
}
#kitchen .content .graph .left .numbers .data a {
	display: block;
	font-weight: 300;
	text-align: center;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;
}
#kitchen #toovari    .content .graph .left .numbers .data a { color:rgba(218,91,58,1); }
#kitchen #mimenu     .content .graph .left .numbers .data a { color:rgba(174,89,167,1); }
#kitchen #profesor   .content .graph .left .numbers .data a { color:rgba(23,134,181,1); }
#kitchen #vacaciones .content .graph .left .numbers .data a { color:rgba(247,170,26,1); }

/* Solo profesor - resalta semanas futuras */
body.profesor #kitchen #mimenu .content .graph .left .numbers .data a:hover {
	font-weight: 500;
	color: rgba(255,255,255,1);
	background-color: rgba(174,89,167,1);
}


/* Semanas pasadas */
#kitchen .content .graph .left .numbers .data.fill a {
	font-weight: 300;
	border-radius: 10px;
	color: rgba(255,255,255,1) !important;
}
#kitchen .content .graph .left .numbers .data.fill.no a {
	color: rgba(255,255,255,0.5) !important;
}
#kitchen #toovari    .content .graph .left .numbers .data.fill { background-color:rgba(218,91,58,0.5); }
#kitchen #mimenu     .content .graph .left .numbers .data.fill { background-color:rgba(174,89,167,0.5); }
#kitchen #profesor   .content .graph .left .numbers .data.fill { background-color:rgba(23,134,181,0.5); }
#kitchen #vacaciones .content .graph .left .numbers .data.fill { background-color:rgba(247,170,26,0.5); }

#kitchen #toovari    .content .graph .left .numbers .data.fill a:hover { background-color:rgba(218,91,58,1);  }
#kitchen #mimenu     .content .graph .left .numbers .data.fill a:hover { background-color:rgba(174,89,167,1); }
#kitchen #profesor   .content .graph .left .numbers .data.fill a:hover { background-color:rgba(23,134,181,1); }
#kitchen #vacaciones .content .graph .left .numbers .data.fill a:hover { background-color:rgba(247,170,26,1); }

/* Semana en la que he hecho clic */
#kitchen .content .graph .left .numbers .data.actual a {
	font-weight: 500;
	color: rgba(255,255,255,1);
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;
}
#kitchen #toovari    .content .graph .left .numbers .data.fill.actual a { background-color:rgba(218,91,58,1); }
#kitchen #mimenu     .content .graph .left .numbers .data.fill.actual a { background-color:rgba(174,89,167,1); }
#kitchen #profesor   .content .graph .left .numbers .data.fill.actual a { background-color:rgba(23,134,181,1); }
#kitchen #vacaciones .content .graph .left .numbers .data.fill.actual a { background-color:rgba(247,170,26,1); }


#kitchen .content .graph .left .numbers .data.fill.first {
	border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -ms-border-radius:10px 0 0 10px;
}
#kitchen .content .graph .left .numbers .data.fill.last {
	border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -ms-border-radius:0 10px 10px 0;
}


/* Tovis a conseguir */
#kitchen .content .graph .right {
	width: 184px;
	height: 66px;
	padding: 0 10px 0 0;
	text-align: right;
	line-height: 66px;
}
#kitchen .content .graph .right.tovis-XL span {
	font-size: 30px !important;
	line-height: 66px;
	letter-spacing:-1px;
	text-shadow: 0 0 10px rgba(255,255,255,1);
}
#kitchen .content .graph .right.tovis-XL img {
	width: 36px;
	height: 36px;
	margin:0 0 -6px 4px;
	box-shadow: 0 0 15px rgba(255,255,255,1);
	border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; -ms-border-radius:18px;
}
#kitchen #toovari    .content .graph .right { color:#da5b3a; background:url('../images/kitchen-coins2-toovari.png') no-repeat right center; }
#kitchen #mimenu     .content .graph .right { color:#ae59a7; background:url('../images/kitchen-coins2-mimenu.png') no-repeat right center; }
#kitchen #profesor   .content .graph .right { color:#1786b5; background:url('../images/kitchen-coins2-profesor.png') no-repeat right center; }
#kitchen #vacaciones .content .graph .right { color:#f7aa1a; background:url('../images/kitchen-coins2-vacaciones.png') no-repeat right center; }


/* Porciones */
#kitchen .content .temas-wrap .tema {
	display: block;
	clear: both;
	width: 640px;
	height: 30px;
	margin: 0 0 5px 0;
	padding: 10px;
	background-image: url('../images/bg-marron-claro.png');
	background-size: 100% 100%;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#kitchen .content .temas-wrap .tema:hover { opacity:0.7; }
#kitchen .content .temas-wrap .tema.hecho:hover { opacity:1; }
#kitchen .content .temas-wrap .tema:last-child { margin:0; }


#kitchen #toovari    .content .temas-wrap .tema.hecho { background-image:url('../images/bg-kitchen-toovari.png'); }
#kitchen #mimenu     .content .temas-wrap .tema.hecho { background-image:url('../images/bg-kitchen-mimenu.png'); }
#kitchen #profesor   .content .temas-wrap .tema.hecho { background-image:url('../images/bg-kitchen-profesor.png'); }
#kitchen #vacaciones .content .temas-wrap .tema.hecho { background-image:url('../images/bg-kitchen-vacaciones.png'); }

#kitchen .content .temas-wrap .tema.aviso,
#kitchen .content .temas-wrap .tema.inactivo { opacity:0.5; }

#kitchen .content .temas-wrap .tema .icon {
	float: left;
	width: 24px;
	height: 24px;
	margin: 3px 7px 3px 3px;
	background-color: #654;
	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px;
}
#kitchen #toovari    .content .temas-wrap .tema.hecho .icon { background-color:#da5b3a; }
#kitchen #mimenu     .content .temas-wrap .tema.hecho .icon { background-color:#ae59a7; }
#kitchen #profesor   .content .temas-wrap .tema.hecho .icon { background-color:#1786b5; }
#kitchen #vacaciones .content .temas-wrap .tema.hecho .icon { background-color:#f7aa1a; }

#kitchen .content .temas-wrap .tema .name {
	overflow: hidden;
	display: block;
	float: left;
	width: 470px;
	height: 30px;
	font-size: 16px;
	font-weight: 300;
	color: #654;
	line-height: 28px;
}
#kitchen .content .temas-wrap .tema.aviso .name { width:auto; }

#kitchen #toovari    .content .temas-wrap .tema.hecho .name { color:#da5b3a; }
#kitchen #mimenu     .content .temas-wrap .tema.hecho .name { color:#ae59a7; }
#kitchen #profesor   .content .temas-wrap .tema.hecho .name { color:#1786b5; }
#kitchen #vacaciones .content .temas-wrap .tema.hecho .name { color:#f7aa1a; }

#kitchen .content .temas-wrap .tema .logo {
	display: block;
	float: right;
	width: 130px;
	height: 40px;
	margin: -5px -2px;
}




/* EDITAR MI MENU
---------------------------------------------------------------------------------------------*/
body.kitchen.edit-menu #kitchen article .content .graph {
	margin:0 0 5px 0;
	background-image: url("../images/bg-kitchen-mimenu.png");
}
body.kitchen.edit-menu #kitchen article .content .graph .left .numbers .data a { color:rgba(174,89,167,1); }
body.kitchen.edit-menu #kitchen article .content .graph .left .numbers .data.fill { background-color:rgba(174,89,167,0.5); }
body.kitchen.edit-menu #kitchen article .content .graph .left .numbers .data a:hover,
body.kitchen.edit-menu #kitchen article .content .graph .left .numbers .data.actual a { color:#FFF; background-color:rgba(174,89,167,1); }
body.kitchen.edit-menu #kitchen article .content .graph .right {
	color:#ae59a7;
	background: url('../images/kitchen-coins2-mimenu.png') no-repeat right center;
}

#kitchen .buscador {
	display: block;
	width: 660px;
	height: 40px;
	margin: 0 0 5px 0;
}

#kitchen .buscador .form-item {
	display: block;
	clear: none;
	float: left;
	width: auto;
	margin: 0 5px 0 0;
}
#kitchen .buscador .form-item:last-child,
#kitchen .buscador .form-item.botones { margin:0; }

#kitchen .buscador .form-item label { display:none; }

#kitchen .buscador .select select {
	float: none;
	width: auto;
	height: 40px;
	padding: 10px 5px;
	margin: 0;
	font-weight: 300;
	font-size: 16px;
	color: #ae59a7;
	line-height: 40px;
	border: none;
	background-image: url("../images/bg-kitchen-mimenu.png");
	background-size: 100% 100%;
	box-shadow: none;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#kitchen .buscador .select select:hover { opacity:0.7; }

#kitchen .buscador .form-item .nombre { width:265px; }
#kitchen .buscador .form-item .tipo { width:215px; }
#kitchen .buscador .form-item .cals { width:125px; }

/* Ancho botones ALUMNO
body.alumno.kitchen #kitchen .buscador .form-item .nombre { width:265px; }
body.alumno.kitchen #kitchen .buscador .form-item .tipo { width:215px; }
body.alumno.kitchen #kitchen .buscador .form-item .cals { width:125px; } */

/* Ancho botones PROFESOR
body.profesor.kitchen #kitchen .buscador .form-item .curso { width:100px; }
body.profesor.kitchen #kitchen .buscador .form-item .nombre { width:150px; }
body.profesor.kitchen #kitchen .buscador .form-item .tipo { width:120px; }
body.profesor.kitchen #kitchen .buscador .form-item .autor { width:110px; }
body.profesor.kitchen #kitchen .buscador .form-item .cals { width:70px; } */


/* Botones */
#kitchen .buscador .form-item.botones .boton {
	overflow: hidden;
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0 5px 0 0;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#kitchen .buscador .form-item.botones .boton:last-child { margin:0; }

#kitchen .buscador .form-item.botones input.buscar {
	padding: 0;
	text-indent: -9999px;
	background-image: url('../images/icon-lupa.png'), url('../images/bg-morado.png');
	background-size: 100% 100%, 100% 100%;
}
#kitchen .buscador .form-item.botones a img {
	background-image: url('../images/bg-morado.png');
	background-size: 100% 100%;
}
#kitchen .buscador .form-item.botones .buscar:hover,
#kitchen .buscador .form-item.botones .generate:hover { opacity:0.7; }


/* Nevera */
body.kitchen.edit-menu #container.with-sidebar #sidebar {
	width: 270px;
}
.kitchen.edit-menu #sidebar #nevera {
	width: 270px;
	height: 490px;
	padding: 20px 0 0 0;
}
.kitchen.edit-menu #sidebar #nevera.close { background: url('../images/kitchen-nevera-close.png') no-repeat 0px 20px; }
.kitchen.edit-menu #sidebar #nevera.open { background: url('../images/kitchen-nevera-open.png') no-repeat 0px 20px; }

.kitchen.edit-menu #sidebar #nevera .resultados {
	width: 195px;
	height: 20px;
	padding: 21px 0 0 27px;
	font-size: 12px;
	font-weight: 500;
	color: #FFF;
	line-height: 20px;
	text-align: center;
}
.kitchen.edit-menu #sidebar #nevera .block {
	overflow-x: hidden;
	overflow-y: auto;
	width: 225px;
	height: 418px;
	margin: 2px 0 0 27px;
}

.kitchen.edit-menu #sidebar #nevera.close .block { display:none; }
.kitchen.edit-menu #sidebar #nevera.open .block { display:block; }

#kitchen .foot {
	margin: 5px 0 0;
	overflow: hidden;
}


/* Porciones de la nevera */
.kitchen.edit-menu article.box {
	cursor: move;
	overflow: hidden;
	display: block;
	width: 175px;
	padding: 10px;
	margin: 0 0 5px 0;
	background-image: url('../images/bg-crema.png');
	background-size: 100% 100%;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
.kitchen.edit-menu article.box.over {
	background-image: url('../images/bg-rojo.png');
}


/* iconos izda */
.kitchen.edit-menu article.box .left {
	width: 22px;
}
.kitchen.edit-menu article.box .left a {
	display: block;
	width: 22px;
	height: 22px;
	margin: 0 0 5px 0;
	background-color: #654;
	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px;
}
.kitchen.edit-menu article.box .left a img {
	display: block;
	width: 22px;
	height: 22px;
}
.kitchen.edit-menu article.box .left a:hover { opacity:0.7; }

/*arrastre */
.kitchen.edit-menu article.box .left .arrastre {
	width: 22px;
	height: 22px;
	background: #654 url('../images/icons-hand.png') no-repeat left center;
	background-size: 44px 22px;
	transition:none; -moz-transition:none; -webkit-transition:none; -ms-transition:none; -o-transition:none;
	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px;
}
.kitchen.edit-menu article.box:hover .left .arrastre { background-position:right center; }


/* Datos de las porciones */
.kitchen.edit-menu article.box .right {
	width: 145px;
}
.kitchen.edit-menu article.box .name {
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	margin: 0 0 2px 0;
}
.kitchen.edit-menu article.box .data {
	font-size: 14px;
	font-weight: 300;
	margin: 0 0 2px 0;
}
.kitchen.edit-menu article.box .autor {
	font-size: 12px;
	font-weight: 300;
	font-style: italic;
	line-height: 14px;
	margin: 0 0 0 0;
}




/* POPUP SOLO INFO PORCION
---------------------------------------------------------------------------------------------*/
#popup-wrap #popup.porcion-info { margin-top:100px; }

#popup.porcion-info .icon { background-color:#ae59a7; }
#popup.porcion-info #pop-head { background-color:#fceaf9; }

#popup.porcion-info #pop-head h2 { color:#7e3878; }
#popup.porcion-info #pop-head h3 { color:#ae5aa7; }

#popup.porcion-info #pop-body { overflow:visible; }

#popup.porcion-info #pop-body .botones { margin-top:20px; }

/* Datos del autor */
#popup.porcion-info #pop-body .autor-data>.left {
	width: 150px;
	height: 150px;
	margin: 5px 0 20px 15px;
}
#popup.porcion-info #pop-body .autor-data>.left img {
	width: 150px;
	height: 150px;
	display: block;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
	box-shadow:0 3px 8px #dcb; -moz-box-shadow:0 3px 8px #dcb; -webkit-box-shadow:0 3px 8px #dcb; -ms-box-shadow:0 3px 8px #dcb; }

#popup.porcion-info #pop-body .autor-data>.right {
	width: 470px;
	min-height: 150px;
	margin: 5px 0 20px 0;
}
#popup.porcion-info #pop-body .autor-data>.right p {
	display: block;
	clear: both;
	min-height: 30px;
	margin: 0 0 10px 0;
	padding: 0 0 0 38px;
}
#popup.porcion-info #pop-body .autor-data>.right p:last-child { margin:0; }

#popup.porcion-info #pop-body .autor-data>.right img.icon {
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 0 0 -38px;
}


/* Descripción */
#popup.porcion-info #pop-body .content {
	clear: both;
	margin: 0 15px;
	text-align: justify;
}


/* Actividades */
#popup.porcion-info #pop-body .content.actividad {
	position: relative;
	min-height: 300px;
	text-align: left;
}
#popup.porcion-info #pop-body .content.actividad .n-actividades {
	position: absolute;
	overflow: hidden;
	left: 107px;
	top: 0px;
	width: 537px;
	height: 25px;
}
#popup.porcion-info #pop-body .content.actividad .n-actividades .bola {
	overflow: hidden;
	display: block;
	float: left;
	width: 16px;
	height: 17px;
	margin: 0 4px 0 0;
	padding: 0 0 0 1px;
	font-size: 12px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 19px;
	background-color: #654;
	border: 2px solid #654;
	border-radius:21px; -moz-border-radius:21px; -webkit-border-radius:21px; -ms-border-radius:21px; -o-border-radius:21px;
}
#popup.porcion-info #pop-body .content.actividad .n-actividades .bola { }
#popup.porcion-info #pop-body .content.actividad .n-actividades .bola.active {
	color: #654;
	border: 2px solid #654;
	background-color: transparent;
}
#popup.porcion-info #pop-body .content.actividad .n-actividades .bola:hover { opacity:0.5; }

#popup.porcion-info #pop-body .content.actividad.bandeja { margin:0 260px 0 15px; }
#popup.porcion-info #pop-body .content.actividad.bandeja .bandeja-wrap {
	top: 30px;
	right: -275px;
}
#popup.porcion-info #pop-body .content.actividad.bandeja .bandeja-wrap .lupa { display:none; }

#popup.porcion-info #pop-body .content.actividad .pregunta { font-size:15px; }
#popup.porcion-info #pop-body .content.actividad .respuestas div { overflow:hidden; margin:8px 0 0 0; }

/* Actividad tipo 1 */
#popup.porcion-info #pop-body .content.actividad.tipo1 .respuestas .letra {
	float: left;
	display: block;
	width:20px;
	font-size: 24px;
	font-weight: 500;
	color: #ae59a7;
}
#popup.porcion-info #pop-body .content.actividad.tipo1 .respuestas .texto {
	float: right;
	display: block;
	width: 355px;
	padding: 0 0 0 5px;
	font-size: 13px;
	line-height: 14px;
	border-left: 2px solid #ae59a7;
}
#popup.porcion-info #pop-body .content.actividad.tipo1 .respuestas .bien .texto { font-weight:500; color:#ae59a7; }

/* Actividad tipo 2 */
#popup.porcion-info #pop-body .content.actividad.tipo2 .respuestas span { font-size:15px; }
#popup.porcion-info #pop-body .content.actividad.tipo2 .respuestas span.bien { font-weight:500; color:#ae59a7; }

/* Actividad tipo 3 */
#popup.porcion-info #pop-body .content.actividad.tipo3 .resolver { line-height:22px; }
#popup.porcion-info #pop-body .content.actividad.tipo3 .ayuda    { font-size:13px; margin-bottom:20px; }




/* POPUP PROFESOR COCINANDO ALERTA
---------------------------------------------------------------------------------------------*/
#popup.cocinar .icon { background-color:#ae59a7; }
#popup.cocinar #pop-head { background-color:#fceaf9; }

#popup.cocinar #pop-head h2 { color:#ae5aa7; line-height:40px; }

#popup.cocinar #pop-body .content { margin:0 57px; text-align:center; }

#popup.cocinar #pop-body .botones { margin-top:20px; }




/* POPUP KITCHEN
---------------------------------------------------------------------------------------------*/
#popup #pop-head.kitchen {
	margin: 0 0 20px 0;
	padding: 15px 15px 15px 155px;
	min-height: 60px;
}
#popup-wrap #popup #pop-head.kitchen .cocinero {
	position: absolute;
	display: block;
	z-index: 1009;
	top: 20px;
	left: 40px;
}
#popup-wrap #popup #pop-head.kitchen h2,
#popup-wrap #popup #pop-head.kitchen h3 { padding:0; }

body.actividad #popup-wrap #popup #pop-body a.boton { min-width:150px; width:auto; }




/* POPUP CAMBIAR ASIGNATURA
---------------------------------------------------------------------------------------------*/
#popup-wrap #popup #pop-body.asignaturas p { font-size:24px; margin-left:100px; }
#popup-wrap #popup #pop-body.asignaturas p a img { display:inline; }
#popup-wrap #popup #pop-body.asignaturas p a:hover img { background:#654 url('../images/bg-marron.png'); background-size:100% 100%; }




/* COCINAR (CREAR PORCION PROFESOR)
---------------------------------------------------------------------------------------------*/
.kitchen #cocinar .main-block { overflow:hidden; }
.kitchen #cocinar .main-block .title h3 { padding:0 0 0 82px; }


/* Paso 1 */
.kitchen #cocinar.paso1 .content { background:url('../images/kitchen-cocinar.png') no-repeat left bottom; }

.kitchen #cocinar.paso1 form .form-item>.left {
	display: block;
	width: 245px;
	text-align: right;
}
.kitchen #cocinar.paso1 form .form-item>.left small {
	height: 20px;
	margin: 5px 0 0 0;
	line-height: 20px;
}
.kitchen #cocinar.paso1 form .form-item>.left small a.borrar {
	display: block;
	float: right;
	margin: 0 0 0 3px;
}
.kitchen #cocinar.paso1 form .form-item>.left small a.borrar img {
	width: 20px;
	height: 20px;
	background-image: none;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;
}

.kitchen #cocinar.paso1 form .form-item.small.text-input.varios {
	overflow: hidden;
}
.kitchen #cocinar.paso1 form .form-item>.right {
	width: 405px;
}
.kitchen #cocinar.paso1 form .form-item>.right p {
	margin: 4px 0 4px 0;
}
.kitchen #cocinar.paso1 form .form-item>.right input {
	margin: 0 0 6px 0;
}

.kitchen #cocinar.paso1 form .form-item .right a.boton {
	width: 250px;
	height: 40px;
	font-size: 16px;
	text-align: left;
}
.kitchen #cocinar.paso1 form .form-item .right a.boton img {
	float: left;
	height: 40px;
	margin: 0 10px 0 0;
}

.kitchen #cocinar.paso1 form .form-item.botones a.boton {
	width: 250px;
	margin: 0 0 0 255px;
}


/* Paso 2 - Listado actividades */
.kitchen #cocinar.paso2 .actividades {
	overflow: hidden;
	float: left;
	width: 150px;
	height: 450px;
	margin: 50px 0 0 0;
}

.kitchen #cocinar.paso2 .actividades a.boton {
	display: block;
	width: 135px;
	height: 45px;
	margin: 0 0 5px 0;
	padding: 0 5px;
	font-size: 16px;
	line-height: 44px;
	background-color: #e6d3bc;
}
.kitchen #cocinar.paso2 .actividades a.boton:hover { opacity:1; background-color:#654; }

.kitchen #cocinar.paso2 .actividades .listado {
	width: 150px;
	height: 350px;
}
.kitchen #cocinar.paso2 .actividades .listado a {
	display: block;
	float: left;
	width: 45px;
	height: 45px;
	margin: 0 5px 5px 0;
	font-size: 24px;
	font-weight: 500;
	color: #FFF;
	text-align: center;
	line-height: 44px;
	background-color: #e6d3bc;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
.kitchen #cocinar.paso2 .actividades .listado li.active a {
	background-color: #654;
	background-image: url('../images/icon-continue.png');
	background-repeat: no-repeat;
	background-position: 30px 30px;
	background-size: 10px 10px;
}
.kitchen #cocinar.paso2 .actividades .listado li a:hover { background-color:#654; }


/* Paso 2 - editar actividad */
.kitchen #cocinar.paso2 .editar {
	overflow: hidden;
	float: right;
	width: 760px;
}
.kitchen #cocinar.paso2 .editar .form-item { width:100%; }
.kitchen #cocinar.paso2 .editar .form-item label { width:145px; text-align:left; }
.kitchen #cocinar.paso2 .editar .form-item.botones { margin:10px 0 0 0; text-align:left; }

.kitchen #cocinar.paso2 .editar .form-item.botones input {
	display: block;
	float: left;
	width: 246px;
	margin: 0 11px 0 0;
}
.kitchen #cocinar.paso2 .editar .form-item.botones input:last-child { margin:0; }


/* Listado de porciones del profesor */
table.listado-porciones {
	border-collapse: separate;
	border-spacing: 0 2px;
	margin: -2px 0;
}
table.listado-porciones tr td:first-child { padding-left:5px; border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; -ms-border-radius:4px 0 0 4px; }
table.listado-porciones tr td:last-child { padding-right:5px; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; -ms-border-radius:0 4px 4px 0; }

table.listado-porciones tr .nombre { width:220px; padding-left:5px; text-align:left; }
table.listado-porciones tr .asignatura { width:105px; text-align:center; }
table.listado-porciones tr .curso { width:105px; text-align:center; }
table.listado-porciones tr .estado { width:75px; text-align:center; }
table.listado-porciones tr .calorias { width:50px; text-align:right; }
table.listado-porciones tr .acciones { width:70px; padding-right:5px; text-align:right; }


table.listado-porciones tr th {
	font-weight: 500;
	height: 19px;
	padding: 0 5px 0 0;
}

table.listado-porciones tbody tr td {
	font-weight: 300;
	height: 40px;
	line-height: 16px;
}
table.listado-porciones tbody tr.cocinada td {
	color: #ae59a7;
	background-image: url("../images/bg-kitchen-mimenu.png");
	background-size: 100% 100%;
}
table.listado-porciones tbody tr.borrador td {
	color: #876;
	background-image: url("../images/bg-crema.png");
	background-size: 100% 100%;
}

table.listado-porciones tbody tr td a {
	display: inherit;
	width: inherit;
	vertical-align: middle;
	height: 40px;
	padding: 0 5px 0 0;
	color: #654;
}
table.listado-porciones tbody tr td:last-child a { padding:0; }

table.listado-porciones tbody tr td a small {
	display: block;
	font-size: 11px;
	font-weight:300;
	line-height: 12px;
}

table.listado-porciones tbody tr td.acciones a.icon {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 0 0 5px;
}
table.listado-porciones tbody tr td.acciones a.icon img { width:30px; height:30px; }

body.profesor.kitchen #cocinar.listado .paginacion { margin:10px 0 0 0; }



/* RESOLVER MENUS
---------------------------------------------------------------------------------------------*/
/* Cabecera de la actividad */
#actividad .title.left {
	overflow: hidden;
	width: 660px;
}
#actividad.tipo-pisa .title.left h2 {
	display: table-cell;
	vertical-align: middle;
	height: 42px;
	line-height: 22px;
	text-align: left;
}

#actividad .title.left .intentos {
	width: 600px;
	padding: 0 0 0 47px;
}
#actividad .title.left .intentos .old,
#actividad .title.left .intentos .new {
	overflow: hidden;
	display: block;
}
#actividad .title.left .intentos .old { opacity:0.67; }

#actividad .title.left .intentos .text {
	display: block;
	float: left;
	width: 90px;
	font-size: 16px;
	font-weight: 500;
}
#actividad .title.left .intentos .bola {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin: 2px 4px 0 0;
	font-size: 10px;
	color: rgba(255,255,255,0);
	text-align: center;
	line-height: 14px;
	background-color: #654;
	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px;
}
#actividad .title.left .intentos .bola.actual {
	width: 11px;
	height: 11px;
	border: 2px solid #654;
	background-color: transparent;
}
#actividad .title.left .intentos .bola.mal { background:#da5b3a url('../images/bg-rojo.png'); background-size:100% 100%; }
#actividad .title.left .intentos .bola.bien { background:#73bb1e url('../images/bg-verde.png'); background-size:100% 100%; }

#actividad .title.right {
	overflow: hidden;
	width: 250px;
}
#actividad .title.right .logo {
	float: left;
	width: 130px;
}

#actividad .title.right .tovis {
	float: right;
	width: 120px;
	height: 40px;
}
#actividad .title.right .tovis .conseguido {
	display: block;
	float: left;
	width: 76px;
	margin: 0 4px 0 0;
	font-size: 30px !important;
	line-height: 30px !important;
	text-align: right;
	letter-spacing:-1px;
}
#actividad .title.right .tovis .total {
	display: block;
	float: left;
	width: 76px;
	margin: -4px 4px 0 0;
	font-size: 12px !important;
	line-height: 12px !important;
	text-align: right;
}
#actividad .title.right .tovis img {
	display: block;
	width: 40px;
	height: 40px;
}


/* Caja contenedora y pregunta */
#actividad .content {
	overflow: hidden;
	clear: both;
	/*margin: 10px 0 0 0;*/
}
#actividad .content .respuestas {
	float: right;
	width: 460px;
	height: 360px;
	margin: 0;
	padding: 0;
}

#actividad .content .pregunta {
	overflow: hidden;
	position: relative;
	float: left;
	width: 430px;
	height: 330px;
	margin: 0 0 10px 0;
	padding: 15px;
	background: url('../images/kitchen-mantel.jpg') repeat-x center top;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}

#actividad .content .pregunta h4 {
	font-size: 24px;
	font-weight: 100;
	line-height: 28px;
	letter-spacing: -1px;
}
#actividad .content .pregunta h4 sup,
#actividad .content .pregunta h4 sub { font-size:12px; font-weight:700; }


/* Bandeja */
.content .pregunta .bandeja-wrap {
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 130px;
	height: 100px;
}
.content .pregunta .imagen {
	position: absolute;
	z-index: 10;
	right: 15px;
	bottom: 5px;
	display: block;
	width: 100px;
	height: 90px;
	background-color: #FFF;
}
.content .pregunta .imagen img { max-width:100px; max-height:90px; }

.content .pregunta img.bandeja {
	position: absolute;
	z-index: 20;
	right: 0;
	bottom: 0;
	display: block;
	width: 130px;
	height: 100px;
}
.content .pregunta a.lupa {
	position: absolute;
	z-index: 30;
	display: block;
	width: 130px;
	height: 100px;
}
.content .pregunta a.lupa:hover { opacity:0.6; }

.content .pregunta a.lupa img {
	display: block;
	width: 21px;
	height: 21px;
	margin: 8px 0 0 91px;
	background-color: #ca65b2;
	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px;
}


/* Botones en el pie */
#actividad .foot {
	clear: both;
	height: 40px;
}

#actividad .foot .recetas {
	overflow: hidden;
	width: 460px;
	height: 40px;
	margin: 0 10px 0 0;
}
#actividad .foot .recetas .box {
	display: block;
	float: left;
	width: 150px;
	height: 40px;
	padding: 0;
	margin: 0 5px 0 0;
	color: #654;
	line-height: 40px;
	background: url('../images/kitchen-recetas.png') left top no-repeat;
}
#actividad .foot .recetas .box:last-child { margin:0; }
#actividad .foot .recetas .box a:hover { opacity:0.6; }

#actividad .foot .recetas .box img {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	margin: 9px 5px 9px 9px;
}
#actividad .foot .recetas .box .texto {
	display: block;
	float: left;
	width: 114px;
	font-size: 14px;
	font-weight: 500;
	color: #654;
}
#actividad .foot .recetas .box.open .texto,
#actividad .foot .recetas .box.close .texto { width:87px; }

#actividad .foot .recetas .box .candado {
	float: right;
	margin: 0 3px 0 0;
	padding: 8px 4px 8px 0;
}

#actividad .foot .comodines {
	overflow: hidden;
	width: 130px;
	height: 40px;
}
#actividad .foot .comodines a {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 5px 0 0;
}
#actividad .foot .comodines a:last-child { margin:0; }

#actividad .foot .comodines a img {
	border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px;
}
#actividad .foot .comodines a:hover { opacity:0.7; }
#actividad .foot .comodines a.inactivo { opacity:0.33; }

#actividad .foot .right a.boton,
#popup-wrap #popup #actividad .foot a.boton {
	width: 130px;
	height: 40px;
	line-height: 38px;
}




/* RESPUESTAS A B C D - TIPO 1
---------------------------------------------------------------------------------------------*/
#actividad.tipo1 .content .respuestas a {
	overflow: hidden;
	position: relative;
	display: block;
	width: 205px;
	height: 155px;
	margin: 0 0 10px 0;
	padding: 10px;
	transition:0.1s all; -moz-transition:0.1s all; -webkit-transition:0.1s all; -ms-transition:0.1s all; -o-transition:0.1s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}

#actividad.tipo1 .content .respuestas a .letra {
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 110px;
	line-height: 50px;
	font-weight: 300;
	color: rgba(255,255,255,0.7);
}
#actividad.tipo1 .content .respuestas a:hover .letra {
	color:rgba(255,255,255,0.2);
	text-shadow: 0 0 10px rgba(255,255,255,1);
}

#actividad.tipo1 .content .respuestas a .texto {
	position: absolute;
	width: 205px;
	height: 155px;
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
}
#actividad.tipo1 .content .respuestas a .texto sup,
#actividad.tipo1 .content .respuestas a .texto sub { font-size:9px; font-weight:500; }
#actividad.tipo1 .content .respuestas a .texto img { display:block; }

#actividad.tipo1 .content .respuestas a.caso-a {
	float: left;
	color: #c15e57;
	background: url('../images/kitchen-mantel-rojo1.jpg') repeat-x center top;
}
#actividad.tipo1 .content .respuestas a.caso-b {
	float: right;
	color: #c1794f;
	background: url('../images/kitchen-mantel-amarillo1.jpg') repeat-x center top;
}
#actividad.tipo1 .content .respuestas a.caso-c {
	float: left;
	color: #3d5c7d;
	background: url('../images/kitchen-mantel-azul1.jpg') repeat-x center top;
}
#actividad.tipo1 .content .respuestas a.caso-d {
	float: right;
	color: #44664b;
	background: url('../images/kitchen-mantel-verde1.jpg') repeat-x center top;
}

#actividad.tipo1 .content .respuestas .caso-a.active,
#actividad.tipo1 .content .respuestas .caso-a:hover { color:#FFF; background-image:url('../images/kitchen-mantel-rojo2.jpg'); }
#actividad.tipo1 .content .respuestas .caso-b.active,
#actividad.tipo1 .content .respuestas .caso-b:hover { color:#FFF; background-image:url('../images/kitchen-mantel-amarillo2.jpg'); }
#actividad.tipo1 .content .respuestas .caso-c.active,
#actividad.tipo1 .content .respuestas .caso-c:hover { color:#FFF; background-image:url('../images/kitchen-mantel-azul2.jpg'); }
#actividad.tipo1 .content .respuestas .caso-d.active,
#actividad.tipo1 .content .respuestas .caso-d:hover { color:#FFF; background-image:url('../images/kitchen-mantel-verde2.jpg'); }




/* RESPUESTAS VERDADERO/FALSO - TIPO 2
---------------------------------------------------------------------------------------------*/
#actividad.tipo2 .content .respuestas a {
	position: relative;
	display: block;
	width: 440px;
	height: 155px;
	padding: 10px;
	margin: 0 0 10px 0;
	transition:0.3s all; -moz-transition:0.1s all; -webkit-transition:0.1s all; -ms-transition:0.1s all; -o-transition:0.1s all;
	font-size: 48px;
	font-weight: 100;
	line-height: 154px;
	text-align: center;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}

#actividad.tipo2 .content .respuestas a.falso {
	float: left;
	color: #c15e57;
	background: url('../images/kitchen-mantel-rojo1.jpg') repeat-x center top;
}
#actividad.tipo2 .content .respuestas a.verdadero {
	float: right;
	color: #44664b;
	background: url('../images/kitchen-mantel-verde1.jpg') repeat-x center top;
}

#actividad.tipo2 .content .respuestas .falso.active,
#actividad.tipo2 .content .respuestas .falso:hover { color:#FFF; background-image:url('../images/kitchen-mantel-rojo2.jpg'); }
#actividad.tipo2 .content .respuestas .verdadero.active,
#actividad.tipo2 .content .respuestas .verdadero:hover { color:#FFF; background-image:url('../images/kitchen-mantel-verde2.jpg'); }




/* RESPUESTAS RELLENAR - TIPO 3
---------------------------------------------------------------------------------------------*/
#actividad.tipo3 .content .pregunta { float:none; width:auto; }

#actividad.tipo3 .content .pregunta h4 { width:100%; margin-bottom:5px; }

#actividad.tipo3 .content .pregunta .resolver {
	font-size: 16px;
	line-height: 26px;
	text-align: justify;
}
#actividad.tipo3 .content .pregunta .resolver input {
	width: 130px;
	height: 24px;
	padding: 0 5px;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #987;
	line-height: 26px;
	border: none;
	background-color: rgba(255,255,255,0.66);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#actividad.tipo3 .content .pregunta .resolver input:focus {
	color: #1786b5;
	background-color: #FFF;
}
#actividad.tipo3 .content .pregunta .resolver sup,
#actividad.tipo3 .content .pregunta .resolver sub { font-size:9px; font-weight:500; }

#actividad.tipo3 .content .ayuda {
	margin: 0 0 10px 0;
	padding: 12px 14px;
	border: 1px solid #e7d0b8;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#actividad.tipo3 .content .ayuda h4 {
	margin: 0 0 5px 0;
	font-size: 21px;
	font-weight: 300;
	color: #da5b3a;
}




/* DRAG & DROP - TIPO 4
---------------------------------------------------------------------------------------------*/
#actividad.tipo4 .content .pregunta { float:none; width:auto; }
#actividad.tipo4 .content .pregunta h4 { width:100%; margin-bottom:10px; }

#actividad.tipo4 .content .pregunta .column {
	border-collapse: separate;
	border-spacing: 11px 0;
	width: 930px;
	margin: 0 -15px;
	text-align: center;
}
#actividad.tipo4 .content .pregunta .column:last-child { margin-top:35px; }

#actividad.tipo4 .content .pregunta .column tr { display:inline-block; margin:0 5px; }
#actividad.tipo4 .content .pregunta .column .box {
	overflow: hidden;
	vertical-align: middle;
	width: 168px;
	height: 130px;
	font-size: 16px;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
}
#actividad.tipo4 .content .pregunta .column .box:hover {
	cursor: pointer;
	background-color: rgba(255,255,255,0.85);
	box-shadow:0 0 15px #FFF; -moz-box-shadow:0 0 15px #FFF; -webkit-box-shadow:0 0 15px #FFF; -ms-box-shadow:0 0 15px #FFF;
}
#actividad.tipo4 .content .pregunta .column .box img { display:block; margin:auto; }




/* ACTIVIDAD TIPO PISA
---------------------------------------------------------------------------------------------*/
#actividad.tipo-pisa .content .pregunta:first-child { float:left; width:565px; }
#actividad.tipo-pisa .content .pregunta:last-child { float:right; width:295px; }

#actividad.tipo-pisa .content .pregunta h4 {
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 8px 0;
}
#actividad.tipo-pisa .content .pregunta a.boton.azul {
	padding: 0 15px 0 40px;
	background: url('../images/icon-leer.png'), url('../images/bg-azul.png');
	background-size: 40px 40px, 100% 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: left center, center center;
}

#actividad.tipo-pisa .content .preguntas-wrap { overflow:hidden; }

#actividad.tipo-pisa .content .preguntas-wrap a {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin: 0 5px 5px 0;
	font-size: 18px;
	font-weight: 500;
	color: #654;
	line-height: 26px;
	text-align: center;
	letter-spacing: -1px;
	border: 2px solid #654;
	background-color: rgba(102,85,68,0);
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;
}
#actividad.tipo-pisa .content .preguntas-wrap a.ok,
#actividad.tipo-pisa .content .preguntas-wrap a:hover {
	color: #FFF;
	background-color: rgba(102,85,68,1);
}




/* INFORME DE PROGRESO
---------------------------------------------------------------------------------------------*/
.informe #kitchen .main-block article {
	width: 930px;
	/*height: 220px;*/
	margin: 0 0 2px 0;
	overflow: hidden;
}
.informe #kitchen .main-block article.close {
	width: 700px;
	height: 160px;
	padding: 30px 115px;
	font-size: 16px;
	text-align: left;
}


/* Izquierda */
.informe #kitchen .main-block article>.left {
	width: 240px;
	height: auto;
}
.padres.informe #kitchen .main-block article>.left {
	position: relative;
	background:url('../images/cocinero-sms1b.png') no-repeat left bottom;
}

.informe #kitchen .main-block article>.left .boton-lr {
	margin: 0 0 10px 0;
}
.informe #kitchen .main-block article>.left .mensaje {
	padding: 0 5px;
}
.informe #kitchen .main-block article>.left .mensaje h3 {
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 2px 0;
}
.informe #kitchen .main-block article>.left .mensaje p {
	text-align: left;
	margin: 0 0 5px 0;
}
.informe #kitchen .main-block article>.left p { color:#654; }

.informe #kitchen .main-block article>.left .botones .boton {
	/*width: 210px;*/
	height: 30px;
	line-height: 28px;
}
.informe #kitchen .main-block article>.left .botones { margin-top:100px; }

.padres.informe #kitchen .main-block article>.left .botones { margin-top:130px; }
.padres.informe #kitchen .main-block article>.left .botones .boton {
	position: absolute;
	left: 30px;
	bottom: -40px;
}


/* Derecha */
.informe #kitchen .main-block article>.right {
	width: 680px;
}


/* Grafica informe */
.informe #kitchen .main-block article .grafica {
	margin: 2px 0 0 0;
}
.informe #kitchen .main-block article .grafica .block {
	overflow: hidden;
	width: 680px;
	height: 200px;
	background: url('../images/bg-crema.png') repeat-x left top
	/*border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;*/
}
.informe #kitchen .main-block #toovari .grafica .block    { background:url('../images/bg-kitchen-toovari.png') repeat-x left top; }
.informe #kitchen .main-block #mimenu .grafica .block     { background:url('../images/bg-kitchen-mimenu.png') repeat-x left top; }
.informe #kitchen .main-block #profesor .grafica .block   { background:url('../images/bg-kitchen-profesor.png') repeat-x left top; }
.informe #kitchen .main-block #vacaciones .grafica .block { background:url('../images/bg-kitchen-vacaciones.png') repeat-x left top; }

.informe #kitchen .main-block article .grafica .block .svg {
	float: left;
	width: 440px;
	padding: 0 0 0 120px;
	background: url('../images/kitchen-informe.png') no-repeat -40px center;
}
.informe #kitchen .main-block article .grafica .block .svg img { display:block; }

.informe #kitchen .main-block article .grafica .block .clases {
	float: left;
	display: block;
	width: 100px;
	padding: 0 0 0 20px;
	font-weight: 500;
	line-height: 40px;
}
.informe #kitchen .main-block article .grafica .block .clases li:last-child { color:#C33; }

.informe #kitchen .main-block article .grafica .leyenda {
	overflow: hidden;
	clear: both;
	padding: 5px 0 0 135px;
}
.informe #kitchen .main-block article .grafica .leyenda span {
	display: block;
	float: left;
	margin: 0 50px 0 0;
}
.informe #kitchen .main-block article .grafica .leyenda span img { width:17px; margin:0 2px -3px 0; }




/* INFORME DE PROGRESO (PROFESOR)
---------------------------------------------------------------------------------------------*/
.profesor.informe #kitchen .main-block article .grafica .block {
	width: 930px;
}

.profesor.informe #kitchen .main-block article .grafica .block .mensaje {
	float: left;
	width: 250px;
	height: 160px;
	padding: 20px 30px 20px 80px;
	background: url('../images/cocinero-sms1b.png') no-repeat 5px 70px;
}
.profesor.informe #kitchen .main-block article .grafica .block .mensaje p {
	text-align: right;
	margin: 0 0 5px 0;
}

.profesor.informe #kitchen .main-block article .grafica .block .svg {
	float: left;
	width: 440px;
	padding: 0 0 0 0;
	background-image: none;
}

.profesor.informe #kitchen .main-block article .grafica .block .clases {
	width: 110px;
	background: url('../images/kitchen-informe.png') no-repeat 60px center;
}
.profesor.informe #kitchen .main-block article .grafica .leyenda {
	padding: 5px 0 0 360px;
}

.profesor.informe .main-block .paginacion {
	margin: 15px 0 0px 0;
}




/* DETALLE INFORME DE PROGRESO
---------------------------------------------------------------------------------------------*/
.informe #container #main #detalle .main-block {
	overflow-y: hidden;
	overflow-x: auto;
	width: 900px;
	height: 435px;
	padding: 30px;
	background: url('../images/bg-kitchen-informe.png') no-repeat right top;
}

.informe #detalle .main-block .actividades {
	overflow: hidden;
	min-width: 900px;
	height: 420px;
}

.informe #detalle .main-block .actividades .block {
	float: left;
	width: 280px;
	margin: 0 0 0 14px;
}
.informe #detalle .main-block .actividades .block:first-child,
.informe #detalle .main-block .actividades .block.info { margin:0; }

.informe #detalle .main-block .actividades .block .title {
	margin: 0 0 0 0;
	background: transparent url('../images/bg-block1.png') no-repeat right top;
	border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -ms-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0;
}
.informe #detalle .main-block .actividades .block .content {
	height: 365px;
	padding: 10px;
	background: transparent url('../images/bg-block2.png');
	background-size: 100% 100%;
	border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px;
}

.informe #detalle .main-block .actividades .block.info .title {
	color: #155f8f;
	background-image: url('../images/bg-block1b.png');
}
.informe #detalle .main-block .actividades .block.info .content {
	font-size: 16px;
	color: #155f8f;
	background: none;
	background-color: rgba(250,243,237,0.7);
}

.informe #detalle .main-block .actividades .pregunta {
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: 300;
}
.informe #detalle .content .pregunta .bandeja-wrap {
	position: relative;
	right: auto;
	bottom: auto;
	width: 130px;
	height: 100px;
	margin: 0 auto;
}
.informe #detalle .main-block .actividades .respuesta {
	font-size: 13px;
	font-weight: 300;
	color: #C33;
	line-height: 16px;
}

.informe #detalle .main-block .paginacion {
	margin: 15px 0 -15px 0;
}
.informe #detalle .main-block .paginacion a { 
	box-shadow:0 0 5px rgba(38,76,122,0.8); -moz-box-shadow:0 0 5px rgba(38,76,122,0.8); -webkit-box-shadow:0 0 5px rgba(38,76,122,0.8); -ms-box-shadow:0 0 5px rgba(38,76,122,0.8);
}