@CHARSET "UTF-8";

/** ACADEMIA NET CSS Document */

/** COLORES */
/* verde: #33b399; */
/* azul: #75C6ED; */
/* verde-claro: #d3eae7 */
/* negro: #2d3e50; */

/** GENERAL */
@font-face {
	font-family: 'Roboto';
	src: url('fonts/RobotoCondensedLight.eot');
	src: url('fonts/RobotoCondensedLight.eot') format('embedded-opentype'),
		url('fonts/RobotoCondensedLight.woff2') format('woff2'),
		url('RobotoCondensedLight.woff') format('woff'),
		url('fonts/RobotoCondensedLight.ttf') format('truetype'),
		url('fonts/RobotoCondensedLight.svg#RobotoCondensedLight') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/RobotoCondensed.eot');
	src: url('fonts/RobotoCondensed.eot') format('embedded-opentype'),
		url('fonts/RobotoCondensed.woff2') format('woff2'),
		url('fonts/RobotoCondensed.woff') format('woff'),
		url('fonts/RobotoCondensed.ttf') format('truetype'),
		url('fonts/RobotoCondensed.svg#RobotoCondensed') format('svg');
	font-weight: 600;
	font-style: normal;
}

::selection {
	background: #33b399;
}

a,
a:hover,
a:focus,
a:active {
	color: inherit;
	text-decoration: none;
}

h1 {
	color: #33b399;
	border-bottom: 2px solid #33b399;
	font-size: 24px;
	line-height: 24px;
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

h2 {
	color: #33b399;
	font-size: 36px;
	line-height: 44px;
}

.box-header h2 {
	font-size: 16px;
	line-height: 16px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input, 
select {
	background-color: #d3eae7;
	line-height: 26px;
	height: 26px;
	border: none;
	font-family: inherit;
	font-weight: 600;
	padding: 2px 5px;
	color: #2d3e50;
}

.modulo textarea,
.modulo input[type="text"],
.modulo input[type="password"],
.modulo input[type="datetime"],
.modulo input[type="datetime-local"],
.modulo input[type="date"],
.modulo input[type="month"],
.modulo input[type="time"],
.modulo input[type="week"],
.modulo input[type="number"],
.modulo input[type="email"],
.modulo input[type="url"],
.modulo input[type="search"],
.modulo input[type="tel"],
.modulo input[type="color"],
.modulo .uneditable-input,
.modulo select {
	background-color: #fff;
}

.modulo form {
	margin: 20px;
}

.modulo .mensajes-foro form {
	margin: 0;
}

button.btn {
	font-family: inherit;
	font-weight: 600;
}

form ::-webkit-input-placeholder {
   color: #33b399;
}

form :-moz-placeholder { /* Firefox 18- */
   color: #33b399;  
}

form ::-moz-placeholder {  /* Firefox 19+ */
   color: #33b399;  
}

form :-ms-input-placeholder {  
   color: #33b399;  
}

.error-message {
	color: #9b0000;
}

.btn-academia {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #2d3e50;
	border-color: #2d3e50;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	font-weight: 600;
}

.btn-academia:hover,
.btn-academia:focus,
.btn-academia:active,
.btn-academia.active,
.btn-academia.disabled,
.btn-academia[disabled] {
	color: #ffffff;
	background-color: #33b399;
}

.btn-academia:active,
.btn-academia.active {
	background-color: #33b399 \9;
}

.btn-juego {
	color: #2d3e50;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #33b399;
	border-color: #2d3e50;
	border-width: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	font-weight: 600;
	font-size: 24px;
	line-height: 86px;
	width: 86px;
	text-transform: uppercase;
	display: block;
	margin: 30px auto;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-o-border-radius: 50% !important;
	border-radius: 50% !important;
	outline: 0;
	padding: 0;
}

.btn-juego:hover,
.btn-juego:focus,
.btn-juego:active,
.btn-juego.active,
.btn-juego.disabled,
.btn-juego[disabled] {
	color: #ffffff;
	background-color: #33b399;
}

.btn-juego:active,
.btn-juego.active {
	background-color: #33b399 \9;
}

nav .btn-academia, nav .btn-juego {
	margin: 20px 10px;
}

.pagination {
	text-align: center;
}

.pagination ul>li>a,
.pagination ul>li>span {
	background: none;
    border: none;
}

.minusculas {
	text-transform: none;
}

.interior {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

.inline {
	display: inline-block;
	vertical-align: middle;
}

.valign {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}

.noPadding {
	padding: 0 !important;
}

.right-spacing {
	padding-right: 2.127659574468085%;
}

body {
	font-family: Roboto, Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	background: #fff;
	color: #2d3e50;
	min-width: 270px;
}

/** LAYOUT */
header {
	margin-bottom: 20px;
	border-bottom: 8px solid #33b399;
}

#menu {
	
}

footer {
	
}

/** HEADER */
header .logo {
	margin-top: 20px;
	width: 100%;
	max-width: 400px;
	float: left;
}

header .logo.logo_academia {
	margin-top: 0;
}

header .nooficial {
	width: 50%;
	color: #33b399;
	font-weight: 600;
}

header .interior {
	padding: 10px 0;
	position: relative;
}

.loginpanel {
	text-align: left;
	font-weight: 600;
}

header .loginpanel {
	float: right;
	margin-top: -40px;
}

.loginpanel form {
	display: inline-block;
	margin-bottom: 0;
}

.loginpanel input {
	width: 190px;
}

.loginpanel .error-message {
	display: none;
}

.loginpanel form .btn {
	width: 40%;
}

.loginpanel form a.btn {
	float: right;
}

.loginpanel .checkbox {
	padding-left: 0;
}

.loginpanel .pass_recover {
	margin-top: 5px;
}

.logindudas {
	margin: 30px 0;
}

.logindudas a {
	text-decoration: underline;
}

header .row-fluid {
	position: absolute;
	bottom: 0;
	right: 0;
}

header .row-fluid .offset8:first-child {
	margin-left: 65.95744680851072%;
}

header .row-fluid .span4 {
	min-height: 8px;
	width: 34.04255319148936%;
}

header .mail_academia {
	display: inline-block;
	margin-top: 40px;
	font-weight: 600;
	font-size: 20px;
	line-height: 1em;
	color: #33b399;
}

.colores_bandera {
	padding-left: 50%;
	margin-left: -50%;
	width: 100%;
	height: 8px;
}

.colores_bandera .colorrojo {
	display: inline-block;
	height: 8px;
	width: 25%;
	background: #AD1519;
}

.colores_bandera .coloramarillo {
	display: inline-block;
	height: 8px;
	width: 50%;
	background: #FABD00;
}


/** FOOTER */
footer {
	background: #2D3E50 url(../img/bg-footer.png) center right no-repeat;
	color: #fff;
	padding: 30px 0;
	text-align: left;
}

footer a:hover {
	text-decoration: underline;
}

footer a:hover i {
	text-decoration: none;
}

footer h3 {
	margin: 0;
	margin-top: 20px;
	font-size: 21px;
	line-height: 24px;
}

footer .social {
	margin: 0;
}

footer ul li {
	display: inline;
	list-style: none;
	width: 24px;
	height: 24px;
	margin-right: 5px;
}

footer .sub-logo {
	float: right;
	margin-top: 25px;
}

footer p {
	margin: 25px 0;
}


/** MENU */
#menu {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#menu ul {
	margin: 0;
}

#menu li {
	display: inline-block;
	vertical-align: top;
	list-style: none;
}

#menu li a:hover, #menu li a.active {
	color: #9b0000;
	text-decoration: none;
}


/** CONTENT */
.modulo {
	background: #d6efeb;
	background: rgba(27, 187, 156, .2);
	text-align: left;
	padding: 20px;
}

.content-alumno .modulo {
	min-height: 790px;
}

.content-alumno .modulo .buzon .dataTables_scrollBody {
	min-height: 620px;
}

.scroll-pane {
	width: 100%;
	height: 1406px;
	overflow: auto;
}

.overlayer, .ajax-loader {
	display: none;
	background: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}

.ajax-loader {
	background: none;
	text-align: center;
}

#next-q {
	position: relative;
	z-index: 15;
}

.sidebarin {
	background: #d8dde1;
	background: rgba(45, 82, 80, .2);
	height: 740px;
}

.sidebarin ul {
	margin: 0;
}

.sidebarin li {
	list-style: none;
	padding: 15px 0;
	cursor: pointer;
}

.sidebarin li.active, .sidebarin li:hover {
	background-color: #d8dde1;
	background-color: rgba(45, 82, 80, .15);
}

.biblioteca li {
	padding-left: 25px;
}

.biblioteca i {
	cursor: pointer;
}

.modulo .biblioteca .searchHeader input[type=text] {
	border: 1px solid #2d3e50;
	margin: 0;
}

.sidebarin .entrada {
	padding-left: 50px;
	background: url(../img/icon-entrada.png) 20px center no-repeat;
}

.sidebarin .enviados {
	padding-left: 50px;
	background: url(../img/icon-enviados.png) 20px center no-repeat;
}

.sidebarin p {
	margin: 50px 5px 0 10px;
}

.ruta {
	margin: 0;
	padding: 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #33b399;
}

.ruta span {
	margin: 0 10px;
}

.ruta .main {
	color: #2d3e50;
	margin-left: 0;
}


/** NOTICIAS PRINCIPALES */
.mainnoticias {
	margin: 20px 0 10px 0;
}

.mainnoticias figure {
	margin: 0;
	position: relative;
	z-index: 10;
	height: 377px;
	overflow: hidden;
	background: #2d3e50;
}

.mainnoticias .titular {
	background: #2d3e50;
	color: #fff;
	padding: 3px 0 3px 20px;
	cursor: pointer;
	text-align: left;
	width: 100%;
	padding-left: 50%;
	margin-left: -50%;
	margin-bottom: 5px;
}

.mainnoticias .titular:last-child {
	padding-bottom: 7px;
}

/*.mainnoticias .titular .fecha {
	font-size: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: 600;
}*/

.mainnoticias .titular h3 {
	font-size: 24px;
	line-height: 28px;
	height: 60px;
	overflow: hidden;
	margin: 0;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 3px;
}

.mainnoticias .titular p {
	margin-right: 20px;
	font-size: 14px;
	line-height: 16px;
	height: 32px;
	overflow: hidden;
}

.mainnoticias .titular a {
	color: #33b399;
	margin-left: 10px;
	font-size: 18px;
	font-weight: 600;
}

.mainnoticias .titular a:hover {
	text-decoration: underline;
}

.mainnoticias .titular.active {
	background: #33b399;
}

.mainnoticias .titular.active a {
	color: #2d3e50;
}


/** ACCESOS */
.accesos {
	margin: 10px 0 20px 0;
	font-size: 21px;
	line-height: 25px;
	font-weight: 600;
}

.accesos .modulo {
	margin-top: 10px;
}

.accesos figure {
	margin: 0;
}

.accesos h2 {
	font-size: 36px;
	line-height: 40px;
	text-transform: uppercase;
	color: #2d3e50;
}

.accesos p {
	text-align: right;
}


/** ICONOS PORTADA */
#button-mainmenu {
	display: none;
	width: 50px;
	height: 50px;
	background: #2d3e50 url(../img/buttonmenu.png) 7px 10px no-repeat;
	cursor: pointer;
}

.iconos-portada ul {
	margin: 0;
	padding: 0;
}

.icono-portada {
	display: block;
	margin: 0;
	background-color: #dad5dd;
	background-color: rgba(45, 62, 80, .2);
	background-position: center center;
	background-repeat: no-repeat;
	height: 160px;
	margin-bottom: 50px;
	cursor: pointer;
}

.icono-portada#icon-faq {
	background-image: url(../img/icon-faq.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.icono-portada#icon-juego {
	background-image: url(../img/icon-escudo.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 238px;
	margin-bottom: 10px;
}

.icono-portada#icon-noticias {
	background-image: url(../img/icon-noticias.png);
}

.icono-portada#icon-agenda {
	background-image: url(../img/icon-agenda.png);
}

.icono-portada#icon-info {
	background-image: url(../img/icon-laguardia.png);
}

.icono-portada#icon-info_policia {
	background-image: url(../img/icon-lapolicia.png);
}

.icono-portada#icon-unidades {
	background-image: url(../img/icon-unidades.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.icono-portada#icon-encuestas {
	background-image: url(../img/icon-encuestas.png);
}

.icono-portada#icon-enlaces {
	background-image: url(../img/icon-enlaces.png);
}

.icono-portada#icon-guardia {
	background-image: url(../img/icon-guardia.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.icono-portada#icon-policia {
	background-image: url(../img/icon-policia.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.icono-portada#icon-academia {
	background-image: url(../img/icon-academia.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.icono-portada h3 {
	position: relative;
	top: 100%;
	background: #2d3e50;
	padding: 5px;
	color: #fff;
	font-size: 24px;
	line-height: 26px;
	font-weight: 600;
	text-align: center;
	margin: 0;
}


/** FORO */
.foro {
	/*background: url(../img/bg-foro.png) center 1006px no-repeat;
	height: 1006px;
	padding-bottom: 450px;*/
}

.foro .bienvenida {
	margin: 0;
	padding: 50px 0;
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
	text-align: center;
}

.foro .bienvenida h1 {
	font-size: 95px;
	line-height: 95px;
	margin: 0;
	color: #2d3e50;
	border: none;
}

.foro .bienvenida img {
	margin: 30px;
	width: 90%;
	max-width: 231px;
}

.foro .bienvenida p {
	margin: 15px auto;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	width: 75%;
}

.foro .buscador {
	margin: 20px 0;
	text-align: center;
}

.foro .buscador input {
	max-width: 250px;
	background: #fff;
}

.foro .buscador button {
	text-indent: -9999px;
	background: #fff url(../img/icon-search.png) no-repeat;
	border: 0;
	outline: 0;
	margin: 0;
	margin-left: -30px;
	margin-top: -8px;
	padding: 0;
	width: 25px;
	height: 25px;
	display: inline-block;
}

.foro .buscador button:active,
.foro .buscador button:hover,
.foro .buscador button:focus {
	background: #fff url(../img/icon-search-hover.png) no-repeat;
}

.foro .add-mensaje {
	display: none;
	max-height: 600px !important;
}

.foro .add-mensaje h1 {
	color: #fff;
	border: 0;
	margin: 0;
}

.foro .add-mensaje form {
	margin: 0;
}

.foro .add-mensaje textarea {
	height: 80px;
}

ul.categorias-circulo {
	margin: 20px 0;
	text-align: left;
}

.foro ul.categorias-circulo {
	display: none;
}

ul.categorias-circulo li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	font-size: 21px;
	line-height: 24px;
	height: 50px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	margin: 10px 0;
	padding: 0;
	position: relative;
	cursor: pointer;
}

ul.categorias-circulo.grande li {
	width: 33.33%;
}

ul.categorias-circulo li .circunferencia {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	background: #aeccca;
	background: rgba(45, 62, 80, .2);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

ul.categorias-circulo li .circunferencia.active {
	background: #d0f0ea;
}

ul.categorias-circulo li .circunferencia:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	background: #d0f0ea;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

ul.categorias-circulo.blanco li .circunferencia:after {
	background: #fff;
}

ul.categorias-circulo div.inline {
	position: relative;
	z-index: 10;
}

.top-modulo {
	background: #aee0d7;
	background: rgba(27, 187, 156, 0.4);
	color: #2d3e50;
	text-align: left;
	max-height: 50px;
	overflow: hidden;
}

.buttonmenu {
	display: inline-block;
	vertical-align:top;
	width: 53px;
	height: 50px;
	background: #33b399;
	background-image: url(../img/buttonmenu.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.iconbar {
	display: inline-block;
	vertical-align:top;
	width: 53px;
	height: 50px;
	background: #33b399;
}

.iconbar.icon-usuario {
	background-image: url(../img/icon-usuario.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.iconbar.icon-faq {
	background-image: url(../img/icon-faq-white.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.iconbar.icon-mensaje {
	background-image: url(../img/icon-mensaje.png);
	background-position: 6px 10px;
	background-repeat: no-repeat;
}

.iconbar.icon-test {
	background-image: url(../img/icon-test.png);
	background-position: 8px 10px;
	background-repeat: no-repeat;
}

.iconbar.icon-notas {
	background-image: url(../img/icon-notas.png);
	background-position: 15px 10px;
	background-repeat: no-repeat;
}

.iconbar.icon-tutor {
	background-image: url(../img/icon-tutor.png);
	background-position: 12px 10px;
	background-repeat: no-repeat;
}

.iconbar.icon-biblioteca {
	background-image: url(../img/icon-biblioteca.png);
	background-position: 12px 10px;
	background-repeat: no-repeat;
}

.top-modulo h4 {
	display: inline-block;
	font-size: 21px;
	line-height: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0;
	margin-left: 20px;
}

.top-modulo .fecha {
	float: right;
}

.top-modulo .fecha h4 {
	font-weight: 300;
	font-size: 16px;
	margin-right: 20px;
}

.top-modulo .buscador {
	float: right;
	margin: 10px 20px;
}

.top-modulo .buscador form {
	margin: 0;
}

.top-modulo .buscador form input[type=text] {
	margin: 0;
	background-color: #fff;
}

.top-modulo .buscador form ::-webkit-input-placeholder {
   color: #2d3e50;
   font-weight: 400;
}

.top-modulo .buscador form :-moz-placeholder { /* Firefox 18- */
   color: #2d3e50;
   font-weight: 400;
}

.top-modulo .buscador form ::-moz-placeholder {  /* Firefox 19+ */
   color: #2d3e50;
   font-weight: 400;
}

.top-modulo .buscador form :-ms-input-placeholder {  
   color: #2d3e50;
   font-weight: 400;
}

.top-modulo .buscador button {
	margin-top: 0;
	background-color: #fff;
}

.top-modulo .buscador button:hover {
	background-color: #fff;
}

.subtop-modulo {
	background: #33b399;
	color: #2d3e50;
	text-align: right;
	padding: 10px;
}

.subtop-modulo a {
	padding: 10px;
	font-size: 18px;
	line-height: 20px;
	margin-left: 20px; 
}

.subtop-modulo a:hover {
	color: #fff;
}

.foro .mensaje, .perfil, .buzon .mensaje {
	margin: 0 20px;
	padding: 20px;
	position: relative;
	min-height: 100px;
}

.foro .mensaje.comentario.nuevo {
	display: none;
	margin: 0;
}

.foro .mensaje.comentario {
	margin: 0;
}

.buzon .mensaje {
	min-height: 20px;
	margin: 0;
	background: #aee0d7;
	background: rgba(27, 187, 156, 0.4);
	padding: 5px 20px;
}

.foro .top-modulo .mensaje {
	background: none !important;
	padding: 0;
}

.foro .mensaje:nth-child(2n+1), .buzon tr:nth-child(2n+1) {
	background: #fff;
	margin: 20px;
}

.foro .mensaje:nth-child(2n+1) .mensaje.comentario:nth-child(2n+1)  {
	background: #d6efeb;
	background: rgba(27, 187, 156, .2);
}

.foro .mensaje.comentario:nth-child(2n+1) {
	margin: 0;
}

.buzon tr:nth-child(2n+1) {
	margin: 0;
}

.foro .mensaje form {
	margin: 0;
}

.foro .mensaje form .cleditorMain {
	margin-left: 0;
}

.foro .mensaje .mensaje-actions {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

.foro.alumno-foro .mensaje .mensaje-actions {
	display: block;
}

.foro .mensaje .mensaje-actions a {
	display: inline-block;
	margin: 10px 10px 10px 0;
}

.foro .mensaje:hover .mensaje-actions {
	display: block;
}

.foro .mensaje-usuario, .perfil .mensaje-usuario {
	text-align: left;
	padding-left: 160px;
}

.foro .mensaje .info-usuario, .perfil .info-usuario {
	width: 148px;
	position: absolute;
	left: 0;
	top: 20px;
	text-align: center;
}

.foro .mensaje .info-usuario .contador_entradas {
	position: absolute;
	top: -5px;
	left: 5px;
	padding: 10px;
	width: auto;
	min-width: 15px;
	height: 15px;
	font-size: 12px;
	line-height: 12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	background: #33b399;
	color: #fff;
}

.foro .comentario .mensaje-usuario {
	padding-left: 60px;
}

.foro .mensaje.comentario .info-usuario {
	width: 70px;
}

.miniavatar {
	margin: 0;
	padding-top: 10px;
	line-height: 30px;
}

.foro .mensaje .info-usuario figure, .perfil .info-usuario figure, .miniavatar figure {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	border: 5px solid #33b399;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
}

.foro .mensaje.comentario .info-usuario figure {
	width: 50px;
	height: 50px;
	border-width: 3px;
}

.foro .lista-tutores .info-usuario h3 {
	margin: 10px;
	font-size: 16px;
}

.foro .lista-posts .info-usuario h3 {
	text-align: center;
	margin: 0;
	font-size: 16px;
}

.miniavatar figure {
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 10px;
}

.foro h3 {
	margin: 0;
	margin-bottom: 5px;
	font-size: 24px;
	line-height: 28px;
	text-align: left;
}

.foro .lista-tutores h3 {
	margin-top: 20px;
	font-size: 20px;
}

.foro .smaller {
	font-size: 11px;
	line-height: 13px;
	font-weight: 600;
}

.foro .mensaje-content {
	margin: 20px 0;
	word-wrap: break-word;
	min-height: 60px;
}

.foro .desplegar {
	text-align: right;
	cursor: pointer;
	margin-bottom: 10px;
}

.foro .comentarios-foro {
	margin-top: 5px;
}

.foro .comentarios-foro.mostrado {
	display: block;
}

.foro .comentarios-foro .wrapperbtn {
	margin: 10px 0;
	text-align: right;
}

.foro .info-comentarios {
	background: url(../img/icon-respuestas.png) top center no-repeat;
	text-align: center;
	margin-top: 20px;
	padding-top: 30px;
}

.foro .atras {
	margin: 5px;
	text-align: right;
}


/** BANNERS */
.banners {
	margin: 10px 0;
}

.banners figure {
	margin: 0;
}


/** TEMARIO */
.scroll-pane-temario {
	width: 100%;
	height: 210px;
	overflow: auto;
}

.temario figure {
	margin: 0;
}

.temario figure video {
	width: 100%;
}

.temario p {
	margin: 20px 0;
	text-align: left;
	font-size: 1.2em;
	font-weight: 400;
}

.temario p small {
	display: inline-block;
	text-align: justify;
	font-size: .7em;
	line-height: 1em;
	font-style: italic;
}

.temario p.bigger {
	margin: 10px 0;
	font-size: 17px;
}

.temario .info.info-top {
	width: 100%;
	padding-top: 100%;
	position: relative;
	-webkit-border-top-left-radius: 50%;
	-webkit-border-top-right-radius: 50%;
	-moz-border-top-left-radius: 50%;
	-moz-border-top-right-radius: 50%;
	-o-border-top-left-radius: 50%;
	-o-border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
}

.temario .info.info-top img {
	position: absolute;
	top: 20%;
	left: 0;
}

.temario .info {
	background: #dad5dd;
	background: rgba(45, 62, 80, .15);
	color: #2d3e50;
	padding: 0 0 20px 0;
}

.temario .icon-libro {
	margin-top: 30px;
}

.temario .coleccion {
	width: 31.914893617021278%;
	margin-left: 2.127659574468085%;
	display: block;
	float: left;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.temario .coleccion:first-child {
	margin-left: 0;
}

.temario .coleccion.active .circulo {
	background: #33b399;
	background: #d6efeb;
	background: rgba(27, 187, 156, .2);
}

.temario .coleccion.active .circulo:before {
	background: #d6efeb;
	background: rgba(27, 187, 156, .2);
}

.temario .coleccion.active .circulo-a:after {
	background: url(../img/abanico-libros-1_color.png) 0 0 no-repeat;
}

.temario .coleccion.active .circulo-b:after {
	background: url(../img/abanico-libros-2_color.png) 0 0 no-repeat;
}

.temario .coleccion.active .circulo-c:after {
	background: url(../img/abanico-libros-3_color.png) 0 0 no-repeat;
}

.temario .coleccion.active .info {
	background: #d6efeb;
	background: rgba(27, 187, 156, .2);
	color: #2d3e50;
}

.temario .coleccion.active .info .btn-academia {
	background: #33b399;
}

.temario .info h3 {
	padding: 0 20px 10px 20px;
	font-size: 19px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: 400;
	border-bottom: 1px dotted #333;
	height: 44px;
	overflow: hidden;
	margin: 0;
}

.temario .info .wrapperol {
	height: 130px;
}

.temario .info ol {
	margin: 0 30px;
	text-align: left;
	overflow: hidden;
}

.temario .info ol:first-of-type {
	margin-top: 20px;
}

.temario .info ol:last-of-type {
	margin-bottom: 20px;
}

.temario .info li {
	list-style: upper-roman inside;
	font-size: 19px;
	line-height: 20px;
}

.temario .precio {
	margin-top: 20px;
	font-size: 52px;
	line-height: 52px;
	font-weight: 600;
}
.temario .precio_sin_oferta {
	margin-top: 20px;
	font-size: 36px;
	line-height: 36px;
	font-weight: 600;
	text-decoration: line-through;

}

.temario .ivaincluido {
	font-size: 19px;
	line-height: 20px;
	margin-bottom: 20px;
}

.temario .opcion_eleg {
	border: 2px solid #33b399;
	padding: 3px 5px;
	margin-top: 5px;
}

.temario .required {
	position: relative;
}

.temario .required:after {
	content: ' *';
	color: #9b0000;
	position: absolute;
	top: 10px;
	left: 84%;
}

.temario textarea {
	height: 80px;
}

.temario p.span10 {
	margin: 0;
}

.temario .btn-academia {
	padding: 10px 30px;
}

.temario .masinfo {
	cursor: pointer;
	width: 40px;
	margin: 5px auto;
}

.temario .infocompra {
	margin: 5px 0;
	padding: 10px 20px;
	background: #33b399;
	color: #2d3e50;
	font-weight: 600;
}

.temario .infocompra>div {
	display: inline-block;
	vertical-align: middle;
}

.temario .enviogratis {
	padding-left: 50px;
	background: url(../img/icon-enviogratis.png) center left no-repeat;
	font-size: 15px;
	line-height: 26px;
	height: 26px;
	color: #fff;
}

.temario .pagos {
	padding-left: 40px;
	background: url(../img/icon-pagos.png) center left no-repeat;
	font-size: 15px;
	line-height: 26px;
	height: 26px;
	margin-left: 10%;
	color: #fff;
}

.libros h3 {
	margin: 0;
	margin-bottom: 5px;
	background: #33b399;
	color: #fff;
	padding: 3px 20px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

.libros .tomo {
	text-align: left;
	margin-bottom: 10px;
	position: relative;
	padding-left: 160px;
	height: 210px;
	overflow: hidden;
}

.libros .tomo .libro_temario {
	display: inline-block;
	width: 148px;
	height: 210px;
	position: absolute;
	left: 0;
	top: 0;
}

.libros .tomo p {
	margin: 0;
}

.libros .tomo ul {
	margin: 10px 20px;
}

.libros .tomo ul ul {
	margin-top: 0;
}

.libros .tomo ul li {
	list-style: none;
}

.libros .tomo ul li li {
	list-style: circle;
}

.pedido_temario {
	text-align: left;
}

.pedido_temario h2 {
	margin: 20px 0 0 0;
	text-transform: uppercase;
}

.pedido_temario form {
	margin-top: 20px;
}

.pedido_temario .btn {
	margin-top: 10px;
}


/** TEST */
.info-examen {
	text-align: left;
	text-transform: uppercase;
	margin-top: 80px;
}

.info-examen h4 {
	background: #2d3e50;
	padding: 10px;
	text-align: center;
	color: #fff;
}

.alumno_cursos .num_pregunta {
	font-size: 21px;
	font-weight: 600;
	line-height: 21px;
	height: 21px;
	width: 21px;
	text-align: center;
	padding: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #33b399;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.alumno_cursos .enunciado_pregunta {
	display: inline-block;
	vertical-align: top;
	width: 80%;
	font-weight: 300;
	font-size: 1.4em;
	line-height: 1.2em;
}

.alumno_cursos .respuestas_pregunta {
	margin-left: 71px;
	font-weight: 300;
	margin-top: 20px;
}

.alumno_cursos .wrapper-respuesta {
	cursor: pointer;
	margin-bottom: 15px;
}

.alumno_cursos .respuestas_pregunta .selector {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border: 5px solid #2d3e50;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: none;
	margin-right: 20px;
}

.alumno_cursos .respuestas_pregunta .selector.active {
	background: #33b399;
}

.alumno_cursos .respuestas_pregunta .enunciado_respuesta {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

.alumno_cursos .respuestas_pregunta .resultado {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}

.alumno_cursos .respuestas_pregunta .resultado.acertada {
	background: url(../img/icon-acertada.png) 0 0 no-repeat
}

.alumno_cursos .respuestas_pregunta .resultado.fallada {
	background: url(../img/icon-fallada.png) 0 0 no-repeat
}

.alumno_cursos .imagen_pregunta {
	margin: 10px 0;
	border: 3px solid #33b399;
}

.alumno_cursos .juego_texto {
	font-size: 40px;
	line-height: 45px;
	max-width: 500px;
	margin: 0 auto;
	padding: 20px 0 5px 0;
	position: relative;
	text-align: center;
}

.alumno_cursos .juego_texto .grande {
	text-align: center;
	font-weight: 600;
	font-size: 50px;
	line-height: 55px;
}

.alumno_cursos .juego_texto .peque {
	font-weight: 600;
	font-size: 20px;
	line-height: 25px;
	text-align: left;
}

.alumno_cursos .juego_texto .enlaces-juego {
	margin: 20px 0;
}

.alumno_cursos .juego_texto .enlaces-juego a {
	display: inline-block;
	padding: 10px 40px;
	background: #33b399;
	color: #2D3E50;
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.alumno_cursos .juego_texto .enlaces-juego a:last-child {
	background: #2D3E50;
	color: #33b399;
}


/** NOTICIAS - EVENTOS */
.noticias h1 {
	text-align: left;
}

.noticias figure {
	margin: 0;
}

.noticias .mainnoticias figure {
	background: none;
}

.noticias figure img {
	width: 100%;
}

.noticias .mainnoticias .titular {
	padding-left: 20px;
	margin-left: 0;
	margin-bottom: 5px;
}

.noticias .mainnoticias .span6:last-child {
	overflow: hidden;
}

.noticias .lista-noticias {
	text-align: left;
}

.modulo .lista-noticias {
	padding: 30px;
}

.noticias .lista-noticias .row-fluid {
	margin-bottom: 20px;
}

.noticias .lista-noticias figure {
	max-height: 144px;
	overflow: hidden;
}

.content-alumno .noticias .lista-noticias figure {
	max-height: 400px;
}

.noticias .lista-noticias .fecha {
	margin: 10px 0;
}

.noticias .lista-noticias h3 {
	margin: 5px 0;
	font-size: 21px;
	line-height: 25px;
}

.noticias .lista-noticias p {
	font-size: 14px;
	line-height: 16px;
	text-align: justify;
}

.noticias .lista-noticias p a {
	color: #33b399;
	margin-left: 10px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
}

.noticias figcaption {
	margin: 0;
	background: #dad5dd;
	background: rgba(45, 62, 80, .2);
	color: #2d3e50;
	height: 25px;
	overflow: hidden;
}

.noticias figcaption .fecha {
	float: left;
	font-size: 14px;
	line-height: 25px;
	margin-left: 10px;
}

.noticias figcaption .social {
	float: right;
}

.noticias figcaption ul {
	margin: 0;
}

.noticias figcaption li {
	list-style: none;
	display: inline-block;
	width: 25px;
	padding: 2px 0;
	height: 21px;
}

.noticias h2 {
	font-size: 36px;
	line-height: 40px;
	color: #2d3e50;
	margin: 10px 0;
	text-align: left;
}

.noticias .file {
	margin: 20px 0;
	font-size: 16px;
	line-height: 48px;
	text-align: left;
}

.noticias .intro {
	font-size: 24px;
	line-height: 1.2em;
	color: #2d3e50;
	margin: 30px 0;
	text-align: justify;
}

.noticias .body {
	margin: 20px 0;
	line-height: 1.2em;
	text-align: justify;
}

.noticias .pagination {
	margin: 20px 0;
}

.noticias .pagination h4 {
	margin: 0;
}

.lista-eventos .wrapper-calendario {
	width: 97px;
	height: 100px;
	position: relative;
}

.lista-eventos .wrapper-calendario img {
	width: 97px;
	height: 100px;
}

.lista-eventos .wrapper-calendario .fecha-calendario {
	position: absolute;
	top: 35px;
	left: 0;
	width: 100%;
	text-align: center;
}

.noticias .lista-eventos .fecha {
	font-size: 14px;
	line-height: 18px;
}

.lista-eventos .wrapper-calendario .fecha-calendario .numero {
	font-size: 36px;
	line-height: 36px;
	font-weight: 600;
}

.lista-eventos .wrapper-calendario .fecha-calendario .mes {
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 400;
}

.noticias .lista-eventos h3 {
	font-size: 18px;
	line-height: 22px;
}

.fecha-calendario {
	
}

/** ENCUESTAS */
.main-encuesta {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 2px solid #33b399;
}

.main-encuesta img {
	float: left;
	margin-top: 10px;
	margin-right: 50px;
}

.portada .main-encuesta img {
	max-width: 400px;
}

.highcharts-container {
	margin-bottom: 15px;
}

.noticias .lista-respuestas label.radio {
	margin-left: 20px;
}

.noticias .lista-respuestas button.btn {
	width: 150px;
	margin-left: 20px;
}

.noticias .lista-respuestas a.btn {
	width: 150px;
	margin-left: 10px;
}

.noticias .lista-respuestas form {
	text-align: left;
}

.noticias .main-encuesta .lista-respuestas button.btn {
	margin-left: 0;
}


/** ALUMNO-TUTOR */
.content-alumno, .content-tutor {
	margin-top: 20px;
	margin-bottom: 50px;
}

.sidebar-alumno, .sidebar-tutor {
	
}

ul.sidebar-alumno, ul.sidebar-tutor {
	margin: 0;
}

.sidebar-alumno li, .sidebar-tutor li {
	margin: 0;
	margin-bottom: 10px;
	list-style: none;
}

.sidebar-alumno li a, .sidebar-tutor li a {
	display: block;
	padding: 10px 0;
	background: #2d3e50;
	color: #33b399;
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
	position: relative;
}

.sidebar-alumno li a:hover,
.sidebar-alumno li a.active,
.sidebar-tutor li a:hover,
.sidebar-alumno li a.active {
	background: #33b399;
	color: #2d3e50;
}

.sidebar-alumno li a .noleidos {
	margin: 0 10px;
	padding: 5px 10px;
	background: #33b399;
	color: #2d3e50;
	font-size: .8em;
	font-weight: 600;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	right: 10px;
	top: 5px;
}

.sidebar-alumno li a:hover .noleidos,
.sidebar-alumno li a.active .noleidos,
.sidebar-tutor li a:hover .noleidos,
.sidebar-alumno li a.active .noleidos {
	background: #2d3e50;
	color: #33b399;
}

.perfil h2 {
	color: #2d3e50;
}

.perfil p {
	margin: 20px 0;
}

.estadisticas-personales {
	margin-top: 95px;
	margin-bottom: 40px;
}

.estadisticas-personales figure {
	float: left;
	margin: 0;
	margin-right: 10px;
	background: #33b399;
	background: rgba(51, 179, 153, .5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}

.estadisticas-personales figure img {
	margin-top: 25px;
	margin-left: 25px;
	width: 50%;
}

.sidebarin .estadisticas-personales {
	margin: 80px 5px 0 10px;
}

.sidebarin .estadisticas-personales figure {
	float: left;
	margin: 0;
	margin-right: 10px;
	background: #33b399;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.sidebarin .estadisticas-personales figure img {
	margin-top: 13px;
	margin-left: 13px;
	width: 50%;
}

.sidebarin .estadisticas-personales p {
	margin-top: 0;
}

.sidebarin a {
	display: block;
	padding: 10px 0;
	text-align: center;
	background: #e2e6e9;
	background: rgba(45, 62, 80, .15);
	margin-top: 92px;
}

.sidebarin a.active {
	background: #2d3e50;
	color: #fff;
}

.sidebarin a+a {
	margin-top: 10px;
}


/** FORMULARIO CONTACTO */
.contacto {
	text-align: left;
}

.contacto textarea {
	height: 100px;
}

.contacto .btn.btn-academia{
	margin: 10px 0;
}


/** FAQ */
.faq {
	margin: 20px 10px;
	text-align: left;
}

.faq .bloque {
	margin-bottom: 15px;
}

.faq .bloque h2 {
	color: #33b399;
	padding-bottom: 5px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	border-bottom: 1px solid #33b399;
}

.faq .bloque:hover h2 {
	font-weight: bolder;
	border-bottom: 3px solid #33b399;
	padding-bottom: 3px;
}

.faq .bloque h2 small {
	color: #33b399;
}

.faq .pregunta {
	font-size: 1.1em;
	background: #d6efeb;
	background: rgba(27, 187, 156, .2);
	padding: 10px 20px;
	cursor: pointer;
}

.faq .pregunta:hover {
	background: #33b399;
	color: #2d3e50;
}

.faq .pregunta:hover .enunciado {
	color: #33b399;
	color: #fff;
}

.faq .pregunta .respuesta {
	font-weight: normal;
	font-size: .9em;
	background: #fff;
	padding: 10px 20px;
	margin: 10px 0;
}

.faq .readmore {
	margin: 5px;
	text-align: right;
}

.faq .readmore button {
	background: #33b399;
	color: #fff;
	padding: 5px 10px;
}


/** PAGINAS ESTATICAS */
.contenido_la_oposicion {
	margin: 20px 0 20px 20px;
	text-align: justify;		
}

.contenido_la_oposicion h3 {
	font-size: 24px;
	line-height: 24px;
	font-weight: 400;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}

.contenido_la_oposicion .print {
	margin: 12px 27px 0px 0px;	
	float: right;
}

.contenido_la_oposicion li, .unidades li {
	margin-lefT: 40px;
}

.lista_n1, .lista_n2, .lista_n3, .lista_n4, .lista_n5 {
	margin: 5px 0px;
}

.lista_n1 {
	margin: 10px 0px;
}

.lista_n2 {
	list-style-type: upper-latin;
}

.lista_n3 {
	list-style-type: none;
	margin-left: -20px;
}

.lista_n5 {
	list-style-type: circle;
}

li.observacion {
	list-style-type: circle;
}

.menu_imagenes {
	margin: 20px 0px;
	text-align: left;
}

.menu_imagenes li {
	list-style: none;
	margin: 5px;
	padding: 0;
	display: inline-block;
}

.menu_imagenes img {
	width: 91px;
	cursor: pointer;
}

.unidades {
	text-align: left;
}

.unidades h3 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	color: #33b399;
}

.unidades ul, .unidades ol {
	margin: 10px 0px;
}

.image_unidades {
	text-align: center;
	margin: 20px 0px;
}

.enlaces h3 {
	font-size: 18px;
	line-height: 22px;
	text-align: left;
}

.enlaces ul {
	margin: 20px 0;
}

.enlaces li {
	list-style: none;
}

.enlaces li a {
	display: block;
	padding: 5px 0;
	margin: 5px 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	background: #33b399;
	color: #fff;
}

.enlaces li a:hover {
	background: #d3eae7;
	color: #2d3e50;
}


/** BUZON */
.buzon .buscador {
	background: #ddd;
	background: rgba(255, 255, 255, .65);
}

.buzon .buscador input {
	background: transparent url(../img/icon-search.png) center right no-repeat;
	border: none;
	display: block;
	padding: 10px;
	outline: 0;
}

.buzon .acciones, .foro .acciones {
	padding: 10px;
	text-align: right;
}

.foro .acciones {
	padding: 0;
	background: #fff;
}

.buzon .acciones>div, .foro .acciones>div {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	width: 23px;
	height: 15px;
	cursor: pointer;
}

.foro .acciones>div {
	width: 48px;
	height: 48px;
}

.buzon .acciones .responder {
	background: url(../img/icon-responder.png) 0 0 no-repeat;
}

.buzon .acciones .reenviar {
	background: url(../img/icon-reenviar.png) 0 0 no-repeat;
}

.buzon .acciones .eliminar {
	background: url(../img/icon-eliminar.png) 0 0 no-repeat;
}

#mainbuzon {
	position: relative;
}

#mainbuzon table thead, #mainbuzon .dataTables_scrollHead {
	display: none;
}

.buzon .mensaje .content_mensaje_buzon {
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px solid #666;
	font-size: 12px;
	line-height: 14px;
	height: 0px;
	overflow: hidden;
}

.buzon.lista-tutores .mensaje .content_mensaje_buzon,
.buzon .mensaje .content_mensaje_buzon.alto {
	height: auto;
}

#mainbuzon table tr.mensaje td {
	position: relative;
}

.buzon .mensaje .ver_mas {
	position: absolute;
	top: 15px;
	right: 80px;
	background: url(../img/icon-zoom.png) 0 0 no-repeat;
	width: 24px;
	height: 25px;
	cursor: pointer;
}

.buzon .mensaje.form textarea {
	margin: 5px 0;
	padding: 5px;
	height: 60px;
	background: #aee0d7;
	background: rgba(27, 187, 156, 0.4);
}

.buzon form {
	margin: 0;
}

.buzon label.checkbox, .foro label.checkbox {
	float: right;
}

.buzon label.checkbox input[type=checkbox] {
	width: 20px;
	height: 20px;
	margin: 10px 20px;
}


/** CURSOS */
.alumno_cursos .link-curso {
	cursor: pointer;
	margin-right: 0;
}

.alumno_cursos .lista-modulos {
	display: none;
}

.alumno_cursos .lista-modulos .span6 {
	margin-top: 20px;
}

.foro .lista-tutores .mensaje {
	margin: 0;
	padding: 10px;
	min-height: 60px;
}

.foro .lista-tutores .info-usuario {
	width: 128px;
	top: 10px;
}

.foro .lista-tutores .info-usuario figure,
.foro .lista-posts .info-usuario figure {
	width: 50px;
	height: 50px;
}

.foro .lista-tutores .mensaje-usuario {
	padding-left: 130px;
}

.bloque_modulo .circulo {
	margin: 0;
	width: 80px;
	height: 80px;
	background: #33b399;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.bloque_modulo .circulo.circulo_parcial {
	background: #1c6354;
}

.bloque_modulo .circulo.circulo_final {
	background: #d86048;
}

.bloque_modulo.desactive .circulo,
.bloque_modulo.desactive .circulo.circulo_parcial {
	background: #999;
}

.bloque_modulo .circulo .nombre, .bloque_modulo .circulo .numero {
	display: inline-block;
	vertical-align: top;
	height: 80px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}

.bloque_modulo .circulo .nombre {
	text-align: right;
	width: 40%;
	font-size: 18px;
	line-height: 14px;
	word-wrap: break-word;
}

.bloque_modulo .circulo .numero {
	text-align: center;
	width: 60%;
	font-size: 46px;
	line-height: 46px;
}

.bloque_modulo .lista-temas {
	background: #b8d6d4;
	background: rgba(45, 62, 80, .15);
	min-height: 76px;
	border: 2px solid #33b399;
	overflow: hidden;
	text-align: right;
	margin: 0;
	margin-top: -80px;
	margin-left: 40px;
	position: relative;
	z-index: 1;
}

.bloque_modulo.desactive .lista-temas {
	border-color: #999;
}

.evaluaciones .bloque_modulo .lista-temas {
	border-right: 0;
}

.bloque_modulo .lista-temas li, .bloque_modulo .notas span {
	line-height: 18px;
}

.bloque_modulo .lista-temas li:first-child, .bloque_modulo .notas span:first-child {
	padding-top: 1px;
}

.bloque_modulo .lista-temas li:last-child, .bloque_modulo .notas span:last-child {
	padding-bottom: 3px;
}

.bloque_modulo .lista-temas li, .bloque_modulo .notas span {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
	font-weight: 600;
	padding: 2px 5px 2px 40px;
	color: #2d3e50;
}

.bloque_modulo .lista-temas li:hover {
	background: #d8dde1;
	background: rgba(45, 82, 80, .2);
}

.bloque_modulo.desactive .lista-temas li:hover {
	background: #b8d6d4;
}

.bloque_modulo .lista-temas li a {
	display: block;
}

.alumno_cursos .lista-modulos.evaluaciones {
	display: block !important;
	margin-top: 20px;
}

.alumno_cursos .lista-modulos.evaluaciones .bloque_modulo {
	margin-bottom: 30px;
	margin-top: 30px;
}

.alumno_cursos .lista-temas {
	max-width: 160px;
}

.bloque_modulo .notas {
	height: 99px;
	text-align: center;
	margin: 0;
	margin-top: -101px;
	margin-left: 200px;
	border-bottom: 2px solid #33b399;
}

.bloque_modulo .notas .fichas {
	border-bottom: 2px solid #33b399;
}

.bloque_modulo .notas span {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	padding-right: 0;
	padding-left: 0;
	font-size: 12px;
}

.bloque_modulo .notas span.coloured {
	margin: 0;
	padding: 0;
	display: inline;
	color: #33b399;
}

.bloque_modulo .notas span:first-child {
	width: 25%;
}

.bloque_modulo .notas span:last-child {
	width: 50%;
}

.bloque_modulo .notas .fichas span {
	padding: 0;
	font-size: 11px;
	line-height: 11px;
}

.bloque_modulo .notas .fichas span i {
	display: block;
	margin: 4px 3px 0 3px;
	padding: 3px 1px;
	font-style: normal;
}

.bloque_modulo .notas .fichas span:nth-child(2n) i {
	background: #d8dde1;
	background: rgba(45, 82, 80, .2);
}

.bloque_modulo .notas .fichas span:nth-child(2n+1) i {
	background: #cdece7;
	background: rgba(27, 187, 156, .25);
}

.bloque_modulo .notas .cuerpo-notas>div {
	border-right: 2px solid #33b399;
	height: 20px;
}


/** MATRICULACION */
.scroll-pane-matriculacion {
	height: 150px;
	overflow: auto;
}

.matriculacion {
	margin-bottom: 50px;
	margin-top: -20px;
}

.matriculacion p {
	text-align: justify;
	margin-right: 20px;
}

.matriculacion figure {
	margin: 0;
}

.matriculacion h1 {
	color: #fff;
	font-size: 32px;
	line-height: 36px;
	margin: 20px 0 30px 0;
	border: none;
}

.matriculacion h1.title-paso1 {
	display: none;
	color: #33b399;
	margin: 50px 0 0 0;
	text-align: left;
	border-bottom: 2px solid #33b399;
}

.matriculacion.aceptacion h1.title-paso1,
.matriculacion.matriculas h1.title-paso1,
.matriculacion.confirmacion h1.title-paso1 {
	display: block;
}

.matriculacion h2 {
	background: #3C4F63;
	color: #fff;
	font-size: 34px;
	line-height: 40px;
	margin: 0;
	padding: 10px 0;
	text-transform: uppercase;
}

.matriculacion .info {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: 0;
	padding: 20px 0;
	color: #fff;
}

.matriculacion .info.info-guardia {
	background: #33b399;
}

.matriculacion .info.info-policia {
	background: #75C6ED;
}

.matriculacion .btn-academia {
	font-size: 24px;
	line-height: 30px;
	text-transform: uppercase;
}

.matriculacion .info .btn-academia:hover,
.matriculacion .info .btn-academia:focus,
.matriculacion .info .btn-academia:visited {
	background: #2d3e50;
}

.wrapper-pasos {
	text-align: center;
	padding: 20px 0;
}

.wrapper-pasos p {
	text-align: center;
	font-size: 24px;
}

.wrapper-pasos .pasos {
	margin: 4% 20%;
}

.pasos .wrapper-paso, .pasos .wrapper-titulo {
	display: inline-block;
	vertical-align: top;
	width: 22%;
	border: 5px solid #3C4F63;
	color: #3C4F63;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	margin-left: 15%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pasos .wrapper-titulo {
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	font-weight: bold;
	font-size: 30px;
	line-height: 34px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px;
}

.pasos .titulo1 span {
	margin-left: -15px;
}

.pasos .titulo2 span {
	margin-left: 0;
}

.pasos .titulo3 span {
	margin-left: -25px;
}

.pasos .wrapper-paso:first-child, .pasos .wrapper-titulo:first-child {
	margin-left: 0;
}

.pasos .wrapper-paso.active, .pasos .wrapper-titulo.active {
	color: #33b399;
	border-color: #33b399;
}

.pasos .wrapper-paso.active .paso {
	color: #33b399;
	border-color: #33b399;
}

.pasos .paso {
	width: 90%;
	margin: 5%;
	padding-top: 90%;
	border: 1px solid #3C4F63;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.pasos .paso:before {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 50%;
	margin-left: -14px;
	font-size: 56px;
	line-height: 60px;
	font-weight: bold;
}

.pasos .paso i {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 140%;
	font-size: 30px;
	line-height: 30px;
}

.pasos .wrapper-paso:last-child .paso i {
	display: none;
}

.pasos .paso1 .paso:before {
	content: '1';
	margin-left: -12px;
}

.pasos .paso2 .paso:before {
	content: '2';
}

.pasos .paso3 .paso:before {
	content: '3';
}

.wrapper-flotante {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: #333;
	background: rgba(0, 0, 0, .7);
	cursor: pointer;
}

.wrapper-guardia h1 {
	color: #33b399;
	border-color: #33b399;
	margin-right: 50px;
}

.wrapper-guardia .modulo {
	background: #d6efeb;
	background: rgba(27, 187, 156, .2);
}

.wrapper-guardia .cerrar-flotante {
	color: #33b399;
}

.wrapper-policia h1 {
	color: #75C6ED;
	border-color: #75C6ED;
	margin-right: 50px;
}

.wrapper-policia .modulo {
	background: #d6efeb;
	background: rgba(117, 198, 273, .2);
}

.wrapper-policia .cerrar-flotante {
	color: #75C6ED;
}

.flotante {
	position: absolute;
	top: 5%;
	left: 15%;
	width: 70%;
	height: 85%;
	background: #fff;
	padding: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	text-align: left;
	cursor: default;
}

.cerrar-flotante {
	float: right;
	color: #33b399;
	text-align: center;
	cursor: pointer;
}

.cerrar-flotante i {
	font-size: 24px;
	line-height: 28px;
	display: block;
}

.content-flotante {
	height: 80%;
}

.scroll-pane-ficha {
	height: 100%;
	overflow: auto;
}

.content-flotante p, .content-flotante ul {
	text-align: justify;
	margin: 10px 15px 10px 0;
}

.scroll-pane-aceptacion {
	height: 400px;
	overflow: auto;
}

.aceptacion, .registro {
	display: none;
}

.aceptacion p, .aceptacion ul, .registro p {
	margin: 0 10px 15px 0;
	text-align: justify;
}

.aceptacion ul ul {
	margin-left: 40px;
}

.aceptacion h1, .registro h1, #form-intermedio h1, .confirmacion h1 {
	color: #3C4F63;
	margin: 10px 0 0 0;
	text-align: left;
	text-transform: none;
	font-weight: 300;
}

.aceptacion .form .checkbox {
	margin: 20px 0;
}

.registro .row-fluid {
	text-align: left;
}

.registro input, .registro select {
	margin-bottom: 10px;
}

.registro-pregunta {
	text-align: left;
}

.es_usuario .btn-academia {
	text-transform: none;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.es_usuario p {
	font-size: 14px;
}

#form-intermedio input, #form-intermedio select, #form-intermedio .select {
	margin-bottom: 10px;
}

.confirmacion {
	text-align: left;
}

.datos-matriculacion {
	margin: 30px 0;
	text-transform: uppercase;
	font-weight: 600;
}

.porconfiar {
	margin: 30px 0;
	font-weight: 400;
	font-size: 36px;
	line-height: 40px;
	text-align: center;
}


/** FRASE */
.frase {
	margin: 0 100px 20px 200px;
	padding-left: 30px;
	text-align: right;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	min-height: 50px;
	background: url(../img/comillas.png) left center no-repeat;
}

/** COOKIES */
@keyframes desaparecer {
	0% {bottom:0}
	80%	{bottom:0}
	100% {bottom:-50px}
}
 
@-webkit-keyframes desaparecer { /* Safari and Chrome */
	0% {bottom:0}
	80% {bottom:0}
	100% {bottom:-50px}
}
 
@keyframes aparecer {
	0% {bottom:-38px}
	10%	{bottom:0}
	90%	{bottom:0}
	100% {bottom:-38px}
}
 
@-webkit-keyframes aparecer { /* Safari and Chrome */
	0% {bottom:-38px}
	10% {bottom:0}
	90%	{bottom:0}
	100% {bottom:-38px}
}

#cookiesms1:target {
	display: none;
}

.cookiesms{	
	width: 100%;
	height: 43px;
	margin: 0 auto;
	padding-left: 1%;
	padding-top: 5px;
	font-size: 1.2em;
	clear: both;
	font-weight: strong;
	color: #333;
	bottom: 0;
	position: fixed;
	left: 0;
	background-color: #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	transition: bottom 1s;
	-webkit-transition: bottom 1s; /* Safari */
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
	z-index: 999;
}
 
.cookiesms:hover{
	bottom:0;
}

.cookies2{
	background-color: #FFF;
	display: inline;
	opacity: 0.95;
	filter: alpha(opacity=95);
	position: absolute; 
	left: 1%; 
	top: -30px;
	font-size: 15px;
	height: 30px;
	padding-left: 25px;
	padding-right: 25px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}


/** MEDIA QUERIES **/
@media screen and (min-width: 768px) {
	.iconos-portada ul{display:block !important}
}

@media screen and (max-width: 767px) {
	header{padding:0 20px;padding-bottom:40px;}
	#button-mainmenu {display:block;position:absolute;top:111px;left:0;width:50px;height:50px;z-index:20}
	.iconos-portada ul{display:none;position:absolute;top:169px;left:0;width:50%;z-index:20}
	.iconos-portada li{background:none !important;height:auto !important;margin-bottom:0 !important;border-bottom:1px solid #33b399}
	.iconos-portada li:last-child{border-bottom:none}
	.iconos-portada li img{display:none}
	.iconos-portada li h3{padding:15px 10px;display:block;visibility:visible}
	.iconos-portada li h3:hover{color:#fff}
	.loginpanel h2{display:none}
	.loginpanel .btn-academia{display:block;margin-top:20px}
	h1{margin-left:20px;margin-right:20px;}
	.lista-noticias,.noticias,.menu_imagenes,.unidades,.enlaces{margin:0 20px;}
	.lista-noticias .row-fluid{border-bottom:1px solid #33b399}
	.noticias h1,.enlaces h1 {margin-left:0;margin-right:0}
	.enlaces li a {padding: 20px 0;margin-bottom:10px}
	.mainnoticias .titular {padding:3px 20px;width:auto;margin-left:0;margin-bottom:2px}
	.mainnoticias .titular h3{height:auto;margin-bottom:5px}
	.accesos .modulo .span5{width:40%;display:inline-block;vertical-align:top}
	.accesos .modulo .span7{width:50%;display:inline-block;vertical-align:top}
	.temario{padding: 0 20px}
	.opcion_eleg{margin-bottom: 20px}
	.mainnoticias figure{height:auto}
}

@media screen and (max-width: 500px) {
	.accesos .modulo .span5{width:100%;display:block;text-align:center;margin-bottom:20px}
	.accesos .modulo .span7{width:100%;display:block;text-align:center}
	.accesos p{text-align: center}
	.accesos p .btn-academia{width:50%;padding:10px 0}
	.foro .info-usuario{display:none}
	.foro .mensaje-usuario{padding:0}
}

@media screen and (max-width: 580px) {
	.loginpanel .btn-academia{display:inline-block;margin-top:15px}
	ul.categorias-circulo li{width:50%;}
	.top-modulo h4{display:inline}
	.top-modulo{max-height:100px}
	.top-modulo .buscador{float:none;text-align:right}
	.top-modulo .buscador input{width:206px}
	.temario .coleccion{width: 60%;margin:0 0 20px 0;margin-left:20%}
	.temario .coleccion:first-child{margin-left:20%}
}

.oferta {
		position: absolute;
		z-index: 2;
		width: 120px !important;
	
}
.oferta_banner {
	position: absolute;
	z-index: 2;
	width: 8% !important;

}
.oferta-div {
	float: left;
}

@media screen and (max-width: 768px) {
	.oferta_banner {
		position: absolute;
		z-index: 2;
		width: 15% !important;
	}
}