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


/* LISTADO DE DESAFIOS
---------------------------------------------------------------------------------------------*/
/* Pestañas */
body.desafios #main .tabs li {
	background: #e4d4bb url('../images/bg-mainblock1.png') repeat-x left top;
}
body.desafios #main .tabs li:hover,
body.desafios #main .tabs li.active {
	background-color: #FFF;
}
body.desafios #main .tabs li a {
	color: #654;
}

body.desafios #main .tabs li .tab { background:url('../images/tab-left.png') no-repeat left center; }
body.desafios #main .tabs li:first-child .tab { background-image:none; }

/* le quito el margen derecho a los alumnos por el listado de cajas */
body.alumno.desafios #container #main section#desafios .main-block {
	width: 675px;
	padding-right: 0;
	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;
}




/* LISTADO DE DESAFIOS (ALUMNO)
---------------------------------------------------------------------------------------------*/
/* Listado de avatares */
body.alumno.desafios #main #desafios .main-block .content { overflow:hidden; }

body.alumno.desafios #main #desafios .main-block .avatar {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	width: 210px;
	height: 210px;
	margin: 0 15px 15px 0;
	padding:0;
	background-color: #654;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
body.alumno.desafios #main #desafios .main-block .avatar>img {
	display: block;
	width: 210px;
	height: 210px;
	border: none;
	opacity: 1;
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
}
body.alumno.desafios #main #desafios .main-block .avatar:hover>img,
body.alumno.desafios #main #desafios .main-block .avatar.active>img,
body.alumno.desafios #main #desafios .main-block .avatar.active:hover>img { opacity:0.5; }


body.alumno.desafios #main #desafios .main-block .avatar .time {
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px 5px 4px 5px;
	font-size: 12px;
	color: #FFF;
	background-color: rgba(102,85,68,0.7);
	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:0 4px 0 4px; -moz-border-radius:0 4px 0 4px; -webkit-border-radius:0 4px 0 4px; -ms-border-radius:0 4px 0 4px; -o-border-radius:0 4px 0 4px;
}
body.alumno.desafios #main #desafios .main-block .avatar .time img {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin: -1px 3px 0 0;
}

body.alumno.desafios #main #desafios .main-block .avatar .data {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 190px;
	padding: 10px;
	color: #FFF;
	background-color: rgba(102,85,68,0.7);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
}
body.alumno.desafios #main #desafios .main-block .avatar .data .nombre {
	display: block;
	margin: 0 0 4px 0;
	font-size: 14px;
	line-height: 16px;
}
body.alumno.desafios #main #desafios .main-block .avatar .data .escuela {
	display: block;
	font-size: 12px;
	line-height: 14px;
}


body.alumno.desafios #main #desafios .main-block article .paginacion { margin-right:15px; }


/* Aceptar / Rechazar / Subir desafio */
body.alumno.desafios #main #desafios .main-block .avatar.active .opciones { display:block; }

body.alumno.desafios #main #desafios .main-block .avatar .opciones {
	display: none;
	position: absolute;
	left: 45px;
	top: 60px;
	width: 120px;
	height: 54px;
}
body.alumno.desafios #main #desafios .main-block .avatar .opciones .aceptar,
body.alumno.desafios #main #desafios .main-block .avatar .opciones .rechazar,
body.alumno.desafios #main #desafios .main-block .avatar .opciones .subir {
	display: block;
	width: 54px;
	height: 54px;
}
body.alumno.desafios #main #desafios .main-block .avatar .opciones .aceptar img,
body.alumno.desafios #main #desafios .main-block .avatar .opciones .rechazar img,
body.alumno.desafios #main #desafios .main-block .avatar .opciones .subir img {
	width: 40px;
	height: 40px;
	padding: 5px;
	border: 2px solid #FFF;
	background-image: none !important;
	box-shadow: 0 0 15px rgba(255,255,255,1);
	border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px;
}
body.alumno.desafios #main #desafios .main-block .avatar .opciones .aceptar { float:left; }
body.alumno.desafios #main #desafios .main-block .avatar .opciones .rechazar { float:right; }
body.alumno.desafios #main #desafios .main-block .avatar .opciones .subir { margin: 0 auto; }




/* LISTADO DE DESAFIOS (PROFESOR)
---------------------------------------------------------------------------------------------*/
body.profesor.desafios table.desafios tr .fecha { width:58px; padding-left:5px; text-align:left; }
body.profesor.desafios table.desafios tr .nombre { width:220px; text-align:left; }
body.profesor.desafios table.desafios tr .grupo { width:120px; text-align:left; }
body.profesor.desafios table.desafios tr .tiempo { width:65px; text-align:center; }
body.profesor.desafios table.desafios tr .graph { width:100px; text-align:center; }
body.profesor.desafios table.desafios tr .tovis { width:62px; padding-right:5px; text-align:right; }
body.profesor.desafios table.desafios tr th.tovis { text-align:center; }


body.profesor.desafios table.desafios tr th {
	font-weight: 500;
	height: 19px;
	padding: 0 5px 0 0;
	border-bottom: 1px solid rgba(212,178,136,0.5);
}
body.profesor.desafios table.desafios tr th:last-child { padding:0; }

body.profesor.desafios table.desafios tbody tr td {
	font-weight: 300;
	height: 40px;
	line-height: 16px;
	border-bottom: 1px solid rgba(212,178,136,0.5);
	background-color: rgba(212,178,136,0);
}
body.profesor.desafios table.desafios tbody tr:hover td { background-color:rgba(212,178,136,0.15); }

body.profesor.desafios table.desafios tbody tr td.graph {
	background-image: url('../images/bg-graph.png');
	background-repeat: no-repeat;
	background-position: left center;
}
body.profesor.desafios table.desafios tbody tr td a {
	display: inherit;
	width: inherit;
	vertical-align: middle;
	height: 40px;
	padding: 0 5px 0 0;
	color: #654;
}
body.profesor.desafios table.desafios tbody tr td:last-child a { padding:0; }


/* Para el histórico */
body.profesor.desafios #historico-desafios table.desafios {
	margin: 0 5px;
	border-collapse: separate;
	border-spacing: 0 2px;
}
body.profesor.desafios #historico-desafios table.desafios tr th { border-bottom:none; }
body.profesor.desafios #historico-desafios table.desafios tbody tr td {
	background-size: 100% 100%;
	border-bottom: none;
}

body.profesor.desafios #historico-desafios table.desafios tbody tr.mal td { color:#855; background-image:url('../images/bg-mal.png'); }
body.profesor.desafios #historico-desafios table.desafios tbody tr.bien td { color:#784; background-image:url('../images/bg-bien.png'); }
body.profesor.desafios #historico-desafios table.desafios tbody tr.regular td { color:#960; background-image:url('../images/bg-regular.png'); }

body.profesor.desafios #historico-desafios table.desafios tbody tr.mal td.graph {
	background-image:url('../images/bg-graph-blanco.png'), url('../images/bg-mal.png');
	background-repeat: no-repeat, no-repeat;
	background-position: left center, center center;
}
body.profesor.desafios #historico-desafios table.desafios tbody tr.bien td.graph {
	background-image:url('../images/bg-graph-blanco.png'), url('../images/bg-bien.png');
	background-repeat: no-repeat, no-repeat;
	background-position: left center, center center;
}
body.profesor.desafios #historico-desafios table.desafios tbody tr.regular td.graph {
	background-image:url('../images/bg-graph-blanco.png'), url('../images/bg-regular.png');
	background-repeat: no-repeat, no-repeat;
	background-position: left center, center center;
}

body.profesor.desafios #historico-desafios table.desafios tbody 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; }
body.profesor.desafios #historico-desafios table.desafios tbody 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; }

body.profesor.desafios .paginacion { margin:10px 0 0 0; }




/* CREAR DESAFIOS (PROFESOR)
---------------------------------------------------------------------------------------------*/
body.profesor.desafios #nuevo .descripcion {
	min-height: 100px;
	margin: 0 0 15px 0;
	padding: 15px 15px 15px 220px;
	font-size: 14px;
	text-align: center;
	background: #FFF url('../images/cocinero-sms2a.png') no-repeat 5px center;
	border: 1px solid rgba(102,85,68,0.5);
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
	box-shadow: 0 0 6px rgba(212,178,136,0.5) inset;
}
body.profesor.desafios #nuevo .descripcion p { margin:0 0 7px 0; }
body.profesor.desafios #nuevo .descripcion p:last-child { margin:0; }




/* HISTORICO DE DESAFIOS, LISTADO (ALUMNO)
---------------------------------------------------------------------------------------------*/
body.alumno.desafios #historico-desafios table {
	margin: -2px 0;
	border-collapse: separate;
	border-spacing: 0 2px;
}

body.alumno.desafios #historico-desafios table tr.mal td a { color:#855; }
body.alumno.desafios #historico-desafios table tr.bien td a { color:#784; }
body.alumno.desafios #historico-desafios table tr td a:hover { opacity:0.7; }
body.alumno.desafios #historico-desafios table tr.mal td { color:#855; background-image:url('../images/bg-mal.png'); }
body.alumno.desafios #historico-desafios table tr.bien td { color:#784; background-image:url('../images/bg-bien.png'); }

body.alumno.desafios #historico-desafios table tr td:first-child { 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.desafios #historico-desafios table tr td:last-child { 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.desafios #historico-desafios table tr td.perfil { width:250px; }
body.alumno.desafios #historico-desafios table tr td.tema   { width:270px; }
body.alumno.desafios #historico-desafios table tr td.fecha  { width:80px; text-align:center; }
body.alumno.desafios #historico-desafios table tr td.estado { width:30px; }

body.alumno.desafios #historico-desafios table tr td {
	height: 40px;
	padding: 5px;
	text-align: left;
	background-size: 100% 100%;
}
body.alumno.desafios #historico-desafios table tr td .title1 {
	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
}
body.alumno.desafios #historico-desafios table tr td .title2 {
	display: block;
	font-size: 13px;
	font-weight: 300;
	line-height: 14px;
}

body.alumno.desafios #historico-desafios table tr td a {
	display: block;
	height: 40px;
	color: #333;
}
body.alumno.desafios #historico-desafios table tr td a .avatar {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 7px 0 0;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
body.alumno.desafios #historico-desafios table tr td a .avatar { display:block; }

body.alumno.desafios #historico-desafios table tr td a .title1 { padding-top:3px; }
body.alumno.desafios #historico-desafios table tr td a .title2 { float:left; }

body.alumno.desafios #historico-desafios table tr td.estado img {
	width: 30px;
	height: 30px;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;
}
body.alumno.desafios #historico-desafios table tr.mal td.estado img { background-color:#855; }
body.alumno.desafios #historico-desafios table tr.bien td.estado img { background-color:#784; }

body.alumno.desafios #historico-desafios .paginacion { margin:10px 0 0 0; }




/* ALUMNO RESUELVE DESAFIO DE PROFESOR
---------------------------------------------------------------------------------------------*/
body.alumno.desafios #popup.profesor #pop-head .icon {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	box-shadow:0 0 5px rgba(102,85,68,0.7); -moz-box-shadow:0 0 5px rgba(102,85,68,0.7); -webkit-box-shadow:0 0 5px rgba(102,85,68,0.7); -ms-box-shadow:0 0 5px rgba(102,85,68,0.7);
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
body.alumno.desafios #popup.profesor #pop-head h3 {
	padding-left: 60px;
}

body.alumno.desafios #popup.profesor #pop-head .time {
	display: inline-block;
	float: right;
	font-size: 14px;
}
body.alumno.desafios #popup.profesor #pop-head .time img { width:18px; height:18px; margin:0 0 -3px 0; }


body.alumno.desafios #popup.profesor #pop-body .content {
	font-size: 14px;
	text-align: center;
	margin: 0 15px 15px 15px;
}

body.alumno.desafios #popup.profesor #pop-body form a.descarga {
	font-size: 14px;
	color: #1786b5;
	text-decoration: underline;
}
body.alumno.desafios #popup.profesor #pop-body form a.descarga:hover { color:#6CF; }

body.alumno.desafios #popup.profesor #pop-body form a .icon {
	float: right;
	margin: 0 5px;
	width: 30px;
	height: 30px;
}

body.alumno.desafios #popup.profesor #pop-body form .botones {
	text-align: left;
}
body.alumno.desafios #popup.profesor #pop-body form .botones input {
	margin: 0 2px;
	width: 150px;
}
body.alumno.desafios #popup.profesor #pop-body form .botones input:first-child { margin-left:150px; }




/* LISTADO DE DESAFIOS
---------------------------------------------------------------------------------------------*/
body.desafios #main #listado .main-block {
	width: 675px !important;
	padding: 15px 0 15px 15px !important;
}
body.desafios #main #listado .main-block .article {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	width: 210px;
	height: 210px;
	margin: 0 15px 15px 0;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}

body.desafios #main #listado .main-block .article .avatar {
	display: block;
	width: 210px;
	height: 210px;
}
body.desafios #main #listado .main-block .article .avatar>img {
	display: block;
	width: 210px;
	height: 210px;
	border: none;
	opacity: 1;
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
}


/* Desafio hecho o no */
body.desafios #main #listado .main-block .article .avatar .estado {
	position: absolute;
	display: block;
	right: 5px;
	top: 5px;
}
body.desafios #main #listado .main-block .article .avatar .estado img {
	width: 30px;
	height: 30px;
	margin: 0;
	background-image: none;
	border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px;
}


/* Datos del alumno */
body.desafios #main #listado .main-block .article .avatar .data {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 190px;
	padding: 10px;
	color: #FFF;
	background-color: rgba(102,85,68,0.7);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
}
body.desafios #main #listado .main-block .article .avatar .data .nombre {
	display: block;
	margin: 0 0 4px 0;
	font-size: 14px;
	line-height: 16px;
}
body.desafios #main #listado .main-block .article .avatar .data .escuela {
	display: block;
	font-size: 12px;
	line-height: 14px;
}

body.desafios #main #listado .main-block .article .avatar:hover>img { opacity:0.5; }
body.desafios #main #listado .main-block .article .avatar:hover>.data { background-color:rgba(152,140,126,0.7); }

body.desafios #main #listado .main-block .paginacion { margin-right:15px; }


/* Alumno que ha subido el archivo */
body.desafios #main #listado .main-block .avatar:hover .opciones { display:block; }

body.desafios #main #listado .main-block .avatar .opciones {
	display: none;
	position: absolute;
	left: 78px;
	top: 60px;
	width: 120px;
	height: 54px;
}
body.desafios #main #listado .main-block .avatar .opciones img {
	display: block;
	width: 40px;
	height: 40px;
	padding: 5px;
	border: 2px solid #FFF;
	background-image: none !important;
	box-shadow: 0 0 15px rgba(255,255,255,1);
	border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px;
}