@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'geometric415black-bt';
    src: url('/materiales/_recursos/fonts/geometric415black-bt.eot');
    src: url('/materiales/_recursos/fonts/geometric415black-bt.eot?#iefix') format('embedded-opentype'),
         url('/materiales/_recursos/fonts/geometric415black-bt.woff') format('woff'),
         url('/materiales/_recursos/fonts/geometric415black-bt.ttf') format('truetype'),
         url('/materiales/_recursos/fonts/geometric415black-bt.svg#geometric415black-bt') format('svg');
    font-weight: normal;
    font-style: normal;
}


*{
	margin:0px;
	padding:0px;
}
img{
	border:0px;
}

body{
	font-size:19px;
	font-family: Arial, Helvetica, sans-serif;
	color:#00004c;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background: #fff;
}
#master{
	width:100%;
	height:auto;
	margin:auto;
}
#top, #top-turismo, #top-maestros, #top-business, #top-social, #top-tvingles{
	width:994px;
	height:400px;
	background: url(/img/curso-de-ingles.png) top center no-repeat #fff;
	margin: 0px auto;
}
#top-tvingles{
	background: url(/img/curso-tv-ingles.png) top center no-repeat #fff;
}
#top-turismo{
	height:359px;
	background: url(/img/ingles-turismo.png) bottom center no-repeat #fff;
}
#top-maestros{
	height:420px;
	background: url(/img/ingles-maestros.png) bottom center no-repeat #fff;
}
#top-business{
	height:423px;
	background: url(/img/ingles-para-negocios.png) bottom center no-repeat #fff;
}
#top-social{
	height:393px;
	background: url(/img/ingles-social.png) bottom center no-repeat #fff;
}

#top .logo-TVI{
	float:left;
	clear:none;
	margin:0px 0px 0px 0px;
}
#top .logo{
	float:left;
	clear:none;
	margin:0px 0px 0px 15px;
}
#top-turismo .logo, #top-maestros .logo, #top-business .logo, #top-social .logo{
	float:left;
	clear:none;
	margin:28px 0px 0px 16px;
}

#top-turismo .logo-especial, #top-maestros .logo-especial, #top-business .logo-especial, #top-social .logo-especial{
	float: right;
	clear: none;
	margin: 34px 16px 0px 0px;
}

#top .logo-uap {
	float: right;
	clear: none;
	margin: 30px 16px 0px 0px;
}

#top .logo-unfv{
	float:right;
	clear:none;
	margin:33px 15px 0px 0px;
}
#top .logo-cues{
	float:right;
	clear:none;
	margin:25px 40px 0px 0px;
}

/** TOP INTERNAS **/
#top-internas, #top-internas-tvingles{
	width:935px;
	height:202px;
	background: url(/img/aprende-ingles-hoy.png) top center no-repeat #fff;
	margin: 0px auto;
}
#top-internas.docentes{height:240px;}
#top-internas-tvingles {
	background: url(/activatuingles/img/aprende-ingles-tv.png) top center no-repeat #fff;
}
#top-internas .logo{
	float:left;
	clear:none;
	margin:0px 0px 0px 15px;
}
#top-internas-tvingles .logo{
	float:left;
	clear:none;
	margin:8px 0px 0px 16px;
}
#top-internas .logo-columbia, #top-internas-tvingles  .logo-columbia{
	float:right;
	clear:right;
	margin:20px 5px 0px;
}
#top-internas .logo-CM{
	float:right;
	clear:right;
	margin:15px 37px 0px 0px;
}
.modulo-usuario{
	width:180px;
	height:auto;
	background:#66ccca;
	float:right;
	clear:none;
	padding:8px 10px 8px;
	margin-bottom:5px;
	border-radius:0px 0px 5px 5px;

	font-size:13px;
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	text-shadow: 0 0 5px rgba(0,0,0,0.3);
}
a.subtxt{
	width: 100%;
	height: 19px;
	padding: 5px 0px 1px;
	display: table;
	text-decoration:none;
	color:#fff;
}
a.subtxt:hover{
	background:#52a3a2;
	text-decoration:none;
}


/** CONTENIDO **/
#txt-aprende{
    width: 96%;
    height: auto;
    text-align: center;
    background: #c8000c;
    padding: 12px 2% 10px;
/*	margin: 0px 0px -60px 0px;*/
	
	color:#fff;
	font-size:35px;
    line-height: 35px;
	letter-spacing:1px;	
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
#contenido{
	width:100%;
	height:auto;
	background: url(/img/bg-content.png) top left repeat;
	margin-top: 0px;
	display:table;
	-webkit-box-shadow: inset 0px 0px 120px 0px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 120px 0px rgba(0, 0, 0, 0.7);
}

.elige{	
	padding: 8px 0px 6px;
	color:#66ccca;
	font-size:35px;
	letter-spacing:1px;	
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0px 0px 7px rgba(0, 0, 0, 0.8);
}

#niveles{
	width:90%;
    max-width: 900px;
	height:auto;
	margin:0px auto 20px;
	display:table;
	text-align:center;
}
#niveles a.nivel{
	width:282px;
	height:420px;
	margin: 5px 10px;
	display: inline-table;
	text-decoration: none;
}
#niveles a.nivel:hover{
	cursor:pointer;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
}

.imagen-nivel{
	width:282px;
	height:322px;
	display:table;
	z-index:900;
	position:relative;
	margin: -90px auto 0px;
}
.imagen-nivel.a1{
	background: url(/img/nivel-01.png) 0px 39px no-repeat;
}
.imagen-nivel.a2{
	background: url(/img/nivel-02.png) 0px 39px no-repeat;
}
.imagen-nivel.a3{
	background: url(/img/nivel-03.png) 0px 39px no-repeat;
}
.imagen-nivel.a4{
	background: url(/img/nivel-04.png) 0px 39px no-repeat;
}
.imagen-nivel.a5{
	background: url(/img/nivel-05.png) 0px 39px no-repeat;
}
.imagen-nivel.a6-turismo{
	background: url(/img/nivel-06-turismo.png) 0px 39px no-repeat;
}
.imagen-nivel.a6-maestros{
	background: url(/img/nivel-06-maestros.png) 0px 39px no-repeat;
}
.imagen-nivel.a6-business{
	background: url(/img/nivel-06-business.png) 0px 39px no-repeat;
}
.imagen-nivel.a6-social{
	background: url(/img/nivel-06-social.png) 0px 39px no-repeat;
}

.circulo{
	width:91px;
	height:91px;
	margin:0px auto;
/*	display:table;*/
	border-radius:50px;
	
	background: #c7000c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c7000c 0%, #7d0008 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7000c), color-stop(100%,#7d0008)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c7000c 0%,#7d0008 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c7000c 0%,#7d0008 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c7000c 0%,#7d0008 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c7000c 0%,#7d0008 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000c', endColorstr='#7d0008',GradientType=0 ); /* IE6-8 */	
	
	-webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,0.5);
	box-shadow: 0 0 6px 1px rgba(0,0,0,0.5);

	z-index: 10000;
	position: relative;
	top:0px;
}

.circulo .tit-nivel, .circulo .numero{
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:17px;
	line-height: 37px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}
.circulo .numero{
	font-size:69px;
}
.nivel .texto{
	width:215px;
	height:67px;
	background:rgba(0,0,0,0.4);
	border-radius:0px 0px 20px 20px;
	padding:91px 12px 10px;
	margin:-90px auto 0px;
	display:table;

	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	letter-spacing:0px;
	text-align:left;
	text-transform:none;

	z-index:0;
	position:relative;
}
.nivel .texto ul{padding-left:20px;}
.nivel .texto li{
	list-style: url(/img/celeste-circle.png) inside;
	line-height: 20px;
	margin-top: 4px;
	list-style-position: outside;
}
.nivel .texto li.smaller{font-size:15px;}
.disponible{
	width: auto;
	height: auto;
	display: table;
	float: right;
	margin:0px 54px 0px -34px;
}
.disponible-h{
	width: auto;
	height: auto;
	display: table;
	margin:0px auto;
}

/** LOGIN **/
.modulo-login{
	width:600px;
	height:auto;
/*	float:right;
	clear:none;*/
	margin: 5px 10px;
	display: inline-table;
}
.ingresa{
	width:600px;
	height:auto;
	padding: 20px 0px 15px;
	color:#66ccca;
	font-size:31px;
	line-height:40px;
	letter-spacing:1px;	
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0px 0px 7px rgba(0, 0, 0, 0.8);
}

#login{
	width:460px;
	height:auto;
	background:rgba(0,0,0,0.4);
	display:inline-table;
	text-align:left;
/*	float:left;
	clear:none;*/
	padding:21px;
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:1px;
	border-radius:15px;
}
.campos{width:290px; float:left;}

.tit-login{
	height:16px;
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px 0px 6px;
}
.txt-campos{
	width:92px;
	font-size:12px;
	letter-spacing:0px;
	text-transform:uppercase;
	display:inline-block;
}
#login input{
	width:190px;
	height:28px;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#00004c;
	text-align:left;
	vertical-align:middle;
	margin:7px 0px;
	padding-left:3px;
	letter-spacing:0px;
	background:#fff;
}
.txt-small{
	font-size:11px;
	letter-spacing:0px;
	text-transform:none;
	margin:5px 0px 0px;
	float:left;
}
.txt-small a{text-decoration:underline;	color:#fff;}
.txt-small a:hover{text-decoration:none; color:#66ccca;}

.txt-aun{
	width:505px;
	height:auto;
	margin:20px auto 0px;
	display:table;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
	line-height:20px;
	letter-spacing:1px;
	color:#fff;
	text-transform:uppercase;
}
#login .btn-ingreso, a.registrate{
	width:160px;
	height:65px;
	color:#fff;
	background:#dd0000;
	margin:8px 0px 0px 10px;
	border:0px;
	border-radius:10px;
	font-family: geometric415black-bt, Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
}
#login .btn-ingreso:hover, a.registrate:hover{
	background:#ab0000;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}

a.registrate{
	width:505px;
	height:auto;
	background:#59b2b1;
	padding: 15px 0px;
	margin:12px auto 0px;
	font-size:25px;
	letter-spacing:1px;
	float:none;
	display:table;
}
a.registrate:hover{
	background:#1a807e;
}


.btn-volver{
	padding:7px 14px;
	margin:11px 10px 0px 0px/*-46px 10px 0px 0px*/;
	border-radius:10px;
	
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	color:#000045;
	font-size:14px;
    line-height: 14px;
	letter-spacing:0px;
	text-transform:uppercase;
	text-decoration:none;
	z-index: 1000;
	position: absolute;
	right:20px;

	-webkit-box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,0.3), inset -1px -1px 1px 0 rgba(0,0,0,0.3);
	box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,0.3), inset -1px -1px 1px 0 rgba(0,0,0,0.3);

	background: #66ccca; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM2NmNjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM2NmNjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiMyYzkyOTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #66ccca 40%, #66ccca 40%, #2c9294 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#66ccca), color-stop(40%,#66ccca), color-stop(90%,#2c9294)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #66ccca 40%,#66ccca 40%,#2c9294 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #66ccca 40%,#66ccca 40%,#2c9294 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #66ccca 40%,#66ccca 40%,#2c9294 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #66ccca 40%,#66ccca 40%,#2c9294 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ccca', endColorstr='#2c9294',GradientType=0 ); /* IE6-8 */
}
.btn-volver:hover{
	cursor:pointer;
	background:#66ccca;
	-webkit-box-shadow:inset -1px -1px 1px 0 rgba(0,0,0,0), inset 1px 1px 1px 0 rgba(0,0,0,0.3), 0 0 0px 0px rgba(0,0,0,0);
	box-shadow:inset -1px -1px 1px 0 rgba(0,0,0,0), inset 1px 1px 1px 0 rgba(0,0,0,0.3), 0 0 0px 0px rgba(0,0,0,0);
}



/** HOME DE NIVEL **/
#numero-nivel, #numero-nivel-azul{
	width:100%;
	height:auto;
	text-align:center;
	background:#c8000c;
	padding:5px 0px 3px;
	margin-top: -60px;
	
	color:#fff;
	font-size:44px;
	letter-spacing:1px;	
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
#numero-nivel-azul{
	width: auto;
	height:auto;
	display:table;
	margin:0px auto 15px;
	background: rgba(0,0,0,0.4);
	padding: 4px 10px;
	font-size: 20px;
	border-radius:0px 0px 10px 10px;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}
#numero-nivel-azul .niv{
	width: auto;
	height:auto;
	display:inline-table;
	margin: 6px 7px;
	padding: 3px 10px 4px;
	font-size: 19px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	text-shadow: -1px 1px 2px rgba(0,0,0,0.5);

	background: #c7000c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c7000c 0%, #7d0008 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7000c), color-stop(100%,#7d0008));
	background: -webkit-linear-gradient(top,  #c7000c 0%,#7d0008 100%); 
	background: -o-linear-gradient(top,  #c7000c 0%,#7d0008 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c7000c 0%,#7d0008 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c7000c 0%,#7d0008 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000c', endColorstr='#7d0008',GradientType=0 ); /* IE6-8 */	
}
#numero-nivel-azul .niv:hover{
	background: #4c9998;
	text-shadow: 0 0 5px rgba(0,0,0,0.2);
}

a.unidad{
	width:160px;
	height:110px;
	padding:0px 0px 0px 0px;
	margin:5px 8px 65px;
	display: inline-block;
	border-radius:6px;
	border:2px solid #fff;
	text-decoration:none;
}
a.unidad:hover{
	cursor:pointer;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
}
a.unidad.celeste{background: #66ccca;}
a.unidad.verde{background: #82d982;}
a.unidad.amarillo{background: #f9e78c;}
a.unidad.hsa{background: #ffccd4;}
.num-unidad{
	width: auto;
	height:12px;
	margin:0px auto;
	padding: 6px 7px 5px;
	background:#00004d;
	border-radius:0px 0px 6px 6px;
	font-family:'geometric415black-bt';	
	font-size: 14px;
	line-height:17px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	display: table;
}
.nombre-unidad{
	width:154px;
	height:37px;
	margin:0px auto;
	display:table;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:bold;
	font-size:15px;
	line-height:18px;
	text-align:center;
	color:#00004d;
	text-transform:uppercase;
	padding:8px 3px 0px;
}
a.unidad img{
	margin:5px 0px 0px -10px;
}

a.btn-repaso{
	width:auto;
	height:25px;
	margin:0px auto 15px;
	padding:15px 30px;
	display:table;
	border-radius:6px;
	font-family:'geometric415black-bt';	
	font-size:25px;
	line-height:25px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#000045;
	-webkit-box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,0.3), inset -1px -1px 1px 0 rgba(0,0,0,0.3), 0 0 6px 0px rgba(0,0,0,0.6);
	box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,0.3), inset -1px -1px 1px 0 rgba(0,0,0,0.3), 0 0 6px 0px rgba(0,0,0,0.6);

}

a.btn-repaso.celeste{
	background: #66ccca; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM2NmNjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM2NmNjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiMyYzkyOTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #66ccca 40%, #66ccca 40%, #2c9294 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#66ccca), color-stop(40%,#66ccca), color-stop(90%,#2c9294)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #66ccca 40%,#66ccca 40%,#2c9294 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #66ccca 40%,#66ccca 40%,#2c9294 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #66ccca 40%,#66ccca 40%,#2c9294 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #66ccca 40%,#66ccca 40%,#2c9294 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ccca', endColorstr='#2c9294',GradientType=0 ); /* IE6-8 */
	}
a.btn-repaso:hover{
	-webkit-box-shadow:inset -1px -1px 1px 0 rgba(0,0,0,0), inset 1px 1px 1px 0 rgba(0,0,0,0.3), 0 0 0px 0px rgba(0,0,0,0);
	box-shadow:inset -1px -1px 1px 0 rgba(0,0,0,0), inset 1px 1px 1px 0 rgba(0,0,0,0.3), 0 0 0px 0px rgba(0,0,0,0);
}
a.btn-repaso.celeste:hover{background:#66ccca;}

a.btn-repaso.verde{
	background: #82d982; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM4MmQ5ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiM0ZGJmNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #82d982 40%, #4dbf4c 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#82d982), color-stop(90%,#4dbf4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #82d982 40%,#4dbf4c 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #82d982 40%,#4dbf4c 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #82d982 40%,#4dbf4c 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #82d982 40%,#4dbf4c 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82d982', endColorstr='#4dbf4c',GradientType=0 ); /* IE6-8 */
}
a.btn-repaso.verde:hover{background:#82d982;}

a.btn-repaso.amarillo{
	background: #f9e78c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmOWU3OGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNkZWM4NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f9e78c 40%, #dec859 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#f9e78c), color-stop(90%,#dec859)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9e78c 40%,#dec859 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9e78c 40%,#dec859 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9e78c 40%,#dec859 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9e78c 40%,#dec859 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e78c', endColorstr='#dec859',GradientType=0 ); /* IE6-8 */
}
a.btn-repaso.amarillo:hover{background: #f9e78c;}

/** HOME UNIDAD **/
#tit-actividad{
	width: 994px;
    height: auto;
    margin: 25px auto 10px auto;
	display:table;
	text-align:center;
	
    font-family: geometric415black-bt, Arial, Helvetica, sans-serif;
    font-size:36px;
	line-height:32px;
    color:#fff;
    text-transform: uppercase;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
	letter-spacing: 1px;
}
.txt-actividad{
	width:765px;
	height: auto;
	margin:0px auto 8px;
	display:table;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:21px;
	color:#fff;
	letter-spacing: 1px;
}

.actividad{
	width:292px;
	height:323px;
	padding:5px 0px 0px 0px;
	display:inline-block;
}
.actividad.ebook{background:url(/activatuingles/img/act-ebook.png) top center no-repeat;}
.actividad.videos{background:url(/activatuingles/img/act-videos.png) top center no-repeat;}
.actividad.audios{background:url(/activatuingles/img/act-audios.png) top center no-repeat;}
.actividad.roleplay{background:url(/activatuingles/img/act-roleplay.png) top center no-repeat;}
.actividad.pronunciacion{background:url(/activatuingles/img/act-pronunciacion.png) top center no-repeat;}
.actividad.pronunciacion-hsa{background:url(/activatuingles/img/pronunciacion-hsa.png) top center no-repeat;}

.actividad.test{background:url(/activatuingles/img/act-test.png) top center no-repeat;}
.actividad:hover{
	cursor:pointer;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	-khtml-opacity: 0.75;
}
#cont-actividad{
	width:auto;
	height:auto;
	margin:0px auto 30px;
	display:table;
}
.titulo-actividad{
	width: 994px;
    height: auto;
    margin: 20px auto 13px;
	display:table;
	text-align:center;
	
    font-family: geometric415black-bt, Arial, Helvetica, sans-serif;
    font-size:36px;
	line-height:32px;
    color:#66ccca;
    text-transform: uppercase;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
	letter-spacing: 1px;
}


/** PRONUNCIACION **/
a.categoria{
	width:182px;
	height:auto;
	background:#66ccca;
	padding:0px 0px 0px 0px;
	margin:8px;
	display: inline-block;
	text-decoration:none;

	-webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,0.5);
	box-shadow: 0 0 6px 1px rgba(0,0,0,0.5);
}
a.categoria:hover{
	cursor:pointer;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}
.num-categoria, .categoria-num{
	width:auto;
	height:122px;
	margin:0px auto 7px;
	padding:6px 10px 8px;

	font-family:'geometric415black-bt';	
	font-size:29px;
	line-height:29px;
	text-align:right;
	text-transform:uppercase;
	color:#fff;

	background: #00004d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiMwMDAwNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #00004d 45%, #00001a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,#00004d), color-stop(100%,#00001a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00004d 45%,#00001a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00004d 45%,#00001a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00004d 45%,#00001a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00004d 45%,#00001a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00004d', endColorstr='#00001a',GradientType=0 ); /* IE6-8 */
}
.img-categoria{
	display:table;
	margin:-35px 0px 0px -10px;
}
.titulo-categoria-esp, .titulo-categoria-ing, .categoria-titulo-1, .categoria-titulo-2{
	width:168px;
	height:55px;
	margin:0px auto;
	display:table;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:bold;
	font-size:17px;
	line-height:17px;
	text-align:left;
	color:#ffffff;
	text-transform:none;

	text-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
}
.titulo-categoria-ing, .categoria-titulo-2{
	height:33px;
	font-size:11px;
	line-height:13px;
	color:#00004d;
	text-transform:uppercase;
	text-shadow:0px 0px 0px rgba(0, 0, 0, 0);	
}

#tit-completo{
	width:100%;
	height:80px;
	display:inline-table;
	text-align:left;
	margin-bottom: 15px;
}
.categoria-num{
	width:38px;
	height:40px;
	margin:20px 12px 7px 0px;
	padding:12px 10px 2px;
	text-align:center;
	float:left;
}
.categoria-titulo-1, .categoria-titulo-2{
	width:auto;
	height:auto;
	margin:24px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:bold;
	font-size:27px;
	line-height:27px;
	letter-spacing:1px;
}
.categoria-titulo-2{
	margin:0px 0px 0px 0px;
	color:#66ccca;
	font-size:18px;
}
.nota{
	width:auto;
    height:auto;
    background:#66ccca;
	padding:8px 15px;
    margin:0px auto 0px;
	display:table;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px;

    font-weight:bold;
    font-size:15px;
    color:#00004d;
    letter-spacing:0px;
    text-align:center;
}


/** FORMULARIO DE CONTACTO **/
#form-contacto{
	width:996px;
	height:auto;
	display:table;
	margin:0px auto;
}
.contactoTabla{
	width:auto; 
	height:auto; 
	display:table;
	margin:15px auto 0px;
	color: #fff;
	font-size: 15px;
	text-transform:uppercase;
}

#form-contacto input{
	width:290px;
	height:28px;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#00004c;
	text-align:left;
	vertical-align:middle;
	margin:7px 0px;
	padding-left:3px;
	letter-spacing:0px;
	background:#fff;
}
#form-contacto textarea{
	width:293px;
	height:130px;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#00004c;
	margin:7px 0px 10px;
}
#form-contacto .btn-enviar, .btn-cancelar{
	width:auto;
	height:auto;
	color:#fff;
	background:#59b2b1 /*dd0000*/;
	display: table;
	margin:10px auto 20px;
	padding:15px 20px;
	border:0px;
	border-radius:10px;
	font-family: geometric415black-bt, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
}
#form-contacto .btn-enviar:hover, .btn-cancelar:hover{
	background:#1a807e /*#ab0000*/;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}
.btn-cancelar{background:#dd0000;}
.btn-cancelar:hover{background:#660007;}
#form-contacto .txt-campos{
	width:96%;
	font-size:15px;
	letter-spacing:0px;
	text-transform:uppercase;
	display:inline-block;
	color:#fff;
}

.nota-formulario{
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
}

/** CONTACTO **/
#contacto{
	width:100%;
	height:auto;
	background:#66ccca;

	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:30px;
	text-align:center;
	text-transform:uppercase;
	padding: 20px 0px 28px;
	margin-bottom:20px;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
}
#contacto .btn-contacto{
	width:326px;
	height:auto;
	display:table;
	margin: 13px auto 0px;
	padding: 23px 0px 22px;
	border-radius:10px;
	
	color:#fff;
	font-size:23px;
	text-decoration:none;

	background: #c7000c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c7000c 0%, #7d0008 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7000c), color-stop(100%,#7d0008)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c7000c 0%,#7d0008 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c7000c 0%,#7d0008 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c7000c 0%,#7d0008 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c7000c 0%,#7d0008 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000c', endColorstr='#7d0008',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: 0 0 6px 0px rgba(0,0,0,0.6);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.6);

}
#contacto .btn-contacto:hover{
	background:#7d0008;
	cursor:pointer;
	-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0 0px 0px rgba(0,0,0,0);
}

/** CONTACTO SMALL **/
#contacto-small{
	width:100%;
	height:auto;
	background:#66ccca;
	display:inline-table;
	padding:0px;
	margin:0px 0px 20px;
}
#contacto-small .btn-contacto{
	width:96%;
	height:auto;
	display:table;
	margin: 0px auto 0px;
	padding: 4px 2% 2px;
	
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:right;
	text-transform:uppercase;
	color:#00004d;
	text-decoration:none;

}
#contacto-small .btn-contacto:hover{
	color:#a3000b;
	cursor:pointer;
}


/** PIE **/
#pie{
	width:100%;
	height:auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#00004d;
	padding:0px 0px 20px;
}
#pie .politicas{color:#00004d; text-decoration:none;}
#pie .politicas:hover{color:#c20000;}
.columbia-multimedia{margin:0px auto 0px; display:table; padding-bottom:8px;}


/** RESPONSIVE **/
@media screen and (max-width: 1005px){
	#form-contacto{
		width:96%;
	}
}
@media screen and (max-width: 990px){
	.modulo-login{
		width: 96%;
		margin: 0px auto 5px;
		display:table;
	}
}
@media screen and (max-width: 960px){
	#top{
		width:100%;
		height: 385px;
    	background: url(/img/curso-de-ingles.png) center 100px no-repeat #fff;
	}
	#top .logo{margin: 1px auto;display: table;float: none;}
	.logo-CM{margin: 9px 15px 0px 0px;}
	.ingresa{
		width: 96%;
		padding: 10px 2% 5px;
		margin: 0px auto;
		line-height: 35px;
	}

	#top-internas{
		width:100%;
		height: 202px;
		margin: 0px auto;
		background: url(/img/aprende-ingles-hoy.png) center 18px no-repeat #fff;
		display: table;
	}
	#top-internas .logo{
		position:absolute;
		z-index:1000;
		width:30%;
	}
	.modulo-usuario{
		width: auto;
		height:auto;
		display: block;
		margin:0px auto;
		float:none;
		padding: 0px 10px 0px;
		border-radius: 0px;
		text-align: center;
	}
	  a.subtxt{display:inline-table;width: auto;padding: 4px 6px 5px;height: auto;}
	  a.subtxt:first-child{margin:0px; padding: 4px 0px 5px 6px;}
	  a.subtxt:first-child::after{
	  	content:"|";
	  	position:relative;
	  	left:7px;
	  	color:#fff;
	    font-size: 13px;
	    font-family: 'geometric415black-bt', Arial, Helvetica, sans-serif;
    }
	#top-internas .logo-columbia{
		float:right;
		clear:right;
		margin: 40px 15px 0px 0px;
	}
}
@media screen and (max-width: 800px){
	#top-internas .logo-columbia{
		float:right;
		clear:right;
		margin: 10px 15px 0px 0px;
	}
}
@media screen and (max-width:750px){
	.modulo-usuario{
		width:98%;
	    padding: 0px 1% 0px;
		position:absolute;
		top:0px;
	}
	#top-internas, #top-internas.docentes{
		height: 341px;
		margin: 0px auto;
		background: url(/img/aprende-ingles-hoy.png) center 139px no-repeat #fff;
	}
	#top-internas.docentes{height: 390px;}
	#top-internas .logo{
		position:relative;
		margin: 26px auto 0px;
		display:table;
		float:none;
	}
	#top-internas .logo-columbia, #top-internas .logo-CM{
		width: 83px;
		background: #fff;
		border-radius: 6px;
		position: relative;
		bottom: -129px;
		right:inherit;
		padding: 5px;
		margin: 0px auto;
		display: table;
		float: none;
	}
}
@media screen and (max-width:700px){
.btn-volver{
		margin:5px auto 5px;
		position: relative;
		right:inherit;
		display:table;
	}
}
@media screen and (max-width:640px){
	#login{
		width: 96%;
		margin: 0px auto 5px;
		padding: 12px 2% 18px;
		text-align: center;
	}
	.tit-login{
		font-size:18px;
	}
	.txt-aun{
		width: 96%;
		padding:0px 2%;
		margin: 10px auto 0px;
	}
	a.registrate{
		width: 90%;
		padding: 15px 2%;
	}
	.campos{
		width: 100%;
		display: table;
		margin: 10px auto 0px;
		float: none;
	}
	.txt-campos{
		width: 100%;
		font-size: 16px;
	}
	#login input{width: 90%;height: 33px;font-size: 16px;}
	.txt-small{
		width: 90%;
		display: table;
		margin: 5px auto;
		float: none;
	}
	#login .btn-ingreso{
		width: 90%;
		display: table;
		margin: 15px auto 0px;
	}
}

@media screen and (max-width:470px){
	#numero-nivel{line-height: 40px;}
}
@media screen and (max-width:433px){
	#top .logo{width: 100%; max-width: 250px;}
	#contacto{
	    width: 96%;
		padding: 12px 2% 20px;
	}
	#contacto .btn-contacto{
		width: 80%;
		padding: 23px 2% 22px;
	}
}
@media screen and (max-width:350px){
	#txt-aprende{
		font-size: 26px;
		line-height: 25px;
		padding: 10px 2% 9px;
	}
	#numero-nivel {
		line-height: 35px;
		font-size: 40px;
	}
	#top-internas.docentes{background: url(/img/aprende-ingles-hoy.png) center 129px no-repeat #fff;}
}
@media screen and (max-width:320px){
	#niveles{width: 100%;}
	#niveles a.nivel{width: 100%;margin: 5px 0%;}
	.imagen-nivel{width: 100%;}
	.imagen-nivel.a1, .imagen-nivel.a2, .imagen-nivel.a3, .imagen-nivel.a4{
		background-position: center 39px;}
	.nivel .texto{width: 75%;height: auto;margin: -90px auto 0px;padding: 91px 5% 10px;}
}

@media screen and (max-width:333px){
	#top-internas .logo{
		margin: 54px auto 0px;
		width: 230px;
	}
	#top-internas{
		height: 342px;
		margin: 0px auto;
		background: url(/img/aprende-ingles-hoy.png) -228px 140px no-repeat #fff;
	}
	#top-internas .logo-columbia{
		bottom: -133px;
	}

	a.subtxt:first-child{margin:0px; padding: 4px 6px 5px;}
	a.subtxt:first-child::after{content:none;}
	#form-contacto input, #form-contacto textarea{width:95%}
	.tit-login{font-size:17px;letter-spacing:0px}
}