@charset "utf-8";
/* CSS Document */

html            		   			{ margin:10px 0 0 0; padding:0; background:#c1c1c1/*COLOR SEGUN NIVEL*/;}
body    		           			{ width:100%; height:100%; margin:0; padding:0; background:#c1c1c1/*COLOR SEGUN NIVEL*/; font-size:100%; font-family:'Droid Sans',"Trebuchet MS", Arial, sans-serif;}



/* * * * * *  html 5 fix  * * * * * */

section,
article,
header,
footer,
nav,
aside,
hgroup						{ display: block;}



/* * * * * *  resets  * * * * * */

nav, a 						{ text-decoration:none; color:inherit;}
img							{ border:none;}
ul							{ padding:0; margin-top:0; margin-bottom:0; list-style:disc;}
input, select				{ border:none; background-color:#f3f3f3;}
input:focus, select:focus	{ outline:none;}
input:required:invalid, input:focus:invalid , select:required:invalid, select:focus:invalid 
							{ outline:none;
							-moz-box-shadow:none;
							-webkit-box-shadow:none;
							box-shadow:none;}
							

/* * * * * *  layout  * * * * * */

.baseDoc					{ position:relative; max-width:960px; min-height:100%; margin:0 auto 10px; padding:5px; background-color:#FFF; overflow:hidden; border:15px solid #fff; border-radius:1em;
							  -webkit-border-radius: 1em;
							  -moz-border-radius: 1em;
							  behavior: url(pie/PIE.htc);
							  -webkit-box-shadow: 0 0 5px #666;
							  -moz-box-shadow: 0 0 5px #666;
							  box-shadow: 0 0 5px #666;
							  }

header						{ width:100%; overflow:visible;}
.portada					{ display:inline-block; width:78%; max-width:600px; text-align:center;}
.fondoVideo					{ clear:both; padding:1em 0 3em 0; text-align:center;}
.cajaVideo					{ width:100%/*304*/; border:1px solid #000;}
.botonera					{ position:relative; top:-100px /*Ajuste vertical de botones de home*/; display:inline-block; width:19%; padding-left:2%;}
footer						{ width:100%; text-align:center; position:absolute; bottom:0; clear:both;} 
footer>.copyright           {padding: 0 10px;}	
.cajaAccesos				{ width:100%; text-align:center;}
.navegaNivel				{ clear:both; padding:1%; margin:0 4%; min-height:40px;}
.columnaIzVid				{ display:inline-block; width:50%; padding:0 0 0 4%;}
.columnaDrVid				{ position:relative; top:80px/*Centrado vertical video seccion video*/; float:right; width:45%;}
.columna					{ display:inline-block; width:49%; margin-bottom:1em; vertical-align:top;}
.seccion, .seccionAudioTit	{ position:relative; padding:1.5%; margin-bottom:1em; text-align:center; border-radius: 1.5em;
							  -webkit-border-radius: 1.5em 1.5em;
	                          -moz-border-radius: 1.5em; 
							  behavior: url(pie/PIE.htc);}						  
.seccionAudioTit			{ padding:0; margin:0 5%; padding:3%; background-color:#ededed;}						  
.formulario					{ display:inline-block; text-align:left; margin: 0 10px;}

/* * * * * *  elements  * * * * * */

/* * * * Cabecera * * * */
.navegacion1				{ min-width:265px; height:55px; margin-bottom:6px; padding-top:13px/*Ajuste vertical según el logo de método*/; text-align:right; overflow:hidden; border-bottom: 1px solid #000;}
#logoCia					{ float:left; width:240px; height:48px; margin:0; padding:0 0 0 1em;}
.iconos						{ float:right; width:auto; min-width:320px/*AJUSTE SEGÚN Nº DE BOTONES*/; margin-top:9px/*AJUSTE VERTICAL ICONOS*/;}
#logo						{ float:right; width:200px; height:140px; padding-left:15px; margin-bottom:15px;}
.navegacion2				{ text-align:right;}

/* * * * Portada * * * */
video						{ display:block; max-width:100%; height: auto;}
.contenedorVideo			{ position:relative; height:0; padding-bottom:75%/*PORCENTAJE SEGÚN PROPORCIÓN DEL VÍDEO*/;}
.portadaVideoRecursos		{ display:inline-block; width:78%; max-width:335px/*TAMAÑO DE VÍDEO MÁXIMO*/; text-align:center;}
.contVideoRecursos			{ position:relative; height:0; padding-bottom:55.688%/*PORCENTAJE SEGÚN PROPORCIÓN DEL VÍDEO*/;}
.videoFlash					{ position:absolute; width:100%; height:100%; top:0; left:0;}
.poster						{ width:100%; height:100%;}
.listaIndex					{ padding-left:4em;}

/* * * * Generales * * * */	
.marco						{ position:relative; padding:2em 0; margin:0 1em 3em 1em; border: 1px solid #747474; border-radius: 2em; 
							  -webkit-border-radius: 2em 2em;
	                          -moz-border-radius: 2em; 
							  behavior: url(pie/PIE.htc);}
.nombreArea					{ text-align:center; margin:0 5% 15px 5%; padding:10px; background-color:#ff6bb4; color:#fff; font-weight:bold; font-size:1.5em; border-radius: 1.5em;
							  -webkit-border-radius: 1.5em 1.5em;
	                          -moz-border-radius: 1.5em; 
							  behavior: url(pie/PIE.htc);}
.titSeccion					{ margin-left:7%; padding:0.4em 0;}
.producto					{ display:inline-block; margin:0 2% 1em 2%; vertical-align:top; text-align:center;}

/* * * * About * * * */ 
.pagina						{ display:inline-block; font-size:0.8125em; font-weight:bold;}
#docIntro					{ text-align:center; margin:1em 0;}
#docIntro img				{ width:100%; max-width:857px;}

/* * * * Descarga de audios por pista * * * */
.cabeceraAudioInt			{ margin:8px; margin-right:5%; text-align:right;}
.colTxtAudios, .colNumAudios, .columnaAudios
							{ display:inline-block; margin-bottom:5px; vertical-align:top;}
.audioHeader				{ font-weight:bold; color:#747474;}
.colTxtAudios				{ width:33%; text-align:left; padding-right:1%;}
.colNumAudios				{ width:14%; min-width:52px;}
.columnaAudios				{ width:33%; text-align:left; padding-left:1%;}

/* * * * Descarga de videos por versiones * * * */
.txtVideos					{ display:inline-block; height:43px; /*margin-right:px;*/ text-align:left; clear:left;}
.tabla, .tabla1				{ display:inline-table; width:45%; padding:0 2.3%; border-radius: 1.5em;
							  -webkit-border-radius: 1.5em 1.5em;
	                          -moz-border-radius: 1.5em; 
							  behavior: url(pie/PIE.htc);}
.tabla1						{ width:90%;}							  
.fila						{ display:table-row;}
.celdaTit, .celdaTxt, .celdaVO, .celdaVOST
							{ display:table-cell; vertical-align:middle; text-align:left; padding:1%;}
.tabla1 .celdaTxt, .tabla1 .celdaVO, .tabla1 .celdaVOST
							{ padding:0;}
.celdaTit					{ padding-top:2%;}
.celdaVO					{ width:65px;}
.celdaVOST					{ width:80px;}

/* * * * Formulario * * * */
.inputFormulario, form button
							{ position:relative; display:inline-block; padding:6px; margin-top:1.5em; border:1px solid #bbb; background-color:#f3f3f3;
							-moz-box-shadow: inset 0 0 0 2px #fff;
							-webkit-box-shadow: inset 0 0 0 2px #fff;
							box-shadow: inset 0 0 0 2px #fff;
							-webkit-transition: all 1s linear;
							-moz-transition: all 1s linear;
							-ms-transition: all 1s linear;
							-o-transition: all 1s linear;
							transition:all linear 1s;
							-webkit-border-radius:5px;
							-moz-border-radius:5px;
							border-radius:5px;
							behavior: url(pie/PIE.htc);}
.inputFormulario>select     {
							font-size: 1em;
							min-width: 175px;
							max-width: 72vw;
							overflow: hidden;
							text-overflow: ellipsis;}
.inputFormularioFoco		{ -moz-box-shadow:inset 0 0 0 2px #ffc24b; -webkit-box-shadow:inset 0 0 0 2px #ffc24b; box-shadow:inset 0 0 0 2px #ffc24b; 			transition-duration:0.15s;}
button						{ padding:10px;}				
.errorForm					{ padding:5px; border:2px solid #f00;}
label						{ position:absolute; left:5px; top:-13px; font-size:0.875em; font-weight:bold; color:#747474;
							-moz-text-shadow:1px 0 0 #fff, -1px 0 0 #fff;
							-webkit-text-shadow:1px 0 0 #fff, -1px 0 0 #fff;
							text-shadow:1px 0 0 #fff, -1px 0 0 #fff;}
.errorForm > label			{ color:#f00; top:-14px;}
ul.avisoForm				{ max-width:300px;}
.aceptar					{ position:static;}
#registro_niveles > label, #registro_student_niveles > label 
							{ position:static; font-weight:normal; color:#000;}
#notaNiveles			 	{ position:absolute; margin-left:5px;}
#notaNiveles:hover:after 	{ font-weight:normal; content:"\00a0Please select the levels you teach\00a0";}

/* * Aviso privacidad * */

.avisoPrivacidad			{max-width: 400px; font-size: 0.875em; margin: 1.5em 0 0;}

/* * Popup * */
.modal						{ display:none; position:fixed; top:25%; left:25%; z-index:100; width:40%; max-width:732px; padding:5%; background-color:#fff; color:#333;border: 3px solid #e3004c;}
.cerrar						{ position:absolute; width:24px; height:22px; right:1em; top:1em;}
#terms						{ display:none; box-sizing:border-box; position:fixed; top:10%; left:10%; z-index:100; overflow-y:auto; width:80%; max-height:80%; padding:20px; background-color:#fff; color:#333;text-align:justify; border-width:50px 50px 50px 25px; border-style:solid; border-color:#fff;
							  -webkit-box-shadow: 0 0 0 3px #e3004c;
							  box-shadow: 0 0 0 3px #e3004c;
							  border-radius: 2em; 
							  -webkit-border-radius: 2em 2em;
	                          -moz-border-radius: 2em; 
							  behavior: url(pie/PIE.htc);}
.cerrarTextos				{ position:fixed; display:none; z-index:101; width:24px; height:22px; right:13%; top:12%;}
/* --- Recursos --- */



/* * * * * *  text  * * * * * */

h1							{ margin:0; padding:0;}
.listaBlanca				{ list-style: none;}

.texto						{ padding: 0 3em; color:#000; font-weight:normal; font-size:1em/*16*/; font-family:'Droid Sans',"Trebuchet MS", Arial, sans-serif;}
.bold						{ font-weight:bold;}
.boldgris					{ color:#747474; font-weight:bold;}
.avisoForm					{ color:red; font-size:0.8125em/*13:16*/;}
.flashError					{ padding: 0 3em; color:red; font-weight:normal; font-size:1em/*16*/;}
.navegacion2 a, .navegacion2 span
							{ color:#d9006b; font-size:1.125em/*18:16*/; font-weight:bold; font-family:'Droid Sans',"Trebuchet MS", Arial, sans-serif;}
.navegacion2 a:hover		{ color:#000;}
.navegacion2 span, .txtArea	{ color:#000; font-size:1.125em/*18:16*/; font-weight:bold; font-family:'Droid Sans',"Trebuchet MS", Arial, sans-serif;}
.txtPistaAudio				{ font-size:2.25em/*36:16*/; line-height:75px; font-weight:bold; color:#e3004c;}
.txtPagAudio				{ font-size:0.937em/*15:16*/; font-weight:bold; color:#e3004c;}
.txtDownAudio				{ font-size:1.5em/*24:16*/; font-weight:bold; color:#e3004c;}
.copyright					{ color:#595959; font-size:0.8125em/*13:16*/; font-family:'Droid Sans',"Trebuchet MS", Arial, sans-serif;}
.contact, .contact a		{ color:#d9006b; font-size:1.10em/*13*/; font-weight:bold; font-family:'Droid Sans',"Trebuchet MS", Arial, sans-serif;}
.contact:hover, .contact a:hover
							{ color:#000;}				
#mensajeIpad, #mensajeFlash	{ display:none; padding:20px; text-align:center; font-size:1.5em/*24:16*/;}
input[type="text"]			{ font-size:1em; font-family:'Droid Sans',"Trebuchet MS", Arial, sans-serif;}				
.textoIncrustado            { text-align: left; display: inline-block; margin: 0 auto; border: 1px solid black; padding: 1em;}



/* * * * * *  buttons  * * * * * */

/* * navegacion ppal * */
.home, .audio, .about, .videoFiles, .logout, .digital, .cutouts, .portfolio
							{ display:inline-block; text-align:center; margin-left:10px;/*IE 7 fix*/vertical-align:top; zoom:1; *display:inline; }
.home 						{ width:60px;}
.iconos > .home 			{ height:43px; background: top no-repeat url(../imagenes/botHome+Over.png);}
.audio 						{ width:100px;}/*AJUSTAR SEGÚN TEXTO*/
.iconos > .audio 			{ height:43px; background: top no-repeat url(../imagenes/botAudio+Over.png);}
.about 						{ width:60px;}/*AJUSTAR SEGÚN TEXTO*/
.iconos > .about 			{ height:43px; background: top no-repeat url(../imagenes/botAbout+Over.png);}
.videoFiles					{ width:70px;}/*AJUSTAR SEGÚN TEXTO*/
.iconos > .videoFiles		{ height:43px; background: top no-repeat url(../imagenes/botVideo+Over.png);}
.digital					{ width:80px;}/*AJUSTAR SEGÚN TEXTO*/
.iconos > .digital			{ height:43px; background: top no-repeat url(../imagenes/botDigital+Over.png);}
.logout						{ width:60px;}/*AJUSTAR SEGÚN TEXTO*/
.iconos > .logout			{ height:43px; background: top no-repeat url(../imagenes/botLogout+Over.png);}
.cutouts					{ width:80px;}/*AJUSTAR SEGÚN TEXTO*/
.iconos > .cutouts			{ height:43px; background: top no-repeat url(../imagenes/botCutouts+Over.png);}
.portfolio					{ width:80px;}/*AJUSTAR SEGÚN TEXTO*/
.iconos > .portfolio		{ height:43px; background: top no-repeat url(../imagenes/botPortfolio+Over.png);}

header .activo				{ color:#000;}
.navegacion1 .home.activo	{ background-image:url(../imagenes/botHomeOn.png);}
.navegacion1 .about.activo	{ background-image:url(../imagenes/botAboutOn.png);}
.navegacion1 .audio.activo	{ background-image:url(../imagenes/botAudioOn.png);}
.navegacion1 .digital.activo{ background-image:url(../imagenes/botDigitalOn.png);}
.navegacion1 .videoFiles.activo
							{ background-image:url(../imagenes/botVideoOn.png);}
.navegacion1 .cutouts.activo{ background-image:url(../imagenes/botCutoutsOn.png);}
.navegacion1 .portfolio.activo
							{ background-image:url(../imagenes/botPortfolioOn.png);}


/* * botonera accesos seguros * */
a#btTeachers				{ background: left url(../imagenes/botTeachers.png);}/*IMÁGENES SEGÚN MÉTODO*/
a#btStudents				{ background: left url(../imagenes/botStudents.png);}/*IMÁGENES SEGÚN MÉTODO*/
div#btTeachers				{ background: url(../imagenes/botTeachersOff.png);}/*IMÁGENES SEGÚN MÉTODO*/
div#btStudents				{ background: url(../imagenes/botStudentsOff.png);}/*IMÁGENES SEGÚN MÉTODO*/

/* * botones demos * */
.botonesWebs				{ display:inline-block; width:165px; height:73px; margin:25px 0/*IMÁGENES SEGÚN MÉTODO*/; line-height:0; background-repeat:no-repeat;/*IE 7 fix*/ zoom:1; *display: inline;}
.acceso						{ display:inline-block; width:118px; height:116px; margin:0 1em; background-position:left;}
#Ti-book					{ background-image:url(../imagenes/botAccesoTiBook.png);}
#WGen						{ background-image:url(../imagenes/botAccesoWGen.png);}
#AGen						{ background-image:url(../imagenes/botAccesoAGen.png);}
#Si-book					{ background-image:url(../imagenes/botAccesoSiBook.png);}
#Game						{ background-image:url(../imagenes/botAccesoGame.png);}
#eWorkbook					{ background-image:url(../imagenes/botAcceso-eW.png);}
#DigitalAct					{ background-image:url(../imagenes/botAccesoDActBook.png);}
#MyWebPage					{ background-image:url(../imagenes/botAccesoMyWebPage.png);}

/* * botones interiores * */							
.botInterior				{ display:block; width:134px; height:142px; margin:5px 0; padding:0; background-position:left;}
a#int-audiosCahier_1, a#int-audiosCahier_2, a#int-audiosCahier_3, a#int-audiosCahier_4, a#int-audiosCahier_5, a#int-audiosCahier_6
							{ background-image:url(../imagenes/botInteriorCahierAudios.png);}
a#int-audiosLivre_1, a#int-audiosLivre_2, a#int-audiosLivre_3, a#int-audiosLivre_4, a#int-audiosLivre_5, a#int-audiosLivre_6
							{ background-image:url(../imagenes/botInteriorLivreAudios.png);}
a#int-videosDVD_1			{ background-image:url(../imagenes/botInteriorDVDVideo_1.png);}
a#int-videosDVD_2			{ background-image:url(../imagenes/botInteriorDVDVideo_2.png);}
a#int-videosDVD_3			{ background-image:url(../imagenes/botInteriorDVDVideo_3.png);}
a#int-videosDVD_4			{ background-image:url(../imagenes/botInteriorDVDVideo_4.png);}
a#int-videosDVD_5			{ background-image:url(../imagenes/botInteriorDVDVideo_5.png);}
a#int-videosDVD_6			{ background-image:url(../imagenes/botInteriorDVDVideo_6.png);}
a#int-fichas_1				{ background-image:url(../imagenes/botInteriorFichas_1.png);}
a#int-fichas_2				{ background-image:url(../imagenes/botInteriorFichas_2.png);}
a#int-fichas_3				{ background-image:url(../imagenes/botInteriorFichas_3.png);}
a#int-fichas_4				{ background-image:url(../imagenes/botInteriorFichas_4.png);}
a#int-fichas_5				{ background-image:url(../imagenes/botInteriorFichas_5.png);}
a#int-fichas_6				{ background-image:url(../imagenes/botInteriorFichas_6.png);}
a#int-programa_1, a#int-programa_2, a#int-programa_3, a#int-programa_4, a#int-programa_5, a#int-programa_6
							{ background-image:url(../imagenes/botInteriorProgram.png);}
div#int-audiosCahier_1, div#int-audiosCahier_2, div#int-audiosCahier_3, div#int-audiosCahier_4, div#int-audiosCahier_5, div#int-audiosCahier_6
							{ background-image:url(../imagenes/botInteriorCahierAudiosOff.png);}
div#int-audiosLivre_1, div#int-audiosLivre_2, div#int-audiosLivre_3, div#int-audiosLivre_4, div#int-audiosLivre_5, div#int-audiosLivre_6
							{ background-image:url(../imagenes/botInteriorLivreAudiosOff.png);}
div#int-videosDVD_1			{ background-image:url(../imagenes/botInteriorDVDVideo_1Off.png);}
div#int-videosDVD_2			{ background-image:url(../imagenes/botInteriorDVDVideo_2Off.png);}
div#int-videosDVD_3			{ background-image:url(../imagenes/botInteriorDVDVideo_3Off.png);}
div#int-videosDVD_4			{ background-image:url(../imagenes/botInteriorDVDVideo_4Off.png);}
div#int-videosDVD_5			{ background-image:url(../imagenes/botInteriorDVDVideo_5Off.png);}
div#int-videosDVD_6			{ background-image:url(../imagenes/botInteriorDVDVideo_6Off.png);}
div#int-fichas_1			{ background-image:url(../imagenes/botInteriorFichas_1Off.png);}
div#int-fichas_2			{ background-image:url(../imagenes/botInteriorFichas_2Off.png);}
div#int-fichas_3			{ background-image:url(../imagenes/botInteriorFichas_3Off.png);}
div#int-fichas_4			{ background-image:url(../imagenes/botInteriorFichas_4Off.png);}
div#int-fichas_5			{ background-image:url(../imagenes/botInteriorFichas_5Off.png);}
div#int-fichas_6			{ background-image:url(../imagenes/botInteriorFichas_6Off.png);}
div#int-programa_1, div#int-programa_2, div#int-programa_3, div#int-programa_4, div#int-programa_5, div#int-programa_6
							{ background-image:url(../imagenes/botInteriorProgramOff.png);}
							

/* *  navegación niveles  * */
.botLevel 					{ position:relative; display:inline-block; width:50px; padding:1% 0; margin:3px 0; border:1px solid #909090; text-align:center; background-color:#FFF; font-size:1.25em/*20:16*/; font-weight:bold; color:#b3b3b3; transition:all 2s ease; transition-property:margin, background-color, border-color, font-size, color;
								-webkit-transition: all 2s ease;
								-moz-transition: all 2s ease;
								-ms-transition: all 2s ease;
								-o-transition: all 2s ease;
							 border-radius: 0.5em;
								-webkit-border-radius: 0.5em 0.5em;
								-moz-border-radius: 0.5em;
							  behavior: url(pie/PIE.htc);}
.botLevel:hover				{ color:#e3004c; transition-duration:0.5s;}
.botLevel:focus 			{ margin:3px 5%;}
.levelActivo 				{ background-color:#e3004c; color:#FFF; border-color:#666; transition-duration:2s;}
/*.levelActivo:before 		{ content:"Level\00a0";}*//*TEXTO DE BOTÓN SELECCIONADO*/
.levelActivo:hover			{ color:#fff;}

/* *  navegación doc intro  * */
.botDocPrevio, .botDocSig	{ display:inline-block; width:27px; height:30px; margin:0 10px; vertical-align:middle;}
.botDocPrevio				{ background:url(../imagenes/previousPage.png) no-repeat left;}
.botDocSig					{ background:url(../imagenes/nextPage.png) no-repeat left;}
.botDocPrevio.off			{ background:url(../imagenes/previousPageOff.png) no-repeat left;}
.botDocSig.off				{ background:url(../imagenes/nextPageOff.png) no-repeat left;}

/* * botones videos recursos * */
.botVideoRecursos			{ display:inline-block; width:128px; height:126px; background-position:left;}

/* *  botones videos DVD  * */
.botVideoVO					{ display:inline-block; width:65px; height:38px; background:url(../imagenes/botVideoVO.png) left;}
.botVideoVOST				{ display:inline-block; width:80px; height:38px; background:url(../imagenes/botVideoVOST.png) left;}

/* * botones audio recursos * */
.botAudioTitulos			{ display:block; clear:left; margin:6% 3% 3% 3%; text-align:left}
.botAudioTit				{ float:left; width:28px; height:28px; margin:-5px 3% 0 0; vertical-align:middle; background:url(../imagenes/botTituloAudio.png) no-repeat top left;}
.botAudioText				{ margin-left:40px;}		
.botAudioTitulos:hover>*	{ color:#000;}
.botAudioTitulos:hover>.botAudioTit
							{ background-position:bottom;}
.playing, .playing>.botAudioTit
							{ background-position: bottom right;}
.botAudioTitulos.playing>*	{ color:#000;}
.botPista					{ display:inline-block; position:relative; background-color:#9ba1e8; margin:0 2px 2px 0; padding:0 3px; color:#fff; border-radius:3px;
								-webkit-border-radius:3px;
								-moz-border-radius:3px;
							  behavior: url(pie/PIE.htc);}
.botPista:hover				{ background-color:#5863d8;}
.botPista.playing			{ background-color:#b200ed}
.audioDownload				{ display:inline-block; width:100%; padding:15px 0; text-align:center;}
.audioDownload > div		{ display:inline-block; width:30px; height:44px; margin:10px 1em 0 0; vertical-align:middle; background: url(../imagenes/botDownload.png) no-repeat left;}
.audioDownload:hover span 	{ color:#000;}
.downloadMargenes			{ background-color:#EDEDED; margin:35px 0 45px 0;}

/* * botones productos * */			
.botProd					{ display:block; width:182px; height:193px; margin:5px 0; padding:0; background-position:left;}

#prod-Ti-book_0				{ background-image:url(../imagenes/botTeachersIbook0.png);}
#prod-WGen_0				{ background-image:url(../imagenes/botWorksheetGen0.png);}
#prod-AGen_0				{ background-image:url(../imagenes/botActivityGen0.png);}
#prod-Si-book_0				{ background-image:url(../imagenes/botStudentsIbook0.png);}
#prod-Game_0				{ background-image:url(../imagenes/botGame0.png);}
#prod-DVD_0					{ background-image:url(../imagenes/botDVD0.png);}
#prod-Cutouts_0				{ background-image:url(../imagenes/botCutouts0.png);}
#prod-DigitalAB_0			{ background-image:url(../imagenes/botDigitalAB0.png);}

#prod-Ti-book_1				{ background-image:url(../imagenes/botTeachersIbook1.png);}
#prod-WGen_1				{ background-image:url(../imagenes/botWorksheetGen1.png);}
#prod-AGen_1				{ background-image:url(../imagenes/botActivityGen1.png);}
#prod-Si-book_1				{ background-image:url(../imagenes/botStudentsIbook1.png);}
#prod-Game_1				{ background-image:url(../imagenes/botGame1.png);}
#prod-DVD_1					{ background-image:url(../imagenes/botDVD1.png);}
#prod-Cutouts_1				{ background-image:url(../imagenes/botCutouts1.png);}
#prod-DigitalAB_1			{ background-image:url(../imagenes/botDigitalAB1.png);}

#prod-Ti-book_2				{ background-image:url(../imagenes/botTeachersIbook2.png);}
#prod-WGen_2				{ background-image:url(../imagenes/botWorksheetGen2.png);}
#prod-AGen_2				{ background-image:url(../imagenes/botActivityGen2.png);}
#prod-Si-book_2				{ background-image:url(../imagenes/botStudentsIbook2.png);}
#prod-Game_2				{ background-image:url(../imagenes/botGame2.png);}
#prod-DVD_2					{ background-image:url(../imagenes/botDVD2.png);}
#prod-Cutouts_2				{ background-image:url(../imagenes/botCutouts2.png);}
#prod-DigitalAB_2			{ background-image:url(../imagenes/botDigitalAB2.png);}

#prod-Ti-book_3				{ background-image:url(../imagenes/botTeachersIbook3.png);}
#prod-WGen_3				{ background-image:url(../imagenes/botWorksheetGen3.png);}
#prod-AGen_3				{ background-image:url(../imagenes/botActivityGen3.png);}
#prod-Si-book_3				{ background-image:url(../imagenes/botStudentsIbook3.png);}
#prod-Game_3				{ background-image:url(../imagenes/botGame3.png);}
#prod-DVD_3					{ background-image:url(../imagenes/botDVD3.png);}
#prod-Cutouts_3				{ background-image:url(../imagenes/botCutouts3.png);}
#prod-DigitalAB_3			{ background-image:url(../imagenes/botDigitalAB3.png);}

#prod-Ti-book_4				{ background-image:url(../imagenes/botTeachersIbook4.png);}
#prod-WGen_4				{ background-image:url(../imagenes/botWorksheetGen4.png);}
#prod-AGen_4				{ background-image:url(../imagenes/botActivityGen4.png);}
#prod-Si-book_4				{ background-image:url(../imagenes/botStudentsIbook4.png);}
#prod-Game_4				{ background-image:url(../imagenes/botGame4.png);}
#prod-DVD_4					{ background-image:url(../imagenes/botDVD4.png);}
#prod-Cutouts_4				{ background-image:url(../imagenes/botCutouts4.png);}
#prod-DigitalAB_4			{ background-image:url(../imagenes/botDigitalAB4.png);}

#prod-Ti-book_5				{ background-image:url(../imagenes/botTeachersIbook5.png);}
#prod-WGen_5				{ background-image:url(../imagenes/botWorksheetGen5.png);}
#prod-AGen_5				{ background-image:url(../imagenes/botActivityGen5.png);}
#prod-Si-book_5				{ background-image:url(../imagenes/botStudentsIbook5.png);}
#prod-Game_5				{ background-image:url(../imagenes/botGame5.png);}
#prod-DVD_5					{ background-image:url(../imagenes/botDVD5.png);}
#prod-Cutouts_5				{ background-image:url(../imagenes/botCutouts5.png);}
#prod-DigitalAB_5			{ background-image:url(../imagenes/botDigitalAB5.png);}

#prod-Ti-book_6				{ background-image:url(../imagenes/botTeachersIbook6.png);}
#prod-WGen_6				{ background-image:url(../imagenes/botWorksheetGen6.png);}
#prod-AGen_6				{ background-image:url(../imagenes/botActivityGen6.png);}
#prod-Si-book_6				{ background-image:url(../imagenes/botStudentsIbook6.png);}
#prod-Game_6				{ background-image:url(../imagenes/botGame6.png);}
#prod-DVD_6					{ background-image:url(../imagenes/botDVD6.png);}
#prod-Cutouts_6				{ background-image:url(../imagenes/botCutouts6.png);}
#prod-DigitalAB_6			{ background-image:url(../imagenes/botDigitalAB6.png);}

#prod-MyWebPage_0, #prod-MyWebPage_1, #prod-MyWebPage_2, #prod-MyWebPage_3, #prod-MyWebPage_4,#prod-MyWebPage_5, #prod-MyWebPage_6
							{ background-image:url(../imagenes/botMyWebPage.png);}
#prod-Ti-book_SoloPC		{ background-image:url(../imagenes/botTeachersIbookSoloPC.png);}
#prod-WGen_SoloPC	 		{ background-image:url(../imagenes/botWorksheetGenSoloPC.png);}
#prod-AGen_SoloPC	 		{ background-image:url(../imagenes/botActivityGenSoloPC.png);}
#prod-Game_SoloPC	 		{ background-image:url(../imagenes/botGameSoloPC.png);}
#prod-MyWebPage_SoloPC	 	{ background-image:url(../imagenes/botMyWebPageSoloPC.png);}


.botDownProd, .noDown		{ display:inline-block; width:128px; height:34px; background:url(../imagenes/botDownloadProducto.png) left;}
.noDown						{ background:url(../imagenes/botDownloadProductoOff.png);}
#whatsMyWebpage				{ background-image:url(../imagenes/botWhatsMyWebpage.png);}

/* * Otros botones * */
.botImprimir, .botProgreso	{ float:right; width:100px; height:40px; line-height:40px; margin:-5px 15px 0 -100px; font-size:16px; font-weight:bold; color:#000;background-color:#fff; border:1px solid #747474; transition:all 0.5s; border-radius:20px;
								-webkit-border-radius:20px;
								-moz-border-radius:20px;
							  behavior: url(pie/PIE.htc);}
.botImprimir				{ width:55px; padding-left:45px; background:#fff url(../imagenes/botImprimir.png) no-repeat 5px top;}
.botImprimir:hover, .botProgreso:hover
							{ background-color:#e3004c; color:#fff; transition:all 1s;}


/* * * * * *  buttons hover  * * * * * */
nav a.hover 				{ color:#000; }
.iconos > .home.hover, .iconos > .audio.hover, .iconos > .about.hover, .iconos > .videoFiles.hover, .iconos > .logout.hover, .iconos > .digital.hover,
.iconos > .home:hover, .iconos > .audio:hover, .iconos > .about:hover, .iconos > .videoFiles:hover, .iconos > .logout:hover, .iconos > .digital:hover, .iconos > .cutouts:hover, .iconos > .cutouts.hover, .iconos > .portfolio:hover, .iconos > .portfolio.hover
							{ background-position:bottom;}
#btTeachers:hover, #btStudents:hover, .acceso:hover, .botDocPrevio:hover, .botDocSig:hover, 
.audioDownload:hover > div, .botProd:hover, .botDownProd:hover, .botInterior:hover,	.botVideoRecursos:hover, .botVideoVO:hover, .botVideoVOST:hover			
							{ background-position:right;}

/* * * * * *  absolute elements  * * * * * */

.anclaRecursos				{ position:relative; float:right; width:0px; height:0px;}
.demos						{ position:absolute; top:-30px; left:-20px;}
.imgTamCompleto				{ width:100%;}


/* * * * * * useful classes  * * * * */

.centrado					{ text-align:center;}
.floatleft                 	{ float:left;}
.floatright          		{ float:right;}
.marginright                { margin-right:1.5em;}
.marginbottom               { margin-bottom:0.65em;}
.marginleft                 { margin-left:1em;}
.margenColumna				{ margin-left:auto;}
.wrapper					{ clear:both;}


/* * * * * *  media queries  * * * * */

@media screen and (max-width: 800px) {
a#btTeachers				{ background: left url(../imagenes/botTeachersPQ.png);}
a#btStudents				{ background: left url(../imagenes/botStudentsPQ.png);}
div#btTeachers				{ background: url(../imagenes/botTeachersPQOff.png);}
div#btStudents				{ background: url(../imagenes/botStudentsPQOff.png);}
}

@media screen and (max-width: 580px) {
.texto						{ padding: 0 1em;}
.baseDoc 					{ border: 8px solid #fff; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; behavior: url(pie/PIE.htc);}
.txtPistaAudio				{ font-size:2em/*32:16*/; line-height:54px;}
.txtPagAudio				{ font-size:0.75em/*12:16*/;}
}

@media screen and (max-width: 450px) {
#consola					{ text-align:center; height:inherit;}
}