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

@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#apexnewbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStd-BdCn';
    src: url('/materiales/_recursos/fonts/helveticaneueltstdbdcn.eot');
    src: url('/materiales/_recursos/fonts/helveticaneueltstdbdcn.eot?#iefix') format('embedded-opentype'),
         url('/materiales/_recursos/fonts/helveticaneueltstdbdcn.woff') format('woff'),
         url('/materiales/_recursos/fonts/helveticaneueltstdbdcn.ttf') format('truetype'),
         url('/materiales/_recursos/fonts/helveticaneueltstdbdcn.svg#apexnewbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


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

body{
	background:url(/img/ecd/bg.png) repeat left top #ffd55a;
	text-align:center;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}
#master{
	width:819px;
	margin:auto;
}
#con-top{
	width:819px;
	height:118px;
	float:left;
	clear:right;
	background-image:url(/img/ecd/top-br.png);
	background-position:top center;
	background-repeat:no-repeat;
}
#top{
	width:819px;
	height:auto;
	float:left;
	clear:right;
	background-image:url(/img/ecd/top-br.png);
	background-position:top center;
	background-repeat:no-repeat;
}
.bienvenido{
	text-align:left;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
}
#logo{
	width:130px;
	height:auto;
	float:left;
	clear:none;
	padding-top:5px;
	padding-left:25px;
}
#logo img{
	border:0px;
	float:left;
}
#unit{
	width:158px;
	height:auto;
	float:right;
	clear:none;
	padding-top:12px;
}
#unit img{
	border:0px;
	float:left;
}
#logo-hp{
	display:none;
	width:315px;
	height:105px;
	float:left;
	clear:none;
}
.logo-hp{
	display:none;
	width:92px;
	height:105px;
	float:right;
	clear:none;
	background:url(/img/ecd/logo-hp.png) right bottom no-repeat;
}
#content{
	width:819px;
	height:auto;
	float:left;
	clear:none;
}

.tit-top{
	float:left;
	clear:none;
	padding:0px;
	margin:5px 0px 0px 0px;
}
.logo-ECD{
	float:left;
	clear:none;
}
.logo-ECD-digi{
	float:left;
	clear:none;
	margin:0px 10px 11px 25px;
}
.top-landing{
	width:794px;
	height:auto;
	float:left;
	clear:none;
	background-color: #fff;
}
.top-digi{
	width: 559px;
	height:154px;
	float:left;
	clear:none;
	background: url(/img/ecdmaster/top-digi.jpg) no-repeat right top;
}

a.comprar, a.comprar-digi{
	width:177px;
	height:42px;
	padding:0;
	margin:-2px 21px 0px 0px;
	float:right;
	clear:none;
	background:url(/img/ecdmaster/btn-comprar-white.gif) no-repeat top center;
}
a.comprar:hover, a.comprar-digi:hover{
	background:url(/img/ecdmaster/btn-comprar-white.gif) no-repeat bottom center;
}
a.comprar-digi{
	margin:108px 7px 0px 0px;
}

.botonera{
	width:71px;
	height:132px;
	padding:13px 0 0 13px;
	margin:-4px 33px 0px 0px;
	background:url(/img/ecdmaster/bg-botonera.png) no-repeat top left;
	position:fixed;
	top:159px;
	left:0px;
}
a.btn-facebook, a.btn-power{
	width:40px;
	height:40px;
	float:left;
	clear:none;
	padding:0px;
	margin:9px 0px 0px 0px;
	background: url(/img/ecdmaster/btns-face-power.png) no-repeat top left;
}
a.btn-power{
	background: url(/img/ecdmaster/btns-face-power.png) no-repeat top right;
}
a.btn-facebook:hover{
	background: url(/img/ecdmaster/btns-face-power.png) no-repeat bottom left;
}
a.btn-power:hover{
	background: url(/img/ecdmaster/btns-face-power.png) no-repeat bottom right;
}


/** SOMBRAS **/
.sombra-top{
	width:997px;
	height:80px;
	background-image:url(/img/ecd/sombra-top.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.sombra-bottom{
	width:997px;
	height:37px;
	background-image:url(/img/ecd/sombra-bottom.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	float:right;
	clear:none;
}
.sombra-left{
	width:20px;
	height:526px;
	float:left;
	clear:none;
	background-image:url(/img/ecd/sombra-left.jpg);
	background-repeat:repeat-y;
	background-position:left top;
}
.sombra-right{
	width:20px;
	height:526px;
	background-image:url(/img/ecd/sombra-right.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	float:right;
	clear:none;
}

/** HOME **/
.main{
	width:819px;
	height:auto;
	background-image:url(/img/ecd/bg-main.png);
	background-repeat:repeat-y;
	background-position:left top;
	float:left;
	clear:none;
	text-align:left;
	padding: 5px 0 0 5px;
}
.first-tit{
	width:771px;
	height:auto;
	float:left;
	clear:none;
	background-color:#c20000;
	padding:4px 0px 5px 0px;
	margin:0px 0px 5px 19px;
	border-radius:10px;
	text-align:center;
	color:#fff;
	font-size:49px;
	letter-spacing:2px;
	text-transform:uppercase;
    font-family: 'geometric415black-bt', Arial, Helvetica, sans-serif;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	filter: dropshadow(color=#808080, offx=1, offy=1);
}
.first-tit .txt-yellow{
	width:100%;
	float:left;
	clear:none;
	color:#fcd03e;
	font-size:25px;
	text-align:center;
}

.contacto{
	width:163px;
	height:74px;
	float:right;
	clear:none;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5E6E66;
	line-height:12px;
}
a.txt-politica{
	width:auto;
	height:none;
	float:right;
	clear:both;
	padding:13px 28px 15px 0;
	margin-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-align:right;
	color:#fff;
	text-decoration:none;
	letter-spacing:0px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	filter: dropshadow(color=#808080, offx=1, offy=1);
}
a.txt-politica:hover{
	text-decoration:underline;
}
#bot-top{
	width:819px;
	height:13px;
	float:left;
	clear:none;
	text-align:right;
	background:url(/img/ecd/top.png) no-repeat bottom left;
}
#bot-top .sup-der{
	width:799px;
	height:10px;
	float:right;
	clear:none;
	background-image:url(/img/ecd/sup_der.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
.guys{
	position:relative;
	left:-25px;
	top:-145px;
	float:right;
	clear:none;
}
.buttons-top{
	width:808px;
	height:41px;
	float:left;
	clear:none;
	padding:8px 0px 10px 0px;
}
#usuario{
	width:auto;
	height:auto;
	float:left;
	clear:none;
	color:#c20000;
	font-size:11px;
	text-align:right;
	padding:8px 13px;
	margin:1px 0px 10px 0px;
	border-radius: 0px 5px 5px 0px;
	background-color:#FFF6CF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#usuario a{
	color:#4d4d4d;
	text-decoration:none;
}
#usuario a:hover{
	color:#c20000;
	text-decoration:underline;
}
a.main-hall/*, a.cerrar-sesion*/{
	width:auto;
	height:27px;
	display:inline;
	padding:0px 20px;
	margin:1px 0px;
	float:right;
	clear:none;
	border-radius:5px;
	border:1px solid #b3b3b3;

	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:15px;
	color:#16485c;
	line-height:27px;
	letter-spacing:0px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;

   	background:#c0c0c0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#c0c0c0');
	background-image: linear-gradient(bottom, rgb(192,192,192) 0%, rgb(235,235,235) 100%);
	background-image: -o-linear-gradient(bottom, rgb(192,192,192) 0%, rgb(235,235,235) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(192,192,192) 0%, rgb(235,235,235) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(192,192,192) 0%, rgb(235,235,235) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(192,192,192) 0%, rgb(235,235,235) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(192,192,192)),
		color-stop(1, rgb(235,235,235))
	);
}
a.main-hall{
	height:34px;
	float:right;
	clear:none;
	text-align:left;
	font-size:20px;
	color:#c70000;
	line-height:15px;
	margin:0px 19px 15px 0px;
	padding:0 10px 0 35px;

   	background:#c0c0c0;
	background-position: left top;
	background-repeat:no-repeat;
	filter: url(/img/ecd/main-hall-ico.png), progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#c0c0c0');
	background-image: url(/img/ecd/main-hall-ico.png), linear-gradient(bottom, rgb(192,192,192) 0%, rgb(235,235,235) 100%);
	background-image: url(/img/ecd/main-hall-ico.png), -o-linear-gradient(bottom, rgb(192,192,192) 0%, rgb(235,235,235) 100%);
	background-image: url(/img/ecd/main-hall-ico.png), -moz-linear-gradient(bottom, rgb(192,192,192) 0%, rgb(235,235,235) 100%);
	background-image:  url(/img/ecd/main-hall-ico.png), -webkit-linear-gradient(bottom, rgb(192,192,192) 0%, rgb(235,235,235) 100%);
	background-image: url(/img/ecd/main-hall-ico.png), -ms-linear-gradient(bottom, rgb(192,192,192) 0%, rgb(235,235,235) 100%);
	
	background-image:  url(/img/ecd/main-hall-ico.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(192,192,192)),
		color-stop(1, rgb(235,235,235))
		);
}
a.main-hall:hover{
	background:url(/img/ecd/main-hall-ico.png) no-repeat left bottom #b3b3b3;
	filter: url(/img/ecd/main-hall-ico.png), progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#b3b3b3');
	color:#fff;
	border:1px solid #999;
	margin:2px 19px 13px 0px;
}
a.main-hall .back{
	text-align:left;
	color:#6e6e6e;
	font-size:11px;
	line-height:12px;
	float:left;
	clear:none;
	margin-top:2px;
}
a.cerrar-sesion{
	width:135px;
	height:32px;
	float:right;
	clear:none;
	text-align:left;
	background-image:url(/img/ecd/cerrar-sesion-br.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-top:1px;
}
a.cerrar-sesion:hover{
	background-position:bottom center;
	background-image:url(/img/ecd/cerrar-sesion-br.jpg);
}

a.registro{
	width:209px;
	height:32px;
	float:left;
	clear:none;
	text-align:left;
	background-image:url(/img/ecd/registro.jpg);
	background-repeat:no-repeat;
	background-position:top left;		
}
a.registro:hover{
	background-image:url(/img/ecd/registro-off.jpg);
}

a.ingreso{
	width:146px;
	height:32px;
	float:right;
	clear:none;
	text-align:left;
	background-image:url(/img/ecd/ingreso.jpg);
	background-repeat:no-repeat;
	background-position:top left;		
}
a.ingreso:hover{
	background-image:url(/img/ecd/ingreso-off.jpg);
}

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

/** HOME **/
#cont-home-A{
	width:808px;
	height:auto;
	float:left;
	clear:none;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	padding-bottom:15px;
}
#cont-pgm{
	width:785px;
	height:auto;
	float:left;
	clear:none;
	padding-top:0px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
}
.unidad-nivel{
	width:364px;
	height:260px;
	float:left;
	clear:none;
	border-radius:20px;
	padding:10px 6px 13px 6px;
	margin:5px;
}
.unidad-nivel.beginner{
	background-color:#feecb2;
}
.unidad-nivel.intermediate{
	background-color:#fdde78;
}
.unidad-nivel.advanced{
	background-color:#fcd03e;
}
.unidad-nivel.gris{
	background-color:#e5e5e5;
}
.tit-level{
	width:364px;
	height:20px;
	float:left;
	clear:both;
	text-align:center;
	color:#c20000;
	font-family:Geometr415 Blk BT, Arial, Helvetica, sans-serif;
	font-size:28px;
	text-transform:uppercase;
	margin:2px 0px 11px 0px;
}
.tit-study{
	width:337px;
	height:20px;
	float:left;
	clear:both;
	text-align:center;
	color:#fff;
	background-color:#c20000;
	font-family:Geometr415 Blk BT, Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:21px;
	text-transform:uppercase;
	padding:8px 0px;
	margin:17px 0px 11px 0px;
}
#cont-pgm #unidad {
	width:163px;
	height:230px;
	float:left;
	clear:none;
	text-align:left;
	background-image:url(/img/ecd/bg-unidad.png);
	background-repeat:no-repeat;
	background-position:top left;
	line-height:14px;
	margin:0px 9px;
}
#cont-pgm #unidad #tit {
	width:163px;
	text-align:center;
	font-size:15px;
	padding:12px 0px 22px 0px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
}


#cont-pgm #unit-bg {
	width:193px;
	height:230px;
	float:left;
	clear:none;
	text-align:left;
	background-image:url(/img/ecd/bg-unit.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	line-height:14px;
}
#cont-pgm #unit-bg #tit {
	width:160px;
	text-align:center;
	font-size:15px;
	padding-top:12px;
	padding-bottom:22px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
}
a.u-odd, a.u-even{
	width:145px;
	float:left;
	clear:none;
	padding-bottom:1px;
	margin-left:5px;
	text-align:left;
	text-decoration:none;
	font-size:16px;
	line-height:22px;
	color:#4c4c4c;
	text-transform:uppercase;
	font-weight:bold;
}
.margin{
	margin-left:21px;
}

a.u-odd{
	background-image:url(/img/ecd/odd.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
a.u-even{
	background-image:url(/img/ecd/even.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#unidades a.u-odd:hover, #unidades a.u-even:hover{
	color: #015C7B;
}
#units a.u-odd:hover, #units a.u-even:hover{
	color: #cc1b00;
}


#cont-pgm #repaso {
	width:336px;
	height:241px;
	float:left;
	clear:none;
	text-align:left;
	background-color:#ffedb1;
	line-height:14px;
	border:#c20000 4px solid;
	border-radius:20px;
	margin:7px 0 0 10px;
}

#cont-pgm #repaso #tit {
	width:325px;
	text-align:left;
	font-size:15px;
	padding-left:15px;
	padding-top:12px;
	padding-bottom:20px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
	text-transform:uppercase;
}
#cont-pgm #repaso #txt {
	width:310px;
	text-align:left;
	font-size:14px;
	padding-left:12px;
	color:#000;
	line-height:20px;
	font-weight:normal;
}
#cont-pgm #repaso #txt li {
	list-style-image:url(/img/ecd/li-repaso.png);
	list-style-position:inside;
}
.repaso-red{
	width:337px;
	text-align:center;
	font-size:20px;
	color:#c20000;
	line-height:25px;
	font-weight:bold;
	margin-top:17px;
}



/** UNIDADES **/
#cont-unidades, #cont-unidades-home{
	width:780px;
	height:auto;
	float:left;
	clear:none;
	padding:5px 0 0 23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	margin-bottom:5px;
}
#cont-unidades-home{
	height:490px;
	padding:18px 0 0 20px;
}
.tit{
	width:auto;
	height:auto;
	float:left;
	clear:both;
	display:inherit;
	padding:23px 0 3px 28px;
	margin:0 0 0 0;
    font-family: 'geometric415black-bt', Arial, Helvetica, sans-serif;
    font-size:30px;
	color: #fff;
    text-align: left;
    text-transform: uppercase;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	filter: dropshadow(color=#808080, offx=1, offy=1);
}
#cont-unidades-home #videos {
	width:502px;
	height:162px;
	float:right;
	clear:none;
	text-align:left;
	margin:10px 10px 0 0;
	border-radius: 0px 0px 30px 0px;
	background: #de1d0b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de1d0b', endColorstr='#9f1503');
	background-image: linear-gradient(bottom, rgb(159,21,3) 0%, rgb(222,29,11) 100%);
	background-image: -o-linear-gradient(bottom, rgb(159,21,3) 0%, rgb(222,29,11) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(159,21,3) 0%, rgb(222,29,11) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(159,21,3) 0%, rgb(222,29,11) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(159,21,3) 0%, rgb(222,29,11) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(159,21,3)),
		color-stop(1, rgb(222,29,11))
	);
}

#cont-unidades-home #ebooks {
	width:260px;
	height:415px;
	float:left;
	clear:none;
	text-align:left;
	margin:0px 8px 0 0;
	border-radius: 30px 0px 0px 30px;
	background: #70cc4b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70cc4b', endColorstr='#377322');
	background-image: linear-gradient(bottom, rgb(55,115,34) 0%, rgb(112,204,75) 100%);
	background-image: -o-linear-gradient(bottom, rgb(55,115,34) 0%, rgb(112,204,75) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(55,115,34) 0%, rgb(112,204,75) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(55,115,34) 0%, rgb(112,204,75) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(55,115,34) 0%, rgb(112,204,75) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(55,115,34)),
		color-stop(1, rgb(112,204,75))
	);
}

#cont-unidades-home #ebooks .ebooks {
	float:left;
	clear:none;
	padding:20px 0px 0px 39px;
}
a.pdf{
	width:127px;
	height:125px;
	float:left;
	clear:none;
	margin:0 0 7px 69px;
	background-image:url(/img/ecd/btn-pdf.png);
	background-repeat:no-repeat;
	background-position:top center;
}
a.pdf:hover{
	background-image:url(/img/ecd/btn-pdf.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}
#cont-home a.unit-ebooks{
	width:179px;
	height:28px;
	float:left;
	clear:none;
	padding-top:7px;
	margin-top:7px;
	background-image:url(/img/ecd/unit-ebook.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
}
#cont-home a.unit-ebooks:hover {
	color:#d0ffbf;
	background-image:url(/img/ecd/unit-ebook.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.btn-a-videos, .btn-a-audios{
	width:306px;
	height:56px;
	display:inline;
	float:left;
	clear:none;
	padding:2px 20px 2px 2px;
	margin:22px 65px 0 93px;
	border:1px solid #a60e00;
	border-radius:30px;
    font-family: 'geometric415black-bt',Arial,Helvetica,sans-serif;

	font-weight:bold;
	font-size:27px;
	color:#fff;
	line-height:55px;
	letter-spacing:1px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;

	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	filter: dropshadow(color=#000000, offx=1, offy=1);
	box-shadow:0px 0px 4px rgba(0, 0, 0, 0.2);

 	background:#ff2814;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2814', endColorstr='#cc1100');
	background-image: linear-gradient(bottom, rgb(204,17,0) 0%, rgb(255,40,20) 100%);
	background-image: -o-linear-gradient(bottom, rgb(204,17,0) 0%, rgb(255,40,20) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(204,17,0) 0%, rgb(255,40,20) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(204,17,0) 0%, rgb(255,40,20) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(204,17,0) 0%, rgb(255,40,20) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(204,17,0)),
		color-stop(1, rgb(255,40,20))
	);
}
.btn-a-audios{
	padding:2px 20px 2px 2px;
	margin:70px 65px 0 13px;

	border:1px solid #dd6e00;

 	background:#fcd03f;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd03f', endColorstr='#f3a31a');
	background-image: linear-gradient(bottom, rgb(243,163,26) 0%, rgb(252,208,63) 100%);
	background-image: -o-linear-gradient(bottom, rgb(243,163,26) 0%, rgb(252,208,63) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(243,163,26) 0%, rgb(252,208,63) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(243,163,26) 0%, rgb(252,208,63) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(243,163,26) 0%, rgb(252,208,63) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(243,163,26)),
		color-stop(1, rgb(252,208,63))
	);
	}
.btn-a-videos:hover, .btn-a-audios:hover{
	background:#cc1100;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1100', endColorstr='#cc1100');
	margin:20px 65px 0px 93px;
	color:#fe6759;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.0);
}
.btn-a-audios:hover{
	background:#f3a31b;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3a31b', endColorstr='#f3a31b');
	color:#fce28b;
	margin:67px 65px 0 13px;
}

.btn-a-videos img, .btn-a-audios img{
	float:left;
	clear:none;	
	margin-right:12px;
}
.audio-girl{
	position:relative;
	left:192px;
	top:0px;
}
.video-girl{
	position:relative;
	left:-300px;
	top:-115px;
}
#cont-unidades-home #audios{
	width:502px;
	height:242px;
	float:right;
	clear:none;
	text-align:left;
	margin:0 10px 0 0;
	border-radius: 0px 30px 0px 0px;
	background: #f2b100;
	background-position: bottom right;
	background-repeat:no-repeat;
	filter: url(/img/ecd/audio-girl.png), progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2b100', endColorstr='#c1910e');
	background-image: url(/img/ecd/audio-girl.png), linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: url(/img/ecd/audio-girl.png), -o-linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: url(/img/ecd/audio-girl.png), -moz-linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: url(/img/ecd/audio-girl.png), -webkit-linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: url(/img/ecd/audio-girl.png), -ms-linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: url(/img/ecd/audio-girl.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(193,145,14)),
		color-stop(1, rgb(242,177,0))
	);
}


#cont-unidades #audios{
	width:502px;
	height:170px;
	float:right;
	clear:none;
	text-align:left;
	margin:0 10px 0 0;
	border-radius: 0px 30px 0px 0px;
	background: #f2b100;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2b100', endColorstr='#c1910e');
	background-image: linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(193,145,14)),
		color-stop(1, rgb(242,177,0))
	);
}

#cont-unidades #audios-units{
	width:504px;
	height:310px;
	float:left;
	clear:none;
	text-align:left;
	background-image:url(/img/ecd/bg-audio-br.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-decoration:none;
	color:#333;
	line-height:14px;
}

#cont-unidades #cont-audios{
	width:749px;
	height:auto;
	float:left;
	clear:none;
	text-align:left;
	margin:0 0 0px 10px;
	padding:0 0 20px 0px;
	border-radius:30px;
	
	background: #f2b100;
	background-position: bottom right;
	background-repeat:no-repeat;
	filter: url(/img/ecd/audio-girl2.png), progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2b100', endColorstr='#c1910e');
	background-image: url(/img/ecd/audio-girl2.png), linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: url(/img/ecd/audio-girl2.png), -o-linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: url(/img/ecd/audio-girl2.png), -moz-linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: url(/img/ecd/audio-girl2.png), -webkit-linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: url(/img/ecd/audio-girl2.png), -ms-linear-gradient(bottom, rgb(193,145,14) 0%, rgb(242,177,0) 100%);
	background-image: url(/img/ecd/audio-girl2.png), -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(193,145,14)),
		color-stop(1, rgb(242,177,0))
	);
}
.player-audio{
	width:473px;
	height:auto;
	float:left;
	clear:none;
	margin:20px 0 0 38px;
}

#cont-unidades #cont-videos, #cont-unidades #cont-ebook, #cont-unidades #cont-workbook {
	width:770px;
	height:auto;
	float:left;
	clear:none;
	text-align:left;
	margin:0;
	border-radius: 30px;
	background: #de1d0b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de1d0b', endColorstr='#9f1503');
	background-image: linear-gradient(bottom, rgb(159,21,3) 0%, rgb(222,29,11) 100%);
	background-image: -o-linear-gradient(bottom, rgb(159,21,3) 0%, rgb(222,29,11) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(159,21,3) 0%, rgb(222,29,11) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(159,21,3) 0%, rgb(222,29,11) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(159,21,3) 0%, rgb(222,29,11) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(159,21,3)),
		color-stop(1, rgb(222,29,11))
	);
}

#cont-unidades #cont-videos #video {
	width:749px;
	height:auto;
	float:left;
	clear:both;
	text-align:center;
	padding:13px 10px 25px 10px;
}


#cont-unidades #cont-ebook {
	background: #70cc4b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70cc4b', endColorstr='#377322');
	background-image: linear-gradient(bottom, rgb(55,115,34) 0%, rgb(112,204,75) 100%);
	background-image: -o-linear-gradient(bottom, rgb(55,115,34) 0%, rgb(112,204,75) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(55,115,34) 0%, rgb(112,204,75) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(55,115,34) 0%, rgb(112,204,75) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(55,115,34) 0%, rgb(112,204,75) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(55,115,34)),
		color-stop(1, rgb(112,204,75))
	);
}
#cont-unidades #cont-ebook #ebooks {
	width:100%;
	height:auto;
	float:left;
	clear:none;
	margin:10px auto 20px auto;
}

#cont-unidades #cont-ebook #ebooks .ebooks {
	float:left;
	clear:none;
	margin:0 8px 0 145px;
}
#cont-unidades #cont-ebook #ebooks .txt {
	width:305px;
	height:auto;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	margin-top:75px;
}
#cont-unidades #cont-ebook #ebooks .txt-br{
	color:#19330f;
}

#cont-unidades #cont-workbook {
	background: #f2b100;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400', endColorstr='#e65c17');
	background-image: linear-gradient(bottom, rgb(230,92,23) 0%, rgb(255,132,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(230,92,23) 0%, rgb(255,132,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(230,92,23) 0%, rgb(255,132,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(230,92,23) 0%, rgb(255,132,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(230,92,23) 0%, rgb(255,132,0) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(230,92,23)),
		color-stop(1, rgb(255,132,0))
	);
}
.workbook{
	width:214px;
	height:287px;
	float:left;
	clear:none;
	margin:45px 3px 0px 0px;
	padding-right:0px;
	background:url(/img/ecd/workbook-gral.png) no-repeat top right;
}
#cont-workbook .txt-en, #cont-workbook .txt-es{
	width:440px;
	height:auto;
	float:left;
	clear:both;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
	font-weight:bold;
	color: #fff;
    text-align: left;
    text-transform:none;
	padding:5px 0 5px 200px;
}
#cont-workbook .txt-es{
	color: #000;
	padding:0 0 20px 200px;
}
a.pdf-resp, a.pdf-sol{
	width:119px;
	height:53px;
	float:left;
	clear:none;
	margin:160px 4px 0px 9px;
}
a.pdf-resp{
	background:url(/img/ecd/btns-resp-sol.png) top left no-repeat;
}
a.pdf-resp:hover{
	background:url(/img/ecd/btns-resp-sol.png) bottom left;
}
a.pdf-sol{
	background:url(/img/ecd/btns-resp-sol.png) top right no-repeat;
}
a.pdf-sol:hover{
	background:url(/img/ecd/btns-resp-sol.png) bottom right;
}

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

/** NAVEGACION **/
#menu {width:809px; height:32px; padding:15px 0 0 5px;}
#menu #nav { width:809px; height:32px; margin:0; padding:0;}
#menu #nav li { display:inline; }
#menu #nav li a { background-image:url(/img/ecd/btn-principal.png) no-repeat ; float:left; outline:none; height:0; padding-top:32px; overflow:hidden; margin:6px 0 5px 0;}
#menu #nav li a { background-image:url(/img/ecd/btn-principal.png); background-repeat:no-repeat top left;}
/* Nav a */
#menu #nav li#home a {width:135px; background-position: 0 0;}
#menu #nav li#ebooks a { width:134px; background-position: -135px  0;}
#menu #nav li#videos a { width:134px; background-position: -269px 0;}
#menu #nav li#audios a { width:135px; background-position: -403px 0;}
#menu #nav li#workbook a { width:135px; background-position: -538px 0;}
#menu #nav li#voice a { width:136px; background-position: -673px 0;}
/* Nav a:encima */
#menu #nav li#home a:hover { background-position: 0 -32px; }
#menu #nav li#ebooks a:hover { background-position: -135px -32px; }
#menu #nav li#videos a:hover { background-position: -269px -32px; }
#menu #nav li#audios a:hover { background-position: -403px -32px; }
#menu #nav li#workbook a:hover { background-position: -538px -32px; }
#menu #nav li#voice a:hover { background-position: -673px -32px; }
/* Nav estado actual */
body#home #nav li#home a { background-position: 0 -32px; cursor:inherit;}
body#ebooks #nav li#ebooks a { background-position: -135px -32px; cursor:inherit;}
body#videos #nav li#videos a { background-position: -269px -32px; cursor:inherit;}
body#audios #nav li#audios a { background-position: -403px -32px; cursor:inherit;}
body#workbook #nav li#workbook a { background-position: -538px -32px; cursor:inherit;}
body#voice #nav li#voice a { background-position: -673px -32px; cursor:inherit;}
#menu #nav li#no-voice{ 
	width:136px;
	height:32px;
	background-image:url(/img/ecd/btn-principal.png);
	background-repeat: no-repeat;
	background-position: -673px -64px;
	cursor:inherit;
	float:left;
	outline:none;
	overflow:hidden;
	margin:6px 0 5px 0;
}

/** HOME **/
.tit-home{
	width:750px;
	height:auto;
	float:left;
	clear:none;
	font-family:geometric415black-bt, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#0e4a56;
	text-transform:uppercase;
	padding-left:40px;
}
.subtit-home{
	width:750px;
	height:auto;
	float:left;
	clear:none;
	font-family:geometric415black-bt, Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#c41a00;
	text-transform:uppercase;
	padding:0 0 10px 40px;
}
#home-home, #home-homeB, #home-ebook, #home-videos, #home-audios, #home-workbook, #home-voice-recognition{
	width:213px;
	height:300px;
	padding:0px;
	margin:0 0 13px 31px;
	float:left;
	clear:none;
	background-repeat: no-repeat;
	background-position:top left;
}
#home-home{
	background-image:url(/img/ecd/home-home.png);
}
#home-homeB{
	background-image:url(/img/ecd/home-home.png);
	background-position:top right;
}
#home-ebook{
	background-image:url(/img/ecd/home-ebook.png);
}
#home-videos{
	background-image:url(/img/ecd/home-videos.png);
}
#home-audios{
	background-image:url(/img/ecd/home-audios.png);
}
#home-workbook{
	background-image:url(/img/ecd/home-workbook.png);
}
#home-voice-recognition{
	background-image:url(/img/ecd/home-voicerecog.png);
}
#home-ebook:hover, #home-videos:hover, #home-audios:hover, #home-workbook:hover, #home-discovery-activities:hover, #home-voice-recognition:hover, #home-workbook-autotest:hover{
	background-position:top right;
}
#home-sin-voice{
	width:213px;
	height:300px;
	float:left;
	clear:none;
	background-image:url(/img/ecd/home-voicerecog.png);
	background-repeat: no-repeat;
	background-position:top center;
	padding:0px;
	margin:0 0 13px 31px;
	cursor:default;
}

.aviso{
	width:300px;
	height:11px;
	float:left;
	clear:none;
	color:#193d89;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:3px;
	text-decoration:none;
	vertical-align:top;
	line-height:12px;
}
a.aviso{
	text-decoration:none;
}
a.aviso:hover{
	text-decoration:underline;
}
.images-home{
	float:left;
	clear:none;
}





/** PIE **/
#bottom{
	width:782px;
	height:45px;;
	float:left;
	clear:none;
	padding-left:21px;
	padding-right:16px;
	padding-top:15px;
	padding-bottom:5px;
	text-align:right;
	background-image:url(/img/ecd/bg-main.png);
	background-repeat:repeat-y;
	background-position:bottom left;
}
.inf{
	width:819px;
	height:8px;
	float:left;
	clear:both;
	padding-bottom:20px;
	background-image:url(/img/ecd/bottom.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.pie{
	width:761px;
	height:38px;
	padding-top:10px;
	padding-left:8px;
	padding-right:10px;
	float:left;
	clear:none;
	background-image:url(/img/ecd/datos-de-contacto.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.pie .txt-pie{
	float:right;
	clear:none;
	width:400px;
	height:10px;
	padding-top:8px;
	color:#FFFFFF;
	font-size:9px;
	text-align:right;
}

a.contacto{
	width:33px;
	height:31px;
	float:left;
	clear:none;
	text-align:left;
	background-image:url(/img/ecd/btns-pie.jpg);
	background-repeat:no-repeat;
	background-position:top left;		
	margin-right:4px;
}
a.contacto:hover{
	background-image:url(/img/ecd/btns-pie.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;		
}
a.consultas{
	width:33px;
	height:31px;
	float:left;
	clear:none;
	text-align:left;
	background-image:url(/img/ecd/btns-pie.jpg);
	background-repeat:no-repeat;
	background-position:top center;		
	margin-right:4px;
}
a.consultas:hover{
	background-image:url(/img/ecd/btns-pie.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;		
}
a.dictionary{
	width:33px;
	height:31px;
	float:left;
	clear:none;
	text-align:left;
	background-image:url(/img/ecd/btns-pie.jpg);
	background-repeat:no-repeat;
	background-position:top right;		
	margin-right:4px;
}
a.dictionary:hover{
	background-image:url(/img/ecd/btns-pie.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;		
}



/** FORMS: Contacto **/
.dato-pass{
	width:160px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#333333;
	text-align:left;
	font-weight:normal;
	padding:7px 3px 0 0;
}
.dato{
	width:100px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#333333;
	text-align:left;
	padding:7px 0 0 0;
	margin:0px;
}
input{
	width:200px;
	height:20px;
	border:1px solid #3f4269;
	margin-bottom:14px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	vertical-align:middle;
}
input:focus {
	border: 1px solid #04b0d6;
}

.btn-enviar{
	width:133px;
	height:30px;
	margin-top:7px;
	float:left;
	clear:none;
	background-image:url(/img/ecd/btn-enviar.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#FFF;
	border:none;
}
.btn-enviar:hover{
	background-image:url(/img/ecd/btn-enviar.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	cursor:pointer;
	border:none;
}
a.btn-cancelar{
	width:133px;
	height:30px;
	margin-top:2px;
	margin-left:20px;
	float:right;
	clear:none;
	background-image:url(/img/ecd/btn-cancelar.png);
	background-repeat:no-repeat;
	background-position:top center;
}
.btn-cancelar:hover{
	background-image:url(/img/ecd/btn-cancelar.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}
a.btn-volver{
	width:133px;
	height:30px;
	float:right;
	clear:none;
	background-image:url(/img/ecd/btn-volver-br.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
a.btn-volver:hover{
	background-image:url(/img/ecd/btn-volver-br.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.btn-borrar{
	width:50px;
	border:1px solid #3f4269;
	margin-bottom:14px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:center;
	vertical-align:middle;
}
.btn-borrar:focus {
	border: 1px solid #04b0d6;
}

.btn-suspender{
	width:80px;
	border:1px solid #3f4269;
	margin-bottom:14px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:center;
	vertical-align:middle;
}
.btn-suspender:focus {
	border: 1px solid #04b0d6;
}

.btn-activar{
	width:50px;
	border:1px solid #3f4269;
	margin-bottom:14px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:center;
	vertical-align:middle;
}
.btn-activar:focus {
	border: 1px solid #04b0d6;
}

.textfieldUsr {
	clear: both;
	width: 200px;
}
.but-3{
	width:700px;
	height:auto;
	float:left;
	clear:none;
	padding-bottom:20px;
	padding-left:20px;
	padding-top:8px;
}


/** FORMS: Login **/
#registroForm{
	width:400px;
	height:auto;
	clear:both;
	text-align:left;
	margin-left:10px;
	margin-bottom:20px;
}

.registroForm table
{
	padding-left:20px;
}

.registroForm input
{
margin-bottom:2px;
margin-top:2px;
}


.registroForm .dato{
	width:150px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#333333;
	text-align:left;
}
.welcome{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:60px;
}
select{
	width:200px;
	height:23px;
	float:left;
	clear:none;
	border:1px solid #3f4269;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	vertical-align:middle;
	margin-bottom:10px;
	padding-top:2px;
}
textarea{
	width:200px;
	height:90px;
	border:1px solid #3f4269;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#3f4269;
	float:left;
	clear:both;
}
textarea:focus {
	border: 1px solid #04b0d6;
}
.tel-cod{
	width:30px;
	height:20px;
}
.tel-num{
	width:130px;
	height:20px;
}

.btn-registrarse{
	width:133px;
	height:30px;
	margin-top:13px;
	float:left;
	clear:none;
	background-image:url(/img/ecd/btn-registrarse-br.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#FFF;
	border:none;
}
.btn-registrarse:hover{
	background-image:url(/img/ecd/btn-registrarse-br.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	cursor:pointer;
	border:none;
}


/** FORMS: Registración **/
.titulo1{
	color: #0E4A56;
    font-family: geometric415black-bt, Arial, Helvetica, sans-serif;
    font-size: 24px;
	padding:22px 0 50px 45px;
	margin:0;
    text-align: left;
    text-transform: uppercase;
	background:url(/img/ecd/bk-forms.jpg) top left no-repeat;
}
.titulo1 .txt{
	color: #0E4A56;
	padding-top:7px;
	width:570px;
	float:left;
	clear:none;
}
.titulo1 .txt1{
	color: #0E4A56;
	padding-top:7px;
	width:600px;
	float:left;
	clear:none;
}
a.btn-back{
	width:145px;
	height:32px;
	float:right;
	clear:none;
	margin-right:45px;
	background-image:url(/img/ecd/btn-back-br.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
a.btn-back:hover{
	background-image:url(/img/ecd/btn-back-br.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.titulo2{
	padding-left:45px;
	padding-bottom:0;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size:13px;
	float:left; 
	clear:none; 
	text-align:left;
	color:#666;
}

.texto1{
	padding-left:45px;
	padding-bottom:0;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	clear:none; 
	text-align:left;
	color:#666;
}

.titulo3{
	clear:left; 
	padding-left:45px;
	padding-bottom:0;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	float:left; 
	clear:both; 
	text-align:left;
	font-weight:normal;
	color:#666;
}

.fondoBlanco
{
clear:both;
background-color:#fff; 
background-image: none;
}


.contenidoBox
{
	margin-left:0px;
	margin-right:0px;
	clear:both;
vertical-align: middle;
}

#pwdForm
{
padding-left: 10px;
clear:both;
width:310px;
height:160px;
}

.pwdTable
{
font-size:12px;
width:300px;
}

.clave
{
width:100px;
margin-bottom:2px;
margin-top:2px;
}

.resetForm{
clear:both;
width:250px;
height:100%;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}

.contactoform{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}

.contactoform input{
	margin-bottom:2px;
	margin-top:2px;
}

.contactoform .dato{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	padding-bottom:15px;
}

.consultaform{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}

.consultaform input{
margin-bottom:2px;
margin-top:2px;
}

.consultaform .dato{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	padding-bottom:15px;
}
.perfilForm{
	width:380px;
	height:340px;
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	background-color:#FFF;
}

.perfilForm table{
	padding-left:10px;
}

.perfilForm input{
margin-bottom:2px;
margin-top:2px;
}

.resetForm table{
	padding-left:10px;
}

.resetForm input{
margin-bottom:2px;
margin-top:2px;
}

.linkText{
	color:#CC1B00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.loginForm{
	width:99%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	background-color:#fff;
}
#loginForm .dato{
	width:90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
}
.textfield{
	width:200px;
	clear:both;
	margin-bottom:5px;
	margin-top:5px;
}
.btn-ingresar{
	width:133px;
	height:30px;
	margin-top:7px;
	float:left;
	clear:none;
	background-image:url(/img/ecd/btn-ingresar-br.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#FFF;
	border:none;
}
.btn-ingresar:hover{
	background-image:url(/img/ecd/btn-ingresar-br.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	cursor:pointer;
	border:none;
}

/** FORMS: Ingresar Codigo **/
#	{
	width:306px;
	height:180px;
	float:left;
	clear:none;
	text-align:left;
	background-color:#FFF;
}
#loginCod .dato{
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
}
.btn-ingresar-cod{
	width:133px;
	height:30px;
	margin-top:12px;
	float:left;
	clear:none;
	background-image:url(/img/ecd/btn-ingresar-cod-br.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#FFF;
	border:none;
}
.btn-ingresar-cod:hover{
	background-image:url(/img/ecd/btn-ingresar-cod-br.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	cursor:pointer;
	border:none;
}
.textfield-4{
	width:50px;
}
.textfield-10{
	width:75px;
}


/** HOME **/
.btns-home{
	width:775px;
	height:82px;
	float:left;
	clear:none;
	background-image:url(/img/ecdmaster/bk-home.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:33px;
	padding-top:6px;
}
.btn-ingreso{
	width:241px;
	height:68px;
	float:left;
	clear:none;
	background-image:url(/img/ecd/btn-ingreso-br.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-right:13px;
}
.btn-ingreso:hover{
	background-image:url(/img/ecd/btn-ingreso-br.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	cursor:pointer;
	border:none;
}
.btn-registro{
	width:241px;
	height:68px;
	float:left;
	clear:none;
	background-image:url(/img/ecdmaster/btn-registro-br.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-right:13px;
}
.btn-registro:hover{
	background-image:url(/img/ecdmaster/btn-registro-br.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	cursor:pointer;
	border:none;
}
.btn-como-ingresar{
	width:81px;
	height:68px;
	float:left;
	clear:none;
	background-image:url(/img/ecdmaster/btn-como-ingresar-br.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-right:13px;
}
.btn-como-ingresar:hover{
	background-image:url(/img/ecdmaster/btn-como-ingresar-br.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	cursor:pointer;
	border:none;
}
h2{
	width:290px;
	background-color:#FFF; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	float:left; 
	clear:none; 
	text-align:left;
	padding-left:15px;
	font-weight:normal;
	padding-bottom:10px;
}

h3{
	width:303px;
	height:150px;
	background-color:#fff; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	float:left; 
	clear:none; 
	text-align:left;
	font-weight:normal;
	padding-left:15px;
}

.err li{
	width:90%;
	height:auto;
	background-color:#fff; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	float:left; 
	clear:none; 
	text-align:left;
	font-weight:normal;
	color:#cc0000;
	list-style:none;
	padding-right:10px;
	padding-bottom:10px;
}
.title2{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#cc0000;
	float:left; 
	clear:none; 
	text-align:left;
}


.btn-actualizar{
	width: 133px;
	height:30px;
	margin-top:10px;
	float:left;
	clear:none;
	background-image:url(/img/ecd/btn-actualizar-br.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	border:none;
}
.btn-actualizar:hover{
	background-image:url(/img/ecd/btn-actualizar-br.jpg);
	background-position:bottom center;
	cursor:pointer;
}

.btn-confirmar{
	width:133px;
	height:30px;
	margin-top:7px;
	float:left;
	clear:none;
	background-image:url(/img/ecd/btn-confirmar.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	border:none;
}
.btn-confirmar:hover{
	background-image:url(/img/ecd/btn-confirmar.jpg);
	background-position:bottom center;
	cursor:pointer;
}


/** INSTRUCCIONES **/
.user{
	width:725px;
	height:auto;
	background-color:#FFF;
	text-align:left;
	float:left;
	clear:none;
	padding-left:25px;
	padding-top:0px;
	margin:0px;
}
.red{
	width:711px;
	height:auto;
	color:#b20000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:21px;
	padding-top:5px;
	padding-bottom:15px;
	float:left;
	clear:none;
}
.black{
	width:700px;
	height:auto;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:21px;
	float:left;
	clear:none;
}
.black-14{
	width:711px;
	height:auto;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-left:21px;
	padding-top:10px;
	padding-bottom:8px;
	float:left;
	clear:none;
}
.blue{
	width:711px;
	height:auto;
	color:#0e4a56;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-left:21px;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	clear:none;
}
.num{
	width:711px;
	height:auto;
	background-image:url(/img/ecd/paso-bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding-left:21px;
	float:left;
	clear:none;
	margin-top:5px;
}
.num .txt{
	width:620px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	padding-top:5px;
	padding-right:25px;
	float:right;
	clear:none;
}
.num img{
	float:left;
	clear:none;
}
.num3{
	width:711px;
	height:auto;
	background-image:url(/img/ecd/paso-bg-3.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding-left:21px;
	float:left;
	clear:none;
	margin-top:10px;
}
.num3 .txt{
	width:624px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	padding-top:3px;
	padding-right:20px;
	float:right;
	clear:none;
}
.num3 img{
	float:left;
	clear:none;
}


/** VOICE **/
#cont-voice{
	width:763px;
	height:auto;
	float:left;
	clear:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	border-radius:30px;
	
	background: #32b6d5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38c2e4', endColorstr='#1f8ba1');
	background-image: linear-gradient(bottom, rgb(31,139,161) 20%, rgb(56,194,228) 80%);
	background-image: -o-linear-gradient(bottom, rgb(31,139,161) 20%, rgb(56,194,228) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(31,139,161) 20%, rgb(56,194,228) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(31,139,161) 20%, rgb(56,194,228) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(31,139,161) 20%, rgb(56,194,228) 80%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(31,139,161)),
		color-stop(0.8, rgb(56,194,228))
	);
}
.pasos-voice{
	width:auto;
	height:auto;
	margin:10px 0px 0px 10px;
	padding:0px;
}
#voice-bg .tit, #voice-bg .voice-sub-tit{
	width:720px;
	height:auto;
	float:left;
	clear:both;
	text-align:left;
	font-family:geometric415black-bt, Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:30px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px;
	margin:10px 0px 0px 15px;
}
.voice-sub-tit{
	width:720px;
	color:#bff2ff;
	font-size:20px;
	line-height:20px;
	margin:5px 0px 0px 27px;
	float:left;
	clear:both;
}
.tit-table{
	width:760px;
	height:auto;
	float:left;
	clear:none;
	padding:0px 0 0px 0;
	margin: 0px 0px 0px 15px;
	text-align: left;
	font-family:geometric415black-bt, Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:normal;
	font-weight:normal;
	color:#fff;
	letter-spacing:normal;
	text-transform:uppercase;
}
.btn-nota {
    width:auto;
    height:11px;
    float:right;
    clear:both;
    text-align:center;
    padding:4px 5px 6px 5px;
    margin:5px 34px 5px 0px;

    background:#021243;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    border:1px solid #060d44;
    cursor:pointer;

    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#FFFFFF;
    letter-spacing:0px;
    text-align:center;
	text-transform:none;
    text-decoration: none;
}
.btn-nota:hover{
	color:#38c3e4;
}

#contenedor-voice {
    width: 756px;
    height: auto;
    float: left;
    clear: none;
    margin:0px;
	padding:0px;
}
#textos{
	width: 477px;
	height: 361px;
	overflow-y: auto;
	margin:0 3px 25px 9px;
    float: left;
    clear: none;
}
#textos table{
	width: 460px;
    float: left;
    clear: none;
	text-align:left;
	border-collapse:collapse;
	border-spacing:0px;
	border-width:0px;
	border:none;
}

#textos table tr td {vertical-align: middle;}

.numero.blue{
	float:left;
	clear:none;
	width:32px;
	height:30px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius:8px;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#021243;
	background-color:#32b5d3;
	font-size:20px;
	padding:0px;
	margin:8px;
	line-height:30px;
	letter-spacing:0px;
	text-align:center;
	text-decoration:none;
}

#textos .texto1{
	width:280px;
}
.texto1, .texto2, .texto3{
	width:auto;
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	color:#0c1852;
	vertical-align:middle;
	letter-spacing:0px;
	padding-left: 0px;
}
.texto2{
	width:220px;
	color:#00799E;
	margin-left:0px;
}


#textos tr:nth-child(odd){
	background-color:#d1f4ff;
}
#textos tr:nth-child(even){
	background-color:#e0f7ff;
}
.bt_escuchar, .bt_grabar, .bt_stop, .bt_comparar, .btn_mostrar{
	width:25px;
	height:24px;
	float:left;
	clear:none;
	padding:0px;
	margin:5px 0px 0px 6px;
}
.bt_escuchar{
	background: url(/icd_br/img/voice/btn-play-rec.png) no-repeat top left;
}
.bt_grabar{
	background: url(/icd_br/img/voice/btn-play-rec.png) no-repeat top right;
}
.bt_stop{
	background: url(/icd_br/img/voice/btn-stop-compare.png) no-repeat top left;
}
.bt_comparar{
	background: url(/icd_br/img/voice/btn-stop-compare.png) no-repeat top right;
}
.btn_mostrar{
	background: url(/icd_br/img/voice/btn-mostrar.png) no-repeat top left;
}
.bt_escuchar:hover{
	background: url(/icd_br/img/voice/btn-play-rec.png) no-repeat bottom left;
}
.bt_grabar:hover{
	background: url(/icd_br/img/voice/btn-play-rec.png) no-repeat bottom right;
}
.bt_stop:hover{
	background: url(/icd_br/img/voice/btn-stop-compare.png) no-repeat bottom left;
}
.bt_comparar:hover{
	background: url(/icd_br/img/voice/btn-stop-compare.png) no-repeat bottom right;
}
.btn_mostrar:hover{
	background: url(/icd_br/img/voice/btn-mostrar.png) no-repeat bottom left;
}

#voice-zone, #player-zone{
	width:250px;
	height:345px;
	float:right;
	clear:none;
	background-color:#E0F7FF;
	margin:0px 1px 0px 0px;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:25px;
	line-height:34px;
	color:#3F517A;
	text-align:left;
	letter-spacing:0px;
}
#player-zone{
	height:82px;
	padding-top:343px;
	background: url(/icd_br/img/voice/img-autotest.jpg) no-repeat top right #eaf8e0;
}
#voice-zone li{
	list-style-position:inside;
	list-style-type:disc;
	padding-bottom:5px;
}
.separacion{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:18px;
	color:#3F517A;
	letter-spacing:3px;
	text-align:center;
	line-height:8px;
}

.player-voice{
	width:473px;
	height:auto;
	float:left;
	clear:none;
	margin:5px 0 0 0px;	
}


/** FLASH WARNING **/

#instructions{
	background-color:#ccc;
	margin:0px;
}
#flash-warning{
	width:880px;
	height:auto;
	background-color:#fff;
	margin:0px;
	padding:0px 6px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#0C1852;
	letter-spacing:1px;
	text-align:left;
	line-height:22px;
}
#flash-warning img{
	float:left;
	clear:none;
	padding:15px;
	margin-right:15px;
	border-right: 3px solid #fff;
}
.tit-warning {
	width: 800px;
	height:auto;
	padding:18px 15px;
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#0c1852;
	letter-spacing:normal;
	text-align: center;
}

.table-warning tr td {
	padding: 15px;
	border: 2px solid #fff;
	border-collapse:collapse;
}
.tit-lista{
	width:855px;
	padding:30px 30px 30px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}
#flash-warning li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0c1852;
	list-style:decimal inside;
}

.celeste.A, .celeste.B{
	width:100%;
	height:auto;
	float:left;
	clear:none;
	background-color:#D1F4FF;
	border-top: 0px solid #000;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#0C1852;
}
.celeste.B{
	background-color:#E0F7FF;
}
.bold{font-weight:bold;}


/** DASHBOARD **/
#dashboard{
	width:809px;
	height:197px;
	float:left;
	clear:none;
	background:url(/img/ecd/dashboard.jpg) no-repeat top left;
	margin: 0px 0px 15px 0px;
}
a.help{
	width:63px;
	height:auto;
	float: left;
	clear:none;
	background:#d90000;
	padding:1px 3px 1px 3px;
	margin: -7px 0px 0px 0px;

	
	border-radius:8px;
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
	text-transform:uppercase;
}
a.help .circulo{
	width:20px;
	height:20px;
	float:right;
	clear:none;
	border-radius:10px;
	background:#a60000;
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	line-height:21px;
	padding:0px;
	margin:0px 0px 0px 0px;
}
a.help .circulo:hover{
	color:#fff;
	background:#d90000;
}
a.help:hover{
	color:#fff;
	background:#a60000;
}
a.conoce-mas{
	width: 112px;
	height: auto;
	float: right;
	clear: none;
	background: #d90000;
	padding: 3px 3px 1px 3px;
	margin: 16px 16px 0px 0px;
	border-radius: 8px;
	text-align: left;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	line-height: 10px;
	text-transform: uppercase;
}
a.conoce-mas .circulo-mas{
	width:17px;
	height:19px;
	float:left;
	clear:none;
	border-radius:10px;
	background:#a60000;
	text-align:left;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
	line-height:19px;
	padding:0px 0px 0px 3px;
	margin: 5px 3px 7px 0px;
}
a.conoce-mas .circulo-mas:hover{
	color:#fff;
	background:#d90000;
}
a.conoce-mas:hover{
	color:#fff;
	background:#a60000;
}

.hola{
	width:466px;
	height:auto;
	float:left;
	clear:none;
	padding:65px 0 0 20px;
	text-align:left;
	color:#fff;
	font-family:Geometr415 Blk BT, Arial, Helvetica, sans-serif;
	font-size:27px;
	font-weight:normal;
}
#estadisticas{
	width: 287px;
	height: 117px;
	padding: 7px 0px 0px 9px;
	margin: -38px 18px 0 0px;
	border:1px #39a5ca solid;
	float:right;
	clear:none;
	background: #000;
}
#estadisticas li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;	
	color:#ffffb2;
	line-height: 23px;
	list-style-image:url(/img/ecd/circ-verde.png);
	list-style-position:inside;
}
#estadisticas li .blue{
	color:#5ff9ff;
	font-weight:bold;
	float:none;
	font-size:16px;
	padding-left:0px !important;
}
.importante{
 	width: 283px;
 	height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	
 	line-height: 10px;
	letter-spacing:0px;
	font-weight:normal;	
	color:#fff;
    
 	margin: -1px 0px 0px 0px;
	float: left;   
}
.fecha{
	width: 280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;	
	color:#5ff9ff;
	line-height:13px;
	letter-spacing:0px;
	margin: -9px 0px 0px 10px;
	float: left;
	text-transform:none;
}
.hasta{
	width:165px;
	float:right;
}
#graficos{
	width:463px;
	height:57px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;	
	color:#5ff9ff;
	text-transform:uppercase;
	float:left;
	clear:none;
	margin:7px 0px 0px 21px;
}
#graficos .descripcion{
	font-size:8px;
	padding:0px 0px 0px 3px;
	line-height:26px;
}
.grafico-borde{
	width:221px;
	height:20px;
	border-style: solid;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	border-radius:4px;
	font-size:13px;
	padding: 4px 0px 5px 0px;
	margin:4px 5px 15px 0px;
}
.grafico-barra{
	height: 22px;
	float:left;
	margin:-1px 0px 0px -3px;
	box-shadow: 2px 2px 2px #888888;
}
#grafico-progreso-dias{
	width: 4%;
	background-color: #5ef9ff;
}
#grafico-nota-promedio{
	width: 62.5%;
	background-color: #00FF00;
}
.valor-grafico{
	float:right;
	color:#000;
	font-weight: bold;
	line-height:24px;
	position:absolute;
	margin: -2px 0px 0px 3px;
}



.box, .box-advanced{
    width:155px;
    height:auto;
    border:#007c8e 4px solid;
    border-radius:20px;
    margin:-15px 0px 15px 0px;
    padding:5px 0px 5px 0px;
    background:#ffecb2;
    float:left;
    clear:none;
}
.box-advanced{
    border:#c61607 4px solid;
}
.intentos{
    width:155px;
    height:35px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height:9px;
	letter-spacing: 0px;
	padding: 0px;
	margin:0px;
	text-align: center;
	text-transform:uppercase;
}