@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
@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;
}
@font-face {
    font-family: 'handsean';
    src: url('/materiales/_recursos/fonts/handsean.eot');
    src: url('/materiales/_recursos/fonts/handsean.eot?#iefix') format('embedded-opentype'),
         url('/materiales/_recursos/fonts/handsean.woff') format('woff'),
         url('/materiales/_recursos/fonts/handsean.ttf') format('truetype'),
         url('/materiales/_recursos/fonts/handsean.svg#handsean') 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{
	width:994px;
	height:400px;
	background: url(/img/curso-de-ingles.png) top right no-repeat #fff;
	margin: 0px auto;
}
#top{
	width:930px;
}
#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, #top-turismo .logo, #top-maestros .logo, #top-business .logo, #top-social .logo{
	float:left;
	clear:none;
	margin:28px 0px 0px 16px;
}
#top .logo{clear:right;}
#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: left;
	clear: left;
	margin: 19px 0px 0px 11px;
}

#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{
	width:940px;
	height:202px;
	background: url(/inglesusa/img/aprende-ingles-hoy.png) center -12px no-repeat #fff;
	margin: 0px auto;
}
@-moz-document url-prefix() {
	#top-internas{margin: 0px auto -12px;}
}
#top-internas .logo{
	float:left;
	clear:none;
	margin:10px 0px 0px 16px;
	width: 190px;
}
#top-internas .logo-columbia{
	float:right;
	clear:right;
	margin:4px 5px 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: 60px;*/
	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{	
	width:96%;
	padding: 8px 2% 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:95%;
	height:auto;
	margin:0px auto 20px;
	display:table;
	text-align:center;
}
#niveles a.nivel{
	width:282px;
	height:420px;
	margin: 4px 10px 1px;
	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:84px 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: 18px;
	margin-top: 3px;
	list-style-position: outside;
}
.nivel .texto li.smaller{font-size:15px;}
.disponible{
	width: auto;
	height: auto;
	display: table;
	float: right;
	margin:-2px 10px 0px 0px;
}
.disponible-h{
	width: auto;
	height: auto;
	display: table;
	margin:0px auto;
}


/** AVISOS **/
.importante{
	width: 472px;
    height: auto;
    text-align: left;
    display: table;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    padding: 10px 15px;
    margin: -8px auto 10px;
    border-radius: 10px;
}
.importante-land{
	width: 90%;
	max-width: 840px;
	height: auto;
	text-align: left;
	display: table;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	padding: 8px 3%;
	margin: 0px auto 10px;
	border-radius: 10px;
}
#niveles .nivel-recuerda {
    width: 282px;
    height: auto;
    margin: 4px 10px 10px;
    display: inline-table;
    text-decoration: none;
}

.circulo-recuerda{
	width: 200px;
	height: auto;
	margin:-20px auto 0px;
    padding: 10px 0px;
	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:15px;
	
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 30px;
	line-height: 32px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}

.nivel-recuerda .texto{
	width:215px;
	height:67px;
	background:rgba(0,0,0,0.4);
	border-radius: 20px;
	padding: 28px 12px 8px;
	margin: -8px auto 0px;
	display:table;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	letter-spacing:0px;
	text-align:left;
	text-transform:none;
	z-index:0;
	position:relative;
}
.nivel-recuerda .texto ul{padding-left:20px;}
.nivel-recuerda .texto li{
	list-style: url(/img/celeste-circle.png) inside;
	line-height: 22px;
	margin:11px 0px 3px;
	list-style-position: outside;
}


/** 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:-46px 30px 0px 0px;
	float:right;
	clear:none;
	border-radius:10px;
	
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	color:#000045;
	font-size:14px;
	letter-spacing:0px;
	text-transform:uppercase;
	text-decoration:none;
	z-index: 1000;
	position: relative;

	-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);
}
.btn-volver.contacto{
	padding:7px 14px;
	margin:10px auto 0;
	display:table;
	float:none;
	clear:none;
}


/** HOME DE NIVEL **/
.btn-download{
	width:auto;
	height:auto;
	background: #66ccca;
	margin: 15px auto 0px;
	padding: 6px 15px;
	float:none;
	display:table;
	border:0px;
	border-radius:10px;
	font-family: geometric415black-bt, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	letter-spacing: 0px;
	color: #000045;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	-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);
}
.btn-download:hover{background: #52a3a2;}
#numero-nivel{
	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.tit-contacto{
	margin-top: -33px;
	font-size:40px;
}
a.unidad{
	width: auto;
	height: 240px;
	padding:0px 0px 0px 0px;
	margin:20px 15px 0px;
	display: inline-block;
	border-radius: 110px;
	/* border: 2px solid #fff; */
	text-decoration:none;
	position: relative;
	z-index: 1;
	/*box-shadow: -2px 2px 12px rgba(0,0,0,0.7);*/
}
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: -16px auto 0px;
	padding: 6px 7px 5px;
	background:#00004d;
	border-radius: 6px;
	font-family:'geometric415black-bt';
	font-size: 14px;
	line-height:17px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	display: table;
	position: relative;
	z-index: 10;
}
.nombre-unidad{
	width: 160px;
	height: auto;
	margin:0px auto;
	display:table;
	font-family: 'handsean', Arial, Helvetica, sans-serif;
	/* font-weight:bold; */
	font-size: 18px;
	line-height: 22px;
	text-align:center;
	letter-spacing: 2px;
	color: #fff;
	/* text-transform:uppercase; */
	padding: 0px 3px 0px;
	position: relative;
	z-index: 105;
	bottom: -155px;
	text-shadow: -1px 1px 5px rgba(0,0,0,0.7);
}
a.unidad img{
	margin: 0px 0px 0px 0px;
	border-radius: 70%;
	width: 160px;
	height: 160px;
	display: table;
	position: absolute;
	z-index: -4;
	border: 2px solid #fff;
	/* box-shadow: -2px 2px 12px rgba(0,0,0,0.7); */
}

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: 95%;
    height: auto;
    margin: 12px 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:800px;
	height: auto;
	margin:0px auto 8px;
	display:table;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:21px;
	color:#fff;
	letter-spacing: 1px;
}
.modulos{
	width:100%;
	height:auto;
	margin:0px auto;
	display:table;
}
.actividad{
	width:auto;
	height:auto;
	padding:0px 0px 0px 0px;
	display:inline-block;
}
/*.actividad.ebook{background:url(/inglesusa/img/act-ebook.png) top center no-repeat;}
.actividad.videos{background:url(/inglesusa/img/act-videos.png) top center no-repeat;}
.actividad.audios{background:url(/inglesusa/img/act-audios.png) top center no-repeat;}
.actividad.roleplay{background:url(/inglesusa/img/act-roleplay.png) top center no-repeat;}
.actividad.pronunciacion{background:url(/inglesusa/img/act-pronunciacion.png) top center no-repeat;}
.actividad.pronunciacion-hsa{background:url(/inglesusa/img/pronunciacion-hsa.png) top center no-repeat;}

.actividad.test{background:url(/inglesusa/img/act-test.png) top center no-repeat;}
.actividad.pdf{background:url(/inglesusa/img/act-pdf.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: 95%;
    height: auto;
    margin: 10px auto 10px;
	display:table;
	text-align:center;
	
    font-family: geometric415black-bt, Arial, Helvetica, sans-serif;
    font-size:36px;
	line-height:39px;
    color:#66ccca;
    text-transform: uppercase;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
	letter-spacing: 1px;
}

.soluciones{
	width:auto;
	height:auto;
	margin:20px auto 0px;
	padding: 6px 8px;
	display:table;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0px;
	color:#fff;
	text-transform:uppercase;
	background: rgba(0,0,0,0.15);
	border: 1px solid rgba(255,255,255,0.6);
}
.soluciones.small{display:none;}

.soluciones .btn-download{
	width:auto;
	height:auto;
	background: #66ccca;
	margin: 0px auto;
	padding: 6px 8px;
	display: inline-table;
	border:0px;
	border-radius: 7px;
	font-family: geometric415black-bt, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	letter-spacing: 0px;
	color: #000045;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	-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);
}
.btn-download:hover{background: #52a3a2;}



/** VIDEOS **/
.video-sub-tit{
	width: auto;
	height: auto;
	margin: 21px 0 0px;
	display:table;
	font-family: 'handsean', Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 32px;
	text-align: left;
	letter-spacing:1px; 
	color: #fff;
	padding: 6px 10px 3px;
	text-shadow: -1px 1px 5px rgba(0,0,0,0.7);
	border-top: 1px dotted rgba(255, 255, 255, 0.5);
	border-right: 1px dotted rgba(255, 255, 255, 0.5);
}
.video-ancho{
	/* width: 140%; */
	width: 660px;
	height: auto;
	margin:0px auto;
	display:table;
	text-align: center;
}
.videoWrapper{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/** 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;
}

/** PDF **/
#bg-pdf .txt{
	width: auto;
	height:auto;
	display:table;
	margin: 0px auto 13px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 21px;
	text-align: center;
	text-decoration:none;
	color:#fff;
	letter-spacing:1px;
}
.btn-pdf{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:17px;
	color:#66CCCA;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
}
.btn-pdf:hover{
	cursor:pointer;
	color:#fff;
}

.border{
    border-radius:100%;
    border:2px solid #66CCCA;
    width:auto;
    height:auto;
    display:table;
    margin: 0px auto 5px;
    padding: 9px 9px 6px;
}
a.btn-descarga {
	display: table;
	margin:0px auto 5px;
	transition:All 0.5914s ease-in-out;
	-webkit-transition:All 0.5914s ease-in-out;
	-moz-transition:All 0.5914s ease-in-out;
	-o-transition:All 0.5914s ease-in-out;
	transform: rotate(0deg) scale(1) skew(0deg) translate(0px); 
	-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); 
	-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); 
}
	
a.btn-descarga:hover{
	transform:  rotate(360deg) scale(1.1) skew(0deg) translate(0px);
	-webkit-transform:  rotate(360deg) scale(1.1) skew(0deg) translate(0px);
	-moz-transform:  rotate(360deg) scale(1.1) skew(0deg) translate(0px);
	-o-transform:  rotate(360deg) scale(1.1) skew(0deg) translate(0px);
	-ms-transform:  rotate(360deg) scale(1.1) skew(0deg) translate(0px);
}


/** 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: 100%;
	max-width: 290px;
	height:32px;
	border: 1px solid #c7000c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	color:#00004c;
	text-align:left;
	vertical-align:middle;
	margin: 5px auto 15px;
	padding-left:3px;
	letter-spacing:0px;
	background:#fff;
	display: table;
}
#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:18px 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;
	color:#fff;
	display: table;
	margin: 0px auto;
	text-align: center;
}

.nota-formulario{
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
	margin: 0px auto 15px;
}



/** CONTACTO **/
#contacto{
	width:96%;
	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 2% 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;
}


/** PIN ACCESS **/
.pin-acceso{
	width: auto;
	height: auto;
	margin: 20px auto 10px;
	padding: 11px 20px 11px;
	display:table;
	
	border: 1px solid rgb(1, 1, 97);
	border-radius: 14px;
	
	text-align:center;
	background: #00004c;
	font-family: geometric415black-bt, Arial, Helvetica, sans-serif;
	font-size: 38px;
	line-height:39px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 4px;
	
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.pin-txt{
	width:auto;
	float:none;
	font-size: 20px;
	line-height:26px;
	font-weight:bold;
	color: #fff;
	margin: 0px auto;
	display: table;
	padding: 10px;
	letter-spacing: 1px;
}


/** VoiceLab Access **/
.app-recomendada{
	width: auto;
	height:auto;
	display: table;
	text-align:center;
	margin: 10px auto 25px;
}

.app-recomendada a{
	margin: 0px 20px;
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 0px;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: -1px 1px 3px rgba(0,0,0,0.7);
	-webkit-box-shadow: -1px 2px 4px 2px rgba(0,0,0,0.5);
	box-shadow: -1px 2px 4px 2px rgba(0,0,0,0.5);
}

.app-img {
	width:auto;
	display:table;
	margin: 4px 10px 10px;
	float:left;
	text-transform: uppercase;
	text-decoration:none !important;
	background: rgb(102, 204, 202);
	padding: 8px 8px 4px;
	border-radius: 20px;
}
.app-img img{
	width:auto;
	display:table;
	margin: 0px auto 2px;
	text-align:center;
}
.app-img:hover{
	text-decoration: none;
	background: rgba(102, 204, 202, 0.75);
}



/** PIN ACCESS **/
.pin-acceso{
	width: auto;
	height: auto;
	margin: 20px auto 10px;
	padding: 11px 20px 11px;
	display:table;
	
	border: 1px solid rgb(1, 1, 97);
	border-radius: 14px;
	
	text-align:center;
	background: #00004c;
	font-family: geometric415black-bt, Arial, Helvetica, sans-serif;
	font-size: 38px;
	line-height:39px;
	color: #fff;
	text-transform:none;
	letter-spacing: 4px;
	
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.pin-txt{
	width:auto;
	float:none;
	font-size: 20px;
	line-height:26px;
	font-weight:bold;
	color: #fff;
	margin: 0px auto;
	display: table;
	padding: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.pin-btn{
	width:150px;
	height: 185px;
	display: table;
	border:0px;
	border-radius: 23px;
	margin:10px auto 5px;
	padding: 3px 6px 0px;
	text-align:center;
	cursor:pointer;
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0px;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: -1px 1px 3px rgba(0,0,0,0.7);

	-webkit-box-shadow: -1px 2px 4px 2px rgba(0,0,0,0.5);
	box-shadow: -1px 2px 4px 2px rgba(0,0,0,0.5);
	background: url(/img/VoiceLab-App.png) center 32px no-repeat #66ccca;
}

.pin-btn:hover {
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.5);

	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}


/** RECUPERAR CONTRASEÑA **/
#numero-nivel.recupero {
    font-size: 41px;
    margin-top: -55px;
}

.btn-comorecuperar{
	width: auto;
	height: auto;
	padding: 7px 15px;
	margin: 20px auto 20px;
	display:table;
	text-align:center;
	border-radius:10px;
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	color:#000045;
	font-size:14px;
	letter-spacing:0px;
	text-transform:uppercase;
	text-decoration:none;
	z-index: 1000;
	position: relative;
	-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-comorecuperar: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);
}




#middle-blanco{
	width: 90%;
	max-width: 750px;
	height:auto;
	display:table;
	border-radius: 8px;
	background-color: #f5f5f5;
	margin: 5px auto 30px;
	padding: 20px 3% 15px;
}
#middle-blanco .intro{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;

	font-size:20px;
    line-height: 27px;
    letter-spacing: 0px;
    display: inline-block;
    padding:0px 0px 10px;
}
#middle-blanco .pasos{
	width: 100%;
	height:auto;
	float:left;
	clear:none;
	margin: 15px 0px;
}
#middle-blanco .numero{
	width: 34px;
	height: 38px;
	float:left;
	clear:none;
	text-align:center;
	font-family: 'lato';
	font-weight: bold;
	font-size: 26px;
	line-height: 41px;
	color:#fff;
	letter-spacing: 0px;
	background-color: #dd0000;
	padding: 1px 5px 5px;
	margin: 0px 10px 0px 0px;
	border-radius: 100px;
}
#middle-blanco .txt-pasos{
	width: auto;
	height:auto;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 23px;
	font-weight:normal;
	text-align:left;
}
#middle-blanco .txt-pasos a{color:#de0715;text-decoration:underline;cursor:pointer;}
#middle-blanco .txt-pasos a:hover{text-decoration:none;}
#middle-blanco .pasos .txt-pasos .flechita{
	color:#de0715;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:900;
	font-size: 28px;
	line-height: 28px;
	top: 4px;
	position: relative;
}
#middle-blanco .pasos .img-recupero{
    max-width: 739px;
    width: 100%;
    height: auto;
    padding: 10px 0px 0px;
    display: table;
    margin: 0px auto;
}
#middle-blanco .pasos .img-recupero.small{
    width: auto;
    height: auto;
    float:right;
    margin:-20px 8px 0px;
    padding: 0px;
}

.recomendaciones-tit{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height: 25px;
	font-weight:900;
	text-align:left;
	text-transform:uppercase;
}

/** 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;margin: 8px auto 0;display: table;}
#pie .politicas:hover{color:#c20000;}
.columbia-multimedia{margin:0px auto 0px; display:table; padding-bottom:8px;}

.fotos{font-size: 11px;color: #666;letter-spacing: 0px;margin: 10px 10px;line-height: 15px;}
.fotos a{color:#2e9e9e;}
.fotos a:hover{text-decoration:none;}



.hbspt-form{
	width: auto;
	max-width: 500px;
    background: rgba(255, 255, 255, 1);
    padding: 30px 30px 0;
    margin: 20px auto;
    border-radius: 30px;
    border: none !important; 
    display: block; 
}
#hs-form-iframe-0{
	width: 100% !important;
	max-width: 500px !important;
}





/** RESPONSIVE **/
@media screen and (max-width: 1005px){
	#form-contacto{
		width:96%;
	}
}
@media screen and (max-width: 990px){
	#niveles a.nivel.login{
		width: auto;
		height: auto;
	}
	.importante{
		width:96%;
		max-width: 472px;
	    margin: 3px auto 10px;
	    padding: 10px 2%;
	}
	.circulo.login{
		width: auto;
		height:auto;
		margin:10px auto 0px;
		border-radius:20px;
		padding: 7px 20px 9px;
		display: table;
	}
	.circulo.login .tit-nivel, .circulo.login .numero{
		font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
		color:#fff;
		font-size: 60px;
		line-height: 60px;
		text-align:center;
		text-transform:uppercase;
		text-decoration:none;
		display: inline;
	}
	.circulo.login .numero{
		font-size: 60px;
		line-height: 60px;
		margin-left: 10px;
	}
	.nivel.login .imagen-nivel, .nivel.login .texto{display:none;}
	.ingresa{
		width: 96%;
		padding: 10px 2% 5px;
		margin: 0px auto;
		line-height: 35px;
	}
	.modulo-login{
		width: 96%;
		margin: 0px auto 5px;
		display:table;
	}
}

@media screen and (max-width: 955px){
	#top{width:100%;}
	#top-internas{
		width:100%;
		height: 245px;
		margin: 0px auto;
		background: url(/inglesusa/img/aprende-ingles-hoy.png) center 18px no-repeat #fff;
		display: table;
	}
	#top-internas .logo{
		position:absolute;
		z-index:1000;
	}
	.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: 930px){
	#top {
    	width: 100%;
    	background: url(/img/curso-de-ingles.png) top center no-repeat #fff;
	}
	#numero-nivel.recupero {
		font-size: 33px;
		margin-top: -40px;
	}
}
@media screen and (max-width: 820px){
	#top{
		background: url(/inglesusa/img/aprende-ingles-hoy.png) center 18px no-repeat #fff;
		height: 210px;
	}
	#top .logo{
		position:absolute;
		z-index:1000;
		width: 190px;
		margin: 13px 0px 0px 12px;
	}
	#top .logo-uap{
		float:right;
		margin: 0px 0px 0px 10px;
		top: 20px;
		position: absolute;
		right: 20px;
		width: 24%;
	}
}

@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{
		height: 485px;
		margin: 0px auto;
		background: url(/inglesusa/img/aprende-ingles-hoy.png) center 223px no-repeat #fff;
	}
	#top-internas .logo{
		position:relative;
		margin: 35px auto 0px;
		display:table;
		float:none;
	}
	#top-internas .logo-columbia{
		width: 85px;
		background: #fff;
		border-radius: 6px;
		position: relative;
		bottom: -128px;
		right:inherit;
		padding: 5px;
		margin: 0px auto;
		display: table;
		float: none;
	}
	.btn-volver{
		padding:7px 14px;
		margin:10px auto -5px;
		float:none;
		clear:none;
		display:table;
	}
	#numero-nivel.tit-contacto{
		margin-top: -60px;
		font-size: 38px;
		padding: 12px 0px;
		line-height: 37px;
	}
	#numero-nivel.recupero {
		font-size: 35px;
		margin-top: -60px;
		padding: 10px 0px;
	}
}
@media screen and (max-width: 700px){
	#top{
		height: 400px;
		margin: 0px auto;
		background: url(/inglesusa/img/aprende-ingles-hoy.png) center 198px no-repeat #fff;
	}
	#top .logo{
		position:relative;
		margin: 10px auto 0px;
		display:table;
		float:none;
	}
	#top .logo-uap{
		width: 105px;
		display: table;
		float:none;
		margin:0px auto;

		background: #fff;
		border-radius: 6px;
		padding: 5px;

		position: relative;
		top:initial;
		bottom: -145px;
		right: 0px;
	}

}

@media screen and (max-width:680px){
	.soluciones{line-height: 16px;}
	.soluciones .btn-download{margin: 5px auto 0px;}
}

@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:555px){
	#txt-aprende{
		font-size: 26px;
		line-height: 25px;
		padding: 10px 0px 9px;
	}
	.elige{
		font-size: 28px;
		line-height: 30px;
		width: 95%;
		margin: 0px auto;
		display: table;
		text-align: center;
	}
}*/


@media screen and (max-width:500px){
	#top-internas{height: 475px;}
/*	#contenido{margin-top: 41px;}*/
	#numero-nivel, #numero-nivel.tit-contacto{font-size: 36px; margin-top: -50px;}
/*	#txt-aprende{margin: 0px 0px -41px 0px;}*/
}
@media screen and (max-width:445px){
	#txt-aprende{padding: 13px 2% 8px;line-height: 33px;}
	.elige{line-height: 35px;}
}
@media screen and (max-width:440px){
/*	#contenido{margin-top: 30px;}*/
	#top-internas{height: 455px;}
	#numero-nivel, #numero-nivel.tit-contacto{font-size: 23px;padding: 5px 0px 5px;margin-top: -30px;line-height: 23px;}
/*	#txt-aprende {margin: 0px 0px -31px 0px;}*/
	#numero-nivel.recupero {
		font-size: 33px;
		margin-top: -40px;
		line-height: 33px;
	}

}
@media screen and (max-width:433px){
	.titulo-categoria-esp, .titulo-categoria-ing, .categoria-titulo-1, .categoria-titulo-2{height: auto;}
	.titulo-categoria-ing, .categoria-titulo-2{
	    height: auto;
		padding-bottom: 6px;
	}
	#contacto{
		padding: 12px 2% 20px;
	}
	#contacto .btn-contacto{
		width: 80%;
		padding: 23px 2% 22px;
	}
}
@media screen and (max-width:416px){
	a.unidad{height: auto;}
	.nombre-unidad{
		margin: 156px auto 5px;
		position: inherit;
		z-index: 105;
		bottom: 0;
	}
}

@media screen and (max-width:350px){
	#txt-aprende{
		font-size: 26px;
		line-height: 25px;
		padding: 10px 2% 9px;
	}
	.elige{
		font-size: 28px;
		line-height: 30px;
		width: 95%;
		margin: 0px auto;
		display: table;
		text-align: center;
	}
	.actividad img{width:100%;}
	#niveles a.nivel{
		width: 100%;
		margin: 4px auto 1px;
		display: table;
	}
	.imagen-nivel.a1{
		background: url(/img/nivel-01.png) center 39px no-repeat;
	}
	.imagen-nivel.a2{
		background: url(/img/nivel-02.png) center 39px no-repeat;
	}
	.imagen-nivel.a3{
		background: url(/img/nivel-03.png) center 39px no-repeat;
	}
	.imagen-nivel.a4{
		background: url(/img/nivel-04.png) center 39px no-repeat;
	}
	.imagen-nivel{
		width: 100%;
		margin: -90px auto 0px;
	}
	
	.titulo-actividad{
	    font-size: 31px;
	    line-height: 31px;
	}

	
}
@media screen and (max-width:333px){
	#top-internas .logo{
		margin: 56px auto 0px;
	}
	#top-internas{
		height: 492px;
		margin: 0px auto;
		background: url(/inglesusa/img/aprende-ingles-hoy.png) center 260px no-repeat #fff;
	}
	#top-internas .logo-columbia{
		width: 95px;
		float:none;
		padding:3px;
		position: relative;
		bottom: -140px;
		right: 0px;
	}
	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%}
	.btn-comorecuperar{
		width: 90%;
		max-width: 150px;
		padding: 7px 3%;
	}

}


@media screen and (max-width:305px){
	#niveles {width: 100%;}
	.titulo-actividad{
	    font-size: 26px;
	    line-height: 26px;
	}
}

@media screen and (max-width:320px){
	#niveles .nivel-recuerda {
		width: auto;
		margin: 4px 10px 10px;
	}
	.nivel-recuerda .texto{
	    width: 80%;
	    padding: 28px 2% 8px;
	}

}

@media screen and (max-width:275px){
/*	#txt-aprende{margin: 0px 0px -32px 0px;}*/
	#niveles{width:100%;}
/*	#contenido{margin-top: 30px;}
	#top-internas{height: 462px;}
	#numero-nivel{font-size: 27px;padding: 5px 0px 5px;margin-top: -30px;}*/
}