@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: 'arrows_tfbregular';
    src: url('../../materiales/_recursos/fonts/arrows_tfb-webfont.eot');
    src: url('../../materiales/_recursos/fonts/arrows_tfb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../materiales/_recursos/fonts/arrows_tfb-webfont.woff') format('woff'),
         url('../../materiales/_recursos/fonts/arrows_tfb-webfont.ttf') format('truetype'),
         url('../../materiales/_recursos/fonts/arrows_tfb-webfont.svg#arrows_tfbregular') 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;
}
#master.img{
	background: url('../img/curso-de-ingles.png') center -40px no-repeat;
}
#top, #top-turismo, #top-maestros, #top-business, #top-social{
	width:100%;
	/*width:994px;*/
	height:400px;
	background: top center no-repeat #fff;
	margin: 0px auto;
}
#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-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 SMALL **/
#top-land{
	width:1000px;
	height: 186px;
	margin: 0px auto;
	background: url('../img/learning-english.png') 280px 0px no-repeat;
}
#top-land .logo{
	float:left;
	clear:none;
	margin: 28px 0px 0px 0px;
}
#top-top{
	width:98%;
	height:auto;
	display: table;
	margin: 0px auto 9px;
}
#top-land h1{
	width:auto;
	height:auto;
	float: right;
	margin: 35px 10px 0px 10px;
	text-align:left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#000054;
	font-size: 22px;
	line-height:23px;
	text-transform:uppercase;
}
#top-land h1 .big{
	font-size: 30px;
	line-height:31px;
}
#top-land h1 strong{
	font-weight:900;
	font-size: 30px;
	line-height:31px;
}


/** TOP INTERNAS **/
#top-internas{
	width:994px;
	height:202px;
	background: url(/activatuingles/img/aprende-ingles-hoy.png) top center no-repeat #fff;
	margin: 0px auto;
}
#top-internas .logo{
	float:left;
	clear:none;
	margin:28px 0px 0px 16px;
}
#top-internas .logo-columbia{
	float:right;
	clear:right;
	margin:20px 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:100%;
	height:auto;
	text-align:center;
	background:#c8000c;
	padding: 8px 0px 6px;
	margin: 0px 0px -60px 0px;
	
	color:#fff;
	font-size: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: 90%;
	max-width: 800px;
	padding: 15px 0px 9px;
	color:#fff;
	font-size:35px;
	line-height: 32px;
	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:994px;
	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;
    background: 0px 39px no-repeat;
}
/*.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;margin: 12px 0px 0px 0px;}
.campos-form{
	width:90%;
	height:auto;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	margin: 12px auto 0px; 
	display:table;
}
.campos-form input, .campos-form textarea{
	width:90%;
	height:32px;
	margin: 3px auto 5px;
	display:table;
	border: 1px #c8000c solid;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	letter-spacing:0px;
	padding:0px 2%;
}
.campos-form textarea{height:90px;}
.btn-tech{
	width:auto;
	height:auto;
	color:#fff;
	background: #c8000c;
	display: table;
	margin: 15px auto 10px;
	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);
}
.btn-tech:hover{
	background:#ab0000;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}
.problemas-tec{
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}

.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:0px 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 10px 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.hsa{
    padding: 7px 12px;
    margin: 10px auto -15px;
    float: right;
    clear: none;
    display: table;
    border-radius: 7px;
}


/** HOME DE NIVEL **/
#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-azul{
    width: 90%;
	max-width: 660px;
    text-align: center;
	display:table;
	margin:0px auto 15px;
	background: rgba(0,0,0,0.4);
	padding: 4px 5px;
	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);

	color:#fff;
	font-size:18px;
	letter-spacing:1px;	
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;

}
#numero-nivel-azul .niv{
	width: auto;
	height:auto;
	display:inline-table;
	margin: 6px 7px;
	padding: 3px 10px 4px;
	text-decoration: none;
	border-radius: 5px;
	text-shadow: -1px 1px 2px rgba(0,0,0,0.5);
	font-family:'geometric415black-bt', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:18px;
	line-height: 22px;
	letter-spacing:1px;
	text-transform:uppercase;

	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:30px 8px 74px;
	display: inline-block;
	border-radius:6px;
	border:2px solid #fff;
	text-decoration:none;
    background: #66ccca;
}
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;}
.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, h3{
	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(/img/act-ebook.png) top center no-repeat;}
.actividad.videos{background:url(/img/act-videos.png) top center no-repeat;}
.actividad.audios{background:url(/img/act-audios.png) top center no-repeat;}
.actividad.roleplay{background:url(/img/act-roleplay.png) top center no-repeat;}
.actividad.pronunciacion{background:url(/img/act-pronunciacion.png) top center no-repeat;}
.actividad.pronunciacion-hsa{background:url(/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:0px auto 30px;
	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;margin-left: 50px;}
.btn-cancelar:hover{background:#660007;}
#form-contacto .txt-campos{
	width:85px;
	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:996px;
	height:auto;
	display:table;
	margin: 0px auto 0px;
	padding: 4px 0px 2px 0px;
	
	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:20px;
	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;}



/** DESCARGAS **/
.box-cont{
	width: 22%;
	height:auto;
	display:inline-table;
	background-color: #f5f5f5;
	padding: 30px;
	margin-bottom: 1.5em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	margin: 0px 0.5em 1.5em;
}
.box-cont .tit{
    width: 100%;
    text-align: center;
    display: block;
	text-decoration:none;
	color:#66CCCA;
}
.box-cont .tit:hover{
	color:#6a6666;
}
.box-cont .txt{
    color: #6a6666;
    font-size: 14px;
}
.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: inline-block;
	margin:0px auto;
	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);
}


/** FAQs **/
/* message display page */
#middle{
	width: 80%;
	max-width: 600px;
	height:auto;
	display:table;
	border-radius: 8px;
	background-color: #f5f5f5;
	margin: 0px auto 30px;
	padding: 15px 30px;
}
.list {
	width: 820px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#000000;
	display:inline-block;
}
.list li {
	padding: 0;
	margin: 0;
}
.pregunta {
	cursor: pointer;
	position: relative;
	text-align:left;
	padding-top:15px;
	padding-bottom:3px;
}
.pregunta .arrow{
	font-family:"arrows_tfbregular", Arial, Helvetica, sans-serif;
	color:#de0715;
	font-size:14px;
	text-transform:none;
/*	display: inline-table;
	margin-top: -3px;

	position: relative;
    top: -3px;*/
}
.pregunta cite {
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	font-weight: bold;
	font-style:normal;
	text-align:left;
}
.pregunta:hover{
	color:#de0715;
}
.respuesta {
	width: auto;
	padding-bottom:10px;
	text-align:left;
}
.respuesta sup{font-size:10px;}
.respuesta a{color:#de0715;text-decoration:underline;cursor:pointer;}
.respuesta a:hover{text-decoration:none;}
.respuesta li {
	list-style-position:inside;
	list-style-type:disc;
}

.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 460px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_recent_only {
	display: none;
	background: url(http://aguilar.inglesen100dias.com/AR/images/pregunta.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message, .show_all_message{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-transform:uppercase;
	background:url(http://inglesen100dias.com/images/flecha-collapse.png) no-repeat top right;
	padding-right: 12px;
	color: #de0715;
/*	float: left;*/
	line-height: 11px;
	margin: 5px 0px;
	text-decoration:none;
	display:table;
}
.show_all_message {
	background: url(../img/flecha-showall.png) no-repeat right -15px;
}
a.collpase_all_message:hover, .show_all_message:hover{
	background:url(http://inglesen100dias.com/images/flecha-collapse.png) no-repeat bottom right;
	color:#666666;
	text-decoration:none;
}
a.show_all_message:hover{
	background:url(../img/flecha-showall.png) no-repeat right -4px;
}

.faqs{
	width:auto;
	height:auto;
	padding:10px 10px 0px;
	display: table;
    margin: 0px auto;
}
.faqs.a{padding:10px 10px 10px;}
img.faqs{max-width: 800px; width: 100%;}


/** INGLES SUPER FACIL **/ 

.tit-lec, .txt-lec, .intro-lec{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	font-weight: bold;
	text-align:left;
	color:#000;
}
.txt-lec{
    font-size: 13px;
    line-height: 20px;
	font-weight:normal;
}
.intro-lec{
	font-size:20px;
    line-height: 27px;
    letter-spacing: 0.5px;
    display: inline-block;
}
.red-dot{color:#de0715}

.btn-leccion{
	width: 100%;
	height:auto;
	color:#fff;
	background:#dd0000;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px;
	border:0px;
	border-radius: 6px;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	letter-spacing: 1px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	display: block;
}
.btn-leccion:hover{
	background:#ab0000;
	cursor:pointer;
	text-decoration:none;
}


/** TEACHERS GUIDE **/
#teacher-guide{
	width:100%;
	height:auto;
    margin: 0px auto 0px;
	display:table;
	text-align:center;
	float:none;
}
#guide-content {
	width: auto;
	display: inline-block;
	vertical-align: top;
}
#guide-content-frame {
	width: 100%;
	height: 600px;
	border: none;
}
#guide-menu, #guide-menu.mobile{
	width:auto;
	height:auto;
	display: inline-block;
	border-radius: 8px;
	background-color: #f5f5f5;
	margin: 0px 10px 30px;
	padding: 14px 15px;
	color: #000;
	font-family: lato;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
}
#guide-menu.mobile{
	width:92%;
	height:auto;
	margin: 0px 1% 30px;
	padding: 14px 2%;
}
#guide-menu strong, #guide-menu.mobile strong{
	font-weight:900;
	color:#000;
}
#guide-menu .list, #guide-menu.mobile .list{
	width: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	color:#000000;
	display:inline-block;
	text-transform:none;
}
#guide-menu .list{
	font-size:13px;
	line-height: 22px;
}
#guide-menu .list li, #guide-menu.mobile .list li {
	padding: 0;
	margin: 0;
}
#guide-menu .list a, #guide-menu.mobile .list a{
	text-decoration:none;
	color:#000000;
	letter-spacing:0px;
}
#guide-menu .pregunta, #guide-menu.mobile .pregunta {
	cursor: pointer;
	position: relative;
	text-align:left;
	padding: 5px 0px 0px;
}
#guide-menu .pregunta .arrow, #guide-menu.mobile .pregunta .arrow{
	font-family:"arrows_tfbregular", Arial, Helvetica, sans-serif;
	color:#de0715;
	font-size: 10px;
	text-transform:none;
	position:relative;
	top:-2px;
}
#guide-menu .pregunta cite, #guide-menu.mobile .pregunta cite{
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	font-weight: 700;
	font-style:normal;
	text-align:left;
}
#guide-menu .pregunta:hover, #guide-menu.mobile .pregunta:hover{
	color:#de0715;
}
#guide-menu .respuesta, #guide-menu.mobile .respuesta {
	width: auto;
	padding: 0px 0 0 12px;
	text-align:left;
}
#guide-menu.mobile .respuesta {
	font-size: 16px;
	line-height: 25px;
}
#guide-menu .respuesta a, #guide-menu.mobile .respuesta a{
	font-size: 14px;
	color:#de0715;
	text-decoration:none;
	cursor:pointer;
	font-weight:700;
}
#guide-menu .respuesta a:hover, #guide-menu.mobile .respuesta a:hover{color:#000;}
#guide-menu .respuesta li, #guide-menu.mobile .respuesta li {
	list-style-position:inside;
	list-style-type:disc;
	color:#de0715;
	font-size: 16px;
}
#guide-menu.mobile .respuesta li {color:#000;}

#teacher-guide .collpase_all_message {margin: 5px 0px 5px;}

.contenido-guia, .contenido-tech {
	width: 670px;
	margin: 0px 10px 20px;
	padding: 20px;
	display:inline-table;
	text-align:left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 0px;
	color:#000;
	background: #f5f5f5;
	border-radius: 8px;
}
.contenido-tech {
	width: 88%;
	max-width: 670px;
	margin: 0px auto 20px;
	padding: 20px 4%;
}

#guide-menu.mobile .contenido-guia{width: auto;padding: 0px;margin: 0px 0px 10px;}
.contenido-guia .tit, #guide-menu.mobile .contenido-guia .tit, .contenido-tech .tit{
	width:100%;
	height:auto;
	display:block;
	margin: 0px 0px 10px;
	text-align:left;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 900;
	text-transform:uppercase;
	color:#000;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0px;
}
.contenido-guia strong{text-transform:uppercase;}
.contenido-guia li{margin-top:10px;}
.t-guide, #guide-menu.mobile .t-guide{
	width: auto;
	max-width: 670px;
	height:auto;
	padding: 10px 0px 0px;
	display: table;
	margin: 0px auto;
}
#guide-menu.mobile .t-guide{
	width: 98%;
	max-width: none;
}
#guide-menu.mobile .contenido-guia .tit{
	color:#de0715;
	margin: 0px 0px 5px;
}
.icono-report{margin: 0px 0px -2px 3px;}


/** GUIA PARA EL ESTUDIANTE **/ 
.btn-faq, .btn-presenta{
	width: auto;
	height:auto;
	color:#fff;
	float:right;
	background:#dd0000;
	margin: 5px 0px 10px;
	padding: 5px 10px;
	border:0px;
	border-radius: 6px;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	letter-spacing: 1px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}
.btn-faq:hover, .btn-presenta:hover{
	background:#ab0000;
	cursor:pointer;
	text-decoration:none;
}
.btn-presenta{float:left;}

.pasos{
	width: auto;
	height:auto;
	float:left;
	clear:none;
	margin: 15px 0px;
}
.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;
}
.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;
}
.txt-pasos a{color:#de0715;text-decoration:underline;cursor:pointer;}
.txt-pasos a:hover{text-decoration:none;}


.app-recomendada{
	width: auto;
	height:auto;
	display: table;
	text-align:center;
	margin:20px auto 10px;
}
.app-img{
	width:auto;
	display: inline-table;
	margin: 0px 40px;
	float:left;
	font-weight: 900;
	text-transform: uppercase;
	text-decoration:none !important;
	background:#ccc;
	padding:5px;
	border-radius:30px;
	font-size:14px;
}

.app-img:hover{
	opacity: 0.85;
    filter: alpha(opacity=85);
	text-decoration: none;
}

@media screen and (max-width:700px){
	#top-top{
		width:100%;
		margin: 0px auto 0px;
	}
	#top-land{
		width:100%;
		height: auto;
		margin: 0px auto;
		background: url('../img/learning-english.png') no-repeat center 120px;
	}
	#top-land .logo{
		float:none;
		margin: 0px auto 0px;
		display:table;
	}
	#top-land h1{
		width:100%;
		height:auto;
		display:table;
		float:none;
		margin:200px auto 0px;
		padding:10px 0;
		text-align:center;
		background:#000054;
		color:#fff;
	}
	#guide-menu.mobile .list a{font-size:20px;}
	#guide-menu.mobile .contenido-guia, #guide-menu.mobile .respuesta li{
		font-family:'Lato', Arial, Helvetica, sans-serif;
		font-size:18px;
		line-height:27px;
	}
	#guide-menu.mobile .pregunta{margin:15px 0px 0px}
}
@media screen and (max-width:515px){
	#txt-aprende{line-height:35px;}
	.campos-form [placeholder]{font-size: 15px;}
}

@media screen and (max-width:350px){
	#txt-aprende{
		width:100%;
		font-size: 26px;
		line-height:26px;
	}
}

@media screen and (max-width:330px){
	#top-land .logo{width:95%;}
	#top-land{
		background: url('../img/learning-english.png') no-repeat center 100px;
	}
}