* {
	-webkit-box-sizing: content-box !important; 
    -moz-box-sizing: content-box !important;
     box-sizing: content-box !important; 
}

.box_tam_boot {
	-webkit-box-sizing: border-box !important; 
    -moz-box-sizing: border-box !important;
     box-sizing: border-box !important; 
}

body{
	text-align:center;
	background: #fff;
	padding:0px;
	margin:0px;
	font-family: arial;
}

h1 {
	font-size: 36px;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	margin: 10px 0px 20px 0px;
}

h2 {
	font-size: 28px;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	position:relative;
}

h3 {
	font-size: 22px;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}

a{
	text-decoration: none !important;
	color: #E2691A;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

a:hover{
	color: #B55515;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.titulo_portada {
	font-family: 'Montserrat', Helvetica,Arial,sans-serif;
	font-size: 42px;
	margin: 15px;
	color: #777;
	margin-top: 20px;
	margin-bottom: 50px;
}




.titulo_portada2 {
 font-size: 14px !important;
}

.titulo_portada2:before {
	content: '';
	width: 10%;
	height: 1px;
	background: #e5e5e5;
	position: absolute;
	left: 0;
	top: 50%;
	background: #c9cacb;
}

.titulo_portada2:after {
	content: '';
	width: 10%;
	height: 1px;
	background: #e5e5e5;
	position: absolute;
	left:auto;
	right: 0;
	top: 50%;
	background: #c9cacb;
}


.espacio{
	padding:10px;
}

#header{
	width: 100%;
	min-height: 60px;
	background: #fff; 
	position:fixed;
	z-index:100;
	border-top: 2px solid #E16919;
	font-family: 'Montserrat';
	border-bottom: 1px solid #eee;
}

#header a{
	text-decoration:none;
	color:#777777;

}

#header a:hover{
	color: #E16919;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#zonalogin {
	position:relative;
	right: 0px;
	float: right;
}

#zonalogin:hover img {
	border-color: #E16919 !important;
	
}

#fotousuario{
	float:left;
	position:relative;
	top: -2px;
}

#fotousuario img{
	border-radius: 50%;
}

#nombreusuario {
	font-weight: bold;
	float:left;
	color: #777;
	cursor:pointer;
	padding:10px;
	padding-top: 20px;
	padding-right: 20px;
}

#nombreusuario:hover {
	color: #E16919;
}

.bloqueseparador {
	padding: 20px;
	border-left: 1px solid #fff;
	float:left;
}

#opcionesuser {
	width:200px;
	background: #eee;
	position:fixed;
	z-index: 0;
	right:10px;
	text-align:left;
	padding: 5px;
	border:1px solid #ccc;
	border-top:0px;
	padding-bottom: 5px;
	display:none;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}



#opcionesuser .fa {
	font-size: 24px;
	margin-right: 10px;
	vertical-align:middle;
}

#opcionesuser ul {
	padding: 0px;
	margin: 0 auto;
	list-style:none;
}

#opcionesuser ul li {
	padding: 10px;
	padding-left: 10px;
	vertical-align:middle;
}

#opcionesuser ul li img{
	margin-right: 20px;
	vertical-align:middle;
}

#opcionesuser ul li a{
	color: #777;
}

#opcionesuser ul li a:hover{
	color: #E16919;
}

.opcionsalir {
	padding-top:15px;
}

.opcionsalir a {
	color: red !important;
}

.border_bajo {
	border-bottom: 1px dashed #ccc;
}


#categorias{
	position:absolute;
	z-index:2;
	height: 300px;
	width:100%;
	background:#eee;
	display:none;
	padding-top:80px;
	text-align:center;
}

#cat_des_contenedor{
	width:1150px;
	margin:0 auto;
}

#cat_bajo {
	background:#E2691A;
	min-height: 25px;
	margin-top:20px;
}
.categoria_detacada{
	width:209px;
	float:left;
	margin-right:15px;
	cursor: pointer;
	border:3px dashed #ddd;
	padding-top: 5px;
	border-radius: 50%;
}

.categoria_detacada img{
	opacity:0.6;
	filter:alpha(opacity=60);
}

.categoria_detacada:hover{
	border:3px dashed #EC9962;
	background: #FF9714;
}

.categoria_detacada:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.menu_categorias {
	list-style:none;
	padding: 0px;
	margin: 0px;
	padding-bottom: 15px;

}

.menu_categorias li{
	float:left;
	margin-right: 10px;
	border-right: 1px dashed #ccc;
	padding-right: 10px;
}

.last {
	border-right: 0px !important;
}



.menu_categorias li a{
	text-decoration:none;
	color:#777;
	text-shadow: 1px 1px 5px #fff;
	padding: 10px;
}

.menu_categorias li a:hover{
	color: #E2691A;
	background: #FAEADA;
	border-radius: 5px;
}

.logo {
	-webkit-box-shadow:  3px 3px 10px 2px #333;
	box-shadow:  3px 3px 10px 2px #333;
}

#titulo_curso .boton {
	padding: 5px;
    cursor: pointer;
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.boton {
	padding: 12px;
	cursor:pointer;
	border-radius: 4rem;
}

.boton a {
	color: #fff;
}

.boton a:hover {
	color: #ddd;
}



.gris {
	background: #777; /* Old browsers */
	color: #fff !important;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.gris:hover {
	background: #E16919;
	color: #fff !important;
}

.mdl-menu__item {
	padding-top: 12px; 
}

.naranja {
	background: #E2691A; /* Old browsers */
	color:#fff !important;
}

.sombra {
	
}

.sombra_clara {
	text-shadow: 1px 1px 5px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
}

.sombra_sinoff {
	text-shadow: 0px 0px 5px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}

.peke {
	font-size: 0.8em;
}

.menu_superior{
	list-style:none;
	position:relative;
	top:5px;
}

.menu_superior li{
	float:left;
	margin-right: 15px;
	margin-left: 15px;
}

.menu_superior li a{
	text-decoration:none;
	color:#fff;

}

.menu_superior li a:hover{
	color: #F9DBC8;
	border-bottom: 2px solid #E16919;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.menu_inferior, .menu_accesos_sociales {
	list-style:none;
	padding: 0px;
	margin: 0px auto;
	padding-bottom: 15px;
	max-width: 1150px;
}

.menu_inferior li, .menu_accesos_sociales li{
	float:left;
	margin-right: 15px;
}

.menu_inferior li a, .menu_accesos_sociales li a{
	text-decoration:none;
	color:#fff;

}

.menu_inferior li a:hover, .menu_accesos_sociales li a:hover{
	color: #F9DBC8;
}

.separador_titulo{
	position:relative;
	top:-40px;
}

#cuerpo {
	text-align:center;
	margin: 0 auto;
	font-family: 'Montserrat';
	color: #555;
}

#contenedor, #contenedor3 {
	max-width:1150px;
	margin:0 auto;
}

#contenedor3 h3 {
	color: #333 !important;
	font-size: 24px;
	font-weight: bold;
}

#contenedor3 ul {
	padding-left: 15px; 
}

#contenedor3 ul li{
	list-style: none;
	margin-top: 8px;
}

#contenedor3 a{
	color: #333 !important;
}

#contenedor3 a:hover{
	color: #E2691A!important;
}



#formulario_singin {
	max-width: 450px;
	margin:0 auto;
	padding-bottom: 20px;
}

#formulario_singin p{
	color: #333;
	text-align:left;
}

#formulario_singin input[type=text]::placeholder, #formulario_singin input[type=password]::placeholder , #formulario_singin select::placeholder{
	color: #ccc;
}

#formulario_singin input[type=text], #formulario_singin input[type=password] , #formulario_singin select{
	width: calc(75% - 20px);
	padding:12px;
	padding-left: 60px;
	margin-bottom: 10px;
	color: #333 !important;
	font-size: 16px;
	border:1px solid #ddd;
	border-radius: 4rem;
}

#formulario_singin input[type=submit]{
	color: #000 !important;
}

#formulario_singin input[type=submit]:hover{
	color: #fff !important;
}

#formulario_login {
	max-width: 450px;
	padding: 20px;
	margin:0 auto;
}

#formulario_login p{
	color: #333;
	text-align:left;
}

#formulario_login input[type=text], #formulario_login input[type=password] {
	width: calc(80% - 20px);
	padding:10px;
	padding-left: 60px;
	margin-bottom: 10px;
	color: #666 !important;
	font-size: 16px;
	border:1px solid #ddd;
	border-radius: 4rem;
}

#formulario_login .recordar_contra a {
	color: #11CBEE !important;
}

#formulario_login .recordar_contra a:hover {
	color: #76193b !important;
}

#formulario_login input[type=submit]{
	color: #000 !important;
}

#formulario_login input[type=submit]:hover{
	color: #fff !important;
}

#formulario {
	width: 450px;
	height: 400px;
	background: #fff;
	position: absolute;
	top: 100px;
	right: 10%;
	background-color: rgba(255, 255, 255, .6);
    color: rgba(255, 255, 255, .6);
	border:2px solid #fff;
	-webkit-box-shadow:  2px 2px 5px 0px #333;
	box-shadow:  2px 2px 5px 0px #333;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	padding: 20px;
}

#formulario p{
	color: #333;
	text-align:left;
}

#formulario input[type=text], #formulario input[type=password] {
	border:1px solid #fff;
	width: 85%;
	padding:10px;
	padding-left: 60px;
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow:  3px 3px 10px 2px #333;
	box-shadow:  3px 3px 10px 2px #333;
	color: #666 !important;
	font-size: 15px;
}


.cat_col_derecha {
	float: right;
	width: 80%;
}

#zona_colecciones {
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px;
	padding-bottom: 20px;
	text-align:center;
}

#zona_colecciones ul {
	margin:0 auto;
}

#zona_colecciones li {
	float:left;
	margin:0 auto;
	margin-right: 25px;
}

#zona_colecciones img {
	border:1px solid #ddd;
	padding: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 5px 0 #bbb;
	box-shadow: 1px 1px 5px 0 #bbb;
}

#zona_colecciones img:hover {
	border:1px solid #bbb;
	-webkit-box-shadow: 1px 1px 5px 0 #6B6B6B;
	box-shadow: 1px 1px 5px 0 #6B6B6B;
}

.cat_col_izquierda {
	width: 19%;
	max-width: 225px;
	float: left;
	text-align:left;
	border-right: 1px solid #ccc;
}

.cat_col_izquierda .selected{
	border-left: 8px solid #E2691A;
	background: #eee;
}

.cat_col_izquierda ul {
	padding: 0px;
	margin: 0 auto;
	list-style: none;
}

.cat_col_izquierda li{
	padding: 5px 0px 5px 15px;
	border-left: 8px solid #ccc;
	margin-bottom: 5px;
}

.cat_col_izquierda h2{
	font-size: 18px;
	text-align:center;
	margin-top: 25px;
	margin-bottom: 15px;
}

.cat_col_izquierda li:hover{
	border-left: 8px solid #E2691A;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.candado{
	background: #fff url(img/lock_24.png) no-repeat top left;
	background-position: 20px 10px;
}

.cupon{
	background: #fff url(img/cupon_24.png) no-repeat top left;
	background-position: 20px 10px;
}



.usuario{
	background: #fff url(img/usuario_24.png) no-repeat top left;
	background-position: 20px 10px;
}

.asunto{
	background: #fff url(img/todo_24.png) no-repeat top left;
	background-position: 20px 10px;
}

.buscador{
	background: #fff url(img/buscar_24.png) no-repeat top left;
	background-position: 10px 12px;
	font-family: 'Montserrat', sans-serif;
}

.email_login{
	background: #fff url(img/email_24.png) no-repeat top left;
	background-position: 20px 10px;
}

.telefono{
	background: #fff url(img/telefono_24.png) no-repeat top left;
	background-position: 20px 10px;
}

.pais{
	background: #fff url(img/flag_24.png) no-repeat top left !important;
	background-position: 20px 10px !important;
}

.location{
	background: #fff url(img/location_24.png) no-repeat top left;
	background-position: 20px 10px;
}

.facebooklogin{
	background: #4A6EA8;
	text-shadow: 1px 1px 5px #000000;
	color: #fff;
	text-align:left;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	max-width: 200px;
	float:left;
}

.facebooklogin a{
	color: #fff;
}
.facebooklogin a:hover{
	color: #eee;
}

.facebooklogin img{
	border-right: 1px solid #eee;
	margin-right: 25px;
	vertical-align:middle;
	float:left;
}


.twitterlogin{
	background: #32DEF4;
	text-shadow: 1px 1px 5px #000000;
	color: #fff;
	text-align:left;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	max-width: 200px;
	float:right;
}

.twitterlogin a{
	color: #fff;
}

.twitterlogin a:hover{
	color: #eee;
}

.twitterlogin img{
	border-right: 1px solid #eee;
	margin-right: 25px;
	vertical-align:middle;
	float:left;
}

.twitterlogin div, .facebooklogin div{
	position:relative;
	top: 8px;
}

#formulario input[type=submit] {
	width: 85%;
	padding:10px;
	margin-top: 15px;
	margin-bottom: 10px;
	cursor:pointer;
}

#imagen_curso {
	min-height: 500px;
	background: #fff;
	background-size: cover;
	border-bottom: 1px solid #ccc;
	text-align:center;
}

.fondo_footer_1 {
	background: transparent url(img/fondo_footer_1.jpg) repeat-x top center;
	background-size: cover;
	color: #fff !important;
}

.fondo_footer_2 {
	background: transparent url(img/fondo_footer_2.jpg) repeat-x top center;
	background-size: cover;
	color: #fff !important;
}

.fondo_footer_3 {
	background: transparent url(img/fondo_footer_3.jpg) repeat-x top center;
	background-size: cover;
	color: #fff !important;
}

#imagen_autor {
	height: 150px;
	border-bottom: 1px solid #777;
	background: #333 url(img/patron.png) repeat-x top center;
	display:none;
}

#imagen_curso_contenedor {
	max-width:1150px;
	margin:0 auto;
	padding-top:20px;
}

#video_curso{
	width: 65%;
	float:left;
}

#video_curso h1{
	color: #42474D;
	font-size: 28px;
	text-align: left;
	margin:0 auto;
	margin-bottom: 5px;
}

#video_curso h3{
	color: #555;
	font-size: 16px;
	text-align: left;
	margin: 0 auto;
	margin-bottom: 10px;
}

.contenido_interno {
	padding: 20px;
}

#video_curso iframe{
	width:90% !important;
	height:420px !important;
}

#titulo_curso{
	width: 35%;
	float:right;
	color: #777;
}

#titulo_autor{
	float:right;
	padding-right: 20px;
	padding-left: 180px;
	text-align: right;
}

#titulo_categoria{
	float:left;
	padding-left: 8%;
	text-align: left;
	margin-top: 70px;
}

#titulo_autor h1, #titulo_categoria h1{
	margin:0 auto;
}

#titulo_autor h3, #titulo_categoria h3{
	float:right;
	font-size: 16px;
	margin:0 auto;
	color:#fff;
}

#foto_autor_header, .foto_autor_header{
	position:relative;
	width: 128px;
	height: 128px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.titulo_autor{
	font-size: 28px;
	font-family: 'Montserrat'; 
}

#titulo_curso h1, #titulo_autor h1, #titulo_categoria h1{
	color:#fff;
	font-size: 30px;
}

#titulo_curso h2{

}
#titulo_curso h3{
	color:#eee;
	font-size: 20px;
}
#titulo_curso .precio{
	border:1px solid #333;
	padding: 18px;
	background: #333;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 34px !important;
}

#buscador {
	background: #F9F9F9;
	padding-top: 15px;
	padding-bottom: 0px;
	box-shadow: 0px 1px 2px #CCC;
}

#buscador input[type=text] {
	border: 1px solid #ccc;
	width:70%;
	max-width: 800px;
	padding: 10px;
	padding-left: 60px;
	color: #333 !important;
	font-size: 24px;
	position: relative;
	top: -2px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

#buscador .boton {
	height: 50px;
	font-size: 18px;
	position: relative;
	top: -6px;
	left: -8px;
	border: 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	cursor:pointer;
}

#columnaizquierda {
	width: 64%;
	min-height: 500px;
	float:left;
	text-align:left;
	color: #555;
}

#columnaizquierda iframe{
	max-width: 100%;
}

#columnaizquierda  p, .contenido_principal {
	text-align:left;
	font-size: 14px;
}

#columnaizquierda h2{
	font-size: 18px;
	padding-top: 15px;
	font-family: Playball, Allura, Arial;
	color: #999;
	font-style: italic;
}

#columnaizquierda  h4{
	font-size: 16px;
	font-weight: normal;
}

.video_portada {
	border: 2px solid #333;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	width: 265px;
	height: 198px;
}

#zona_video {
	padding-top: 30px;
}

#columnaderecha{
	width: 32%;
	float:right;
	padding:1%;
	margin-left: 20px;
	text-align:left;
}

.curso_4 {
	width: 270px;
	border: 1px solid #ddd;
	float:left;
	margin-left: 15px;
	margin-bottom: 25px;
	overflow: hidden;
}

.curso_5 {
	width: 213px;
	height: 355px; 
	border: 1px solid #ddd;
	float:left;
	margin-left: 15px;
	margin-bottom: 25px;
	overflow: hidden;
}

.curso hr{
	border:0px;
	border-bottom:1px solid #ccc;
	background: transparent;
}

.curso_4:hover, .curso_5:hover  {
	border: 1px solid #ccc;
}

.precio_curso {
	position:relative;
	top: -65px;
	background: #333;
	float:right;
	color: #fff !important;
	font-weight: bold;
	font-size: 22px;
	padding: 10px 8px;
	background-color: rgba(0, 0, 0, .75);
	color: rgba(0, 0, 0, .6);
	text-shadow: 1px 1px 3px #000;
    filter: dropshadow(color=#000, offx=1, offy=1);
	border-radius: 4rem 0 0 4rem;
}

.cursoheader_4, .cursoheader_5 {
	overflow: hidden;
	max-height: 155px;
}

.cursoheader_4:hover img, .cursoheader_5:hover  img {
	filter: contrast(130%);
	-webkit-filter: contrast(130%);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.cursoheader_4 img {
	width: 272px;
     height: 154px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	padding-bottom: 1px;
}

.cursoheader_5 img {
	width: 215px;
    height: 122px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.endirecto .icono_endirecto {
	width: auto;
	position: relative;
}

.endirecto {
	display: inline-block;
	width: auto;
	padding:5px 12px 5px 5px;
	background:#404040;
	color:#fff;
	text-decoration:none;
	position: relative;
	top: -145px;
	height: 22px;
	font-size: 12px;
	float: left;
}

.endirecto img {
	position: relative;
	top: 3px;
	height: 14px;
	width: 14px;
	margin-right: 2px;
	/*-webkit-animation: super-rainbow 1s infinite alternate linear;
	-moz-animation: super-rainbow 1s infinite alternate linear;*/
}

.curso_5 .endirecto {
	top: -120px;
}

.endirecto_grande {
	position: absolute;
	top: 85px;
	right: 0;
	height: 30px;
	font-size: 25px;
}

.endirecto_grande img {
	top: 1px;
	height: 20px;
	width: 20px;
}

.tras_endirecto {
	top: -124px;
}

.curso_5 .tras_endirecto {
    top: -110px;
}

.cursobody {
	text-align:left !important;
	padding: 10px 5px;
}

.cursobody a{
	font-size: 16px;
	font-weight: bold !important;
	text-decoration: none;
	color: #333;
	font-weight: 400;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	
}

.no-mostrar-publico{
	display:none;
}

.cursobody a:hover{
	color: #E2691A;
}

.titulocurso{
	font-size: 14px;
	font-weight: normal;
	text-align:left;
	height: 100px;
}

.informacion_autores{
	height: 70px;
}

.curso_conocimientos{
	height: 50px;
	overflow:hidden;
}

.curso_5 .titulocurso{
	position:relative;
}

.menos a{
	font-size: 12px !important;
}

.valoraciones{
	width: 120px;
	float: left;
}

.valoraciones_4{
	width: 160px;
	float: left;
}

.valoraciones p, .valoraciones_4 p{
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	font-size: 10px;
}

.curso_5 .valoraciones_4{
    width: 120px;
    float: left;
}

.valoraciones img, .valoraciones_4 img{
	margin-right:1px;
}

.alumnos{
	width: 80px;
	float: right;
	vertical-align:middle;
	text-align:left;
	color: #777;
	font-family: 'Montserrat'; 
	font-size: 18px;
}

.alumnos .fa{
	font-size: 24px;
	color: #777;
	vertical-align:middle;
	margin-right: 10px;
}

.curso_5 .alumnos{
	width: 70px;
}

.alumnos img{
	float:left;
	margin-right: 5px;
}

.alumnos p{
	font-size: 14px;
	font-weight:bold;
	position:relative;
	top: -6px;
}

.cursofooter{
	-webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
	background:#eee;
	text-align:left !important;
	padding:10px;
	border-top:1px solid #ddd;
	height: 118px;
	display:none;
}
.curso_4 .cursofooter {
	width: 252px;
}

.fotoautor {
	width:32px;
	height:32px;
	border:1px solid #fff;
	-webkit-box-shadow:  0px 0px 4px 0px #555;
    box-shadow:  0px 0px 4px 0px #555;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	float:left;
	margin: 0 8px 15px 0;
}
.fotoautor_grande {
	width:128px;
	height:128px;
	border:1px solid #fff;
	-webkit-box-shadow:  0px 0px 4px 0px #555;
    box-shadow:  0px 0px 4px 0px #555;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	float:left;
	margin-right: 10px;
}

.tituloautor {
	font-weight:bold;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
}

.subtituloautor {
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
}

.seccion_contenido{
	margin-bottom: 10px;
	text-align:left;
	
}

.seccion_contenido h3{
	font-size: 20px;
	font-family: arial;
	padding: 8px;
	padding-left: 15px;
	background: #777; 
	color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.seccion_contenido img{
	width:130px !important;
	height:100px !important;
	float:left;
}

.seccion_contenido img.ico{
	width:24px !important;
	height:24px !important;
	float:left;
}

.titulo_clase{
	float:left;
	font-size: 16px;
	padding-left: 20px;
	margin:0 auto;
	color: #999;
}

.duracion_calse {
	font-size: 12px;
	padding-left: 20px;
}

.seccion_contenido .clase{
	width: 48%;
	float:left;
	margin-bottom: 30px;
}

.cuadro_lateral {
	border: 1px solid #eee;
	min-height: 100px;
	box-shadow: 5px 5px 25px 0 rgba(51,51,51,.2);
    transition: 0.3s;
	margin-bottom: 25px;
}

.cuadro_lateral:hover {
	box-shadow: 5px 5px 25px 0 rgba(51,51,51,.3);
}

.cuadro_lateral h2{
	font-size: 20px;
	padding: 10px;
	margin:0 auto;
	border-bottom: 1px solid #eee;
	background: #F6F7FB; 
}

.cuadro_lateral_content {
	padding: 12px;
	color: #777;
}

.cuadro_lateral_content hr {
	border: none;
	border-bottom: 1px dashed #eee;
}

.cuadro_lateral .fotoautor {
	width:64px;
	height:64px;
	border:1px solid #fff;
	-webkit-box-shadow:  0px 0px 4px 0px #555;
    box-shadow:  0px 0px 4px 0px #555;
	float:left;
	margin-right: 15px;
	border-radius: 50%;
}

#footer {
	text-align:left !important;
	color: #777 !important;
	font-size: 12px;
	position:relative;
	top: 60px;
}

.menu_inferior li a {
  text-decoration: none;
  color: #777;
}

.menu_inferior li a:hover {
  text-decoration: none;
  color: #E2691A;
}
  

#categorias_destacadas  .fa,#footer .fa {
	font-size: 128px !important;
	margin: 15px;
	color: #fff;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#categorias_destacadas .espacio2:hover .fa,#footer .espacio2:hover .fa {
	color: #eee;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}


#categorias_destacadas h1, #categorias_destacadas h2, #categorias_destacadas h3, #footer h1, #footer h2, #footer h3 {
	color: #fff;
}

#categorias_destacadas h3, #footer h3{
	font-size: 18px;
	margin-bottom: 10px;
}

.columna_33{
	float:left;
	width: 33.3%;
	margin:0 auto;
}

.espacio2, .espacio3 {
	padding: 10px;
	text-align:center;
	overflow: hidden;
}

#categorias_destacadas .espacio2 h3, #footer .espacio2 h3 {
	padding: 10px;
	border: 1px solid #fff;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#categorias_destacadas .espacio2 h3:hover, #footer .espacio2 h3:hover {
	border: 5px solid #fff;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.centrado {
	text-align:center !important;
}

.borde_derecho {
	border-right: 1px solid #ddd;
}

.borde_izquierdo {
	
}

.franja{
	background:#fff;
	color: #777;
	padding: 25px;
	padding-top: 50px;
}

#contenedorbajo {
	margin:0 auto;
	max-width: 1150px;
	font-size: 14px;
	max-height: 257px;
	overflow: hidden;
}

.color_naranja{
	color: #E2691A !important;
}

.color_gris{
	color: #333 !important;
}

.val_mid {
	vertical-align:middle;
}

.margin_right_25 {
	margin-right: 25px;
}
.margin_right_10 {
	margin-right: 10px;
}

.fuente_48 {
	font-size: 48px;
}

.fuente_32{
	font-size: 32px;
}

.fuente_24{
	font-size: 24px;
}

.fuente_20{
	font-size: 20px;
}

.fuente_12{
	font-size: 12px;
}

.fuente_10{
	font-size: 10px;
}




/*****************************************************/

.clear {
	clear:both;
}

.flot_izq {
	float: left;
}

.flot_der {
	float: right;
}

.ta_right {
	text-align: right;
}

.spacer {
	height: 30px;
	clear:both;
}

.padding_15{
	padding: 15px;
}

.columna_50 {
	width: 49%;
	float:left;
}

.align_center {
	text-align:center;
}

/* vtip */
p#vtip {
	display: none;
	position: absolute;
	padding: 5px 15px;
	left: 15px;
	top: -120px;
	font-size: 12px;
	font-weight: bold;
	background-color: white;
	border: 1px solid #b5b5b5;
	z-index: 9999
}

.c_destacado {
	padding:3px;
	color:#fff;
	text-shadow: 1px 1px 5px #0D0D0D;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.f_verde {
	background:#339900;
}

.destacado {
	color: #E2691A;
}


/*************** Forms ***************/

#contenedor form label {
		display: block;
		padding: 0 0 10px;
		text-align:left;
		color: #999;
		font-weight: normal;
		font-family: 'Montserrat';
		font-size: 16px;
		}

#contenedor form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }

#contenedor form p small {
                font-size: 0.75em;
                color: #777;
                }
				
#contenedor form input.text-input::placeholder, #contenedor form textarea::placeholder{
	color: #ccc;
}

#contenedor form input.text-input,
#contenedor form textarea,
#contenedor form .wysiwyg {
                padding: 6px;
                font-size: 14px;
                background: #fff;
                border: 1px solid #d5d5d5;
				color: #333;
				border-radius: 2rem;
                }
				
#contenedor form select{
                padding: 10px !important;
                font-size: 15px;
				padding-left: 60px !important;
                border: 1px solid #d5d5d5;
				color: #666 !important;
                }

#contenedor form .small-input {
                width: 20% !important;
                }

#contenedor form .medium-input {
                width: 50% !important;
                }

#contenedor form .large-input {
                width: 97.5% !important;
				/*font-size: 16px !important;*/
				padding: 8px !important;
                }

#contenedor form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }

#contenedor form select {
                padding: 4px;
                background: #fff;
                }

#contenedor form input[type="checkbox"],
#contenedor form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }

#contenedor form input[type="submit"] {
		border:1px solid #ddd;
		width: 100%;
		cursor: pointer;
		background: #ffffff; /* Old browsers */
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
		color: #E2691A !important;
		border: 1px solid #E2691A;
		padding: 10px 20px;
		width: auto;
		position: relative;
		font-size: 18px;
		margin-bottom: 20px;
		margin-top: 10px;
		font-family: 'Montserrat';
		text-transform: uppercase;
		border-radius: 4rem;
	}

#contenedor form input[type="submit"]:hover {
		color: #fff !important;
		border:1px solid #E2691A;
		background: #E2691A !important; /* Old browsers */
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
#contenedor form input[type="submit"].boton_demo:hover {
	border:1px solid #333;
	background: #333 !important;
}


#contenedor form input[type="submit"].small-submit {
	border:1px solid #ddd;
	cursor: pointer;
	background: #ffffff; /* Old browsers */
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	color: #E2691A !important;
	border: 1px solid #E2691A;
	padding: 10px;
	position: relative;
	font-size: 12px;
	margin-bottom: 10px;
	font-family: 'Montserrat';
	text-transform: uppercase;
}

#contenedor form input[type="submit"]:hover.small-submit {
	color: #fff !important;
	border:1px solid #ff670f;
	background: #ff670f; /* Old browsers */
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#contenedor form label.small-label {
	display: inline;
	padding: 10px;
	color: #999;
	}

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
				padding: 10px !important;
                }


.attention {
                background: #fffbcc url('images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('images/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
				padding: 10px;
                }

div.message.error, div.notification.error {
                background: #ffcece url('images/icons/cross_circle.png')no-repeat;
                border-color: #df8f8f;
                color: #665252;
				padding: 10px;
                }
div.required.error input , div.required.error input:focus, div.error input, div.error input:focus {
					border:1px solid #CC0000;
                }

.required 		{
				 background: #transparent url(none);
}

/* TOCADO */
.error-message{
				position: relative;
                margin: 10px 0 15px 0;
                padding: 0;
                background-position: 10px 11px !important;
                font-size: 13px;
				display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
				background: #ffcece url('images/icons/cross_circle.png') no-repeat;
                color: #665252;
				padding: 10px;
}


.warning {
                background: #FFF5C6 url('images/icons/exclamation.png');
                border-color: #df8f8f;
                color: #665252;
				padding: 10px;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

.fuente_destacada{
	font-family: 'Exo 2';
}

.destacado {
	color: #E2691A;
}

.mensaje {
	color: #333;
	padding: 40px;
}

.verde {
	color: #DDFFAA !important;
}

.rojo{
	color: #FFCACA !important;
}


/************ Table ************/

#main-content table {
                width: 100%;
                border-collapse: collapse;
				color: #333
                }

#main-content table thead th {
                font-weight: bold;
                font-size: 15px;
                border-bottom: 1px solid #ddd;
                }

#main-content tbody {
                border-bottom: 1px solid #ddd;
                }

#main-content tbody tr {
                background: #fff;
				border-left: 1px solid #ddd;
				border-right: 1px solid #ddd;
                }
/* TOCADO */
#main-content tbody tr.alt-row {
                background: #F5F2F9;
                }

#main-content table td,
#main-content table th {
                padding: 2px;
                line-height: 1.3em;
				vertical-align:middle;
				border-right: 1px solid #ddd;
                }
#main-content table th {
				padding: 10px 3px;
				color: #333;
				text-align:center;
				border-top: 1px solid #ddd;
				background: #F8F8FA url('images/bg-content-box.gif') top left repeat-x;
}

#main-content table td {
				padding-left: 5px;
				padding-right:5px;
}


#main-content table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                }

#main-content table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }
.resaltado{
					background: #eee;
				}

.borde_bajo {
					border:1px solid #ddd;
				}

.column-left {
                width: 48%;
                float: left;
                }

.column-left-25 {
                width: 23%;
                float: left;
                }

.column-left-33 {
                width: 31%;
                float: left;
                }

.column-left-66 {
                width: 65%;
                float: left;
                }

.column-left-75 {
                width: 73%;
                float: left;
                }

.column-right {
                width: 48%;
                float: right;
                }

.column-right-25 {
                width: 23%;
                float: right;
                }

.column-right-33 {
                width: 31%;
                float: right;
                }

.column-right-66 {
                width: 65%;
                float: right;
                }

.column-right-75 {
                width: 73%;
                float: right;
                }

.pointer {
	cursor: pointer;
}


.titulomuydestacado {
	font-family: 'Montserrat', sans-serif;
	font-size: 80px;
	text-align: left;
}

.titulodestacado {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 40px !important;
	text-align:left;
	color: #A499E3;
}

#imagen_superior_portada {
	height: 690px !important;
	background: #fff url(img/nuevaportada.jpg) no-repeat top center;
	background-size: cover !important;
	overflow: hidden;
}


/* UNSLIDER */
#slider {
	position: relative;
	overflow: auto;
	margin: 0 auto;
	padding: 0px;
	min-height: calc(100% - 100px) !important;
	border-bottom: 1px solid #777;
	/*background:#fff url(img/fondo_slider.jpg) no-repeat top center;*/
}

#imagen_profesor, #imagen_afiliado{
	position: relative;
	overflow: auto;
	margin: 0;
	padding: 0;
	min-height: 600px !important;
	border-bottom: 1px solid #777;
}

#imagen_pro {
	position: relative;
	overflow: auto;
	margin: 0;
	padding: 0;
	min-height: 350px !important;
}

#imagen_singin{
	position: relative;
	overflow: auto;
	margin: 0;
	padding: 0;
	min-height: 450px !important;
	border-bottom: 1px solid #777;
}

.boton_banner {
	color: #fff;
	border:1px solid #E2691A;
	padding: 40px;
	min-width: 150px;
	position: relative;
	top: 20px;
	font-size: 28px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	cursor:pointer;
}

.boton_banner_2 {
	color: #fff;
	border:1px solid #E2691A;
	border-radius: 4rem;
	padding: 12px 20px;
	min-width: 150px;
	position: relative;
	background: #E2691A;
	top: 20px;
	font-size: 22px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	cursor:pointer;
	margin-top: 15px;
	font-family: 'Montserrat', sans-serif ;
	text-transform:uppercase;
	text-shadow: 2px 2px 5px #333333;
}

.boton_banner_2_movil {
	display: none;
	color: #fff;
	border:1px solid #E2691A;
	padding: 10px 20px;
	min-width: 150px;
	position: relative;
	background: #E2691A;
	top: 20px;
	font-size: 20px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	cursor:pointer;
	margin-top: 50px;
	font-family: 'Montserrat', sans-serif ;
	text-transform:uppercase;
	text-shadow: 2px 2px 5px #333333;
	border-radius: 4rem;
	top: 50px;
}

.boton_banner .fa, .boton_banner_2 .fa{
	font-size: 32px;
	vertical-align:middle;
	margin-right: 25px;
}

.boton_banner_2_movil:hover, .boton_banner:hover, .boton_banner_2:hover  {
	background: #E2691A;
	color: #fff;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	text-decoration:none;
}


.boton_registro {
	color: #333;
	border:1px solid #E2691A;
	padding: 10px 20px;
	font-size: 18px;
	position:relative;
	top: 20px;
	margin-bottom: 20px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	cursor:pointer;
	border-radius: 4rem;
}

.boton_registro:hover {
	background: #E2691A;
	color: #fff;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.boton_registro:hover {
	color: #fff !important;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.amano{
	font-family: 'Nothing You Could Do', cursive !important;
}

#slider h3, #imagen_profesor h3, #imagen_afiliado h3, #imagen_singin h3, #imagen_pro h3   {
	color: #fff;
	font-family:'Montserrat';
	font-size: 60px;
	font-weight: 300;
	margin-bottom: 20px;
}


#slider h4, #imagen_profesor h4, #imagen_afiliado h4 , #imagen_singin h4, #imagen_pro h4 {
	color: #fff;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-weight: 400;
	max-width: 800px;
	margin:0 auto;
}


#slider h5, #imagen_profesor h5, #imagen_afiliado h5, #imagen_singin h5, #imagen_pro h5{
	color: #fff;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 28px;
	font-weight: 400;
	font-style: italic;
	margin-top: 100px;
}

#imagen_singin h5{
	color: #fff;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 28px;
	font-weight: 400;
	font-style: italic;
	margin-top: 100px;
}



#slider ul { margin: 0; padding: 0; }
#slider li { list-style: none; margin: 0; padding: 0; }
#slider ul li { float: left; margin: 0; padding: 0; }

#slider .unslider-arrow {
	position: absolute;
	top: 225px;
	z-index: 1000;
	margin: 0 15px 0 15px;

	opacity: 0.4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}

#slider .unslider-arrow:hover { opacity: 0.75; }
#slider .prev { left: 0; }
#slider .next { right: 0; }

#slider .dot, #slider .unslider-arrow {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

#slider .dots { position: absolute; left: 0; right: 0; bottom: 20px; }
#slider .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;

	text-indent: -999em;

	border: 2px solid #fff;
	border-radius: 6px;

	cursor: pointer;
	opacity: .4;

	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
#slider .dots li:hover { opacity: .8; }
#slider .dots li.active { background: #fff; opacity: 1; }

/* OTROS */



@-webkit-keyframes super-rainbow {
	0%  { opacity:1;filter:alpha(opacity=100); }
	20%  { opacity:0.8;filter:alpha(opacity=80); }
	40%  { opacity:0.6;filter:alpha(opacity=60); }
	60%  { opacity:0.4;filter:alpha(opacity=40); }
	80%  { opacity:0.2;filter:alpha(opacity=20); }
	100% { opacity:0;filter:alpha(opacity=0)}
}

@-moz-keyframes super-rainbow {
	0%  { opacity:1;filter:alpha(opacity=100); }
	20%  { opacity:0.8;filter:alpha(opacity=80); }
	40%  { opacity:0.6;filter:alpha(opacity=60); }
	60%  { opacity:0.4;filter:alpha(opacity=40); }
	80%  { opacity:0.2;filter:alpha(opacity=20); }
	100% { opacity:0;filter:alpha(opacity=0)}
}

.img_parpadeo {
	-webkit-animation: super-rainbow 1s infinite alternate linear;
	-moz-animation: super-rainbow 1s infinite alternate linear;
}

#politica_cookies {
	padding: 20px;
	background:#eee;
	/*background:rgba(0,0,0,.50);*/
	font-size: 12px;
	text-align:left;
	position:absolute;
	bottom: 0px;
	z-index: 150;
	width: calc(100% - 40px);
	position: fixed;
	z-index:1000;
}



#politica_cookies img {
	float:right;
	height: 16px;
}

#politica_cookies a {
	color: #DB4B00;
}

.categoria_seleccionada {
	border-left: 4px solid #E2691A !important;
}

.cat_col_izquierda ul li ul {
	font-size: 14px;
}

.cat_col_izquierda .fa {
	color: #ccc;
	margin-right: 5px;
	font-size: 22px;
}

.cat_col_izquierda ul li ul li{
	border-left: 4px solid #ccc !important;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.cat_col_izquierda ul li ul li a{
	color: #777;
}

.cat_col_izquierda ul li ul li a:hover{
	color: #E2691A;
}

.cat_col_izquierda ul li ul li:hover{
	border-left: 4px solid #E2691A !important;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.cat_col_izquierda ul li:hover .fa, .categoria_seleccionada .fa, .selected .fa{
	color: #E2691A !important;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.cat_col_izquierda ul li .fa {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.cuadro_portada_2, .cuadro_portada_1 {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#cuadro_portada_1 {
	/*background:rgba(0,0,0,0.75);*/
	margin:0 auto;
	position:relative;
	top: 25px;
}

#zona_contenido {
	
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.activo {
	color: #E2691A !important;
}

.activo_desc {
	background: #E2691A;
}

.mdl-card__supporting-text {
	min-height: 200px;
}

.flexible {
	display:flex; 
	justify-content: center;
}

.caja-skill {
	background: #F6F7FB;
	float:left;
	margin: 5px;
	padding: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.caja-skill img{
	float:left;
	vertical-align: middle;
	margin-right: 10px;
	max-width: 16px;
}

.texto-skill {
	float:left;
	font-size: 10px;
	padding-top: 3px;
}

.caja-skill-numero {
	margin:0 auto;
	line-height: 1em;
	padding:5px;
	border:1px solid #eee;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left: 10px;
	float:right;
	font-size: 10px; 
	background: #fff;
	color: #777;
}
.menucursofooter {
	min-height: 34px;
	position:relative;
	z-index: 25;
	text-align:right;
	padding-right: 10px;
	padding-top: 5px; 
	font-size: 32px;
}

.avancecurso, .opcionescursofoo {
	display:none;
}

.info_curso_val{
	height: 39px;
}

/* ribbon */

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
  display:none;
  z-index: 10;
}

.ribbon-green {
  font: bold 12px Sans-Serif;
  color: #fff;
  text-align: center;
  text-shadow: rgba(0,0,0,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #e36c09;
 
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}

.ribbon-green:after {
  right: 0;
}

.cursos_pro hr {
	border: 0px;
	border-bottom: 2px solid #E2691A;
}

.cursos_pro .alumnos, .cursos_pro .alumnos .fa {
	color:#E2691A;
}

.cursos_pro .ribbon-wrapper-green {
	display:block;
}

.cursos_pro {
	border: 1px solid #F7C2A0 !important;
}

#logo_superior { 
	float:left;
}

#acceso_superior_grande_school {
	display:block;
}

#acceso_superior_grande_school_mobile {
	display:none;
}

.activo {
	color: #E2691A !important;
}

#menu_lateral_school {
	display:none;
}

/* nuevo listado de cursos */

.lista_elementos_curso {
	margin: 0 auto;
	padding: 0px;
}

.elemento_curso {
	padding: 10px;
	list-style: none;
	border: 1px solid #F6F7FB;
}

.icono_elemento {
	float:left;
}

.icono_elemento .fa{
	margin-right: 15px;
	font-size: 24px;
	color: #ccc;
	vertical-align: middle;
}

.titulo_elemento {
	float:left;
}

.info_elemento {
	float:right;
}

.info_elemento .fa {
	vertical-align: middle;
	font-size: 15px;
	color: #ddd;
	margin-right: 5px;
}



#precio{
	font-size: 48px;
	color: #777;
}

.tiempo_curso {
	text-align:left;
}

.caracteristicas_curso {
	padding: 0px !important;
	margin: 0 auto !important;
}

.caracteristicas_curso li {
	list-style-type: none;
	text-align:left;
}

.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}



/* Accordion Menu */

.accordion .panel{
	box-shadow:none;
	margin-bottom:7px;
	border:1px solid #dfdfdf;
}

#accordion div:last-child{
	margin-bottom:0;
}

.accordion a.panel-button{
	padding:15px;
	width:100%;
	display: block;
	color:#717171;
	box-shadow:none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	cursor:pointer;
}

/* Accordion Body */

.accordion .panel-body{
	padding:18px 32px;
	font-size:14px;
	color:#8e8d8d;
	border-top:1px solid #dfdfdf;
	text-align:left;
}

.panel-default {
	border-color: #ddd;
}

	
.linea_central_corta {
	width: 30%;
	border-top: 1px solid #eee;
	margin: 0 auto;
}

.espaciador {
	padding: 30px;
	text-align:center;
}

.espaciador2 {
	padding: 20px;
	text-align:center;
}

/* tabla de confirmar compra */

.tabla_precio {
	width: 100%;
	border: 0px;
	border: 1px solid #eee;
	padding: 0px;
	margin: 0 auto;
	border-spacing: 0px;
}

.tabla_precio th {
	padding: 0px;
	margin: 0 auto;
	padding: 10px;
	background:#F9F9F9;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.tabla_precio td {
	padding: 0px;
	margin: 0 auto;
	padding: 10px;
	border-right: 1px solid #eee;
}


.boton_exterior{
	margin: 0 auto;
    font-size: 18px;
    position: relative;
    border: 0px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
	border-bottom: 3px solid rgba(0,0,0,0.15) !important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #E2691A;
    color: #fff !important;
	padding: 20px;
	display:block;
	margin-top: 22px;
	width: 60%;
}

.ficha_profe{
	background: #fff;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.ficha_profe:hover {
	background: #eee;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.curso_avance{
	padding: 5px;
	background: #ECEDF0;
	border-top: 1px solid #ddd;
}

.barra_avance_covertura {
	height: 7px; 
	background: #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
}

.barra_avance {
	height: 7px; 
	background: #6CC05D;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#franja_publi {
	padding: 10px 25px;
	text-align:left;
	background: #E2691A;
	color: #fff;
	text-align:center;
}

#franja_publi a {
	cursor:pointer;
	color: #fff !important; 
}

.si-movil {
	display:none;
}


/* NUEVO BUSCADOR EXTERIOR */

#search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.95);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

#search.active {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

#search .input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 125px;
    margin: auto;
}

#search .input .search {
    float: left;
    width: calc(80% - 125px) !Important;
    height: 85px;
    padding: 0;
    margin: 0 auto;
	margin-left: 15%;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 40px;
    letter-spacing: 1.3px;
    line-height: 85px;
    text-indent: 20px;
    border-bottom: 1px solid #ddd;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300
}

#search .input .search::-webkit-input-placeholder {
    color: #ccc;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 40px
}

#search .input .submit {
    cursor: pointer;
    float: left;
    width: 125px;
    height: 86px;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 50px;
    color: #bbb !important;
    text-align: center;
    line-height: 85px;
    border-bottom: 1px solid #ddd
}

#search #close {
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 125px;
    height: 95px;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 40px;
    color: #bbb;
    text-align: center;
    line-height: 95px;
}

#zona_cohete {
	background: #eee;
	padding: 20px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#barra_avance_cohete {
	width: calc(100% - 64px);
	height: 50px;
}

#barra_avance_cohete:after {
	content:url('img/moon.png');
	float:right;
	position:relative;
	z-index: 5;
	left: -80px;
}

#barra_estela_cohete {
	position:relative;
	background: #E2691A;
	width: calc(40% - 208px);
	float:left;
	margin-top: 12px;
	color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#barra_cohete_cohete:after{
	content:url('img/rock.png');
	float:left;
	position:relative;
	z-index: 10;
	left: -60px;
}

.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

/* Categorías de la portada */

.categoria_excel {
	background: #fff url(img/excel_bg.jpg) no-repeat top center;
	background-size: cover;
}

.categoria_marketing {
	background: #fff url(img/marketing_bg.jpg) no-repeat top center;
	background-size: cover;
}

.categoria_habilidades {
	background: #fff url(img/habilidades_bg.jpg) no-repeat top center;
	background-size: cover;
}

.categoria_herramientas {
	background: #fff url(img/herramientas_bg.jpg) no-repeat top center;
	background-size: cover;
}

#franja_portada {
	min-height: 100px;
	background: linear-gradient(45deg,#76193b,#A82456);
	color: #fff;
}

.categoria_portada {
	border: 1px solid #F5F6FB;
	border-radius: 10px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.categoria_portada:hover  {
	background: #F5F6FB;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.titulo_categoria_portada {
	padding-top: 7px;
	text-align:left;
}

.padding_10 {
	padding: 10px;
}

.padding_15 {
	padding: 15px;
}

#busador_portada {
	position:relative;
	top: 25px;
	z-index: 20;
}

#busador_portada input {
	width: calc(100% - 20px);
    padding: 10px;
    font-size: 18px;
    border: 0px;
    border-radius: 1rem 0 0 1rem;
	color: #333;
}

#busador_portada button {
	width: 100%;
    border-radius: 0 1rem 1rem 0;
    border: 0;
	background: linear-gradient(45deg,#76193b,#A82456);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#busador_portada button:hover {
	background: linear-gradient(-45deg,#76193b,#A82456);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;	
}

#busador_portada button i{
	width: 100%;
    border: 0px;
    padding: 10px 0px;
    border-radius: 0 1rem 1rem 0;
    font-size: 24px;
}

.boton_mostrar_mas {
	font-size: 20px;
	padding: 10px 20px;
}

.titulocurso {
	font-size: 18px !important;
	font-family: 'Montserrat';
}

.cursoheader_5 {
	max-height: 122px;
}

.foto_profile {
	border-radius: 50%;
    box-shadow: 5px 5px 25px 0 rgba(51,51,51,.2);
}

#imagen_pro .boton {
		font-size: 28px; 
		width: 450px; 
		padding: 20px; 
		margin:0 auto; 
		margin-top: 15px; 
		margin-bottom: 15px; 
		text-align:center;
	}