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


/* TOVIS
---------------------------------------------------------------------------------------------*/
.tovis-xs span {
	font-size: 12px !important;
	font-weight: 300 !important;
}
.tovis-xs img {
	display: inline;
	width: 14px;
	height: 14px;
	margin: 0 0 -2px 2px;
}

/* Pequeño */
.tovis-s span {
	font-size: 14px !important;
	font-weight: 500 !important;
}
.tovis-s img {
	display: inline;
	width: 16px;
	height: 16px;
	margin: 0 0 -3px 3px;
}

/* Medio */
.tovis-m span {
	font-size: 16px !important;
	font-weight: 500 !important;
}
.tovis-m img {
	display: inline;
	width: 20px;
	height: 20px;
	margin: 0 0 -4px 3px;
}

/* Grande */
.tovis-L span {
	font-size: 18px !important;
	font-weight: 500 !important;
	letter-spacing: -1px !important;
}
.tovis-L img {
	display: inline;
	width: 22px;
	height: 22px;
	margin: 0 0 -4px 3px;
}

/* Muy grande */
.tovis-XL span {
	font-size: 36px !important;
	font-weight: 500 !important;
	letter-spacing: -1px !important;
}
.tovis-XL img {
	display: inline;
	width: 44px;
	height: 44px;
	margin: 0 0 -8px 4px;
}

/* Enorme (mensajes popup) */
.tovis-XXL {
	margin: 15px auto;
}
.tovis-XXL span {
	font-size: 64px !important;
	font-weight: 300 !important;
	letter-spacing: -1px !important;
}
.tovis-XXL img {
	display: inline;
	width: 70px;
	height: 70px;
	margin: 0 0 -10px 5px;
}




/* SCROLL MENU
---------------------------------------------------------------------------------------------*/
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	/*margin-bottom:30px;*/
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.25);
	filter:"alpha(opacity=25)"; -ms-filter:"alpha(opacity=25)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}




/* BOTONES TIPICOS
---------------------------------------------------------------------------------------------*/
.botones { text-align:center; }
a.boton {
	display: inline-block;
	height: 40px;
	padding: 0 15px;
	font-size: 18px;
	font-weight: 500;
	color: #FFF;
	text-align: center;
	line-height: 38px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
.form-item.botones input {
	cursor: pointer;
	display: inline-block;
	height: 40px;
	border: none;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	line-height: 38px;
	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;
}
a.boton.inactive, .form-item.botones input.inactive,
a.boton.inactive:hover, .form-item.botones input.inactive:hover { opacity:0.5; }

a.boton:hover,   .form-item.botones input:hover   { opacity:0.7; }
a.boton.marron,  .form-item.botones input.marron  { background:#665544 url('../images/bg-marron.png');  background-size:100% 100%; }
a.boton.azul,    .form-item.botones input.azul    { background:#1786b5 url('../images/bg-azul.png');    background-size:100% 100%; }
a.boton.verde,   .form-item.botones input.verde   { background:#73bb1e url('../images/bg-verde.png');   background-size:100% 100%; }
a.boton.rojo,    .form-item.botones input.rojo    { background:#da5b3a url('../images/bg-rojo.png');    background-size:100% 100%; }
a.boton.morado,  .form-item.botones input.morado  { background:#ae59a7 url('../images/bg-morado.png');  background-size:100% 100%; }
a.boton.naranja, .form-item.botones input.naranja { background:#ee9922 url('../images/bg-naranja.png'); background-size:100% 100%; }


/* Boton para ir a derechas o izquierdas */
.boton-lr {
	height: 30px;
	font-weight: 500;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	line-height: 28px;
	background: #1786B5 url('../images/bg-azul.png') center;
	background-size: 100% 100%;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
.boton-lr a.left,
.boton-lr a.right {
	display: inline-block;
	width: 25px;
	height: 30px;
	color: rgba(255,255,255,0.0);
}
.boton-lr a.left { background:url('../images/icon-left-blanco.png') no-repeat center center; }
.boton-lr a.right { background:url('../images/icon-right-blanco.png') no-repeat center center; }
.boton-lr a.left:hover,
.boton-lr a.right:hover { opacity:0.7; }




/* ICONOS
---------------------------------------------------------------------------------------------*/
img.icon {
	display: block;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
img.icon.marron { background:#665544 url('../images/bg-marron.png'); background-size:100% 100%; }
img.icon.azul   { background:#1786b5 url('../images/bg-azul.png');   background-size:100% 100%; }
img.icon.verde  { background:#73bb1e url('../images/bg-verde.png');  background-size:100% 100%; }
img.icon.rojo   { background:#da5b3a url('../images/bg-rojo.png');   background-size:100% 100%; }
img.icon.morado { background:#ae59a7 url('../images/bg-morado.png'); background-size:100% 100%; }
img.icon.blanco { background-color:#FFFFFF; background-size:100% 100%; }

a .icon { transition:all 0.3s; opacity:1; }
a:hover .icon { opacity:0.7; }

/* Botones Aceptar / Rechazar / Desafio */
.aceptar img.icon, .rechazar img.icon, .desafio img.icon {
	display: block;
	width: 100%;
	height: 100%;
	/*background-color: inherit;*/
	background-image: none !important;
	border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px;
}


/* Candado */
.close .candado,
.open .candado {
	display: block;
	width: 20px;
	height: 24px;
}
.close .candado { background:url('../images/candado.png') no-repeat 0px center; }
.open .candado { background:url('../images/candado.png') no-repeat -21px center; }




/* PAGINACION
---------------------------------------------------------------------------------------------*/
.paginacion {
	clear: both;
	margin: 0 10px 0 0;
	padding: 5px;
	text-align: center;
	font-size: 10px;
}
.paginacion a {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 2px;
	color: rgba(255,255,255,0);
	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(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);
}
.paginacion a:hover, .paginacion a.actual { background-color:#46b9d7; }




/* TABLAS DE PESTAÑAS
---------------------------------------------------------------------------------------------*/
ul.tabs {
	overflow: hidden;
	display: block;
	height: 35px;
}
ul.tabs li {
	display: block;
	height: 35px;
	float: left;
	font-size: 16px;
	font-weight: 500;
	line-height: 34px;
	letter-spacing: -0.5px;
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul.tabs li { letter-spacing:-1px; }
}

ul.tabs li a {
	display: inline-block;
	padding: 0 10px;
	height: 35px;
}
ul.tabs li:first-child { border-radius:4px 0 0 0; -moz-border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0; -ms-border-radius:4px 0 0 0; -o-border-radius:4px 0 0 0; }
ul.tabs li:last-child { border-radius:0 4px 0 0; -moz-border-radius:0 4px 0 0; -webkit-border-radius:0 4px 0 0; -ms-border-radius:0 4px 0 0; -o-border-radius:0 4px 0 0; }




/* POPUP VALIDAR SUSCRIPCION SCHOOL
---------------------------------------------------------------------------------------------*/
body #popup.validar #pop-head .icon.marron {
	width: 34px;
	height: 34px;
	padding: 3px;
}
body #popup.validar #pop-body .content {
	margin-bottom: 30px;
	text-align: center;
}

body #popup.validar #pop-body form label {
	display: none;
}
body #popup.validar #pop-body form .form-item {
	width: 360px;
}
body #popup.validar #pop-body form .form-item.botones {
	margin-top: 30px;
}
body #popup.validar #pop-body form .form-item.botones input {
	margin: 0;
}




/* TABLA KITCHEN SEMANAS
---------------------------------------------------------------------------------------------*/
/* Pestañas */
#kitchen .tabs li {
	background: #e4d4bb url('../images/bg-mainblock1.png') repeat-x left top;
}
#kitchen .tabs li:hover,
#kitchen .tabs li.active {
	background-color: #FFF;
}
#kitchen .tabs li a {
	color: #654;
}
#kitchen .tabs li a:hover { color:#da5b3a; }

#kitchen .tabs li.vacaciones a span {
	float: left;
	margin: 5px 5px 0 0;
}

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

#kitchen .tabs li a.more {
	display: block;
	float: right;
	height: 35px;
	padding: 0 7px;
	font-size: 30px;
	font-weight: 500;
	color: #654;
	line-height: 36px;
}
#kitchen .tabs li a.more:hover { opacity:0.5; }


/* Tabla */
#kitchen table.semanas {
	margin: -2px 0;
	border-collapse: separate;
	border-spacing: 0 2px;
}

#kitchen table.semanas tr th,
#kitchen table.semanas tr td {
	width: 44px;
	text-align: center;
	font-weight: 500;
}

#kitchen table.semanas thead tr th {
	height: 20px;
	font-size: 12px;
	color: #876;
	line-height: 20px;
	text-transform: uppercase;
	background-image:url('../images/kitchen-bg-semanas.png');
	background-size: 100% 100%;
}
#kitchen table.semanas thead tr th.actual {
	color: #FFF;
	font-weight: 700;
	background-color: #876;
}
#kitchen table.semanas thead tr th: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; }
#kitchen table.semanas thead tr th: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; }

#kitchen table.semanas tbody tr {
	height: 48px;
	font-size: 14px;
	line-height: 16px;
	background-image: url('../images/bg-crema.png');
	background-size: 100% 100%;
}
#kitchen table.semanas tbody tr th { 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; }
#kitchen table.semanas tbody 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; }

#kitchen table.semanas tr th:first-child {
	width: 120px;
	padding-left: 10px;
	text-align: left;
}
#kitchen table.semanas tr th:first-child a {
	display: table-cell;
	width: 120px;
	height: 48px;
	color: #654;
	vertical-align: middle;
}
#kitchen table.semanas tr th:last-child,
#kitchen table.semanas tr td:last-child {
	width: 120px;
}

#kitchen table.semanas tbody tr td.tovis div {
	width: 106px;
	height: 38px;
	margin: 5px 5px;
	padding: 0 2px;
	text-align: right;
	line-height: 38px;
	background: url('../images/kitchen-coins1.png') no-repeat;
}

#kitchen #toovari table.semanas tbody tr.active,
#kitchen #toovari table.semanas tbody tr:hover    { color:#da5b3a; background-image:url('../images/bg-kitchen-toovari.png'); }
#kitchen #mimenu table.semanas tbody tr.active,
#kitchen #mimenu table.semanas tbody tr:hover     { color:#ae59a7; background-image:url('../images/bg-kitchen-mimenu.png'); }
#kitchen #profesor table.semanas tbody tr.active,
#kitchen #profesor table.semanas tbody tr:hover   { color:#1786b5; background-image:url('../images/bg-kitchen-profesor.png'); }
#kitchen #vacaciones table.semanas tbody tr.active,
#kitchen #vacaciones table.semanas tbody tr:hover { color:#f7aa1a; background-image:url('../images/bg-kitchen-vacaciones.png'); }

#kitchen #toovari table.semanas tbody tr.active a,
#kitchen #toovari table.semanas tbody tr:hover a    { color:#da5b3a; }
#kitchen #mimenu table.semanas tbody tr.active a,
#kitchen #mimenu table.semanas tbody tr:hover a     { color:#ae59a7; }
#kitchen #profesor table.semanas tbody tr.active a,
#kitchen #profesor table.semanas tbody tr:hover a   { color:#1786b5; }
#kitchen #vacaciones table.semanas tbody tr.active a,
#kitchen #vacaciones table.semanas tbody tr:hover a { color:#f7aa1a; }

#kitchen #toovari table.semanas tbody tr.active td.tovis div,
#kitchen #toovari table.semanas tbody tr:hover td.tovis div    { background-image:url('../images/kitchen-coins1-toovari.png'); }
#kitchen #mimenu table.semanas tbody tr.active td.tovis div,
#kitchen #mimenu table.semanas tbody tr:hover td.tovis div     { background-image:url('../images/kitchen-coins1-mimenu.png'); }
#kitchen #profesor table.semanas tbody tr.active td.tovis div,
#kitchen #profesor table.semanas tbody tr:hover td.tovis div   { background-image:url('../images/kitchen-coins1-profesor.png'); }
#kitchen #vacaciones table.semanas tbody tr.active td.tovis div,
#kitchen #vacaciones table.semanas tbody tr:hover td.tovis div { background-image:url('../images/kitchen-coins1-vacaciones.png'); }




/* TABLA KITCHEN MENU PROFESOR (PROFESOR)
---------------------------------------------------------------------------------------------*/
#kitchen table.menu-profesor {
	margin: -2px 0;
	border-collapse: separate;
	border-spacing: 0 2px;
}

#kitchen table.menu-profesor tr th,
#kitchen table.menu-profesor tr td {
	width: 44px;
	text-align: center;
	font-weight: 500;
}

#kitchen table.menu-profesor thead tr th {
	height: 20px;
	font-size: 12px;
	color: #876;
	line-height: 20px;
	text-transform: uppercase;
	background-image:url('../images/kitchen-bg-semanas.png');
	background-size: 100% 100%;
}
#kitchen table.menu-profesor thead tr th.actual {
	color: #FFF;
	font-weight: 700;
	background-color: #876;
}
#kitchen table.menu-profesor thead tr th:first-child {
	text-align: right;
}
#kitchen table.menu-profesor thead tr th: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; }
#kitchen table.menu-profesor thead tr th: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; }

#kitchen table.menu-profesor tbody tr {
	height: 48px;
	font-size: 14px;
	line-height: 16px;
	background-image: url('../images/bg-crema.png');
	background-size: 100% 100%;
}
#kitchen table.menu-profesor tbody tr th { 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; }
#kitchen table.menu-profesor tbody 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; }
/* Hasta aquí la tabla era igual */

/* Casilla del alumno */
#kitchen table.menu-profesor tbody tr td.alumno {
	width: 260px;
	text-align: left;
}
#kitchen table.menu-profesor tbody tr td.alumno a {
	display: block;
	width: 100%;
	height: 40px;
	padding: 4px 0;
	color: #654;
}
#kitchen table.menu-profesor tbody tr td.alumno a img.avatar {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 4px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#kitchen table.menu-profesor tbody tr td.alumno a .nombre {
	display: block;
	float: left;
	width: 210px;
	margin: 2px 0;
}
#kitchen table.menu-profesor tbody tr td.alumno a .tovis-xs {
	display: block;
	float: left;
}
#kitchen table.menu-profesor tbody tr td.alumno a .nivel {
	display: block;
	float: left;
	 margin: 0 0 0 4px;
}

/* Casilla del informe */
#kitchen table.menu-profesor tbody tr td.informe { width:30px; }
#kitchen table.menu-profesor tbody tr td.informe a img {
	width: 30px;
	height: 30px;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;
}
#kitchen table.menu-profesor tbody tr td.informe a:hover { opacity:0.7; }

/* Casilla del trimestre */
#kitchen table.menu-profesor tbody tr td.trimestre {
	overflow: hidden;
	width: 70px;
}
#kitchen table.menu-profesor tbody tr td.trimestre small {
	display: block;
	margin:-4px 0 2px 0;
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;
}
#kitchen table.menu-profesor tbody tr td.trimestre span {
	font-size: 20px;
}
#kitchen table.menu-profesor tbody tr td.trimestre a.left,
#kitchen table.menu-profesor tbody tr td.trimestre a.right {
	display: inline-block;
	width: 23px;
	height: 14px;
	margin: 0px 0;
	color: rgba(0,0,0,0.0);
}
#kitchen table.menu-profesor tbody tr td.trimestre a.left { background:url('../images/icon-left.png') no-repeat center center; }
#kitchen table.menu-profesor tbody tr td.trimestre a.right { background:url('../images/icon-right.png') no-repeat center center; }
#kitchen table.menu-profesor tbody tr td.trimestre a.left:hover,
#kitchen table.menu-profesor tbody tr td.trimestre a.right:hover { opacity:0.6; }

/* Casilla del desempeño */
#kitchen table.menu-profesor tbody tr td.tovis div {
	width: 116px;
	height: 38px;
	margin: 5px 5px;
	padding: 0 2px;
	text-align: right;
	line-height: 38px;
	background: url('../images/kitchen-desempeno1.png') no-repeat left center;
}

#kitchen table.menu-profesor tbody tr.active,
#kitchen table.menu-profesor tbody tr:hover { background-image:url('../images/bg-marron-claro.png'); }


/* Contenido crear grupo */
#kitchen #crear-grupo .content {
	min-height: 100px;
	padding: 10px 10px 10px 210px;
	font-size: 14px;
	text-align: center;
	background: url('../images/cocinero-sms2a.png') no-repeat 0% 33%;
}

#kitchen #crear-grupo .content h3 {
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: 500;
}
#kitchen #crear-grupo .content p { margin:0 0 5px 0; }
#kitchen #crear-grupo .content p:last-child { margin:20px 0 0 0; }




/* PLATOS KITCHEN
---------------------------------------------------------------------------------------------*/
#kitchen .plato a {
	display: block;
	width: 44px;
	height: 48px;
	background: url('../images/kitchen-plato.png') no-repeat center;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;
}
#kitchen .plato a:hover { background-color:rgba(255,255,255,0.5); }

#kitchen .plato .candado {
	background: url('../images/kitchen-icon-candado.png'), url('../images/kitchen-plato.png');
	background-repeat: no-repeat, no-repeat;
	background-position: center center, center center;
}
#kitchen .plato .al-60 {
	background: url('../images/kitchen-icon-60.png'), url('../images/kitchen-plato.png');
	background-repeat: no-repeat, no-repeat;
	background-position: center center, center center;
}
#kitchen .plato .ok1 {
	background: url('../images/kitchen-icon-ok1.png'), url('../images/kitchen-plato.png');
	background-repeat: no-repeat, no-repeat;
	background-position: center center, center center;
}
#kitchen .plato .ok2 {
	background: url('../images/kitchen-icon-ok2.png'), url('../images/kitchen-plato.png');
	background-repeat: no-repeat, no-repeat;
	background-position: center center, center center;
}
#kitchen .plato .sin-hacer {
	background: url('../images/kitchen-icon-sinhacer.png'), url('../images/kitchen-plato.png');
	background-repeat: no-repeat, no-repeat;
	background-position: center center, center center;
}
#kitchen .plato .sin-terminar {
	background: url('../images/kitchen-icon-sinterminar.png'), url('../images/kitchen-plato.png');
	background-repeat: no-repeat, no-repeat;
	background-position: center center, center center;
}
#kitchen .plato .en-ello {
	background: url('../images/kitchen-icon-enello.png'), url('../images/kitchen-plato.png');
	background-repeat: no-repeat, no-repeat;
	background-position: center center, center center;
}




/* POPUPS TOOVARI (on-boarding)
---------------------------------------------------------------------------------------------*/
#popup-wrap #popup.toovari #pop-head {
	height: 60px;
	padding: 20px 20px 20px 160px;
	background-color: #fafad4;
}
#popup-wrap #popup.toovari #pop-head .mascota {
	display: block;
	position: absolute;
	left: 40px;
	top: 10px;
	z-index: 1009;
}
#popup-wrap #popup.toovari #pop-head h2 { padding:0; color:#96bd0e; }
#popup-wrap #popup.toovari #pop-head h3 { padding:0; color:#579e28; font-size:18px; }

#popup-wrap #popup.toovari #pop-body .content {
	padding: 0 30px;
	text-align: center;
}
#popup-wrap #popup.toovari #pop-body .content p { font-size:15px; }

#popup-wrap #popup.toovari #pop-body .botones { margin:20px 0 0 0; }
#popup-wrap #popup.toovari #pop-body .botones .boton { width:190px; }




/* POPUPS MENU HEADER (Ayuda - Reglas del juego - Informar de un problema)
---------------------------------------------------------------------------------------------*/
#popup-wrap #popup.informar-problema #pop-head img {
	width: 32px;
	height: 32px;
	padding: 4px;
}
#popup-wrap #popup.informar-problema form .form-item { width:660px; }
#popup-wrap #popup.informar-problema form .form-item label { width:255px; text-align:right; }
#popup-wrap #popup.informar-problema form .botones input { margin:0 35px 0 265px; }




/* CONTENIDO DESPLEGABLE EN ACORDEON
---------------------------------------------------------------------------------------------*/
.ui-accordion-header {
	cursor: pointer;
	margin: 10px -5px !important;
	padding: 7px 5px 5px 25px;
	background: rgba(255,255,255,0.3) url('../images/icon-right-azul.png') no-repeat 8px 7px;
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px;
}
/*.ui-accordion-header:hover { background-color:rgba(255,255,255,0.6); }*/
.ui-accordion-header:focus { outline:none; }

.ui-accordion-header.ui-accordion-header-active {
	background: rgba(255,255,255,0.3) url('../images/icon-down-azul.png') no-repeat 4px 10px;
	border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -ms-border-radius:6px 6px 0 0; -o-border-radius:6px 6px 0 0;
}
.ui-accordion-content {
	margin: -10px -5px 0 -5px;
	padding: 0 5px 15px 5px;
	background-color: rgba(255,255,255,0.3);
	border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; -ms-border-radius:0 0 6px 6px; -o-border-radius:0 0 6px 6px;
}
/*.ui-accordion-content.ui-accordion-content-active { background-color:rgba(255,255,255,0.6); }*/




/* PARTE CORPORATIVA
---------------------------------------------------------------------------------------------*/
body.corporate #header #logo { width:960px; }

body.alumno.corporate #header #logo,
body.padres.corporate #header #logo,
body.profesor.corporate #header #logo { width:auto; }

body.corporate #header #logo a { float:left; }
body.corporate.user #header #logo a { float:none; }

body.corporate #header #logo span.title {
	display: block;
	float: left;
	margin: 10px 0;
	padding: 0 15px;
	font-size: 30px;
	font-weight: 300;
	color: #FFF;
	line-height: 40px;
	border-left: 2px solid #FFF;
}

body.corporate #container.with-sidebar #main { float:right; }

body.corporate #container #main section { background-image:none; padding-bottom:0; }

body.corporate #container #main section .main-block {
	overflow: hidden;
	color: #046;
	background-color: rgba(234,242,250,0.6);
	background-image: none;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;
}

body.corporate .document h2 { color:#08C; font-size:27px; font-weight:300; margin:20px 0 5px 0; }
body.corporate .document h3 { color:#069; font-size:18px; font-weight:500; margin:10px 0 5px 0; }
body.corporate .document h3 img { margin:0 0 -10px 5px; }

body.corporate .document ul { margin:0 20px 5px 50px; }
body.corporate .document ul li { margin:0 0 2px 0; list-style:disc; }

body.corporate .document ol { margin:0 20px 5px 10px; }
body.corporate .document ol li { margin:0 0 2px 0; list-style:decimal; }

body.corporate .document p { text-align:justify; margin:0 20px 5px 20px; }

body.corporate .document a { color:#08C; }
body.corporate .document a:hover { color:#da5b3a; }

body.corporate .document h2:first-child { margin-top:0; }
body.corporate .document p:last-child { margin-bottom:0; }


/* Cabecera */
body.corporate #container #main section .head-block {
	padding: 0 0 20px 0;
	background: url('../images/sombra23.png') no-repeat center bottom;
}
body.corporate #container #main section .head-block .content {
	padding: 12px 15px;
	background: transparent url('../images/bg-mainblock3.png') no-repeat right top;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
body.corporate #container #main section .head-block .content h2 { color:#987; }
body.corporate #container #main section .head-block .content p {
	margin-left: 0;
	margin-right: 0;
	font-size: 16px;
	color: #654;
}


/* slide-menu */
body.corporate #container.with-sidebar #sidebar {
	float: left;
	background-color: rgba(255,255,255,0.6);
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;
}
body.corporate #container.with-sidebar #sidebar .slide-menu { margin:13px 20px; }

body.corporate #container.with-sidebar #sidebar .slide-menu li {
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #1786b5;
}
body.corporate #container.with-sidebar #sidebar .slide-menu li a {
	display: block;
	padding: 5px 0;
	color: #1786b5;
}
body.corporate #container.with-sidebar #sidebar .slide-menu li ul li a {
	padding: 2px 0 2px 20px;
	background: transparent url('../images/icon-right-azul.png') no-repeat 10px center / 7px 9px;
}
body.corporate #container.with-sidebar #sidebar .slide-menu li a:hover { color:#da5b3a; }

body.corporate #container.with-sidebar #sidebar .slide-menu li.volver a {
	margin: 5px -15px;
	padding: 5px 15px;
	font-size: 18px;
	color: #FFF;
	background: #08c url('../images/bg-azul.png');
	background-size: 100% 100%;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;
}
body.corporate #container.with-sidebar #sidebar .slide-menu li.volver a:hover { opacity:0.7; }


/* Columnas naturales */
body.corporate .document .columns {
	margin: 20px 0;
	padding: 10px 0;
	border-top: 3px dotted #08C;
	
	column-count: 2;
	column-gap: 20px;
	column-rule: none;
	
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-moz-column-rule: none;
	
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-webkit-column-rule: none;
}


/* Columnas forzadas */
body.corporate section.document .main-block.block1 {
	float: left;
	width: 450px;
}
body.corporate section.document .main-block.block2 {
	float: right;
	width: 450px;
}