/*
Theme Name: Galileo Telescopio
Theme URI: telescopio.galileo.edu
Description: Tema Principal desarrollado para sitio de Galileo Telescopio
Author: Universidad Galileo
Author URI: http://www.galileo.edu
Version: 1.1
License: GNU General Public License
License URI: license.txt

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
@author: Javier Guillén
*/

@font-face {
	font-family: 'MuseoSans 100';
	src: url('./fonts/museosans/museosans_100.ttf')				format('truetype'),
  	     url('./fonts/museosans/museosans_100.otf')				format('opentype'),
	     url('./fonts/museosans/museosans_100.svg#MuseoSans 100')	format('svg');
}
@font-face {
	font-family: 'MuseoSans 300';
	src: url('./fonts/museosans/museosans_300.ttf')				format('truetype'),
   	     url('./fonts/museosans/museosans_300.otf')				format('opentype'),
	     url('./fonts/museosans/museosans_300.svg#MuseoSans 300')	format('svg');
}
@font-face {
	font-family: 'MuseoSans 500';
	src: url('./fonts/museosans/museosans_500.ttf')				format('truetype'),
	     url('./fonts/museosans/museosans_500.otf')				format('opentype'),
	     url('./fonts/museosans/museosans_500.svg#MuseoSans 500')	format('svg');
}
@font-face {
	font-family: 'MuseoSans 700';
	src: url('./fonts/museosans/museosans_700.ttf')				format('truetype'),
   	     url('./fonts/museosans/museosans_700.otf')				format('opentype'),
	     url('./fonts/museosans/museosans_700.svg#MuseoSans 700')	format('svg');
}
@font-face {
	font-family: 'MuseoSans 900';
	src: url('./fonts/museosans/museosans_900.ttf')				format('truetype'),
   	     url('./fonts/museosans/museosans_900.otf')				format('opentype'),
	     url('./fonts/museosans/museosans_900.svg#MuseoSans 900')	format('svg');
}
@font-face {
	font-family: 'adventRegular';
	src: url('./fonts/advent-regular/advent_regular.ttf')				format('truetype'),
	     url('./fonts/advent-regular/advent_regular.otf')				format('opentype'),
	     url('./fonts/advent-regular/advent_regular.svg#adventRegular')	format('svg');
}
/*Resets necesarios para la correcta visualización de los distintos elementos de HTML5*/
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	box-sizing: border-box;
		-moz-box-sizing: 	border-box;
		-webkit-box-sizing: border-box;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	background-color: #FFFFFF;
	clear: both;
	display: block;
	font-family: "MuseoSans 500";
	font-size: 1em;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
	/*line-height: 1em;*/
	margin: 0;
	min-width: 960px;
	padding: 0;
	text-rendering: auto;
	-webkit-text-stroke-width: 0.25px;
	width: 100%;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
p {
	margin-bottom: 10px;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: top;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 14px;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
}
a:focus {
	outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 7px 5px 4px;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
select {
	appearance:none;
	    -moz-appearance:none;
	    -webkit-appearance:none;    	
    cursor:pointer;
}
select:focus {
	outline: none;
}
textarea {
	resize: none;
}
::-moz-selection {
    background-color: #1e73be;
    color: #FFFFFF;
}
::selection {
    background-color: #1e73be;
    color: #FFFFFF;
}
/*General floats*/
.left {
	display: inline-block;
	float: left;
}
.right {
	display: inline-block;
	float: right;
}
/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

/* Form fields, general styles first */
fieldset {
	margin: 0 0.1em;
	padding: 0 0.5em ;
}
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	margin: 0;
	padding: 0;
}
button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}
button,
input {
    line-height: normal;
    cursor: pointer;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}
a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
}
/**/
.chromeframe {
	margin: 0.2em 0;
	background: #00012D;
	color: #FFFFFF;
	padding: 1em;
}
.parent_col {
	margin: 0 auto;
	max-width: 1180px;
	width: 100%;
}
.site_header {
	background: url('./images/bg-main.png');
	background: -moz-linear-gradient(top,  rgba(215,215,215,0.75) 0%, rgba(255,255,255,0.5) 100%), url('./images/bg-main.png');
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,215,215,0.75)), color-stop(100%,rgba(255,255,255,0.5))), url('./images/bg-main.png');
	background: -webkit-linear-gradient(top,  rgba(215,215,215,0.75) 0%,rgba(255,255,255,0.5) 100%), url('./images/bg-main.png');
	background: -o-linear-gradient(top,  rgba(215,215,215,0.75) 0%,rgba(255,255,255,0.5) 100%), url('./images/bg-main.png');
	background: linear-gradient(to bottom,  rgba(215,215,215,0.75) 0%,rgba(255,255,255,0.5) 100%), url('./images/bg-main.png');
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	border-bottom: 3px solid rgba(205,205,205,0.25);
	display: block;
	height: 87px;
	max-height: 87px;
}
.main_navigation {
	display: block;
	height: 100%;
	width: 100%;
}
.logo {
	display: block;
	padding: 0.75em 1em 0;
}
.menu {
	height: 100%;
	width: auto;
}
.principal-nav {
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	position: inherit;
}
.principal-nav li {
	box-sizing:content-box;
		-moz-box-sizing:	content-box;
		-webkit-box-sizing:	content-box;
	display: inline-block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0 0.75em;
	position: inherit;
	transition: all 0.3s ease;
		-moz-transition:	all 0.3s ease;
		-ms-transition:		all 0.3s ease;
		-o-transition:		all 0.3s ease;
		-webkit-transition:	all 0.3s ease;
	vertical-align: top;
}
.menu li:hover {
	background: #CDCDCD;
	background: rgb(205,205,205);
	background: rgba(205,205,205,0.25);	
	border-bottom: 3px solid #3f3f41;
}
.menu a {
	background-color: transparent;
	color: #071544;
	font-family: "MuseoSans 300";
	font-size: 1em;
	display: block;
	padding: 0;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;	
	top: 48%;
}
.current_page_item {
	background: #CDCDCD !important;
	background: rgb(205,205,205) !important;	
	background: rgba(205,205,205,0.75) !important;
	border-bottom: 3px solid #ffcb27 !important;
}
section.header-top {
	display: block;
	height: 370px;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 0;
	width: 100%;
}
div.banner-master {
	background-clip: border-box;
	background-origin: border-box;
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	height: 100%;
	width: 100%;
}
div.banner-child {
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	height: 100%;
	position: relative;
	width: 100%;
}
.banner-child div.left, .banner-child div.right {
	display: block;
	height: 100%;
	width: 50%;
}
.bloginfo_description {
	color: #FFFFFF;
	font-family: "MuseoSans 300";
	font-size: 2em;
	line-height: 1em;
	position: relative;
	padding: 0 0.5em;
	top: 90%;
}
#log-reg-form {
	display: block;
	height: 263px;
	width: 299px;
	position: absolute;
	right: 0;
}
.block-form {
	background-color: #F4F4F4;
	border-radius: 8px 8px 0 0;
	height: 100%;
	padding-top: 10px;
	width: 250px;
}
#sideclass {
	border-radius: 8px;
	background-color: #F4F4F4;
	display: block;
	height: 245px;
	overflow: hidden;
	width: 100%;

}
div.flip {
    height: inherit;
    position: absolute;
    width: 100%;
}
input.register_data[type="text"],
input.register_data[type="password"],
input.login_data[type="text"],
input.login_data[type="password"],
.margin-form select {
	background-color:	#E4E4E4;
	border:	none;
	border-radius: 6px;
		-webkit-border-radius: 	6px;
		-moz-border-radius: 	6px;
	box-shadow: inset 0 1px 2px 0 rgba(127,127,127, 0.5);
		-webkit-box-shadow: inset 0 1px 2px 0 rgba(127,127,127, 0.5);
		-moz-box-shadow: 	inset 0 1px 2px 0 rgba(127,127,127, 0.5);
	box-sizing: border-box;
		-webkit-box-sizing:	border-box;
		-moz-box-sizing:	border-box;
	display: inline-block;
	font-family: "Myriad Pro", "MuseoSans 300";
	font-size: 1em;
	margin: 0.25em 0;
	padding: 0.4em 12px;
	width: 100%;
	transition:	border linear 0.2s, box-shadow linear 0.2s;
	    -moz-transition:	border linear 0.2s, box-shadow linear 0.2s;
	    -ms-transition:		border linear 0.2s, box-shadoy linear 0.2s;
	    -o-transition:		border linear 0.2s, box-shadow linear 0.2s;
	    -webkit-transition:	border linear 0.2s, box-shadow linear 0.2s;	    
}
input.register_data[type="text"]:focus,
input.register_data[type="password"]:focus,
input.login_data[type="text"]:focus,
input.login_data[type="password"]:focus {
	border-color: #52A8EC;
	border-color: rgba(82, 168, 236, 0.8);
    box-shadow:	inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	    -moz-box-shadow:	inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
		-webkit-box-shadow:	inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0;
}
.register_submit,
.login_submit {
	background: #1da9e6;
	background: -moz-linear-gradient(top,  #1da9e6 0%, #0486bc 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1da9e6), color-stop(100%,#0486bc)); 
	background: -webkit-linear-gradient(top,  #1da9e6 0%,#0486bc 100%); 
	background: -o-linear-gradient(top,  #1da9e6 0%,#0486bc 100%); 
	background: -ms-linear-gradient(top,  #1da9e6 0%,#0486bc 100%); 
	background: linear-gradient(to bottom,  #1da9e6 0%,#0486bc 100%); 
	border: 1px solid #0473A2;
	border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:	inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow:	inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
	/*box-sizing: border-box;
		-webkit-box-sizing:	border-box;
		-moz-box-sizing:	border-box;*/
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 1.1em;
	font-weight: 100;
	line-height: 1em;
	margin: 0.25em auto;
	padding: 0.25em;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
	vertical-align: middle;	
	width: 100%;
	transition: text-shadow linear 0.2s;
	    -moz-transition:	text-shadow linear 0.2s;
	    -o-transition:		text-shadow linear 0.2s;
	    -webkit-transition:	text-shadow linear 0.2s;
}
.register_submit:hover,
.login_submit:hover {
	text-shadow: 0 0px 5px rgba(255, 255, 255, 1.00);
}
div#page {
	background-image: url('./images/bg-main.png');
	background-repeat: repeat;
	background-color: #FFFFFF;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 0;
	vertical-align: top;
	width: 100%;
}
nav#tax_menu {
	height:120px;
	overflow:hidden;
	position: relative;
	width:100%;
}
div#principal-menu {
	color: #FFFFFF;
	display: block;
	height: 240px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 10;
}
div.background_menu {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%
}
p.before_menu,
p.after_menu {
	background-color: #000000;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	top: 0;
	height: 100%;
	width: 50%;
}
p.before_menu {
	background-image: url('./images/bg-menu-preuniversitarios.png');
}
p.after_menu  {
	background-image: url('./images/bg-menu-recursos.png');
}
div#principal-menu div[class*="category-"] {
	background-repeat: repeat-x;
	display: block;
	font-size: 0.85em;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	transition: all 0.5s ease;
		-moz-transition:	all 0.5s ease;
		-ms-transition:		all 0.5s ease;
		-o-transition:		all 0.5s ease;
		-webkit-transition:	all 0.5s ease;
	width: 25%;
}
div#principal-menu div[class*="category-"] a {
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	color: #FFFFFF;
	display: inline-block;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 2em 0em;
	position: inherit;
	text-decoration: none;
	transition: top 0.5s ease;		
		-moz-transition:	top 0.5s ease;
		-ms-transition:		top 0.5s ease;
		-o-transition:		top 0.5s ease;		
		-webkit-transition:	top 0.5s ease;
	top: 0;
	width: 100%;
}
div#principal-menu div[class*="category-"] a:hover {
	position: inherit;
	top: -50%;
}
div#principal-menu div[class*="category-"] a article {
	height: 100%;
}
article span.tax_title {
	display: block;
	font-family: "MuseoSans 300";
	font-size: 0.55em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
}
article span.tax_title_big {
	display: block;
	font-family: "adventRegular";
	font-size: 3em;
	font-style: normal;
	font-weight: normal;
	height: 100%;
	letter-spacing: -2px;
	line-height: 0.3em;
	margin: 0;
	padding: 0;
	position: absolute;
	text-transform: capitalize;
	width: 100%;
}
article em.meta-info {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.6);
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing: border-box;
	color: #FFFFFF;
	display: block;
	font-family: "MuseoSans 300";
	font-style: normal;
	font-size: 1em;
	height: 100%;
	margin-top: 5%;
	padding: 1em 1.5em;
	position: inherit;
	text-decoration: none;
	text-align: center;
	transition: all linear 0.8s;
    	-moz-transition:	all linear 0.8s;
	    -ms-transition:		all linear 0.8s;
	    -o-transition:		all linear 0.8s;
	    -webkit-transition:	all linear 0.8s;
	width: 100%;
}
article em.meta-info:hover {
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
}
div#principal-menu .category-preuniversitarios, .category-preuniversitarios em.meta-info {
	background-image: url('./images/bg-menu-preuniversitarios.png');
}
div#principal-menu .category-refuerzo, .category-refuerzo em.meta-info{
	background-image: url('./images/bg-menu-refuerzo.png');
}
div#principal-menu .category-libres, .category-libres  em.meta-info{
	background-image: url('./images/bg-menu-libres.png');
}
div#principal-menu .category-recursos, .category-recursos em.meta-info{
	background-image: url('./images/bg-menu-recursos.png');
}
span[class*="taxonomy-"] {
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing: border-box;
	display: block;
	height: 50%;
	padding: 1em;
	width: 100%;
}
span[class*="taxonomy-"] > span,
span[class*="taxonomy-"] > em {
	position: relative;
	vertical-align: middle;
}
span.tax_title_big:after {
	background-image: url('./images/tax_menu.png');
	background-repeat: no-repeat;
	content: "";
	display: block;
	float: right;
	padding: 0;
	position: inherit;
}
span.taxonomy-preuniversitarios span.tax_title_big:after {
	background-position: 0px 0px;
	height: 49px;
	margin-top: -1.7em;
	width: 79px;
}
span.taxonomy-refuerzo span.tax_title_big:after {
	background-position: -84px 0px;
	height: 73px;
	margin-top: -1.4em;
	width: 63px;
}
span.taxonomy-libres span.tax_title_big:after {
	background-position: -157px 0px;
	height: 72px;
	margin-top: -1.3em;
	width: 97px;
}
span.taxonomy-recursos span.tax_title_big:after {
	background-position: -264px 0px;
	height: 50px;
	margin-top: -1.7em;
	width: 97px;
}
/**/
div#content_search, #search_recursos {
	/*background-color: #F4F4F4;
	background-image: url('./images/bg-contentsearch.jpg');*/
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	background-image: -moz-linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	background-image: -ms-linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	background-image: -o-linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	background-image: linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	border-bottom: 1px solid #AAAAAA;
	display: block;
	height: 60px;
	overflow: hidden;
	width: 100%;
}
div#search_form,
div#search_category {
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing: border-box;
	display: inline-block;
	float: left;
	vertical-align: top;
	width: 50%;
}
div#search_form section,
div#search_category section {
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing: border-box;
	padding: 0.5em 1em;
}
form.search_form,
form.search_category {
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
fieldset.search_form,
fieldset.search_category {
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing: border-box;
	background-color: #E4E4E4;
	border: 1px solid #E4E4E4;
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
	display: block;
	height: 100%;
	margin: 0;
	padding: 0.25em;
	position: relative;
}
fieldset.search_form input[type="submit"],
fieldset.search_form input[type="submit"]:hover {
	background-image: url('./images/zoom.png');
	background-color: transparent;
	border:none;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	margin: 0.45em 0.25em;
	padding: 0;
	opacity: 1;
	transition: opacity 2s ease;
		-moz-transition:	opacity 2s ease;
		-ms-transition:		opacity 2s ease;
		-o-transition:		opacity 2s ease;
		-webkit-transition:	opacity 2s ease;
	vertical-align: middle;
	width: 24px;
}
fieldset.search_form input[type="submit"] {
	background-position: 0 0;
}
fieldset.search_form input[type="submit"]:hover {
	background-position: 0 -24px;
	opacity: 0.8;
}
fieldset.search_form input[type="text"] {
	background-color: transparent;
  	border: none;
	color: #555555;
	display: inline-block;
	font-family: "MuseoSans 300";
	font-size: 1.2em;
	letter-spacing: 2px;
	margin: 0;
	min-height: 70%;
	padding: 0.25em;
	vertical-align: middle;
	width: auto;	
}
fieldset.search_form input[type="text"]:focus {
	border:none;
	outline: none;
}
#search_category label {
	display: block;
	position:relative;
}
#search_category label:before {
    content:'';
    right: 0px;
    top: 0;
    width: 25px;
    height: 36px;
    background: #E4E4E4;
    position:absolute;
    pointer-events:none;
    display:block;
}
#search_category label:after {
    border-bottom: 1px solid #BBBBBB;
	color: #2C2C2C;
    content: '<>';
    font-size: 1em;
   	font-family: "MuseoSans 700";
    padding: 0 0 2px;
    pointer-events:none;
    position:absolute;
    right: 0px; 
    top: 7px;
    transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
	    -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
}
select.postform {
	background-color: #E4E4E4;
	border:none;
	color: #909090;
	display: block;
	font-family: "MuseoSans 300";
	font-size: 1.2em;
	height: 36px;
	letter-spacing: 2px;
	margin: 0;
	overflow: hidden;
	padding: 0.25em;
	width: 100%;
	z-index: 1;
}
select.postform option {
	color: #555555;
	padding: 0.5em;
}
/**/
ul.course_wrapper {
	display: block;
	height: auto;
	list-style: none;
	margin: auto;
	padding: 0;
	width: 100%
}
li.course-item {
	background-image: url('./images/bg-content.png');
	background-color: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.35);
	display: inline-block;
	height: 312px;
	margin: 1.5%;
	min-height: 312px;
	overflow: hidden;
	position: relative;
	list-style: none;
	padding: 0;
	vertical-align: top;
	width: 30%;
}
div.course-thumbnail {
	background-color: #FFFFFF;
	border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
	display: block;
	margin: 0;
	height: 200px !important;
	overflow: hidden;
	padding: 0;
	position: inherit;
	width: 100%;
}
div.course-thumbnail img {
	border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
	min-height: auto;
	position: inherit;
	width: 100%;
}
span.hover {
	background: transparent;
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.5em;
	position: absolute;
	transition: background 0.5s ease;	
		-moz-transition:	background 0.5s ease;
		-ms-transition:		background 0.5s ease;
		-o-transition:		background 0.5s ease;
		-webkit-transition:	background 0.5s ease;
}
span.hover:hover {
	background: rgba(96,96,96,0.5);
}

div.course span[class*="disponibilidad-"] {
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 94px 94px;
	display: block;
	float: right;
	position: absolute;
	height: 94px;
	width: 100%;
	z-index: 10;
}
span.disponibilidad-proximamente {
	background-image: url('./images/cursos/proximamente-azul.png');
}
span.disponibilidad-nuevo {
background-image: url('./images/cursos/nuevo.png');
}
span.disponibilidad-destacado {
background-image: url('./images/cursos/destacado.png');
}
div.course div.course-title {
	background-color: #000000;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	color: #FFFFFF;
	display: block;
	font-family: "adventRegular";
	font-size: 1.6em;
	height: 70px;
	line-height: 1em;
	margin: 0;
	overflow: hidden;
	padding: 0.25em;
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	z-index: 10;
}
div.course-title > span {
	border-left: 5px solid;
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	display: inline-block;
	height: auto;
	line-height: 1em;
	padding: 0.1em 10px;
	text-shadow: 0 1px 0 #757575;
	vertical-align: inherit;
	width: 100%;
}
div.class-recursos > span {
	border-color: #D3C8AE;
}
div.class-libres > span {
	border-color: #94bee5;
}
div.class-preuniversitarios > span {
	border-color: #aaaaaa;
}
div.class-refuerzo > span {
	border-color: #29476f;
}
div.course div.course-meta {
	background-color: transparent;
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	display: block;
	height: 42px;
	padding: 0.5em;
	vertical-align: top;
	width:100%;
}
div.course-meta p {
	display: inline-block;
	line-height: 1em;
	margin: 0;
	padding: 0.5em 0;
	vertical-align: middle;
}
div.course span > a {
	background: #767676; 
	background: -moz-linear-gradient(top,  #767676 0%, #575757 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767676), color-stop(100%,#575757)); 
	background: -webkit-linear-gradient(top,  #767676 0%,#575757 100%); 
	background: -o-linear-gradient(top,  #767676 0%,#575757 100%); 
	background: -ms-linear-gradient(top,  #767676 0%,#575757 100%); 
	background: linear-gradient(to bottom,  #767676 0%,#575757 100%); 
	border: 1px solid #767676;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	border-radius: 6px;
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#575757',GradientType=0 ); 
	float: right;
	font-family: "MuseoSans 300";
	font-size: 1em;
	height: auto;
	margin: 0;
	padding: 0.5em;
	position: relative;
	line-height: 1em;	
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
    transition: text-shadow linear 0.2s;
    	-moz-transition:	text-shadow linear 0.2s;
	    -ms-transition:		text-shadow linear 0.2s;
	    -o-transition:		text-shadow linear 0.2s;
	    -webkit-transition:	text-shadow linear 0.2s;
	top: 270px;
    width: auto;
}
div.course span > a:hover {
	text-shadow: 0 0px 5px rgba(255, 255, 255, 1.00);
}
aside.related-sites {
	background: #C2C2C2;
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	background-image: -moz-linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	background-image: -ms-linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	background-image: -o-linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	background-image: linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	border-top: 1px solid #AAAAAA;
}
aside.pages-wrapper {
	clear: both;
	display: inline-block;
	float: left;
	margin: 1em;
}
aside span.aside-title {
	background-clip: border-box;
	background-image: url('./images/bg-aside-title.png');
	background-size: cover;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	color: #FFFFFF;
	font-family: "MuseoSans 500";
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0;
	padding: 0.5em 1.2em;
	text-align: left;
	text-shadow: 1px 1px 1px #AAA;
}
aside p {
	color: #111;
	font-family: "MuseoSans 300";
	text-align: justify;
	text-shadow: 0 1px 1px #999;
}
aside a.more-link {
	background-clip: border-box;
	background-image: url('./images/bg-aside-link.png');
	background-size: cover;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	color: #FFFFFF;
	font-family: "MuseoSans 700";
	font-size: 1em;
	line-height: 2.8em;
	margin: 0;
	padding: 0.4em 1em;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 1px #AAA;
	vertical-align: top;
}
aside a.more-link:hover {
	text-decoration: underline;
}
section#social {
	display: inline-block;
}
section ul#social-menu {
	list-style:none;
	margin: 0;
	padding: 1em 0;
}
section ul#social-menu a {
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
}
section ul > li {
	float: left;
}
section ul li.social-fb,
section ul li.social-tw,
section ul li.social-mail,
section ul li.social-fb:hover,
section ul li.social-tw:hover,
section ul li.social-mail:hover {
	background-image: url('./images/social-buttons.png');
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	display: inline-block;
	height: 62px;
	margin: 0.1em;
	opacity: 1;
	padding: 0;
	transition: opacity 2s ease;
		-moz-transition:	opacity 2s ease;
		-ms-transition:		opacity 2s ease;
		-o-transition:		opacity 2s ease;
		-webkit-transition:	opacity 2s ease;
	vertical-align: top;
	width: 63px;
}
section ul li.social-fb:hover,
section ul li.social-tw:hover,
section ul li.social-mail:hover {
	opacity: 0.8;
}
section ul li.social-fb {
	background-position: 0 0;
}
section ul li.social-tw {
	background-position: -70px 0;
}
section ul li.social-mail {
	background-position: -140px 0;
}
section ul li.social-fb:hover {
	background-position: 0 -73px;
}
section ul li.social-tw:hover {
	background-position: -70px -73px;
}
section ul li.social-mail:hover {
	background-position: -140px -73px;
}
footer {
	background: #00012D;
	background: -moz-linear-gradient(top,  #000138 0%, #00012d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000138), color-stop(100%,#00012d));
	background: -webkit-linear-gradient(top,  #000138 0%,#00012d 100%);
	background: -o-linear-gradient(top,  #000138 0%,#00012d 100%);
	background: -ms-linear-gradient(top,  #000138 0%,#00012d 100%);
	background: linear-gradient(to bottom,  #000138 0%,#00012d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000138', endColorstr='#00012d',GradientType=0 );
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	bottom: 0;
	color: #FFFFFF;
	display: block;
	font-family: "MuseoSans 300";
	font-size: 0.8em;
	height: 36px;
	padding: 0.8em 1em;
	width: 100%;
}
footer article {
	display: block;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	vertical-align: top;
	width: 100%;
}
footer section {
	display: inline;
	font-size: 0.8em;
}
footer span a {
	color: #FFFFFF;
	text-decoration: none;
}
/*Cursos*/
div.oembed {
	display: inline-block;
	height: auto !important;
	padding: 0;
	text-align: center;
	width: 100%;
}
div.course-information {
	border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;	
	background-image: url('./images/bg-course-information.png');
	background-repeat: repeat;
	padding: 1em;
	float: right;
	position: relative;
	vertical-align: bottom;
	text-align: center;
	top: 10% !important;
	width: 85% !important;
	height:100%;
}
div.course-information h1 {
	border-left: 5px solid;
	font-family: "MuseoSans 300";
	font-size: 1.6em;
	line-height: 1em;
	padding-left: 15px;
	text-align: left !important;
	vertical-align: sub;
}
div.course-information article {
	font-family: "MuseoSans 300";
	font-size: 12.5px;
	line-height: 1.2;
	padding: 0.5em;
	text-align: left;
}
div.class-recursos > h1 {
	border-color: #D3C8AE;
}
div.class-libres > h1 {
	border-color: #94bee5;
}
div.class-preuniversitarios > h1 {
	border-color: #aaaaaa;
}
div.class-refuerzo > h1 {
	border-color: #29476f;
}
div.course-information a {
	cursor: pointer;
	display: block;
	width: auto;
	height: auto;
}
div.course-information button {
	color: #FFFFFF;
	font-family: "MuseoSans 500";
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	border: none;
	font-size: 1.5em;
	padding: 0.2em;
	width: 90%;
}
div.class-recursos button {
	background: #d3c8ae;
	background: -moz-linear-gradient(top, #d3c8ae 0%, #a89a79 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3c8ae), color-stop(100%,#a89a79));
	background: -webkit-linear-gradient(top, #d3c8ae 0%,#a89a79 100%);
	background: -o-linear-gradient(top, #d3c8ae 0%,#a89a79 100%);
	background: -ms-linear-gradient(top, #d3c8ae 0%,#a89a79 100%);
	background: linear-gradient(to bottom, #d3c8ae 0%,#a89a79 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3c8ae', endColorstr='#a89a79',GradientType=0 );
        border: 1px solid #8f8367;
        border-radius: 6px;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                -moz-box-shadow:        inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                -webkit-box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-sizing: border-box;
                -webkit-box-sizing:     border-box;
                -moz-box-sizing:        border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-weight: 100;
        line-height: 1em;
	text-align: center;
        text-transform:	capitalize;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
        vertical-align: middle;
        width: 100%;
        transition: text-shadow linear 0.2s;
            -moz-transition:    text-shadow linear 0.2s;
            -o-transition:              text-shadow linear 0.2s;
            -webkit-transition: text-shadow linear 0.2s;
}
div.class-recursos button:hover {
        text-shadow: 0 0px 5px rgba(255, 255, 255, 1.00);
}
div.class-libres button, div.class-esvial button {
	background: #94bee5;
	background: -moz-linear-gradient(top,  #94bee5 0%, #6a94ba 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94bee5), color-stop(100%,#6a94ba));
	background: -webkit-linear-gradient(top,  #94bee5 0%,#6a94ba 100%);
	background: -o-linear-gradient(top,  #94bee5 0%,#6a94ba 100%);
	background: -ms-linear-gradient(top,  #94bee5 0%,#6a94ba 100%);
	background: linear-gradient(to bottom,  #94bee5 0%,#6a94ba 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94bee5', endColorstr='#6a94ba',GradientType=0 );
    border: 1px solid #5c80a1;
    border-radius: 6px;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                -moz-box-shadow:        inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                -webkit-box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-sizing: border-box;
                -webkit-box-sizing:     border-box;
                -moz-box-sizing:        border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: 100;
    line-height: 1em;
    text-align: center;
    text-transform: capitalize;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
        vertical-align: middle;
        width: 100%;
        transition: text-shadow linear 0.2s;
            -moz-transition:    text-shadow linear 0.2s;
            -o-transition:              text-shadow linear 0.2s;
            -webkit-transition: text-shadow linear 0.2s;
}
div.class-libres button:hover {
        text-shadow: 0 0px 5px rgba(255, 255, 255, 1.00);
}

div.class-preuniversitarios button {
	background: #aaaaaa; /* Old browsers */
background: -moz-linear-gradient(top,  #aaaaaa 0%, #7f7575 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#7f7575)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aaaaaa 0%,#7f7575 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aaaaaa 0%,#7f7575 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aaaaaa 0%,#7f7575 100%); /* IE10+ */
background: linear-gradient(to bottom,  #aaaaaa 0%,#7f7575 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#7f7575',GradientType=0 ); /* IE6-9 */
        border: 1px solid #665e5e;
        border-radius: 6px;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                -moz-box-shadow:        inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                -webkit-box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-sizing: border-box;
                -webkit-box-sizing:     border-box;
                -moz-box-sizing:        border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-weight: 100;
        line-height: 1em;
        text-align: center;
        text-transform: capitalize;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
        vertical-align: middle;
        width: 100%;
        transition: text-shadow linear 0.2s;
            -moz-transition:    text-shadow linear 0.2s;
            -o-transition:              text-shadow linear 0.2s;
            -webkit-transition: text-shadow linear 0.2s;
}
div.class-preuniversitarios button:hover {
        text-shadow: 0 0px 5px rgba(255, 255, 255, 1.00);
}

div.class-refuerzo button {
	background: #29476f; /* Old browsers */
background: -moz-linear-gradient(top,  #29476f 0%, #132742 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29476f), color-stop(100%,#132742)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #29476f 0%,#132742 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #29476f 0%,#132742 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #29476f 0%,#132742 100%); /* IE10+ */
background: linear-gradient(to bottom,  #29476f 0%,#132742 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29476f', endColorstr='#132742',GradientType=0 ); /* IE6-9 */
        border: 1px solid #0c1829;
        border-radius: 6px;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                -moz-box-shadow:        inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
                -webkit-box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-sizing: border-box;
                -webkit-box-sizing:     border-box;
                -moz-box-sizing:        border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-weight: 100;
        line-height: 1em;
        text-align: center;
        text-transform: capitalize;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
        vertical-align: middle;
        width: 100%;
        transition: text-shadow linear 0.2s;
            -moz-transition:    text-shadow linear 0.2s;
            -o-transition:              text-shadow linear 0.2s;
            -webkit-transition: text-shadow linear 0.2s;
}
div.class-refuerzo button:hover {
        text-shadow: 0 0px 5px rgba(255, 255, 255, 1.00);
}
div#course_metawrapper {
	box-sizing: border-box;
		-moz-box-sizing: 	border-box;
		-webkit-box-sizing:	border-box;
	padding: 1em;
	display: block;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
/*Internas*/
.mc-title {
	color: #00012D;
	display: block;
	font-family: "MuseoSans 300";
	font-size: 2em;
	font-weight: normal !important;
	line-height: 1em;
	margin: 0.5em 0;
	text-transform: uppercase;
}
.mc-subtitle {
	color: #293866;
	color: rgba(0,1,45,0.8);
	display: block;
	font-family: "MuseoSans 300";
	font-size: 1.4em;
	font-weight: normal !important;
	line-height: 1em;
	margin: 0.5em 0;
	text-transform: capitalize;
}
div[class*="content-"] {
	padding:0.5em;
}
div[class*="content-"] ul,
div[class*="content-"] ol {
	box-sizing: border-box;
		-moz-box-sizing: 	border-box;
		-webkit-box-sizing:	border-box;
	color: #2F2F2F;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
div[class*="content-"] li {
	box-sizing: border-box;
		-moz-box-sizing: 	border-box;
		-webkit-box-sizing:	border-box;
	font-family: "MuseoSans 300";
	font-size: 1em;
	padding: 0.8em 1em;
	transition: all 0.5s ease;
		-moz-transition:	all 0.5s ease;
		-ms-transition:		all 0.5s ease;
		-o-transition:		all 0.5s ease;
		-webkit-transition:	all 0.5s ease;
	width: 100%;
}
div.content-recursos li:hover {
	background-color: #D3C8AE;
}
div.content-libres li:hover {
	background-color: #94bee5;
}
div.content-preuniversitarios li:hover {
	background-color: #aaaaaa;
}
div.content-refuerzo li:hover {
	background-color: #29476f;
	color: #FFFFFF;
}
ul#tax_section {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	vertical-align: top;
}
ul#tax_section li {
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	display: inline-block;
	height: auto;
	margin: 0;
	padding: 0;
	width: 50%;
}
ul#tax_section li article {
	padding: 1em;
	text-align: justify;
}
ul#tax_section li header {
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	background-color: #E4E4E4;
	border: 1px solid #E4E4E4;
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
	display: block;
	height: 96px;
	margin: 0;
	padding: 1em;
	width: auto;
}
ul#tax_section li header h3:before {
	background-image: url('./images/bg-menu-refuerzo.png');
	content: "";
	display: inline-block;
	height: 100%;
	width: 25%;	
}
.contact-info {
	display: inline-block;
	margin: 0;
	padding: 1%;
	position: relative;
	vertical-align: top;
	width: 47%;	
}
.contact-info ul {
	display: block;
	padding: 0.5em;
}
.contact-info li {
	font-family: "MuseoSans 300";
	font-size: 1.5em;
	display: list-item;
	line-height: 1.5em;
	list-style-type: none;
}
.contact-info header {
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	background-color: #E4E4E4;
	border: 1px solid #E4E4E4;
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;	
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
	display: block;
	margin: 0;
	overflow: hidden;
	width: auto;
}
h3.info {
	background-image: url('./images/email.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	color: #505050;
	display: block;
	font-family: "MuseoSans 300";
	font-size: 2em;
	height: 66px;
	margin: 0;
	padding-left: 80px;
	padding-top: 17px;
	position: relative;
	top: 45%;
}
.contact-info p {
	margin: 0;
}
/**/
.wpcf7-text, .wpcf7-textarea {
	background-color:	#E4E4E4;
	border:	none;
	border-radius: 6px;
		-webkit-border-radius: 	6px;
		-moz-border-radius: 	6px;
	box-shadow: inset 0 1px 2px 0 rgba(127,127,127, 0.5);
		-webkit-box-shadow: inset 0 1px 2px 0 rgba(127,127,127, 0.5);
		-moz-box-shadow: 	inset 0 1px 2px 0 rgba(127,127,127, 0.5);
	box-sizing: border-box;
		-webkit-box-sizing:	border-box;
		-moz-box-sizing:	border-box;
	display: inline-block;
	font-family: "MuseoSans 300";
	font-size: 1em;
	margin: 0.25em 0;
	padding: 0.5em 12px;
	outline: none;
	width: 100%;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	    -moz-transition:	border linear 0.2s, box-shadow linear 0.2s;
	    -ms-transition:		border linear 0.2s, box-shadoy linear 0.2s;
	    -o-transition:		border linear 0.2s, box-shadow linear 0.2s;
	    -webkit-transition:	border linear 0.2s, box-shadow linear 0.2s;
}
.wpcf7-text:focus, .wpcf7-textarea {
	border-color: rgba(82, 168, 236, 0.8);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0;
	outline: thin dotted \9;
}
.wpcf7-submit {
	background: #1da9e6; 
	background: -moz-linear-gradient(top,  #1da9e6 0%, #0486bc 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1da9e6), color-stop(100%,#0486bc)); 
	background: -webkit-linear-gradient(top,  #1da9e6 0%,#0486bc 100%); 
	background: -o-linear-gradient(top,  #1da9e6 0%,#0486bc 100%); 
	background: -ms-linear-gradient(top,  #1da9e6 0%,#0486bc 100%); 
	background: linear-gradient(to bottom,  #1da9e6 0%,#0486bc 100%); 
	border: 1px solid #0473A2;
	border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow:	inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-webkit-box-shadow:	inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	color: #FFFFFF;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1da9e6', endColorstr='#0486bc',GradientType=0 ); 
	display: inline-block;
	font-size: 1.1em;
	line-height: 1em;
	margin: 0.25em 0;
	padding: 0.3em 12px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
	transition: text-shadow linear 0.2s;
	    -moz-transition:	text-shadow linear 0.2s;
	    -ms-transition:		text-shadow linear 0.2s;
	    -o-transition:		text-shadow linear 0.2s;
	    -webkit-transition:	text-shadow linear 0.2s;
	vertical-align: middle;
}
.wpcf7-submit:hover {
	text-shadow: 0 0px 5px rgba(255, 255, 255, 1.00);
}
a.related-link {
	background-image: url('./images/related-courses.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #2f2f2f;
	display: inline-block;
	font-family: "MuseoSans 300";
	font-size: 1.2em;
	height: 31px;
	line-height: 1em;
	margin: 0.5em;
	padding-left: 55px;
	position: relative;
	text-decoration: none;
}
a.related-link:hover{
	background-position: 0 -41px;
	color: #21759b;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.the_thumbnail {
	padding: 0.5em;
	text-align: center;
}
.the_thumbnail img {
	height: auto;
	width: auto;
}
.content_wrapper {
	padding: 1em 0.25em;
}
.course_sections {
	border:none;
	box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	font-family: "MuseoSans 300";
	overflow: hidden;
	padding: 1em;
	margin: 1em 0;
}
.course_sections h2 {
	color: #333333;
	font-family: "MuseoSans 500";
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 0.5em;
}
.videos, .minutos {
	background-image: url('./images/course-list.png');
	background-repeat: no-repeat;
	display: inline-block;
	width: 35px;
	height: 34px;
	vertical-align: middle;
}
.videos {
	background-position: 0 0;
}
.minutos {
	background-position: -41px 0;
}
#fb-btn, #join-btn {
	width: 100%;
	height: auto !important;
	text-align: center;
}
#message {
	background-attachment: scroll;
	background-image: url('./images/bg-message.png');
	background-repeat: repeat;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 12;
}
#message div {
	background-color: #F4F4F4;
	border-radius: 6px;
	box-shadow: 0px 0px 25px 5px rgba(228,228,228,0.5);
	display: block;
	left: 50%;
	margin-left: -260px;
	margin-top: -175px;
	position: fixed;
	top: 50%;
	text-align: center;
	z-index: 12;
	width: 520px;
	/*margin-top: 22%;
	margin-left: 27%;
	width: 50%;*/
}
#message header {
	border-radius: 6px;
	background: #D7D7D7;
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	padding:1em;
}
#message header h1 {
	color: #333333;
	font-family: "MuseoSans 500";
	font-size: 2em;
}
#message section {
	padding: 0.8em;
	font-family: "MuseoSans 300";
	font-size: 1.4em;
	line-height: 1em;
}
label.error {
	color: #bf3030;
	font-family: "MuseoSans 300";
	font-size: 0.8em;
}
.the_content p {
	padding-bottom: 1em;
	line-height: 1.1em;
}
iframe {
	border: 0 !important;
	margin: 0;
	padding: 0;
}
a.quickFlipCta {}
a.quickFlipCta:hover {
	text-decoration: underline !important;
}
ul.ui-autocomplete {
	background-color: #FFFFFF;
	position: absolute;
	border: 1px solid #EEEEEE;
}
li.ui-menu-item {
	padding: 0.3em 0.5em;
}
.ui-helper-hidden-accessible {
	display: none;
}
.telescopio {
	background-image: url('./images/telescopio.png');
	background-size: 220px 220px;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.block_content {
	background-image: url('./images/bg-content.png');
	background-repeat: repeat;
	padding: 1em;
	border: 1px solid #CCCCCC;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
}
.block_content ul, .block_content ol {
	list-style-type: disc;
	margin-left: 20px;
}
.block_content li {
	margin-top: 2px;
	margin-bottom: 3px;
}
.block_content table td {
	padding: 2px;
}
#fb-root {
	display: none;
}
.sticky, .bypostauthor, .gallery-caption {
	background: inherit;
	color: inherit;
	font: inherit;
}
.comments-area {
	text-align: center;
}
header[class*="recurso-"] {
	background-color: #000000;
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	color: #FFFFFF;
	display: inline-block;
	font-family: "adventRegular";
	padding: 0.5em;
	text-align: right;
	text-transform: capitalize;
}
header.recurso-list {
	display: block !important;
}
header[class*="recurso-"] hgroup {
	border-left: 5px solid #D3C8AE;
	display: block;
	margin: 0 0.25em;
	padding-left: 5px;
}
header[class*="recurso-"] h1 {
	font-size: 1.9em;
	font-weight: normal !important;
	line-height: 1em;
	padding: 0.10em;
	vertical-align: middle;
}
header[class*="recurso-"] h3 {
	font-size: 1.4em;
	font-weight: normal !important;
	line-height: initial;
}
section.icon {
	background-image: url('./images/recursos/bg-resource.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 90px 90px;
	display: inline-block;
	margin-left: -15px;
	height: 90px;
	width: 90px;
	vertical-align: middle;
}
section.icon-list-recurso {
	background-image: url('./images/recursos/bg-resource.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 90px 90px;
	display: inline-block;
	margin: 0;
	height: 90px;
	width: 90px;
	vertical-align: middle;
}
.video-icon div{
	background-image: url('./images/recursos/video.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 53px 45px;
	display: block;
	height: 100%;
}
.animacion-icon div {
	background-image: url('./images/recursos/animacion.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 53px 48px;
	display: block;
	height: 100%;
}
.tutorial-icon div {
	background-image: url('./images/recursos/tutorial.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 53px 59px;
	display: block;
	height: 100%;
}
.interactiva-icon div {
	background-image: url('./images/recursos/interactiva.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 53px 55px;
	display: block;
	height: 100%;
}
section.icon-small {
	background-image: url('./images/recursos/bg-resource-small.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 64px 64px;
	display: inline-block;
	height: 64px;
	width: 64px;
	vertical-align: middle;
}
.video-icon-small div{
	background-image: url('./images/recursos/video-small.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 36px 31px;
	display: block;
	height: 100%;
}
.animacion-icon-small div {
	background-image: url('./images/recursos/animacion-small.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 36px 33px;
	display: block;
	height: 100%;
}
.tutorial-icon-small div {
	background-image: url('./images/recursos/tutorial-small.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 36px 41px;
	display: block;
	height: 100%;
}
.interactiva-icon-small div {
	background-image: url('./images/recursos/interactiva-small.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 36px 38px;
	display: block;
	height: 100%;
}
h1.recurso-title {
	font-family: "MuseoSans 300";
	font-size: 2em;
	font-weight: lighter !important;
	line-height: 1em;
	padding: 1em 0;
}
.resourse_sections {
	font-family: "MuseoSans 300";
	margin: 1em 0;
}
.resourse_sections h2 {
	font-family: "MuseoSans 300";
	font-size: 1.5em;
	font-weight: lighter !important;
	line-height: 1em;
	padding: 0.5em 0;
}
li.recurso {
	display: inline-block;
	padding: 0.25em;
	width: 49%;
}
li.recurso > section.icon{
}
li.recurso a.big-link {
	background: #767676; 
	background: -moz-linear-gradient(top,  #767676 0%, #575757 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767676), color-stop(100%,#575757)); 
	background: -webkit-linear-gradient(top,  #767676 0%,#575757 100%); 
	background: -o-linear-gradient(top,  #767676 0%,#575757 100%); 
	background: -ms-linear-gradient(top,  #767676 0%,#575757 100%); 
	background: linear-gradient(to bottom,  #767676 0%,#575757 100%); 
	border: 1px solid #767676;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	border-radius: 6px;
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
		-moz-box-sizing:	border-box;
		-webkit-box-sizing:	border-box;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#575757',GradientType=0 ); 
	font-family: "MuseoSans 300";
	font-size: 1.1em;
	height: auto;
	margin: 0;
	margin-top: -10px;
	padding: 0.3em;
	position: relative;
	line-height: 1em;	
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
    transition: text-shadow linear 0.2s;
    	-moz-transition:	text-shadow linear 0.2s;
	    -ms-transition:		text-shadow linear 0.2s;
	    -o-transition:		text-shadow linear 0.2s;
	    -webkit-transition:	text-shadow linear 0.2s;
    width: 100%;
}
li.recurso a:hover {
	text-shadow: 0 0px 5px rgba(255, 255, 255, 1.00);
}
li.top10-item {
	margin: 0.5em 0;
}
section.top-item {
	display: inline-block;
	vertical-align: middle;
}
span.top10-title {
	display: block;
	font-family: "adventRegular";
	font-size: 1.2em;
}
span.top10-subtitle {
	display: block;
	font-family: "adventRegular";
	font-size: 1em;
}
.reveal-modal h1 {
	border-left: 8px solid #D3C8AE;
	display: inline-block;
	font-family: "adventRegular";
	font-size: 2.5em;
	font-weight: lighter !important;
	line-height: 1.2em;
	padding-left: 15px;
	vertical-align: middle;
}
a.the_permalink_recursos button {
	background: #d3c8ae;
	background: -moz-linear-gradient(top, #d3c8ae 0%, #a89a79 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3c8ae), color-stop(100%,#a89a79));
	background: -webkit-linear-gradient(top, #d3c8ae 0%,#a89a79 100%);
	background: -o-linear-gradient(top, #d3c8ae 0%,#a89a79 100%);
	background: -ms-linear-gradient(top, #d3c8ae 0%,#a89a79 100%);
	background: linear-gradient(to bottom, #d3c8ae 0%,#a89a79 100%);
    border-radius: 6px;
    	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow:        inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-webkit-box-shadow:     inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    	-webkit-box-sizing:     border-box;
    	-moz-box-sizing:        border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: 100;
    font-size: 1.5em;
    line-height: 1em;
    padding: 0.25em;
	text-align: center;
	text-transform:	capitalize;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
	vertical-align: middle;
	width: 50%;
	transition: text-shadow linear 0.2s;
		-moz-transition:    text-shadow linear 0.2s;
		-o-transition:      text-shadow linear 0.2s;
		-webkit-transition: text-shadow linear 0.2s;
}
a.the_permalink_recursos button:hover {
        text-shadow: 0 0px 5px rgba(255, 255, 255, 1.00);
}
.the_thumbnail {
	float: right;
}
#search_recursos {
	background: #FFFFFF !important;
	border: 1px solid #CCCCCC !important;
}
.big-title-recursos h2{
	color: #2C2C2C;
	display: inline-block;
	float: left;
	font-family: "adventRegular";
	font-size: 3em;
	font-weight: lighter !important;
	line-height: initial;
	padding: 0.4em;
}
#search_recursos #search_form {
	float: right !important;
}
header.top10 h2 {
	color: #2C2C2C;
	display: inline-block;
	font-family: "adventRegular";
	font-size: 1.8em;
	font-weight: lighter !important;
	line-height: initial;
	padding: 0.25em;
}
#search_recursos {
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	background-image: -moz-linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	background-image: -ms-linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	background-image: -o-linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	background-image: linear-gradient(rgba(255,255,255,0.25), rgba(128,128,128,0.25)), url('./images/bg-aside.jpg');
	border-bottom: 1px solid #AAAAAA;
	display: block;
	height: 80px;
	overflow: hidden;
	width: 100%;
}
.search_filter {
	text-align: center;
	padding: 0.5em 0;
}
.radio-search {
	display: inline-block;
}
span.filter {
	color: #2C2C2C;
	font-family: "MuseoSans 300";
	padding: 0 2em 0 0;
	vertical-align: top;
}
.iframe-wrapper {
	display: block;
	margin: auto;
	min-width: 610px;
	text-align: center;
}
.vvqbox {
	margin: 15px auto !important;
}
.the_content {
	padding: 0.5em 0;
}
.ratings {
	overflow: hidden;
}
#login_bg {
	background-attachment: scroll;
	background-image: url('./images/bg-message.png');
	background-repeat: repeat;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 12;
}
#login_show {
	display: none;
	left: 50%;
	margin-left: -125px;
	margin-top: -175px;
	position: fixed;
	top: 50%;
	z-index: 12;
}
.user_menu {
	display: block;
}
.user_menu li {
	float: none;
	height: 41px;
	width: 100%;
}
#terms_bg {
	background-attachment: scroll;
	background-image: url('./images/bg-message.png');
	background-repeat: repeat;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 12;
}
#terms_show {
	background-color: #F4F4F4;
	border-radius: 6px;
	box-shadow: 0px 0px 25px 5px rgba(228,228,228,0.5);
		-moz-box-shadow: 0px 0px 25px 5px rgba(228,228,228,0.5);
		-webkit-box-shadow: 0px 0px 25px 5px rgba(228,228,228,0.5);
	display: block;
	height: 360px;
	left: 50%;
	margin-left: -260px;
	margin-top: -180px;
	position: fixed;
	top: 50%;
	text-align: center;
	z-index: 12;
	width: 520px;
}
#terms_show header {
	display: block;
	height: 55px;
	width: 100%;	
}
#terms_show h1 {
	color: #000138;
	font-family: "MuseoSans 500";
	font-size: 32px;
	line-height: 1;
	margin: 0;
	padding: 10px 0;
}
#terms_show article {
	border-radius: 6px;
	box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.5);
	height: 250px;
	margin: 0 auto;
	overflow-y: scroll;
	padding: 10px 15px;
	text-align: justify;
	width: 470px;
}
#terms_show button {
	display: inline-block;
	margin-top: 10px;
	padding: 0.5em;
}
#terms_show .grey {
	background: #C9C9C9;
	background: -moz-linear-gradient(top,  #C9C9C9 0%, #E5E5E5 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C9C9C9), color-stop(100%,#E5E5E5)); 
	background: -webkit-linear-gradient(top,  #C9C9C9 0%,#E5E5E5 100%); 
	background: -o-linear-gradient(top,  #C9C9C9 0%,#E5E5E5 100%); 
	background: -ms-linear-gradient(top,  #C9C9C9 0%,#E5E5E5 100%); 
	background: linear-gradient(to bottom,  #C9C9C9 0%,#E5E5E5 100%);
	border-color: #C9C9C9;
	color: #000000;
}
.fecha-inicio {
	background-clip: border-box;
	background-image: url('./images/fecha-inicio.png');
	background-position: right;
	background-size: 100% auto;	
	color: #FFFFFF;
    float: right;
    font-family: "MuseoSans 700";
	height: 55px;
    margin-bottom: -62px;
    margin-right: -12px;
    margin-top: 15px;
    padding: 12px 30px;
    position: relative;
	text-decoration: none;
	text-shadow: 0 1px 1px #AAA;
	vertical-align: top;
    width: 360px;
    z-index: 2;
}
.fecha-inicio span {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 1em;
}
.message-close {
	color: #FFFFFF;
	font-family: "MuseoSans 500";
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: none;
	font-size: 1.5em;
	padding: 0.2em;
	width: 90%;
}
.message-close {
	background: rgb(216,119,119);
	border: 1px solid #D87777 !important;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-weight: 100;
	line-height: 1em;
	text-align: center;
    text-transform:	capitalize;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
    vertical-align: middle;
    -moz-transition: text-shadow linear 0.2s;
    -o-transition: text-shadow linear 0.2s;
    -webkit-transition: text-shadow linear 0.2s;
    transition: text-shadow linear 0.2s;
	width: 100%;
}
.message-close:hover {
	text-shadow: 0 0px 5px rgba(255, 255, 255, 1.00);
}
.form-header {
	display: block;
	overflow: visible;
	position: relative;
	z-index: 10;
}
.form-body {
/*	background-image: url('./images/forms/back.png'); */
	display: block;
	width: 299px;
	height: 144px;
	margin-top: -18px;
	max-height: 144px;
	overflow: hidden;
}
.form-body a {
	display: inline-block;
	content: "";
	float: left;
	margin: 0;
	padding: 0;
}
.form-body span {
	display: none;
}
.iniciar-sesion {
	background-image: url('./images/forms/iniciar-sesion.png');
	height: 145px;
	width: 149px;
/*	margin-right: 1px !important; */
}
.iniciar-sesion:hover {
	background-image: url('./images/forms/iniciar-sesion-hover.png');
}
.registrarse {
	background-image: url('./images/forms/registrarse.png');
	height: 145px;
	width: 149px;
}
.registrarse:hover {
	background-image: url('./images/forms/registrarse-hover.png');
}
.form-menu {
	background-color: #FFFFFF;
}
.user_menu a {
	background-image: url('./images/forms/user-buttons.png');
	background-repeat: no-repeat;
	display: block;
	height: 42px;
	width: 299px;
}
.user_menu span {
	display: none;
}
.cursos-asignados {
	background-position: 0px 0px;
}
.cursos-asignados:hover {
	background-position: -299px 0px;
}
.correo {
	background-position: 0px -42px;
}
.correo:hover {
	background-position: -299px -42px;
}
.comunidades {
	background-position: 0px -84px;
}
.comunidades:hover {
	background-position: -299px -84px;
}
.panel {
	background-position: 0px -126px;
}
.panel:hover {
	background-position: -299px -126px;
}
.salir {
	background-position: 0px -168px;
}
.salir:hover {
	background-position: -299px -168px;
}
#body-register {
	background-image: url('./images/forms/register-form.png'); 
	background-size: 320px 480px;
	background-repeat: no-repeat;
	display: none;
	height: 480px;
	left: 50%;
	position: fixed;
	margin-left: -160px;
	margin-top: -205px;
	top: 50%;
	width: 320px;
	z-index: 99;
}
#body-login {
	background-image: url('./images/forms/login-form.png'); 
	background-size: 320px 301px;
	background-repeat: no-repeat;
	display: none;
	height: 301px;
	left: 50%;
	position: fixed;
	margin-left: -160px;
	margin-top: -150px;
	top: 50%;
	width: 320px;
	z-index: 99;
}
.the-form {
	display: block;
	margin: 0 auto;
	position: relative;
	width: 230px;
}
#body-register .the-form {
	top: 135px;
}
#body-login .the-form {
	top: 145px;
}
.the-form label.error {
	background-color: #FFFFFF;
	border: 1px solid;
	border-radius: 5px;
	float: right;
	margin: 4px 8px;
	min-width: 230px;
	position: absolute;
	padding: 5px;
}
.the-form .login_submit,
.the-form .register_submit {
	background-image: url('./images/forms/register-button.png');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 230px 36px;
	border: none;
	box-shadow: none;
	display: block;
	font-weight: bold;
	height: 30px;
	width: 230px;
}
.the-form .button-disabled,
.the-form .register_submit[disabled] {
	background-image: url('./images/forms/register-button-disabled.png') !important;
}
.the-form a,
.the-form p {
	text-align: center;
	color: #676767;
	font-size: 0.8em;
}
.the-form .the-link {
	color: #1fccaa;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}