@charset "utf-8";
/* CSS Document */
img, div, p, span { behavior: url(js/iepngfix.htc) }

*{
	margin:0px;
	padding:0px;
}
img{
	border:0px;
}
body{
	background-color:#ffffff;
	text-align:center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0px auto;
	text-align:-moz-center;
	padding-top:13px;
}
#master{
	width:966px;
	height:auto;
	margin:auto;
	background-color:#FFFFFF;
}
#top{
	width:967px;
	height:auto;
	float:left;
	clear:none;
	text-align:center;
	position:relative;
	z-index:100000;
}
.logo{
	float:left;
	clear:none;
	left: 57px;
	top: 82px;
	padding-left:41px;
}
.lanacion{
	width:auto;
	height:auto;
	float:right;
	clear:none;
	margin: 5px -3px 5px 0px;
}
.lanacion img{
	width:160px;
}
#content{
	width:956px;
	height:auto;
	float:left;
	clear:none;
	font-family: 'Montserrat', Arial, sans-serif;
	background: #d2061e;
	text-align:left;
	border: 7px solid #fff;
	margin:-50px auto 30px;
	-webkit-box-shadow: 0 0 40px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 40px #ccc;
	box-shadow: 1px 3px 30px 4px rgba(0,0,0,0.3), inset 0px 0px 70px 0px rgba(0,0,0,0.2);
	z-index:0;
}


/** BOTONERA TOP **/
.botonera-top{
	width:auto;
	height:15px;
	padding:39px 30px 10px 0;
	float:right;
	clear:right;
	text-align:right;
	font-weight:bold;
}
a.boton-top, .selected-top{
	width:auto;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 500;
	font-size:11px;
	color:#002b5e;
	height:15px;
	letter-spacing:0px;
	text-decoration:none;
	text-transform:uppercase;
	padding-bottom:5px;
}
a.boton-top:hover{
	background:url(images/bot-top-selected-b.png) bottom center no-repeat;
}
.selected-top{
	background:url(images/bot-top-selected.png) bottom no-repeat;
}

/** BOTONERA **/
.botonera{
	width:auto;
	height: 32px;
	background: #910818;
	text-align:center;
	padding-bottom:0px;
	margin-top: 55px;
	padding: 20px 0 0 0;
}



.botonera-left{
	width:28px;
	height:56px;
	float:left;
	clear:none;
	background:url(images/botonera-left.jpg) right top no-repeat;
	display:none;
}
.botonera-right{
	width:28px;
	height:42px;
	float:right;
	clear:none;
	background:url(images/botonera-right.jpg) left top no-repeat;
	display:none;
}
.boton, .selected, .selected.examenes{
	width:auto;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 400;
	font-size:15px;
	line-height: 16px;
	color: #fff;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	letter-spacing:0.8px;
	display:inline-table;
	margin: 0px 13px;
	/*display:inline-block;*/
}
.boton.examenes{
	margin: 0px 0px;
	padding-bottom: 25px;
}
a.boton{
	padding: 0px 1px 10px 1px;
}

a.boton:hover {
	border-bottom: 5px solid rgba(185, 0, 10, 1);
	text-decoration:none;
}
.selected, .selected.examenes{
	padding: 0px 1px 10px 1px;
	border-bottom: 5px solid #fff;
}
.selected.examenes{
	padding: 0px 0px 25px;
}
.separador{
	width:auto;
	height:40px;
	padding:0px 21px 12px;
}


/** HOME **/
.video-home{
	width:100%;
	height:auto;
	text-align:center;
	padding-bottom: 10px;
	padding: 27px 0px;
	margin-bottom: 19px;
}
.con-tu-diario{
	width:804px;
	height: 62px;
	margin:0px auto;
}

.con-tu-diario img{
	float:right;
}
.rojo-35, .negro-29{
	width:auto;
	text-align:center;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 700;
	font-size:32px;
	line-height:40px;
	color: #fff;
	letter-spacing:1px;
	text-decoration:none;
	text-transform:uppercase;
	margin:0px auto 13px;
	display:table;
	//
	font-family: 'Montserrat', Arial sans-serif;
	font-weight: 700;
	\9
	//font-weight:bold\9;
	text-shadow: -1px 1px 7px rgba(0, 0, 0, 0.5);
}
.negro-29{
	width:573px;
	font-size:29px;
	line-height:21px;
	color:#6c6c6c;
	float:left;
	padding-top: 22px;
	margin:0px;
}
a.btn-fechas{
	width:312px;
	height:51px;
	margin:10px auto;
	padding: 1px 0px 0px 0px;
	display:table;
	background:url(images/btn-fechas.png) no-repeat center top;
}
a.btn-fechas:hover{
	padding: 1px 0px 0px 0px;
	background:url(images/btn-fechas.png) no-repeat center bottom;
}

/** BOTON PRONUNCIACION FACIL **/
#bg-btn-pf{
	width:100%;
	height:260px;
	float:left;
	clear:none;
	background:url(images/bg-pronunciacion-facil.png) left top no-repeat;
	margin-top:10px;
}
.libro-pronunciacion-facil{
	float:right;
	margin:-65px 60px 0px 0px;
}

#bg-btn-pf .codigo{
	width:auto;
	height:auto;
	float:right;
	clear:none;
	margin:90px 107px 0px 0px;
}
#bg-btn-pf .codigo input{
	width:135px;
	height:41px;
	border:solid #999 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:21px;
	color:#000;
	text-align:center;
}
#bg-btn-pf .btn-acceder{
	width:auto;
	height:auto;
	float:right;
	clear:none;
	margin:74px -12px 0px 0px;
}
#bg-btn-pf .btn-acceder input{
	width:213px;
	height:40px;
	background:url(images/btn-acceder-al-libro.png) no-repeat top left transparent;
	border:none;
	cursor:pointer;
}
#bg-btn-pf .btn-acceder input:hover{
	background:url(images/btn-acceder-al-libro.png) no-repeat bottom left transparent;
}


/** PUBLICIDADES **/
.publicidad{
	width:auto;
	height:auto;
	margin:0px auto;
	display:table;
}
.publicidad img{
	padding-left:50px;
}

/** CONTENT **/
#contenido{
	width:auto;
	height:340px;
}

/** HOME **/
.libro{
	width:254px;
	height:320px;
	float:left;
	clear:none;
	padding-left:2px;
	padding-right:2px;
}
.video-publi{
	width:258px;
	height:212px;
	float:right;
	clear:none;
	padding:9px 5px 5px 0px;
	background:url(images/bg-video-publi.png) no-repeat right top;
}
/*PARA LA NACION*/
.intro{
	width:429px;
	height:320px;
	float:left;
	clear:none;
}
.intro img{
	padding-top:10px;
}
.intro ul{
	padding-top:2px;
}
.intro li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:28px;
	color:#000000;
	padding-left:20px;
	background-image:url(images/tick.png);
	background-position:left;
	background-repeat:no-repeat;
	list-style-type:none;
}


/** PUBLICIDADES **/
.video-present{
	width:164px;
	height:220px;
	float:right;
	clear:none;
	padding-top:85px;
}

.tit{
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;	font-size:24px;
	color:#000000;
	text-transform:uppercase;
}

h1, #faq h1, h2, h3{
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 700;
	font-size:35px;
	line-height:33px;
	color: #fff;
	text-transform:uppercase;
	text-align:left;
	letter-spacing: 0.5px;
	margin: 20px 0px 0px;
}
h1 sup{font-size:13px;}
h2{
	font-size:25px;
	color: #ffee80;
	margin: 10px 0px 0px;
}
h3{
	font-size:25px;
	color: #ffdd4a;
	padding:11px 0px;
}
h3 sup{font-size:12px;}
#faq h1{font-size:29px;}
#faq h1 sup{
	line-height:10px !important;
	font-size:11px;
}
.tit2{
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;	font-size:20px;
	color:#000000;
	text-transform:uppercase;
}
.txt-arial-16{
	width: 430px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #fff;
	text-align:left;
}
.txt-arial-16 sup{font-size:10px;}


/** QUIENES SOMOS **/
#quienes, #conoce, #plan, #examenes{
	width: 872px;
	height:auto;
	padding: 0px 42px 0px 42px;
	/*xt-align: center;*/
}
#quienes .txt1{
	width:600px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#000000;
}
#quienes .txt2{
	width:874px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#000000;
	padding-bottom:40px;
}
#quienes .txt2 sup{font-size:8px;line-height: 0px;}
.quienes-img{
	width:auto;
	height:auto;
	float:right;
	clear:none;
	margin-top:-42px;
}

.sup-indice{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}



#conoce .bg-rojo{
	width:auto;
	margin: 10px auto 20px;
	background:rgba(0, 0, 0, 0.3);
	padding:15px;
	border-radius:15px;
	display: table;
}
.bodegon{
	width:219px;
	height:auto;
	background:url(images/bg-bodegones.png) top center no-repeat transparent;
	display:inline-table;
	text-align:center;
	padding: 20px 30px 13px;
	margin: 0px 0px 0px -8px;
}
.entrega{
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 700;
	font-size:20px;
	line-height:20px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}
.img-bodegon{
	margin:0px 0px 0px 0px;
}
.descripcion{
	width:211px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#fff;
	text-align:center;
	display:inline-block;
	margin:0px 0px 10px 0px;
}
a.bnt-mas-info{
	width: auto;
	height: 17px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	color:#000;
	font-size: 17px;
	line-height: 18px;
	text-decoration:none;
	border-radius: 10px;
	padding: 10px 13px;
	margin: 6px auto 0px auto;
	display:inline-block;
	text-transform:uppercase;
	background:#ffac00;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ffc400', GradientType=0 );
	background: -moz-linear-gradient(top, rgba(255,166,0,1) 0%, rgba(255,196,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,166,0,1)), color-stop(100%, rgba(255,196,0,1)));
	background: -webkit-linear-gradient(top, rgba(255,166,0,1) 0%, rgba(255,196,0,1) 100%);
	background: -o-linear-gradient(top, rgba(255,166,0,1) 0%, rgba(255,196,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,166,0,1) 0%, rgba(255,196,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,166,0,1) 0%, rgba(255,196,0,1) 100%);
}
a.bnt-mas-info:hover{
	cursor:pointer;
	color:#000;
	background:#ffa600;
}
.txt-columnas{
	width: 100%;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	color:#fff;
	line-height:18px;
	letter-spacing:0;
	text-align:justify;
	margin: 0px 0px 15px 0px;
	text-align: left;
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	float: none;
}
.txt-columnas li{
	margin-top:5px;
	display:inline-block;
}


/** CONOCE ICD **/ 
.conoce-img-bodegon{margin:-90px 0px 0px 0px;}
.conoce-img-bodegon-ad{margin:-123px 0px 0px 0px;}
.pasos-num{
	width:19px;
	height:23px;
	background: #ffdd4a;
	float:left;
	clear:none;
	text-align:center;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-size:19px;
	line-height: 27px;
	color: #54000a;
	letter-spacing:-1px;
	padding:0px 5px 4px 3px;
	margin: -1px 8px 0px 4px;
	border-radius:100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
.pasos-txt{
	width:886px;
	height:auto;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	padding:5px 30px 7px 40px;
	color: #fff;
}
.pasos-txt.gris{
	background: hsla(353, 100%, 25%, 0.5);
}
.icd-bullets{
	width:545px;
	height:auto;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:29px;
	font-weight:bold;
	padding:0px 0 13px 0;
	color: #fff;
}
.icd-bullets li{
	list-style-image: url(images/bullet-rojo.png);
	list-style-position:inside;
}
.icd-bullets ul li{
	list-style-image:url(images/bullet-azul-small.png);
	list-style-position:inside;
	padding-left:15px;
}
.bodegon-icd{
	float:left;
	clear:none;
}
.box-ejemplos{
	width:auto;
	background:#002b5e;
	padding:2px 2px 1px 13px;
	margin:10px 0px 10px -16px;
	display:inline-block;
	border-radius:15px;
}
.box-ejemplos .tit {
	width:210px;
	float:left;
	clear:none;
	margin:7px 10px 0px 0px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	color:#fff;
	font-size:22px;
	line-height:28px;
	text-transform:uppercase;
}
.box-ejemplos .tit .blue{color:#00aede;}


a.btn-escuchar, a.btn-ver, a.btn-leer{
	background:#00aede;
	padding:3px 19px 2px;
	margin:0px 1px;
	display:inline-table;
}
a.btn-leer{
	border-radius:0px 15px 15px 0px;
}
a.btn-escuchar:hover, a.btn-ver:hover, a.btn-leer:hover{
	background:#0094c4;
}

.box-celeste{
	width: 90%;
	background: #ffdd4a;
	padding: 12px 3% 13px;
	margin: 10px auto 10px;
	display: table;
	border-radius:15px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	color: #000000;
	font-size:17px;
	line-height:21px;
	text-transform:uppercase;
}
.box-celeste sup{font-size:11px;}
.audio-box{
	width:380px;
	height: 190px;
	text-align:left;
	margin:0px;
	float:left;
	padding:0px;
}
#conoce-icd{
	width:auto;
	margin: 20px 26px 15px;
	display:table;
}
.box-contenidos{
	border-radius:15px;
	background: hsla(0, 0%, 0%, 0.3);
	float:left;
}
.box-contenidos .tit{
	width:auto;
	height:20px;
	background:#00aede;
	padding:9px 0px 7px 16px;
	border-radius:15px 15px 0px 0px;
	text-align:left;
	
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	color:#fff;
	font-size:17px;
	line-height:21px;
	text-transform:uppercase;
}
.box-contenidos .txt{
	width: auto;
	height:auto;
	padding: 7px 16px 10px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	color: #fff;
}
.box-contenidos .txt sup{font-size:9px;}
.box-contenidos .txt .red-txt{color: #81e4ff;}
.box-contenidos .txt .red-txt sup{font-size:9px;}
a.red-link{color: #ffdd4a;font-weight:bold;text-decoration:underline;}
a.red-link:hover{text-decoration:none;}
.bullet-azul{
	list-style-image:url(images/bullet-azul-small.png);
	list-style-position:inside;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 19px;
	color: #fff;
}
.box-contenidos.fasciculos{
	width: 100%;
	margin:0px 0px 20px 0px;
}
.box-contenidos.cd{
	width: 100%;
	margin: 0px 26px 10px 0px;
	/* float: right; */
}
.box-contenidos.dvd{
	width: 100%;
	margin:0px 0px 10px 0px;
	padding-bottom: 7px;
}
.box-contenidos.apoyoweb{
	width: 100%;
	margin: 0px 26px 20px 0px;
	/* float: right; */
}
.box-contenidos.blog{
	width:300px;
	margin: 0px 26px 10px 0px;
	float: right;
}

.fasciculo-box{float:right;margin: -72px 0px -20px 0px;z-index: 10000;position: relative;}
.cd-box{float:right;margin: -35px 0px 3px 0px;}
.dvd-box{float:right;margin: 0px 5px 0px 0px;}
.apoyoweb-box{float:right;margin: -5px 8px 13px 8px;}
.blog-box{float:right;margin:3px -7px 12px 0px;}

a.btn-icd{
	width:427px;
	height:187px;
	background: url(images/bg-mas-info.png) top left no-repeat rgba(0, 0, 0, 0.3);
	margin: 15px auto 0px;
	text-align:center;
	display: table;
	border-radius: 20px;
}
a.btn-icd img{
	margin:-20px 0px 0px 24px;
	float:left;
}
a.btn-icd:hover{
    opacity: 0.85;
    filter: alpha(opacity=85);
}
#conoce-icd .btn-mas-info{
	height: 17px;
	width: auto;
	padding: 6px 17px 5px;
	margin: 2px auto 0px auto;
	display:inline-block;
		font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;

	font-size: 17px;
	line-height: 18px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	border-radius: 10px;

	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	
	border:1px solid #ffa600;
	background: #ffa600;
	background: -moz-linear-gradient(top, #ffa600 0%, #ffcc32 100%);
	background: -webkit-linear-gradient(top, #ffa600 0%,#ffcc32 100%);
	background: linear-gradient(to bottom, #ffa600 0%,#ffcc32 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ffcc32',GradientType=0 );
}
#conoce-icd .btn-mas-info:hover{
	cursor:pointer;
	color:#000;
	background:#ffa600;
}

/** ICD ADVANCED **/
.box-contenidos.estructura{
	width:902px;
	margin: 0px auto 13px;
	/* border: 3px solid #00aede; */
	display: table;
}
.box-contenidos.estructura .tit{
	border-radius:8px 8px 0px 0px;
	padding: 9px 0px 8px 16px;
	font-size: 20px;
}
.box-contenidos.estructura .txt{
	background: hsla(0, 0%, 0%, 0.3);
	border-radius: 0px 0px 13px 13px;
	padding: 7px 16px 12px 10px;
}
.box-contenidos.estructura .bullet-azul{
	font-size:15px;
	line-height:25px;
}
.txt-advanced{
	width:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	color: #fff;
	text-align:left;
	margin: 0px auto 20px;
	display: table;
}
.txt-advanced sup{font-size:10px;}

/** INGLÉS EN ACCIÓN **/
.box-contenidos.iea{
	width:902px;
	margin:0px 0px 13px 0px;
	border: 3px solid #800e7f;
}
.box-contenidos.iea .tit{
	background:#800e7f;
	border-radius:8px 8px 0px 0px;
	padding: 9px 0px 8px 16px;
	font-size: 20px;
}
.box-contenidos.iea .txt{
	background: #fffad2;
	border-radius: 0px 0px 13px 13px;
	padding: 7px 16px 12px 10px;
}
.box-contenidos.iea .bullet-azul{
	font-size:15px;
	line-height:20px;
	padding-top:10px;
	list-style-image:url(images/bullet-violeta-small.png);
}

/** PLAN DE LA OBRA **/
#plan h1{
	width:400px;
	height:auto;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 700;
	font-size:35px;
	color: #fff;
	text-transform:uppercase;
	text-align:left;
}

.txt-obra{
	width: 388px;
	height:auto;
	padding: 0px 15px 20px 0px;
	float:left;
	clear:none;
	color: #fff;
	font-weight: normal;
	text-align: left;
}
.txt-obra ul{
	margin-bottom:20px;
}
.txt-obra li{
	list-style-image:url(images/bullet-rojo.png);
	list-style-position:inside;
	font-family:arial, helvetica, san serif;
	font-size: 18px;
	line-height: 22px;
	padding-top:10px;
}
.txt-obra li sup{font-size:10px;line-height: 10px;}
.box-porque{
	width:444px;
	float:right;
	clear:none;
	margin-right:23px;
}
.box-porque .tit{
	width:424px;
	height:32px;
	padding:11px 0px 8px 20px;
	background:#f1cf00;
		font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;


	color:#13485f;
	font-size:25px;
	line-height:35px;
	text-transform:uppercase;	

}
.box-porque .tit sup{font-size:10px;line-height: 10px;}
.box-porque .txt{
	width:400px;
	height:auto;
	padding:18px 24px 0px 20px;
	background:#13485f;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:15px;
	line-height: 22px;
	display:inline-block;
	text-align: left;
}
.img-plan{
	float:left;
	margin:0px 0px 0px -20px;
	padding:21px 0px 0px 0px;
}

.box-porque .txt sup{font-size:10px;}
.box-blue, .box-red{
	width: 325px;
	padding: 18px 20px 19px 20px;
	margin: 15px 0px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 700;
	color:#fff;
	font-size: 18px;
	line-height: 25px;
	text-transform:uppercase;
	background:#00aede;
}
.box-red{
	color:#fff;
	background:#8e0011;
}
.box-red sup{font-size:10px;}


/** COMO SEGUIR EL CURSO **/
.pasos{
	width:914px;
	height:310px;
	float:left;
	clear:none;
	padding-top:24px;
	padding-left:43px;
}

.col-1{
	width:390px;
	height:250px;
	padding-top:12px;
	padding-left:37px;
	padding-right:5px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
	background-image:url(images/num-1-5.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.col-1 .txt{
	padding-top:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
}
.col-2{
	width:390px;
	height:250px;
	padding-top:12px;
	padding-left:37px;
	padding-right:5px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
	background-image:url(images/num-6-10.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.col-2 .txt{
	padding-top:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
}
.como{
	width:700px;
	height:270px;
	padding-top:12px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
	background-image:url(images/cuadro.jpg);
	background-position:right center;
	background-repeat:no-repeat;
}
.como .txt{
	padding-top:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
}


/** DVD **/
.arial-12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.dvd-col{
	width:410px;
	height:auto;
	padding-right:30px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
}
.dvd-txt{
	width:410px;
	height:auto;
	padding-top:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
	display:block;
}
.dvd-num{
	width:20px;
	height:100%;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-size:18px;
	line-height:15px;
	color:#04b0d6;
}



a.but-volver{
	width:250px;
	height:54px;
	float:left;
	clear:none;
	padding-left:1px;
	background-image:url(images/volver.png);
	background-repeat:no-repeat;
	background-position:right top;		
}
a.but-volver:hover{
	margin-top:2px;
	background-image:url(images/volver-on.png);
}



/** FAQ **/
#faq, #iea{
	width:914px;
	height:auto;
	float:left;
	clear:none;
	padding: 0px 0px 20px 42px;
}
#iea{
	width:919px;
	height:auto;
	float:left;
	clear:none;
	padding:24px 0px 20px 38px;
}


/** FORMULARIOS **/
.form-atrasados{
	width:280px;
	height:auto;
	padding:33px 5px 15px 25px;
	float:right;
	clear:none;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-size:17px;
	color:#000000;
	background-image:url(images/form-fasc-bkg.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:left;
}
.form-suscripcion{
	width:280px;
	height:auto;
	padding:25px 5px 10px 25px;
	float:right;
	clear:none;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-size:17px;
	color:#000000;
	background-image:url(images/form-susc-bkg.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:left;
}
.form-aula{
	width: auto;
	height:auto;
	float:right;
	clear:none;
	padding: 15px 10px 0px 15px;
	margin: -20px -41px 0px 0px;
	background: rgba(0, 0, 0, 0.2);
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-size: 19px;
	line-height:29px;
	color: #fff;
	text-align:left;
	border-radius: 0px 0px 0px 30px;
}
.form-news{
	width:280px;
	height:auto;
	padding:25px 5px 10px 25px;
	float:right;
	clear:none;
		font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;

	font-size:17px;
	color:#000000;
	background-image:url(images/form-news-bkg.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:left;
}
.dato{
	width: 75px;
	float:left;
	clear:none;
	padding-top: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #fff;
	text-align:left;
	vertical-align:middle;
	text-transform: uppercase;
}
input{
	width:200px;
	height: 23px;
	border: 1px solid #6b000c;
	margin-bottom: 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	text-align:left;
	vertical-align:middle;
}
input:focus {
	border: 1px solid #ffa600;
}
textarea{
	width:200px;
	height:90px;
	border:1px solid #6b000c;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000;
}
textarea:focus {
	border: 1px solid #6b000c;
}
.enviar{
	width:auto;
	height:auto;
	display: table;
	margin: 0px auto 12px;
	padding: 6px 8px 6px 8px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-size: 27px;
	line-height: 27px;
	color:rgb(0, 0, 0);
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	border-radius:10px;
	border:1px solid #ffa600;
	background: #ffa600;
	background: -moz-linear-gradient(top, #ffa600 0%, #ffcc32 100%);
	background: -webkit-linear-gradient(top, #ffa600 0%,#ffcc32 100%);
	background: linear-gradient(to bottom, #ffa600 0%,#ffcc32 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ffcc32',GradientType=0 );
}
.enviar:hover{
	color:hsla(353, 100%, 10%, 1);
	background:#f5a000;
	cursor:pointer;
}
/*.enviar:hover{background:url(images/enviar.png) no-repeat center bottom transparent;}*/
.obligatorios{
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

/** CONTACTO **/
.contacto{
	width:914px;
	height:auto;
	float:left;
	clear:none;
	padding-left:42px;
}
.arial-14{
	width:620px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#000000;
}
a.arial-14{
	color:#04b0d6;
}
a.arial-14:hover{
	color:#666666;
}




/* message display page */
.list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 830px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color: #fff;
}
.list li {
	padding: 0;
	margin: 0;
	background: url(images/message-bar.gif) no-repeat;
}
.pregunta {
    cursor: pointer;
    position: relative;
    text-align: left;
    letter-spacing: 1px;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 18px;
    background: url(images/pregunta.png) no-repeat left center;
}
.pregunta cite {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size:13px;
	line-height:14px;
	font-weight: bold;
	font-style:normal;
	text-align:left;
	color: #ffee80;
}
.respuesta, .respuesta_advanced, .respuesta_iea {
	width: 830px;
	padding-bottom:10px;
	text-align:left;
}
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 460px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_message {
	background: url(images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message, .collpase_all_message_advanced, .collpase_all_message_iea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-transform:uppercase;
	background: url(images/collapse-all.png) no-repeat right center;
	padding-right: 14px;
	color: #ffe433;
}
a.collpase_all_message:hover, .collpase_all_message_advanced:hover, .collpase_all_message_iea:hover{
	background: url(images/collapse-all-on.png) no-repeat right center;
	color:#ffef8c;
	text-decoration:none;
}


/** FAQ **/
#audios{
	width:914px;
	height:auto;
	float:left;
	clear:none;
	padding-top:24px;
	padding-left:43px;
	padding-bottom:20px;
}
.audios-content{
	width:997px;
	height:auto;
	float:left;
	clear:none;
	background-image:url(images/sombras-laterales.jpg);
	background-repeat:repeat;
	background-position:center;
}
.audios-main{
	width:957px;
	height:auto;
	background-image:url(images/fondo-main.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	float:left;
	clear:none;
	text-align:left;
}
.audios-sombra-left{
	width:20px;
	height:50px;
	float:left;
	clear:none;
}
.logo-inglesenaccion{
	float:left;
	clear:none;
	padding-right:10px;
}


/** EXAMENES **/
#examenes .bg-gris{
	width:870px;
	margin:0px 0px 20px -14px;
	background:#e5e5e5;
	padding:15px;
	border-radius:15px;
	display:inline-block;
	-webkit-box-shadow: 0 0 7px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 7px #ccc;
	box-shadow: 0 0 7px 2px rgba(0,0,0,0.1);
	border:1px solid #dedede;
}
.logo-examenes{float:left;}
.tit-entregas{
	width:676px;
	height:auto;
	float:right;
	margin-top:45px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-size:25px;
	line-height:20px;
	color:#000;
	text-align:left;
	text-transform:uppercase;
}

.niveles{
	width: 870px;
	float:left;
	clear:none;
	list-style: none;
	margin: 0 0 0px 0;
	padding: 0;
}
.niveles .txt, .niveles .txt-a{
	width:258px;
	height:auto;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	padding:8px 0 0 7px;
}
.niveles .txt-a{
	width:119px;
}
.nivel, .nivel-a{
	width:272px;
	height:75px;
	float:left;
	clear:none;
	border-radius:6px;
	padding:0px 4px 5px 4px;
	margin:5px 5px 5px 5px;
	background-color:#bababa;
}
.niveles li{list-style:none;}
li.nivel, li.nivel-desact{
	width:130px;
	height:22px;
	float:left;
	clear:none;

	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-size:23px;
	color:#999;
	text-transform:uppercase;
	text-align:center;
	line-height:normal;

	list-style:none;
	border-radius:6px;
	border:1px solid #C9C9C9;
	cursor:default;
	padding:8px 5px 16px 5px;
	margin:7px 5px 0px 13px;

	
	-moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
	
	background:#f0f0f0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#bdbdbd'); /* IE6-8 */
	background-image: linear-gradient(bottom, rgb(189,189,189) 0%, rgb(240,240,240) 100%);
	background-image: -o-linear-gradient(bottom, rgb(189,189,189) 0%, rgb(240,240,240) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(189,189,189) 0%, rgb(240,240,240) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(189,189,189) 0%, rgb(240,240,240) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(189,189,189) 0%, rgb(240,240,240) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(189,189,189)),
		color-stop(1, rgb(240,240,240))

	);
}
.nivel-a{
	width:135px;
	padding:0px 2px 5px 2px;

	margin:5px 6px 5px 0px;
}
li.nivel-desact{
	width:112px;
	height:24px;
	font-size:19px;
	line-height:17px;
	border:1px solid #999;
	padding:6px 5px 16px 5px;
	margin:4px 6px 0px 6px;
	color:#868686;
}
a.nivel, a.nivel.iea{
	width:112px;
	height:24px;
	float:left;
	clear:none;

	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-size:19px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	line-height:17px;

	list-style:none;
	border-radius:6px;
	border:1px solid #BF0404;
	cursor:pointer;
	padding:6px 5px 16px 5px;
	margin:4px 6px 0px 6px;
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	
    background:#D02121;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D02121', endColorstr='#A00000'); /* IE6-8 */
	background-image: linear-gradient(bottom, rgb(160,0,0) 0%, rgb(235,0,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(160,0,0) 0%, rgb(235,0,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(160,0,0) 0%, rgb(235,0,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(160,0,0) 0%, rgb(235,0,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(160,0,0) 0%, rgb(235,0,0) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(160,0,0)),
		color-stop(1, rgb(235,0,0))
	);
}

a.nivel:hover, a.nivel.iea:hover{
	cursor:pointer;
	margin:5px 6px 0px 6px;
    background:#A00000;
	-moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
}
a.nivel.iea:hover{
	background:#94153f;
}

a.nivel.iea{
    background:#e52767;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e52767', endColorstr='#9b1a45');
	background-image: linear-gradient(bottom, rgb(155,26,69) 10%, rgb(229,39,102) 60%);
	background-image: -o-linear-gradient(bottom, rgb(155,26,69) 10%, rgb(229,39,102) 60%);
	background-image: -moz-linear-gradient(bottom, rgb(155,26,69) 10%, rgb(229,39,102) 60%);
	background-image: -webkit-linear-gradient(bottom, rgb(155,26,69) 10%, rgb(229,39,102) 60%);
	background-image: -ms-linear-gradient(bottom, rgb(155,26,69) 10%, rgb(229,39,102) 60%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(155,26,69)),
		color-stop(0.6, rgb(229,39,102))
	);
}

/*#mediaplayer{
	margin-left:235px;
}*/


/** PIE **/
.pie{
	width: 100%;
	height:auto;
	/* float:none; */
	/* clear:none; */
	padding:0px;
	margin:20px auto 0px;
	/* display:table; */
	background: #002b5e;
	display: inline-table;
	text-align: center;
}
.pie img{
	padding-left:10px;
}


a.volver{
	width:auto;
	height:auto;
	float:right;
	clear:none;
	display: inline;
	margin: 15px 24px 5px 2px;
	padding: 6px 8px 6px 8px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 800;
	font-size:13px;
	line-height:14px;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	border-radius:10px;
	cursor:pointer;
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	border:1px solid #ffa600;
	background: #ffa600;
	background: -moz-linear-gradient(top, #ffa600 0%, #ffcc32 100%);
	background: -webkit-linear-gradient(top, #ffa600 0%,#ffcc32 100%);
	background: linear-gradient(to bottom, #ffa600 0%,#ffcc32 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ffcc32',GradientType=0 );
}
a.volver:hover{
	color:#000;
	background:#ffa600;
}

@-moz-document url-prefix(){
	.botonera{
		padding-top:8px;
	}
	.negro-29{
		width:566px;
	}
/*	.boton > .examenes{
	padding-top: 12px;
	}*/
}



/* para IE 10*/
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
.negro-29{font-size:27px;}
}

/*Para IE6 y 7*/
@media screen\9{
.negro-29{font-size:27px;}
}

/*Para IE6, 7 y 8*/
@media \0screen\,screen\9{
.negro-29{font-size:27px;}
}

/*Para IE8, 9 y 10*/
@media screen\0 {
.negro-29{font-size:27px;}
}

/*Para IE9 y 10*/
@media screen and (min-width:0\0) {
.negro-29{font-size:27px;}
}