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


.dashboard #container.no-sidebar #main { margin:90px 0 160px 0; }



/* DASHBOARD ALERTAS
---------------------------------------------------------------------------------------------*/
.dashboard #container #main #alertas {
	float: left;
	width: 690px;
	height: 205px;
	padding: 0 0 20px 0;
	background: url('../images/sombra23.png') no-repeat center bottom;
}
.dashboard #alertas .block {
	overflow: hidden;
	clear: both;
	width: 660px;
	height: 142px;
	padding: 14px 15px;
	color: #FFF;
	overflow: hidden;
	background: url('../images/bg-alertas2.png') no-repeat right top;
	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;
}
.dashboard #alertas .block a { color:rgba(255,255,255,1); }
.dashboard #alertas .block a:hover { color:rgba(255,255,255,0.7); }


/* Pestañas */
.dashboard #alertas .tabs li {
	background: rgba(23,134,181,0.4) url('../images/bg-alertas1.png') repeat-x left top;
}
.dashboard #alertas .tabs li:hover,
.dashboard #alertas .tabs li.active {
	background-color: rgba(23,134,181,0.0);
}
.dashboard #alertas .tabs li a {
	padding: 0 0 0 7px;
	color: #FFF;
}
.dashboard #alertas .tabs li a span {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin: 5px 5px 0 0;
}
.dashboard #alertas .tabs li.tablon a span { background: url('../images/alertas-icons.png') no-repeat 0px top; }
.dashboard #alertas .tabs li.desafios a span { background: url('../images/alertas-icons.png') no-repeat -24px top; }
.dashboard #alertas .tabs li.invitaciones a span { background: url('../images/alertas-icons.png') no-repeat -48px top; }

.dashboard #alertas .tabs li a.more {
	padding: 0 12px;
	color: rgba(255,255,255,0.0);
	background: url('../images/alertas-more.png') no-repeat center center;
}
.dashboard #alertas .tabs li a.more:hover { background:url('../images/alertas-more-hover.png') no-repeat center center; }

.dashboard #alertas .tabs li .tab { background:url('../images/alertas-tab-left.png') no-repeat left center; }
.dashboard #alertas .tabs li:first-child .tab { background-image:none; }
/*.dashboard #alertas .tabs li .more { background:url('../images/alertas-tab-right.png') no-repeat right center; }
.dashboard #alertas .tabs li:last-child .more { background-image:none; }*/

.dashboard #alertas .aviso {
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	margin: 50px 0 0 0;
}




/* ALERTAS TABLON
---------------------------------------------------------------------------------------------*/
#alertas #tablon .mensaje-wrap {
	width: 660px;
	height: 40px;
	padding: 5px 0;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
#alertas #tablon .mensaje-wrap:first-child { padding-top:0; }
#alertas #tablon .mensaje-wrap:last-child { padding-bottom:0; border:none; }

#alertas #tablon .mensaje-wrap .avatar {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 7px 0 0;
}
#alertas #tablon .mensaje-wrap .avatar img {
	width: 40px;
	height: 40px;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px;
}

#alertas #tablon .mensaje-wrap .nombre {
	float: left;
	width: 400px;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	overflow: hidden;
}
#alertas #tablon .mensaje-wrap .nombre a {
	font-size: 16px;
	font-weight:500; 
}

#alertas #tablon .mensaje-wrap .tiempo {
	float: right;
	width: 200px;
	font-size: 11px;
	line-height: 18px;
	text-align: right;
}
#alertas #tablon .mensaje-wrap .mensaje {
	float: left;
	width: 613px;
	height: 18px;
	margin: 2px 0 0 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	overflow: hidden;
}




/* ALERTAS DESAFIOS (ALUMNO)
---------------------------------------------------------------------------------------------*/
/* Quien lo manda */
body.alumno #alertas #desafios .left {
	display: block;
	width: 179px;
	height: 142px;
	padding: 0 10px 0 0;
	border-right: 1px solid rgba(255,255,255,0.5);
}
body.alumno #alertas #desafios .left .perfil a {
	display: block;
	width: 179px;
	height: 44px;
	margin: 0 0 5px 0;
}
body.alumno #alertas #desafios .left .perfil:last-child a { margin:0; }

body.alumno #alertas #desafios .left .perfil a img {
	display: block;
	float: left;
	width: 44px;
	height: 44px;
	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;
}
body.alumno #alertas #desafios .left .perfil a .data {
	float: left;
	width: 125px;
	height: 34px;
	padding: 5px 5px;
	font-size: 13px;
	font-weight: 300;
	color: #1786B5;
	line-height: 13px;
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	background-color: rgba(255,255,255,0.7);
	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;
}
body.alumno #alertas #desafios .left .perfil a .data .colegio { display:block; font-size:11px; }
body.alumno #alertas #desafios .left .perfil a.active .data,
body.alumno #alertas #desafios .left .perfil a:hover .data { background-color:rgba(255,255,255,1); }


/* Desafio en cuestion */
body.alumno #alertas #desafios .right {
	position: relative;
	overflow: hidden;
	width: 460px;
	height: 142px;
}
body.alumno #alertas #desafios .right .aceptar,
body.alumno #alertas #desafios .right .rechazar {
	position: absolute;
	z-index: 10;
	top: 5px;
	display: block;
	width: 22px;
	height: 22px;
}
body.alumno #alertas #desafios .right .rechazar { right:31px; }
body.alumno #alertas #desafios .right .aceptar { right:6px; }

body.alumno #alertas #desafios .right .porcion { height:24px; font-size:18px; font-weight:500; overflow:hidden; }
body.alumno #alertas #desafios .right .materia { height:18px; font-size:14px; font-weight:500; overflow:hidden; }
body.alumno #alertas #desafios .right .mensaje { height:15px; font-size:12px; font-weight:300; overflow:hidden; margin:5px 0 10px 0; }

body.alumno #alertas #desafios .right .tovis-XL {
	position: relative;
	float: left;
	width: 150px;
	height: 50px;
	padding: 10px;
	margin: 0 10px 0 0;
	color: #1786B5;
	text-align: right;
	line-height: 58px;
	background-color: rgba(255,255,255,0.85);
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px;
}
body.alumno #alertas #desafios .right .tovis-XL em {
	position: absolute;
	z-index: 10;
	display: block;
	width: 50px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	font-style: normal;
	text-align: left;
}

body.alumno #alertas #desafios .right .tiempo {
	float: left;
	width: 90px;
	height: 40px;
	padding: 15px 5px;
	color: #1786B5;
	font-size: 13px;
	text-align: center;
	background-color: rgba(255,255,255,0.85);
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px;
}
body.alumno #alertas #desafios .right .tiempo span {
	display: block;
	font-size: 18px;
	font-weight: 500;
}




/* ALERTAS DESAFIOS (PROFESOR)
---------------------------------------------------------------------------------------------*/
body.profesor #alertas #desafios table tr .fecha { width:60px; text-align:left; }
body.profesor #alertas #desafios table tr .nombre { width:220px; text-align:left; }
body.profesor #alertas #desafios table tr .grupo { width:120px; text-align:left; }
body.profesor #alertas #desafios table tr .tiempo { width:65px; text-align:center; }
body.profesor #alertas #desafios table tr .graph { width:100px; text-align:center; }
body.profesor #alertas #desafios table tr .tovis { width:70px; text-align:right; }
body.profesor #alertas #desafios table tr th.tovis { text-align:center; }

body.profesor #alertas #desafios table tr th,
body.profesor #alertas #desafios table tr td { padding:0 5px 0 0; }
body.profesor #alertas #desafios table tr th:last-child,
body.profesor #alertas #desafios table tr td:last-child { padding:0; }

body.profesor #alertas #desafios table tr th {
	font-weight: 500;
	height: 19px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
body.profesor #alertas #desafios table tbody tr td {
	font-weight: 300;
	height: 29px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
body.profesor #alertas #desafios table tbody tr:hover td {
	background-color:rgba(255,255,255,0.15);
}

/* Barras gráficas */
body.profesor #alertas #desafios table tr td.graph {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('../images/alertas-graph.png');
}
body.profesor #alertas #desafios table tr.mal td.graph { background-image:url('../images/bg-mal.png'); font-weight:500; text-shadow:0 0 3px #FFF; }
body.profesor #alertas #desafios table tr.bien td.graph { background-image:url('../images/bg-bien.png'); }
body.profesor #alertas #desafios table tr.regular td.graph { background-image:url('../images/bg-regular.png'); }



/* ALERTAS INVITACIONES
---------------------------------------------------------------------------------------------*/
#alertas #invitaciones { display:none; }
#alertas #invitaciones .invitacion {
	float: left;
	width: 130px;
	height: 140px;
	margin: 0 1px;
	position: relative;
	overflow: hidden;
}

#alertas #invitaciones .invitacion .aceptar,
#alertas #invitaciones .invitacion .rechazar {
	position: absolute;
	z-index: 10;
	top: 5px;
	display: block;
	width: 22px;
	height: 22px;
}
#alertas #invitaciones .invitacion .rechazar { right:30px; }
#alertas #invitaciones .invitacion .aceptar { right:5px; }


#alertas #invitaciones .invitacion .avatar {
	display: block;
	width: 130px;
	height: 130px;
	background-color: #FFF;
	border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0;
}
#alertas #invitaciones .invitacion .avatar:hover { color:rgba(255,255,255,1); }

#alertas #invitaciones .invitacion .avatar img {
	display: block;
	width: 130px;
	height: 130px;
	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 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0;
}
#alertas #invitaciones .invitacion .avatar:hover img { opacity:0.5; }

#alertas #invitaciones .invitacion .data {
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	width: 118px;
	padding: 5px 6px;
	font-size: 13px;
	font-weight: 300;
	color: #1786B5;
	line-height: 13px;
	background-color: #FFF;
	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;
}
#alertas #invitaciones .invitacion .apellidos { display:block; font-size:11px; }




/* DASHBOARD SLIDER
---------------------------------------------------------------------------------------------*/
.dashboard #container #main #news {
	float: right;
	width: 250px;
	height: 205px;
	padding: 0 0 20px 0;
	background: url('../images/sombra13.png') no-repeat center 205px !important;
}

.rslides-container {
	position: relative;
	width: 250px;
	height: 205px;
}
.rslides-container .rslides {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.rslides-container .rslides li {
	overflow: hidden;
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
.rslides-container .rslides li:first-child { position:relative; display:block; }

.rslides-container .rslides li img {
	display: block;
	width: 250px;
	height: 205px;
}
.rslides-container .rslides li span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 224px;
	padding: 13px;
	color: #FFF;
	text-align: center;
	background-color: rgba(102,85,68,0.8);
}


/* Laterales para mostrar la imagen anterior/siguiente */
.rslides-container .transparent-btns_nav {
	position: absolute;
	overflow: hidden;
	z-index: 3;
	top: 0;
	display: block;
	width: 48%;
	height: 100%;
	text-indent: -9999px;
	opacity: 0;
	filter: alpha(opacity=1);
	background: #FFF; /* Fix for IE6-9 */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.rslides-container .transparent-btns_nav.prev { left:0; }
.rslides-container .transparent-btns_nav.next { left:auto; right:0; }


/* Paginación */
.transparent-btns_tabs {
	margin-top: 10px;
	text-align: center;
}
.transparent-btns_nav:focus { outline:none; }

.transparent-btns_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin: 0 3px;
}
.transparent-btns_tabs a {
	overflow: hidden;
	display: inline-block;
	_display: block;
	*display: block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	border: 2px solid #FFF;
	background-color: #FFF;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
	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);
}
.transparent-btns_here a { background-color:#46b9d7; }




/* DASHBOARD KITCHEN
---------------------------------------------------------------------------------------------*/
.dashboard #kitchen {
	clear: both;
	width: 960px;
	/*height: 285px;*/
	padding: 0 0 20px 0;
	background: url('../images/sombra33.png') no-repeat center bottom;
}
.dashboard #kitchen .block {
	clear: both;
	width: 930px;
	/*height: 220px;*/
	padding: 15px;
	background: url('../images/bg-mainblock2.png') no-repeat right top;
	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;
}

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


/* Izda */
.dashboard #kitchen .block article>.left {
	width: 240px;
	height: 220px;
	background: url('../images/cocinero-sms1b.png') no-repeat left bottom;
}
.dashboard #kitchen .block article>.left .boton-lr {
	margin: 0 0 10px 0;
}
.dashboard #kitchen .block article>.left .mensaje {
	padding: 0 5px;
}
.dashboard #kitchen .block article>.left .mensaje p {
	text-align: right;
	margin: 0 0 5px 0;
}


/* Decha */
.dashboard #kitchen .block article>.right {
	width: 680px;
	/*height: 220px;*/
}




/* DASHBOARD KITCHEN PROFESOR (añadidos/cambios)
---------------------------------------------------------------------------------------------*/
.profesor.dashboard #kitchen a.tab {
	padding-right:0;
}
.profesor.dashboard #kitchen a.tab:last-child { padding-right:10px; }
/* La ultima pestaña no tiene + */

.dashboard #kitchen #crear-grupo .content {
	min-height: 100px;
	padding: 15px 25px 15px 240px;
	font-size: 14px;
	text-align: center;
	background: url('../images/cocinero-sms2a.png') no-repeat 25px 20px;
}




/* DASHBOARD PADRES
---------------------------------------------------------------------------------------------*/
.padres.dashboard #sidebar #news {
	padding-bottom: 50px;
	background: url("../images/sombra13.png") no-repeat center 205px;
}

.padres.dashboard #main section.hijo .block {
	position: relative;
	padding: 15px;
	background: url('../images/bg-mainblock2.png') no-repeat right top;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
.padres.dashboard #main section.hijo .block a.perfil {
	overflow: hidden;
	display: block;
	color: #654;
	opacity: 1;
}
.padres.dashboard #main section.hijo .block a.perfil:hover { opacity:0.5; }

.padres.dashboard #main section.hijo .block a.perfil img {
	display: block;
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 15px 0 0;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
.padres.dashboard #main section.hijo .block a.perfil h2 {
	margin: 10px 0 0 0;
	font-size: 27px;
	font-weight: 100;
}
.padres.dashboard #main section.hijo .block a.perfil h3 {
	margin: 0 0 0 0;
	font-size: 18px;
	font-weight: 300;
}


/* Suscripciones */
.padres.dashboard #main section.hijo .block a.suscripcion {
	position: absolute;
	z-index: 10;
	display: block;
	width: 240px;
}
.padres.dashboard #main section.hijo .block a.suscripcion:hover { opacity:0.7; }

.padres.dashboard #main section.hijo .block a.suscripcion.school { left:180px; bottom:15px; }
.padres.dashboard #main section.hijo .block a.suscripcion.home   { right:15px; bottom:15px; }

.padres.dashboard #main section.hijo .block a.suscripcion .box {
	width: 220px;
	height: 58px;
	padding: 7px 10px 0 10px;
	margin: 0;
	color: #654;
	text-align: center;
	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;
}

.padres.dashboard #main section.hijo .block a.suscripcion .box .title1 { display:block; font-size:15px; font-weight:500; margin-bottom:1px; }
.padres.dashboard #main section.hijo .block a.suscripcion .box .title2 { display:block; font-size:13px; font-weight:500; }
.padres.dashboard #main section.hijo .block a.suscripcion .box .title3 { display:block; font-size:12px; }

.padres.dashboard #main section.hijo .block a.suscripcion.school .box .title1 { color:#1786b5; }
.padres.dashboard #main section.hijo .block a.suscripcion.home .box .title1   { color:#73bb1e; }


/* Alerta suscripcion */
.padres.dashboard #main section.hijo .block a.suscripcion .alerta {
	width: 200px;
	height: 70px;
	margin: 0 0 5px 0;
	padding: 10px 20px 0 20px;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	background-image: url('../images/icon-desplegar.png'), url('../images/bg-rojo.png');
	background-repeat: no-repeat, no-repeat;
	background-size: auto, 100% 100%;
	background-position: 102px 43px, center center;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
.padres.dashboard #main section.hijo .block a.suscripcion .alerta.naranja { background-image:url('../images/icon-desplegar.png'), url('../images/bg-naranja.png'); }
.padres.dashboard #main section.hijo .block a.suscripcion .alerta.roja { background-image:url('../images/icon-desplegar.png'), url('../images/bg-rojo.png'); }

.padres.dashboard #main section.hijo .block a.suscripcion .alerta span { display:block; font-size:15px; }
.padres.dashboard #main section.hijo .block a.suscripcion .alerta span strong { font-size:18px; font-weight:500; }




/* FOOTER
---------------------------------------------------------------------------------------------*/
.dashboard #footer {
	display: block;
	visibility: visible;
}