@charset "utf-8";
/* CSS Document */
body{
/*	font-family: 'Source Sans Pro',  Helvetica, sans-serif !important;*/
	margin: 0px 0 0px;
	background: url(/img/bg-ciudadania.png) #fff no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
a {text-decoration: none !important;}
.bebas{font-family: 'Bebas Neue',  Helvetica, Arial, sans-serif !important;}
.sourcesans{font-family: 'Source Sans Pro',  Helvetica, Arial, sans-serif;}
.texto-azul{color: #091f5e;}
.texto-rojo{color: #d10003;}
.bg-azul{background: #091f5e;}
.bg-rojo{background: #d10003;}
.texto-turquesa{color: #008584;}
.bg-turquesa{background: #008584 !important;}

#mainNav{background: #fff !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
#mainNav a, #mainNav .navbar-toggler{color: #d10003 !important;font-weight:400 !important;letter-spacing: 0.03em !important;}
#mainNav a:hover{color: #091f5e !important;}

#mainNav .navbar-toggler{border: 1px solid #d10003 !important;padding-left: 8px !important;}
#mainNav .navbar-toggler:hover{background: #091f5e !important; color:#fff !important; border: 1px solid #091f5e !important;}

.fa-bars{font-size: 20px;}

.btn-back{
	background:#fff;
	border-radius:100px;
	padding:6px;
}

#preguntasenvideo h4.modal-title{line-height: 24px;}

.btn.recursos-new{
	background: #d10003;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	padding: 8px 20px 10px;
	text-shadow: none !important;
	border-radius: 100px;
	text-transform: uppercase;
	margin: 10px auto 0px;
}
.btn.recursos-new:hover{background: #091f5e; color: #fff;}


/** HEADER LAND **/
#ciudadania .bg-ciudadania{
	padding: 20px 0px 0;
/*	background: url(/img/bg-ciudadania-americana.png) top center no-repeat #fff;*/
	color: #000;
	text-shadow: 0px 2px 7px rgb(255 255 255 / 90%);
}
#ciudadania .bg-ciudadania .btn{
	background: #d10003;
	color: #fff;
	font-size: 25px;
	line-height: 35px;
	font-weight: 700;
	padding: 5px 26px 8px;
	text-shadow: none !important;
}
#ciudadania .bg-ciudadania .btn:hover{
	background: #fff;
	color: #d10003;	
}
#ciudadania .bg-ciudadania .btn.residencia{background: #008584;}
#ciudadania .bg-ciudadania .btn.residencia:hover{background: #fff; color: #091f5e;}

.btn-basico.bt-residencia{background: #008584;}
.btn-basico.bt-residencia:hover{background: #fff; color: #091f5e;}




#ciudadania .bg-ciudadania .btn-comprar, .interior .btn-comprar{
	width: 215px;
	background: #d10003;
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	font-weight: 700;
	padding: 5px 10px 2px;
	text-shadow: none !important;
	margin: 15px 5px 25px;
	display: inline-table;
}
.interior {text-align:center;}
#ciudadania .bg-ciudadania .btn-comprar.residencia, .interior .btn-comprar.residencia{background: #008584; color:#fff;}
#ciudadania .bg-ciudadania .btn-comprar:hover, .interior .btn-comprar:hover, .interior .btn-comprar.residencia:hover{
	background: #091f5e;
	color: #fff;	
}
#ciudadania .bg-ciudadania .btn-comprar img.img-byn,
.interior .btn-comprar img.img-byn{
	height: 14px;
	margin: 6px auto 9px;
	display: table;
}
#ciudadania .bg-ciudadania .btn-comprar img.img-amazon,
.interior .btn-comprar img.img-amazon{
	height: 37px;
	margin: -7px auto -1px;
	display: table;
}
@media(max-width: 502px) {
	 #ciudadania .bg-ciudadania .btn-comprar.margin-less{margin: 10px 5px 5px;}
}
@media(max-width: 477px) {
	#ciudadania .bg-ciudadania .btn-comprar:nth-child(even){margin: 10px 5px 0px;}
}
/*

#ciudadania .bg-ciudadania .btn-comprar img.img-a-byn{
	width: auto !important;
	height: 35px !important;
	border-radius: 0px !important;
	border: 0px !important;
	box-shadow: none;
}
*/


#ciudadania .bg-ciudadania .tit-cursos{
	font-family: 'Bebas Neue',  Helvetica, Arial, sans-serif;
	font-size: 27px;
	line-height: 30px;
	margin-bottom: 8px;
	letter-spacing: 0.5px;
}
#ciudadania .bg-ciudadania .tit-ciudadania{font-size: 55px;line-height: 43px;}
#ciudadania .bg-ciudadania .mas-prod{font-size: 16px;line-height: 17px;letter-spacing: 0px;
    font-weight: 500;}
#ciudadania .libro-ciudadania{width:100%;max-width: 290px;/* margin-top: 80px; */display: table;}
#ciudadania .libro-ciudadania.land{max-width: 560px;}


#ciudadania section.frase-uno{
    width: 100%;
    background: #d10003;
    color: #fff;
    letter-spacing: 0.5px;
    margin: 0px auto 10px;
    display: table;
}
#ciudadania section .btn{
	border-radius: 110px !important;
	border: none !important;
	padding:10px 15px;
	background: #000;
}
#ciudadania section.frase-uno .btn{
	background: #fff;
	color: #091f5e;
	font-size: 15px;
	line-height: 15px;
	font-weight: 700;
}
#ciudadania section.frase-uno .btn:hover{
	background: #091f5e;
	color: #fff;
	box-shadow:none;
}

#ciudadania .frase-uno sup{font-size:13px;}

.card.card-body .btn-question{
	font-size: 12px;
	width:100px; 
	color:#fff;
	float: none; 
	border-radius:100px; 
	margin:5px;
	text-transform: uppercase;
	padding: 0px 0px 1px;
	font-weight: 600;
	align-self: center;
	border:0px solid;
}
.card.card-body .btn-question:nth-child(even){background: #d10003;}
.card.card-body .btn-question:nth-child(odd){background: #bf0805;}
.card.card-body .btn-question:hover{background: #091f5e; border:0px solid;}


/** GRILLA DE TARJETAS **/
.programa .card{background:#fff; color:#091f5e;}
.programa .card:hover{background:#d10003 !important; color: #fff;}
.programa .card-body .card-text{line-height:20px;}




/** RECURSOS COMUNES **/
.btn-basico, .btn-basico:focus, .btn-basico:active{
	color: #fff;
	font-size:15px !important;
	background-color: #d10003;
	border-color: transparent;
	text-align: center;
	display: table;
	padding: 10px 25px;
	margin: 10px auto 15px;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-weight: 700;
	border-radius: 100px;
}
.btn-basico:hover{
	color: #fff;
    background: #091f5e;
    border-color:transparent;
}
.acceso{
	width: 100%;
	margin: 0 auto 10px;
	padding: 6px 6px;
	border-top: 1px solid #ccc;
	text-align: center;
}

a.btn-data.next{
	padding: 5px 8px 5px 9px;
	font-size: 12px;
	font-weight:600;
	margin: 10px auto;
	display: table;
	background: #d10003;
	border-radius: 50px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color:#fff;
	text-align: center;
}
a.btn-data.next:first-child{padding: 5px 13px 6px 8px;}
a.btn-data.next:last-child{padding: 5px 8px 6px 13px;}
a.btn-data.next:hover{background:#091f5e;}

button.btn-data.next{
	padding: 5px 8px 5px 9px;
	font-size: 12px;
	font-weight:600;
	margin: 10px auto;
	display: table;
	background: #d10003;
	border-radius: 50px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color:#fff;
	text-align: center;
	border:1px solid transparent;
}
button.btn-data.next:first-child{padding: 5px 13px 6px 8px;}
button.btn-data.next:last-child{padding: 5px 8px 6px 13px;}
button.btn-data.next:hover{background:#091f5e;}


/** Tarjeta 1: 100 videos **/
.bg-cien-videos{
	border-radius: 15px !important; 
	background:#d10003;
	border:2px solid #fff !important;
	color:#fff;
} 
.bg-cien-videos:hover{
	background:#fff;
	color:#091f5e;
	border:2px solid #091f5e !important;
}
.bg-cien-videos .tit-nivel{
     border-bottom: 2px solid rgb(0 0 0 / 15%);
     font-size: 30px;
}
.bg-cien-videos .tapes{
	font-size: 15px;
	font-weight:600;
	line-height: 17px;	
}
.bg-cien-videos .tapes.smaller{
	font-size: 13px;
	font-weight:600;
	line-height: 17px;
	border-top: 1px solid rgb(0 0 0 / 15%);
}
.bg-cien-videos .tit-nivel.act{
     border-bottom: none;
     font-size: 20px;
     line-height: 22px;
     letter-spacing: 0.5px;
}
.videos-agrupados ul{line-height: 20px;margin: 10px 0 0px 0px;}
.videos-agrupados li{list-style-position: outside;list-style-type: none;line-height: 20px;margin: 7px 0 7px 18px;}
.videos-agrupados .smaller{font-size:12px;line-height: 15px;margin: 0px 0 10px 0px;display: table;}
.videos-agrupados  em{}
.videos-agrupados  strong{}
.row.ca{font-family: 'Source Sans Pro',  Helvetica, Arial, sans-serif;}
.tit-parte{color: #d10003; text-transform:uppercase;font-weight: bold;font-size: 22px;}
.subtit-parte{font-size: 18px;color:#091f5e;line-height: 10px;display: table;margin: 0px 0 15px 0px;letter-spacing: -0.2px;font-weight: 600;}
.pregunta-num{color: #000;line-height: 10px;display: table;margin: 0px 0 20px 0px;text-transform: uppercase;font-size: 14px;letter-spacing: -0.2px;font-weight: 600;}


.logo-app{
	display: inline-block;
	float: none;
	margin: 0px 15px 10px;
}
img.logo-app{height:48px}


/** INGLES AL MINUTO **/
.iam .card{background:#091f5e;color:#fff;border-bottom:10px solid #d10003;}
.iam .card:hover{background:#d10003; color:#fff;}

.im .unidad-num{background: #091f5e;text-transform: uppercase;font-size: 11px;font-weight:bold;color: #fff;padding: 0px 4px;}
.row .tit-inglessms{
	width: 96%;
	max-width: initial;
	height: auto;
	margin: 0px 2% 0px;
	padding: 9px 0px 10px;
	display: inline-table;
	background-color: #c6030d;
	float: none;
	text-align: center;
	font-weight: 500;
	color: #fff;
	border: none;
	font-size: 17px;
	line-height: 20px;
}
.leccion-inglessms{
	color:#fff;
	width: auto;
	display: inline-table;
	margin: 0px 10px;
	text-transform:uppercase;
	font-weight:700;
	font-size: 25px;
	letter-spacing: 0px;
	border:0px;
	text-align: center;
	padding: 6px 0px 0px;
}
.contenido-iam{
	width: 96%;
	max-width: initial;
	height: auto;
	font-weight: 500;
	background-color: #f5f5f5;
	border: none;
	font-size: 17px;
	line-height: 20px;
	padding: 0px 2% 15px;
	border-top: 5px solid #c6030d;
	border-bottom: 2px solid #c6030d;
	display: table;
	margin: 0px auto 30px;
	float: none;
}

.iam p strong{
	color:#000;
	margin: 5px 0 15px !important;
	font-style: normal;
}
.iam p{
	color:#666 !important;
	margin: 0 0 5px !important;
	display: table;
	font-style: italic;
    font-weight: normal;
}
.contenido-iam.iam h3{font-size: 24px;margin-top: 20px; }
.contenido-iam.iam h4{font-size: 18px;}

.contenido-iam .img-iam{
	float: right;
	width: 47%;
	max-width: 190px;
	height: auto;
	border-radius: 30px;
	margin: 10px 10px 0 0px;
	padding: 10px;
	border: 0px solid #fff;
	background-color:#fff;
	-webkit-box-shadow: -1px 2px 5px rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px rgba(0,0,0,0.2);
}
.sesion .sesion-img-iam{
	width:100%;
	height:auto;
	background:#fff3;
/*	margin: 0px auto 5px;*/
}
.sesion .sesion-img-iam img{
	width: 140px;
	margin: 0px 0 0px;
}
.sesion.iam:focus{color:#fff;}


/** INGLES AMERICANO **/
/** TABS NUEVAS **/
.nav-item .nav-link.active{
	background: #fff !important;
	color:#091f5e !important;
	border-top: 5px solid #d10003 !important;
}
.nav-fill .nav-item .nav-link:hover, .nav-justified .nav-item .nav-link:hover{color:#d10003;border-top: 5px solid #091f5e;}

.nav-justified .nav-item .nav-link{
	border:1px solid #dfdfdf54;
	color: #afafaf78;
    background: #f1f1f1cc;
    border-radius: 0px;
    padding: 13px 20px 15px;
    border-top: 5px solid #f1f1f1;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    font-size: 15px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}



.row.im h1.page-header{letter-spacing: 0.5px;font-weight: 500;text-transform: uppercase;margin-top: 30px;margin-bottom: -7px;font-size: 50px; line-height: 46px;}
.row.im h3{font-size: 23px;letter-spacing: 0px;margin-bottom: 15px;}

.row.im .ing-ame{
	min-height: 85px;
	border-bottom: 1px dotted #15cadb;
	padding: 9px 5px 0px;
	margin: 0px;
	display: inherit;
}
.im a.ing-ame:hover{background-color:rgba(165, 165, 165, 0.15);}
.im .num-unit{
	width:52px;
	text-align:center;
	margin-right:10px;
	border-radius: 100%;
	line-height: 53px;
    letter-spacing: -1px;
    font-size: 24px;
	color: #fff;
    font-weight: 700;
	background:#091f5e;
}
.im h4.esp{
    font-size: 17px;
    margin-top: 8px;
    margin-bottom: 2px;
    text-transform: uppercase;
    color: #d10003;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    letter-spacing: -0.2px;
}
.im h5.eng{
    font-size: 16px;
    text-align: left;
    color: #000;
    display: table;
}

#i-americano h6.page-header{color:#091f5e !important; font-size:13px;}
#i-americano h2{color:#d10003; font-size:23px; margin-bottom: 20px;}
#i-americano p{color:#000; font-size:16px; text-align:left;}
#i-americano .ia-ebook{font-size:13px; border-radius:100px; padding:15px 25px 8px;}
#i-americano .ia-ebook .ebook-num{font-size: 45px;line-height: 42px;letter-spacing: 1px;}
#i-americano hr{background-color: #091f5e;}

#i-americano .panel-default>.panel-heading{
    border-top: 5px solid #091f5e;
    border-bottom: 1px dotted #091f5e;
    border-left: 0px;
    border-right: 0px;
    padding: 0px 0px 1px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    background: #d10003;
    color:#fff;
    margin: 0px;
	border-radius: 0px 0px 0px 0px;
}
#i-americano .txt-next{font-size:16px; text-alig:center; letter-spacing:0px;margin:10px 5px; font-weight:500;}
#i-americano .panel-default>.panel-heading h4{
	line-height: 18px;
	margin: 0px 7px 10px;
	color: #fff;
	font-size: 14px;
}


#i-americano .panel-default>.panel-heading svg{
	display:table;
	margin: 15px auto 10px;
}

#i-americano .panel-default>.panel-heading h4.small{
    line-height: 19px;
    text-transform: none;
    font-size: 15px;
    padding: 3px 15px;
    text-align: center;
	color: #fff;
}
#i-americano .panel-default .btn-leer{
	font-size:12px;
}



#i-americano .btn-leer, #i-americano .btn-leer:focus{
	color: #fff;
	font-size:15px !important;
	background-color: #d10003;
	border-color:
	transparent;
	text-align: center;
	display: table;
	padding: 10px 25px;
	margin: 10px auto 15px;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-weight: 700;
	border-radius: 100px;
}
#i-americano .btn-leer:hover{
	color: #fff;
    background: #091f5e;
    border-color:transparent;
}



/** SOBRE EL LIBRO **/
.parte .numero{margin: -10px 9px 0 0;font-size: 41px;padding-top: 6px;float: left;}
.parte .texto-azul, .parte .texto-rojo{
	font-size: 49px;
	display: inline;
	line-height: 45px;
}
.parte .descripcion{line-height: 18px;}
.parte .info{display: table-cell;}


#contacto-small{
	width:100%;
	height:auto;
	background: #8cd9d5;
	display:inline-table;
	padding:0px;
	margin: 6px 0px 0px;
}
#contacto-small .btn-contacto{
	width: auto;
	height:auto;
	display:table;
	margin: 0px auto 0px;
	padding: 5px 0px 4px 0px;
	font-size: 15px;
	text-align:right;
	font-weight: 700;
	text-transform:uppercase;
	color: #091f5e;
	text-decoration:none;
	background: transparent;
	-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	letter-spacing: -0.5px;
}
#contacto-small .btn-contacto:hover{
	color:rgb(255 255 255 / 0.7) !important;
	cursor:pointer;
}


#contacto-small{
    width:100%;
    background: #091f5e;
    display:table;
    font-size:15px;
}

/** FOOTER **/
footer.bg-dark-blue{
	background:#d10003;}

footer .logo.asoe{
	width: 100%;
	max-width: 180px;
}

footer .text-center.text-white{font-size: 10px;}

footer .footer-copyright a{
	font-size: 9px;
	background:
	rgb(0 0 0 / 0.25);
	border-radius: 8px;
	margin: 0 5px;
	letter-spacing: 0.5px;
	padding: 7px 12px 8px;
}

footer .footer-copyright a:hover{background:rgb(16 149 161 / 25%);}





		/* MEDIA QUERIES */
@media (max-width: 991px){
	#ciudadania .bg-ciudadania{background-size: cover;}
	#ciudadania .bg-ciudadania .tit-cursos{margin-top: 10px;}
	#ciudadania .caja-ciudadania{margin-top: 15px;}

}
@media(max-width: 700px) {
	
}