html {
	background-image:url(../img/general/fondo.png);
	-moz-box-shadow: 0px 0px 11px #5d6b63;
-webkit-box-shadow: 0px 0px 11px #5d6b63;


}


.header {
	background-image:url(../img/general/textura.png);
	box-shadow: 0 -7px 11px #c5bfbb;
	
}


.contenido .fase.conmenu {

}



.fase{
  
   box-shadow: -2px 9px 10px #c5bfbb;

}



.header .materia:before {
    background: url("../img/general/icons_materias.png") no-repeat scroll -102px -102px rgba(0, 0, 0, 0);
}

.header .nombre_objeto:before {
    border-bottom: 3px solid #9a5da0;
}


.header .materia .nombre {
    color:#9a5da0;
    
}

.header .nombre_objeto {
    color: #9a5da0;
}


.contenido .menuFases {
  position: absolute;
  z-index: 1;
  transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transform: scale(1) translate3d(0, 0, 2px); 
  -webkit-transform: scale(1) translate3d(0, 0, 2px);
  -ms-transform: scale(1) translate3d(0, 0, 2px);
  transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  overflow: hidden;
}

.contenido .menuFases.oculto {
  transform: scale(1, 0) translate3d(0, 0, 1px);
  -webkit-transform: scale(1, 0) translate3d(0, 0, 1px);
  -ms-transform: scale(1, 0) translate3d(0, 0, 1px);
}


.contenido .menuFases {
  right: 0px;
  z-index: 3;
  top: 177px;
}


/***
 *  termina transiciones y estilo en el menu principal
 *
 */

.contenido .fase {
  /*background-color: #D3D3ff;*/
}


.oacontext {
  background: url(../img/general/textura.png) #D3D3D3; 
}

/**********************
 * portada
 ***********/

.contenido .portada {
  /*background-color: #D3D3D3;
  background-image:url(../img/general/im%C3%A1genes/textura_02.png);
  */
}

/**********************
 * ejercicios
 ***********/

.contenido .ejercicios {
  background-color: #D3D3ff;
}

/**********************
 * conclusionesv
 ***********/

.contenido .conclusiones {
  background-color: #ffD3ff;
}

/********
 * general
 */
.contenido .botones {
  margin-left: auto;
  margin-top: 60px;
  width: 350px;

}

.botones > a.boton {
  display: inline-block;
  outline: medium none;
  /*overflow: hidden;*/
  text-indent: -9999px;
}

/*.contenido .boton {
  display: block;
  outline: none;
  text-decoration: none;
  border-radius: 3px;
  /*border: solid 1px #000;
   text-align: center;

}*/

.contenido .dummydiv {
  border: 2px solid green;
  width: 300px;
  height: 700px;
  margin: auto;
}
.contenido .testDiv {
  border:1px solid #666;
  width: 80%;
  margin: auto;
}


/* ==============ESTILOS ANTONIETA=========================== */
.btn-forum{
  /*background-color: #f90;*/
  /*background: url("../img/imagenes_contenido/foro.png") no-repeat;*/
  background: url("../img/imagenes_contenido/foro_largo.png") no-repeat;
  height: 59px;
  outline: none;
  position: absolute;
  right: 0px;
  width: 70px;
  bottom: 50px;
  text-indent:9999px;
  overflow:hidden;
  transition: width 1s ease 0s;
  -webkit-transition: width 1s ease 0s;
}


.btn-forum:hover{
  width: 119px;
  color: #fff;
  line-height: 57px;
  text-indent: 63px;
}


.contenido .btn-listen{
  /*display:inline-block;*/
  /*outline: none;*/
  /*text-decoration: none;*/
  /*text-align: center;*/
  background:url(../img/imagenes_contenido/listen_start.png) no-repeat;
  height:174px;
  width:177px;
  /*float:left;*/
  /*background-color:#039;*/
  /*text-indent:9999px;*/
  /*overflow:hidden;*/
  margin-left: -70px;
  margin-top: -10px;
  
}

.header .materia:before {
    border: #9a5da0;
    border-radius: 50%;
	border-bottom: 3px solid #9a5da0;
	 border-width:none;
	  border-style: none;
  
}

.contenido .btn-reading{
  /*display: block;
  outline: none;
  text-decoration: none;
  border-radius: 3px;*/
  /*border: solid 1px #000;*/
  /*text-align: center;*/
  background:url(../img/imagenes_contenido/oral_text_start.png) no-repeat;
  height:162px;
  width:161px;
  /*margin-left:229px;*/
  /*background-color:#960;*/
  /*text-indent:9999px;
  overflow:hidden;*/
}


.btn_icono{
  background-color:#999694;
}


.contenido .btn-icono:hover {
  opacity:1;
}

/*h1{
  text-align:center;
  font-size:3em;
}


h1:before{
  content:"";
  background-image:url(../img/imagenes_contenido/elemento_titulo.png);
  background-repeat:no-repeat;
  width:49px;
  height:70px;
  display:block;
  position:relative;
  right: -415px;
  top: 70.3px;
}*/

h1:before {
  background-image: url("../img/imagenes_contenido/elemento_titulo.png");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 79px;
  left: 24px;
  position: absolute;
  top: -13px;
  width: 49px;
}
h1 {
  font-size: 3em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  width: 500px;
}

.portada h2 {
  color: #FFFFFF;
  display: inline-block;
  font-size: 36px;
  margin-left: 15%;
  margin-top: -45px;
  text-align: right;
  text-shadow:0 4px 4px #696969;
}

.portada h2:before {
  content: "";
  background: url('../img/imagenes_contenido/11_lovers_03.png') no-repeat;
  width: 390px;
  height: 518px;
  display: block;
}

.portada .introduccion {
  display: inline-block;
  vertical-align: top;
  width: 460px;
  /*background-color:#06F;*/
  margin-left:60px;
  margin-top:32px;
}

.introduccion p{

  margin-top: 52px;
  font-size: 1.1em;
}


/*.loveruno{
  background-color: #c66;
  color: #fff;
  font-size: 36px;
  height: 416px;
  margin-left:330px;
  margin-top: -30px;
  position: relative;
  text-align: left;
  text-shadow: 0 2px 3px #555;
  width: 700px;
}


.loveruno:before {
  content:"";
  background-image:url(../img/imagenes_contenido/lover.png);
  background-repeat:no-repeat;
  width:236px;
  height:296px;
  display:block;
  position:relative;
  left:-90px;
  top: 47px;
  background-color:#399;
}


.loveruno:after {
  border: 7px solid #00c6ad;
  border-radius: 50%;
  box-shadow: 2px 4px 15px -2px #4d4d4d;
  content: "";
  display: block;
  height: 235px;
  left: -96px;
  position: relative;
  top: -299px;
  width: 236px;
  background-color:#60C;
}*/


.contenido .btn-icono{
  margin: 191px 5px;
  /*border-radius:none;/*+++++++++++++++++me dijo el validador que esta propiedad no se reconoce pero si afecta cuando la comento*******************/
}

/*
.introduccion:after {
  content:"";
  display:block;
  position:relative;
  right: -568px;
  top: -300px;
  width:410px;
  padding-left:660px;
  margin-top:-200px;
  background-image:url(../img/imagenes_contenido/listen_start.png);
  background-repeat:no-repeat;
}


.introduccion{
  background-color: gray;
  margin-left:620px;
  margin-top:-370px;
  position: relative;
  width:460px;
}*/


.boton{
  text-decoration:none;
  color:#FFF;
}


/******************SEGUNDA PANTALLA************/
/*QUITE ESTA TEXTURA Y LA LASE AL HTML PORQUE ESTA DE MAS.contenido .fase {
  background-image:url(../img/general/textura.png); 
}*/


/*

.instruccion{
  font-size: 1.1em;
  font-weight: bold;
  height: 40px;
  line-height: 43px;
  margin-left: 18%;
  margin-top: 15px;
  text-align: left;
  width: 70%;
}*/

.audiovisual .instruccion,
.audiotext .instruccion {
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 43px;
  margin-left: 10px;
  margin-top:5px;
  text-align: left;
  width: 70%;

  /*margin-left: 230px;*/
}

/*bloque de para seccion de tobeverb*/
.contenedor_actividad .titulo {
  text-align: center;
}


.contenedor_actividad .titulo h2 {
  display: inline-block;
  line-height: 46px;
}

.contenedor_actividad .play,
.audiotext .play {
  display: inline-block;
  background: url("../img/imagenes_contenido/bocina.png") no-repeat;
  height: 46px;
  width: 54px; 
  vertical-align: middle;
  text-indent: -9999px;
  overflow: hidden;
}

.contenedor_actividad .btn_audio,
.audiotext .btn_audio {
  display: inline-block;
  /*background: url("../img/imagenes_contenido/bocina.png") no-repeat;*/
  height: 46px;
  width:48px;
  vertical-align: middle;
  text-indent: -9999px;
  overflow: hidden;
}

.contenedor_actividad .btn_audio.pause,
.audiotext .btn_audio.pause {
  background: url("../img/imagenes_contenido/bocina.png") no-repeat;
}

.contenedor_actividad .btn_audio.play,
.audiotext .btn_audio.play {
  background: url("../img/imagenes_contenido/inactivo.png") no-repeat;
}


.contenedor_actividad li {
  list-style-type: none;
  margin-left:0px;
}

audio{
	display:none;
	width:0px;
	background:red;
	position:absolute;
	height:0px;
	}
	
	
	
.contenedor_actividad li .btn_audio {
  /*.contenedor_actividad li .play {*/
  margin-left: -60px;
}

.archaic_expressions .respuesta li {
    margin-bottom: 10px;
}

/*.realimentacion-listen {*/
.realimentacion {
  /*background-color: #ccc;*/
  height: 331px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top:128px;
  width: 336px;
  background-image:url(../img/imagenes_contenido/realimentacion_like.png);
  z-index: 10;
  background-repeat:no-repeat;
}


.realimentacion-mal {
  background-color: #2ebcb2;
  /*background-image: url(../img/imagenes_contenido/fondo_try_again.png);*/
  background-image: none;
  border: 8px solid #fff;
  border-radius: 50px;
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 216px;
  width: 302px;
  box-shadow: 2px 4px 15px -2px #b2b3b3;
}

.who .intro .intruction{
  font-size: 1.1em;
  font-weight: bold;
  line-height: 43px;

  margin-top: 15px;
  text-align: left;
  width: 90%;
}



/*.realimentacion-listen p{*/
.realimentacion p{
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  margin-left: 54px;
  margin-top: 270px;
  text-align: left;
}

.realimentacion-mal p{
  margin-left: 65px;
  margin-top: 23px;
}



/**********aqui termina seccion de tobeverb***************/


/*.audiovisual .play{
  background-image: none;
}*/
.audiotext .contenedor_actividad li .btn_audio, 
.tobeverb .contenedor_actividad li .btn_audio, 
.missingverbs .contenedor_actividad li .btn_audio,
.missingdialogues .contenedor_actividad li .btn_audio {
  /*  background: url("../img/imagenes_contenido/bocina.png") no-repeat;*/
  height: 50px;
  margin-top: -1px;
  right: 594px;
  width: 50px;
  text-indent:-9999px;
  overflow:hidden;
}

.audiotext .contenedor_actividad li .btn_audio.pause, 
.tobeverb .contenedor_actividad li .btn_audio.pause, 
.missingverbs .contenedor_actividad li .btn_audio.pause,
.missingdialogues .contenedor_actividad li .btn_audio.pause {
  background: url("../img/imagenes_contenido/bocina.png") no-repeat;
}

.audiotext .contenedor_actividad li .btn_audio.play, 
.tobeverb .contenedor_actividad li .btn_audio.play, 
.missingverbs .contenedor_actividad li .btn_audio.play,
.missingdialogues .contenedor_actividad li .btn_audio.play {
  background: url("../img/imagenes_contenido/inactivo.png") no-repeat;
}

.audiovisual .audio, 
.audiotext .audio {
  display: inline-block;
  margin-left: 15%;
}

.audiovisual a.play {
  color: #FF0000;
  display: block;
  overflow: hidden;
  text-indent: 9999px;
  width: 0;
}
/*
.audio{
  font-size:.9em;
  height:62px;
  margin-left:160px;
  width:270px;
  text-indent:9999px;
  overflow:hidden;
  /*background-color:#0C3;*/
/*  }

/*
.audio:after {
  content:"";
  display:inline-block;
  position:relative;
  width:50px;
  height:50px;
  background-image:url(../img/imagenes_contenido/bocina.png);
  background-repeat:no-repeat;
  top:0px;
  right:4px;
  }
*/

/*.contenedor_img{
  height:386px;
  width:752px;
  background-image:url(../img/imagenes_contenido/comic.png);
  background-repeat:no-repeat;
  position:relative;
  left:232px;
  background-color:#F90;	
}	*/

.contenedor_img{
  /*height: 386px;*/
  margin: auto;
  width: 60%;
}


.fase.audiovisual .contenedor_img > img {
  display: block;
  margin: auto;
}

/*********estilos para menu azul************/
/*.menuFases{
  margin-left:573px;
  position:relative;
  top:126px;
  height:163px;
  margin-top:177px; 
}*/

.menuFases > a {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  /*transition: width 1s ease 0s;*/
  outline: none;
}

.menuFases .oral{
  background: url(../img/imagenes_contenido/oral_text_largo.png) no-repeat;
  height:43px;
  width:70px;
}

.menuFases .oral.activo{
  background: url(../img/imagenes_contenido/oral_text_inactivo.png) no-repeat;
}

.menuFases .oral:hover{
  /*box-shadow: 2px 4px 15px -2px #4d4d4d;*/
  /*  width: 100px;*/
  /*right: 8px;
  transform: scale(1.2, 1);
  -webkit-transform: scale(1.2, 1);
  -ms-transform: scale(1.2, 1);*/
}

.menuFases .forum{
  background: url("../img/imagenes_contenido/foro_largo.png") no-repeat;
  height: 59px;
  width:71px;
  /*transition: width 1s ease 0s;*/
}

.menuFases .forum.activo{
  background: url("../img/imagenes_contenido/foro_inactivo.png") no-repeat;
}

.menuFases .forum:hover{
  /*right: 8px;
  transform: scale(1.2, 1);
  -webkit-transform: scale(1.2, 1);
  -ms-transform: scale(1.2, 1);

  /*  box-shadow: 2px 4px 15px -2px #4d4d4d;
    height: 51px;
    width: 150px;*/
}

.menuFases .listen{
  background: url("../img/imagenes_contenido/listen_largo.png") no-repeat;
  height: 59px;
  width: 70px;
}

.menuFases .listen.activo{
  background: url("../img/imagenes_contenido/listen_inactivo.png") no-repeat;
}


.menuFases .listen:hover{
  /*right: 8px;
  transform: scale(1.2, 1);
  -webkit-transform: scale(1.2, 1);
  -ms-transform: scale(1.2, 1);
  /*  
    box-shadow: 2px 4px 15px -2px #4d4d4d;
    height: 51px;
    width: 100px;*/
}

/*
.autor, .autor_ilustraciones, .autor_missing{
  position:relative;
  height:174px;
  width:530px;
  text-align:center;
  left:30%;
  line-height:20px;
  top:-133px;
  background-color:#CCC;
  margin-left: auto;
  margin-right: auto;
}*/

.audiotext .autor {
  padding: 1px 10px 10px;
}

.autor  p {
   font-size: 0.9em;
    line-height: 20px;
    margin-top: 10px;
    position: relative;
    text-align: center;
}

.autor{
    padding-bottom: 6px;
	margin-top:-1px;	
 }
 
.audiovisual.autor {
	margin-top: -1.6px;
	}
 
.oraltext .autor{
	margin-top:0.4px;
	}
	
.tobeverb .autor,
.missingverbs .autor, 
.missingdialogues .autor{
	/*margin-top:-14.2px;*/
	margin-top:-18px;
	}
	
.portada .autor{
	margin-top:19px;
	}
	

.periodo:before {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  margin-bottom: 5px;
  margin-right: 25px;
  width: 100px;
}

.periodo:after {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  margin-bottom: 5px;
  margin-left: 20px;
  width: 100px;
}

/*
.autor:before, .autor_ilustraciones:before, .autor_missing:before, .autor_oraltext:before{
  background-image: url("../img/imagenes_contenido/lineas.png");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  right: 19%;
  top: 83px;
  width: 329px;
}
*/

.autor_ilustraciones{
  /*background-color: #9c0;*/
  left: -15px;
  margin-top: 27px;
  position: relative;
}

/*
.contenido .boton {
  border-radius: 3px;
  display: block;
  outline: medium none;
  text-align: center;
  text-decoration: none;
}
*/

/*.botonsiguiente, .botondos{
  background-color: #70bbb1;
  bottom: 24px;
  height: 59px;
  overflow: hidden;
  position: absolute;
  right: 19px;
  text-decoration: none;
  text-indent: 9999px;
  width: 34px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}*/

.botonsiguiente, .botondos{
  display: block;
  background: url("../img/imagenes_contenido/siguiente.png") no-repeat center;
  width:47.8px;
  height: 59px;
  bottom: 24px;
  text-indent: -9999px;
  overflow: hidden;
  right: 20px;
  position: absolute;

}

.botonsiguiente:before, .botondos:before {
  content: "";
  display: block;
  height: 59px;
  width:46px;
  background-color: #00bab2;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  z-index: -1;
  box-shadow: 2px 4px 15px -2px #dcdbd6;
  

}
/*
.botonsiguiente:after, .botondos:after{
  background-image: url("../img/imagenes_contenido/siguiente.png");
  content: "";
  display: block;
  height: 38px;
  left: -9%;
  position: relative;
  top: -10px;
  width: 46px;
}*/


/************PANTALLA 3**********/
.pantallatres:before {
  content:"";
  background-image:url(../img/imagenes_contenido/she.png);
  background-repeat:no-repeat;
  width:236px;
  height:476px;
  display:block;
  position:relative;
  right:345px;
  top: 487px;
}


.pantallatres:after {
  content:"";
  background-image:url(../img/imagenes_contenido/he.png);
  background-repeat:no-repeat;
  width:236px;
  height:466px;
  display:inline-block;
  position:relative;
  right:-402px;
  top: 0px;
}


.contenedor_txt{
  /*background-color: #960;*/
  /*  display: block;
    margin-left:420px;
    right: 265px;*/
  width: 39%;
  font-size:1.1em;
  margin: auto;
  position: relative;
  
}

.who .contenedor_txt {
      width: 47%;
}


.audiotext .contenedor_txt:before{
  background: url("../img/imagenes_contenido/she.png") no-repeat;
  content: "";
  width: 269px;
  height: 466px;
  position: absolute;
  left: -184px;
  top:33px;
} 


.audiotext .contenedor_txt:after{
  content:"";
  background:url(../img/imagenes_contenido/he.png) no-repeat;
  width:236px;
  height:466px;
  position: absolute;
  right: -190px;
  top: 32px;
} 


.loverpeso{
  /*background-color: red;*/
  font-size: 1.5em;
  text-align: center;
  width:500px;
  margin-top:8px;
}


/**********cuarta pantalla instruccion_missing*************/
.instruccion_missing, 
.missingverbs .instruccion, 
.missingdialogues .instruccion {
  font-size: 1.1em;
  font-weight: bold;
  /*  height: 64px;
    margin-left:120px;*/
  margin: 17px auto 10px 125px;
  /*  width: 1080px;*/
  width: 84%;
  /*background-color:#999;*/
}


.contenedor_actividad{
  /*background-color: #c63;*/
  /*width: 806px;*/
  /*  width: 810px;*/
  width: 63%;
  margin: auto;
}


.autor_missing{
  /*background-color: #9c0;*/
  left: 118px;
  position: relative;
}


.lover_actividad{
  text-align:center;
}


.audio_missing{
  font-size:0.9em;
  /*padding-left:168px;*/
  height:62px;
  /*margin-top:61px;*/
  margin-left:270px;
  width:270px;
  /*background-color:#0C3;*/
  text-indent:9999px;
  overflow:hidden;
}


.audio_missing:after{
  content:"";
  display:inline-block;
  position:relative;
  width:50px;
  height:50px;
  background-image:url(../img/imagenes_contenido/bocina.png);
  background-repeat:no-repeat;
  top:18px;
  right:54px;
}

.madly{
  /*background-color: #666;*/
  display: block;
  right: 265px;
  width: 746px;
}


.madly:before{
  content:"";
  background-image:url(../img/imagenes_contenido/bocina_blanca.png);
  background-repeat:no-repeat;
  width: 62px;
  height: 49px;
  display:inline-block;
  position:absolute;
  margin-left: -104px;
  margin-top: 250px;
  top: 0px;
  /*background-color:#666;*/
}


.behind{
  /*background-color:#FC0;*/
  display: block;
  right: 265px;
  width: 746px;
  margin-top:30px;
}


.behind:before{
  content:"";
  background-image:url(../img/imagenes_contenido/bocina_blanca.png);
  background-repeat:no-repeat;
  width: 62px;
  height: 49px;
  display:inline-block;
  position:absolute;
  margin-left: -104px;
  margin-top:300px;
  top: 0px;
  /*background-color:#FC0;*/
}


.he_answered{
  /*background-color:#60C;*/
  display: block;
  right: 265px;
  width: 746px;
  margin-top:28px;
}


.he_answered:before{
  content:"";
  background-image:url(../img/imagenes_contenido/bocina_blanca.png);
  background-repeat:no-repeat;
  width: 62px;
  height: 49px;
  display:inline-block;
  position:absolute;
  margin-left: -104px;
  margin-top:350px;
  top: 0px;
  /*background-color:#60C;*/
}


.she_replied{
  /*background-color:#F03;*/
  display: block;
  right: 265px;
  width: 746px;
  margin-top:20px;
}


.she_replied:before{
  content:"";
  background-image:url(../img/imagenes_contenido/bocina_blanca.png);
  background-repeat:no-repeat;
  width: 62px;
  height: 49px;
  display:inline-block;
  position:absolute;
  margin-left: -104px;
  margin-top:400px;
  top: 0px;
  /*background-color:#F03;*/
}


.betook{
  /*background-color:#FCC;*/
  display: block;
  right: 265px;
  width: 746px;
  margin-top: 20px;
}


.betook:before{
  content:"";
  background-image:url(../img/imagenes_contenido/bocina_blanca.png);
  background-repeat:no-repeat;
  width: 62px;
  height: 49px;
  display:inline-block;
  position:absolute;
  margin-left: -104px;
  margin-top:452px;
  top: 0px;
  /*background-color:#FCC;*/
}


.cameback{
  /*background-color:#999;*/
  display: block;
  right: 265px;
  width: 746px;
  margin-top: 20px;
}

.cameback:before{
  content:"";
  background-image:url(../img/imagenes_contenido/bocina_blanca.png);
  background-repeat:no-repeat;
  width: 62px;
  height: 49px;
  display:inline-block;
  position:absolute;
  margin-left: -104px;
  margin-top:-37px;
  top:539px;
  /*background-color:#999;*/
}

.the_voice{
  /*background-color:#F60;*/
  display: block;
  right: 265px;
  width: 746px;
  margin-top: 20px;
}	


.the_voice:before{
  content:"";
  background-image:url(../img/imagenes_contenido/bocina_blanca.png);
  background-repeat:no-repeat;
  width: 62px;
  height: 49px;
  display:inline-block;
  position:absolute;
  margin-left: -104px;
  margin-top:12px;
  top:539px;
  /*background-color:#F60;*/
}


.yourself{
  /*background-color:#06C;*/
  display: block;
  right: 265px;
  width: 746px;
  margin-top: 20px;
}


.yourself:before{
  content:"";
  background-image:url(../img/imagenes_contenido/bocina_blanca.png);
  background-repeat:no-repeat;
  width: 62px;
  height: 49px;
  display:inline-block;
  position:absolute;
  margin-left: -104px;
  margin-top:60px;
  top:539px;
  /*background-color:#06C;*/
}


.open_wide{
  /*background-color:#9F9;*/
  display: block;
  right: 265px;
  width: 746px;
  margin-top: 20px;
}


.open_wide:before{
  content:"";
  background-image:url(../img/imagenes_contenido/bocina_blanca.png);
  background-repeat:no-repeat;
  width: 62px;
  height: 49px;
  display:inline-block;
  position:absolute;
  margin-left: -104px;
  margin-top:112px;
  top:539px;
  /*background-color:#9F9;*/
}


.menu oculto menuFaseListen{
  background-color:#003367;
  margin-top:50px;
  width:5px;
  height:230px;
  position:relative;
}


.contenido .menu.menuFaseListen{
  width:215px;
  height: 224px;
  margin-top:246px;
  padding:14px 0px 11px 23px;
  background-color:#4abfb6;
  border:6px;
  border-color:#00c;
  line-height: 29px;
  border-width: 6px 6px 6px thick;
  opacity: 0.79;
  box-shadow: 2px 4px 15px -2px #4d4d4d;
  transition: width 0.5s ease 0s;
  -webkit-transition: width 0.5s ease 0s; 
}


.contenido .menu.oculto.menuFaseListen{
  margin-left:0px;
  margin-top:356px;
  width:10px;
  height:120px;
  padding:12px;
  background-color:#17e1d3;
  border:6px;
  border-left:dotted;
  border-color:#00c;
  border-width: 6px 6px 6px thick;
}


.contenido .btn-menu-fases{
  /*background-color: red;*/
  background-image: url("../img/imagenes_contenido/menu_desplegable.png");
  border-radius: 0%;
  border-top: 23px solid #002c6b;
  box-shadow: none;
  color: #fff;
  font-weight: bold;
  margin-left: -149px;
/*  margin-top: 398px;*/
  margin-top: 360px;
  overflow: visible;
  padding-left: 79px;
  position: absolute;
  text-indent: 2px;
  text-transform: uppercase;
  transform: translate3d(0, 0, 2px) rotate(270deg);
  width:279px;
  z-index: 4;
  
   -webkit-transform: translate3d(0, 0, 2px) rotate(270deg);
  -moz-transform: translate3d(0, 0, 2px) rotate(270deg);
  -ms-transform: translate3d(0, 0, 2px) rotate(270deg);
  
  
}

/*
.contenido .btn-icono .btn-menu-fases{
  border-radius:none;
  color:#FFF;
  z-index:5;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
}


.btn-icono .btn-menu-fases{
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);	
}*/


.audiovisual, .audio_text, .verb_to_be, .missing_verbes, .missing_dialogues{
  color:#000;
  z-index:2;
  /*opacity: 100;*/
  opacity:1.0;
  line-height:32px;
}


.contenido .menu{
  z-index:3;
  left:0px;
/*  top:0px;*/
  top:2px;
}


.audiovisual{
  /*border-bottom:solid #999 2px;*/
  padding-bottom:5px;
  display: block;
}
/*
.audio_text:hover{
  background-color:#46e5d9;
}*/

.menuFaseListen a:hover {
  background-color:#46e5d9;
}

.menuFaseListen a.activo:hover {
  background-color: transparent;
}

.verb_to_be{
  border-bottom:solid #999 2px;
  padding-bottom:5px;
  display:inline-block;
  background-color:#4abfb6;
}

/*
.verb_to_be:hover{

  cursor:inherit;
}
*/

.audio_text{
  border-bottom:solid #999 2px;
  padding-bottom:5px;
  display:inline-block;
  height: 41px;
  width: 242px;
  background-color:#4abfb6;
}

/*.audio_text:hover{
  background-color:#46e5d9;
}*/


.missing_verbes{
  background-color:#4abfb6;
  border-bottom: 2px solid #999;
  display: inline-block;
  height: 41px;
  width: 242px;
  padding-bottom: 5px;
}

/*.missing_verbes:hover{
  background-color:#46e5d9;
}*/


.missing_dialogues{
  background-color:#4abfb6;
  border-bottom: 2px solid #999;
  display: inline-block;
  height: 51px;
  padding-bottom: 5px;
  width: 242px;
}

/*.missing_dialogues:hover{
  background-color:#46e5d9;

}  */


/*********SOBREESCRIBE GENERAL******/

.oacontext .contenido .btn-icono[data-params="menuPrincipal;.oacontext"] {
  /*margin: 190px 5px;*/
  bottom: 10px;
  transform: scale(1) translate3d(0px, 0px, 2px);
  z-index: 6;
  top: auto;
}


.contenido .contenedor_actividad span.oculto {
  display: none;
}

/*
.audio .play{
  background-color: #f06;
  margin-top: -39px;
  position: absolute;
  right: 1043px;
}*/

/*
.audiotext .instruccion{
  background-color:#C30;
  margin-left:239px;
  width: 552px;
}*/



/*******FASE ORAL TEXT**************/




.menuFaseOral a:hover{
  background-color:#FF8B36;
  box-shadow: 2px 4px 15px -2px #4d4d4d;

}




.oraltext .contenedor_txt{
  margin-top:-14px;
  font-size:1.1em;
  /*background-color:red;*/
}


/*.oraltext .contenedor_txt:before{
  background-image:none;
}*/


.oraltext .contenedor_txt:after{
  content: "";
  background: url("../img/imagenes_contenido/leer_derecha.png") no-repeat;
  height: 471px;
  /*  margin-left:-109px;*/
  position: absolute;
  /*  top:-137px;*/
  width: 263px;
  right: -211px;
    top: 22px;
}


.oraltext .contenedor_txt:before{
  content: "";
  background: url("../img/imagenes_contenido/leer.png") no-repeat;
  height: 468px;
  /*  margin-left:453px;*/
  /*  top: -17px;*/
  width: 256px;
  position: absolute;
  top: 30px;
  left: -270px;
}


.oraltext .contenedor_txt h2{
  text-align:center;
  /*background-color:red;*/
}


.autor_oraltext{  
  /*background-color: green;*/
  height: 149px;
  left: 77px;
  line-height: 20px;
  position: relative;
  text-align: center;
  top: 9px;
  width: 339px;
  font-size:0.8em;
}


.autor_oraltext:before{
  left:6px;
}


.menuFaseListen a.activo, 
.menuFaseOral a.activo {
  color:#FFF;
  font-weight:bold;
  cursor:inherit;
}


input{
  /*width:40px;*/
  text-align: center;
  border-radius: 2px;
  box-shadow: inset 0px 0px 3px 1px #cecece;
 /* opacity: 0.67;*/
  
 /* filter: alpha(opacity=67);*/
  border-bottom: 1px dashed #ee0000;
  border:3px double #00beb0;
  line-height: 17px;
}	


.realimentacion-listen  .botondos{
  background-color: #f4f1d2;
  bottom: 14px;
  box-shadow: 2px 4px 15px -2px #dcdbd6;
  height: 55px;
  overflow: hidden;
  position: absolute;
  right: 39px;
  text-decoration: none;
  text-indent: 9999px;
  width: 95px;
  border-radius:50px;
}	


.realimentacion-listen .botonsiguiente:after, .botondos:after{
  left:28%;
}

.realimentacion-oral .botonsiguiente:after, .botondos:after{
  left:28%;
}

.realimentacion-oral .botondos{
  background-color: #f4f1d2;
  bottom: 22px;
  box-shadow: 2px 4px 15px -2px #dcdbd6;
  height: 55px;
  overflow: hidden;
  position: absolute;
  right: 39px;
  text-decoration: none;
  text-indent: 9999px;
  width: 95px;
  border-radius: 37px;
}

/************menu fase oral***********/

.menuFaseOral{

  /*height: 224px;*****/
  margin-top:246px;
  padding:14px 0px 11px 23px;
  background-color:#4abfb6;
  border:6px;
  border-color:#00c;
  line-height: 29px;
  border-width: 6px 6px 6px thick;
  opacity: 0.79;
  box-shadow: 2px 4px 15px -2px #4d4d4d;
  transition: width 0.5s ease 0s;
  -webkit-transition: width 0.5s ease 0s;
  width:215px;
  opacity: 0.93;

}	



.menu oculto .menuFaseOral{
  background-color:#003367;
  margin-top:50px;
  width:5px;
  height:230px;
  position:relative;
}


.contenido .menu.menuFaseOral{
  width:258px;
  background-color:#4abfb6;
  border:6px;
  top: -40px;
}



.antonyms{
  background-color: #4abfb6;
  border-bottom: 2px solid #999;
  display: inline-block;
  height: 51px;
  padding-bottom: 5px;
  width: 242px;
  color:#FFF;
  line-height: 32px;
} 

.meanings{
  background-color: #4abfb6;
  border-bottom: 2px solid #999;
  display: inline-block;
  height: 41px;
  padding-bottom: 5px;
  color:#FFF;
  line-height: 32px;
  width:210px;
}


.expressions{
  background-color: #4abfb6;
  border-bottom: 2px solid #999;
  display: inline-block;
  height: 41px;
  padding-bottom: 5px;
  color:#FFF;
  line-height: 32px;
  width:210px;
}

.narration{
  background-color: #4abfb6;
  border-bottom: 2px solid #999;
  display: inline-block;
  padding-bottom: 5px;
  color:#FFF;
  line-height: 32px;
  width:210px;
}

.clues{
  background-color: #4abfb6;
  border-bottom: 2px solid #999;
  display: inline-block;
  padding-bottom: 5px;
  color:#FFF;
  line-height: 32px;
  width:210px;
}


.menuFaseOral .heandshe{
  background-color: #4abfb6;
  border-bottom: 2px solid #999;
  display: inline-block;
  padding-bottom: 5px;
  line-height: 32px;
  color:#fff;
}



.contenido .menu.menuFaseOral{

  transform-origin: 50% 0 0;
  -webkit-transform-origin: 50% 0 0;
  -ms-transform-origin: 50% 0 0;
  transition: width 0.5s ease 0s;
  -webkit-transition: width 0.5s ease 0s;
}


.menuFaseOral .who{
  background-color: #4abfb6;
  border-bottom: 2px solid #999;
  display: inline-block;
  padding-bottom: 5px;
  color:#FFF;
  line-height: 32px;
  width:210px;
}

.contenido .menu.oculto.menuFaseOral{
  margin-left:0px;
  margin-top:356px;
  width:10px;
  height:120px;
  padding:12px;
  background-color:#17e1d3;
  border:6px;
  border-left:dotted;
  border-color:#00c;
  border-width: 6px 6px 6px thick;
}



.menuFaseOral a.activo{
  cursor:inherit;
}


/*********************actividad who's who********************/
.who .contenedor_txt{
  font-size:1.2em;
/*  margin-left:379px;*/
  margin-top:-79px;
  margin-left: auto;
  margin-right: auto;
}

.who .contenedor_txt h2{
  background:none;
  margin-top:90px;
  text-align: center;
  margin-top: 80px;
  font-size:1.4em;
}


.who .contenedor_txt:before{
  background:none;
}



.who .contenedor_txt:after{
  background:none;
}


.who .contenedor_actividad{
  /*background-color: red;*/
  height:129px;
  line-height: 40px;
  margin-top: 30px;
  width: 440px;
}	

.who .contenedor_actividad .opciones{
  margin-left:18px;
  width:80px;
  display:inline;
  height:100px;
}	

.who .contenedor_actividad .pregunta{
  font-size: 1.4em;
  font-weight: bold;
  margin-left: -33px;
  margin-top: 30px;
  padding-bottom: 30px;
  text-align: center;

}

.who .contenedor_actividad .opciones .respuesta_uno{
  background-color:#2edebe;
  margin-left:50px;
  width:80px;
  display:inline-block;
  box-shadow: 2px 4px 15px -2px #b2b3b3;
  border-radius: 50px;
    margin-top:1px;
  
}


.who .contenedor_actividad .opciones .respuesta_dos{
  background-color:#2edebe;
  margin-left:30px;
  width:80px;
  display:inline-block;
  box-shadow: 2px 4px 15px -2px #b2b3b3;
  border-radius: 50px;
  margin-top:1px;
}


.who .contenedor_actividad .opciones .respuesta_tres{
  background-color:#2edebe;
  margin-left:30px;
  width:80px;
  display:inline-block;
  box-shadow: 2px 4px 15px -2px #b2b3b3;
  border-radius: 50px;
   margin-top:1px;
}


.contenedor_drag{
  /*background-color: #06f;*/
  font-size: 1.2em;
}


.contenedor_drag .ui-draggable{
  /*font-size: 1.3em;*/
  margin-top: 60px;
  text-align:center;
  width:180px;
  font-weight:bold;
  /*color:#F60;*/
  color:#002c6b;
  border: solid #F60 2px;
  z-index: 5;
  border: 2.4px dashed #00b4af;

}	


.contenedor_drag h2{
  font-size: 1em;
  margin-left: 250px;
}


.contenedor_drop_izq {
  background-color: rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 1px 1px #bdbfbf inset;
  display: inline-block;
  margin-left: 40px;
  margin-top:92px;
  position: relative;
  text-align: center;

  background-color:rgba(0, 0, 0, 0.16);

  box-shadow: inset 1px 1px 1px 1px #bdbfbf;
  /*filter: alpha(opacity = 51);*/
  height:302px;
  vertical-align: top;
  width:340px;
}	

.contenedor_drop_izq:before{
  /*background-color: red;*/
  background-image: url("../img/imagenes_contenido/turbante.png");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 70px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -83px;
  width: 68px;
  padding:6px;
}	


.contenedor_drop_der{
  background-color: rgba(0, 0, 0, 0.16);
  box-shadow: -1px 2px 7px -2px #4d4d4d;
  display: inline-block;
  margin-bottom: 27px;
  margin-left: 10px;
   margin-top: 73px;
  padding-bottom: 37px;
  position: relative;
  text-align: center;
  width:340px;
}


.droppable{
  width:300px;
  height:40px;
  background-color:rgba(0, 0, 0, 0.12);
  margin-top:38px;
  margin-left:20px;
  position:relative;

}



.color_he, .color_she{

  font-size: 1.2em;
  font-weight: bold;
  height: 32px;
  line-height: 33px;
  background-color:rgba(0, 215, 255, 0.4);
  background-color: #2eddbd;
  opacity: 0.78;
}	

.color_she{
  background-color:rgba(0, 215, 255, 0.4);
  background-color: #2ee3e6;
}


.contenedor_drop_der:before{
  /*background-color: green;*/
  background-image: url("../img/imagenes_contenido/ella_turbante.png");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 65px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -70px;
  width: 58px;
}



.realimentacion .realimentacion-oral .realimentacion p{
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  margin-left: 34px;
  margin-top: 270px;
  text-align: left;
}

.realimentacion .realimentacion-oral{
  background-image: url("../img/imagenes_contenido/perfect.png");
  height: 331px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 218px;
  width: 336px;
  margin-top: 43px;
}	

.opposites .realimentacion-oral{
  top:-50px;

}



.fase.heandshe .contenedor_drop_izq {
    margin-top: 76px;
}

.fase.heandshe .contenedor_drop_izq {
    margin-top: 74px;
}


.fase.cluesPunctuation .droppable {
    height: 36px;
    margin-top: 36.3px;
}


.fase.cluesPunctuation .contenedor_drop_izq {
    margin-top: 75px;
}
/**************CLUES*************/

.intro{
  font-size: 1.1em;
  margin-left:235px;
  margin-top:-84px;
  width: 65.5%;
}

.intro:before{
  background-image: url("../img/imagenes_contenido/clues.png");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 94px;
  left: -105px;
  opacity: 0.52;
  position: relative;
  top:149.3px;
  width: 96px;

}


.archaic_expressions h2 {
  font-size: 1.4em;
}

.cluesPunctuation .contenedor_drag{
  display: inline-block;
  font-size: 1.1em;
  margin-left: 134px;
  margin-top: 28px;
  padding-bottom: 32px;

}


.cluesPunctuation .contenedor_drop_izq{
  height:377px;
  width: 230px;
  box-shadow: -1px 2px 7px -2px #4d4d4d;
}


.cluesPunctuation .contenedor_drop_izq .droppable{
  width:210px;
  margin-left:11px;
}	


.cluesPunctuation .contenedor_drop_der{
  height:339px;
  width: 230px;
  vertical-align: top;
}	

.cluesPunctuation .contenedor_drop_der .droppable{
  width:210px;
  margin-left:11px;
}	


.cluesPunctuation .contenedor_drag h2{
  margin-left: 170px;
  font-size: 1.1em;
}

.color_question{
  background-color:#2eddbd;
  height: 40px;
  line-height: 35px;
  opacity: 0.72;
}	

.color_answer{
  background-color:#2ee3e6;
  height: 40px;
  line-height: 35px;
  opacity: 0.78;
}


.cluesPunctuation .realimentacion{
  /*background-image:url(../img/imagenes_contenido/perfect.png);*/
  background-repeat:no-repeat;
  height: 331px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 218px;
  width: 336px;
  z-index: 10;
}	


.heandshe .contenedor_drag{
/*  margin-left:310px;*/
  margin-top: -19px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}	


.heandshe .contenedor_drop_izq{
  margin-left: 280px;
  box-shadow: -1px 2px 7px -2px #4d4d4d;
}



.narration_action .intro{
  font-size: 1.1em;
/*  margin-left: 253px;*/
  margin-top: -88px;
/*  width: 910px;*/
  width: 72%;
}

.cluesPunctuation h2{
  font-size:1.4em;
}

.narration_action h2{
  font-size:1.4em;
}


.narration_action .intro:before {
  background-image: url("../img/imagenes_contenido/pasado.png");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 89px;
  left: -110px;
  opacity: 0.52;
  position: relative;

  width: 91px;
  top: 163.3px;
}

.narration_action .realimentacion p{
   font-size: 1.9em;
    margin-left: 57.3px;

}


.archaic_expressions .intro{
  font-size: 1.1em;
/*  margin-left: 259px;*/
  margin-top:-79px;
/*  width: 790px;*/
  width: 61%;
}



.archaic_expressions .intro:before {
  background-image: url("../img/imagenes_contenido/archaic.png");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 89px;
  left: -110px;
  opacity: 0.52;
  position: relative;
  top:181.3px;
  width: 91px;
}




.archaic_expressions .instruccion {
  font-weight: bold;
  height: 40px;
  line-height: 31px;
  margin-top: 43px;
  text-align: left;
}


.archaic_expressions .respuesta{
  padding:6px;
}


.archaic_expressions .contenedor_actividad{
  margin-top: 70px;
}


.multiple_meanings	.intro:before {
  background-image: url("../img/imagenes_contenido/multiple.png");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 89px;
  /*left: -110px;*/
  opacity: 0.52;
  position: relative;
  top: 124.3px;
  width: 91px;

}

.contenido .rel_col {
  margin: 10px auto 0;
  position: relative;
  width: 570px;
}

.contenido .rel_col .col, 
.contenido .rel_col .col {
  float: left;
  margin: 0px;
  width: 230px;
}
.contenido .rel_col .relitem {
  /*background-color: rgba(207, 153, 84, 0.2);*/
  border: 1px dashed #361701;
  box-shadow: 2px 2px 2px #666666;
  color: #3A2A00;
  cursor: pointer;
  margin: 10px auto;
  padding: 5px;
  position: relative;
  text-align: center;
  transition: all 700ms linear 0s;
  -webkit-transition: all 700ms linear 0s;
  background-color:rgba(0, 175, 175, 0.2);
}

/*
.contenido .col.col_izq > div,
.contenido .col.col_der > div { 
    background-color: rgba(109, 100, 77, 0.24);
    line-height: 2.8em;
    cursor: pointer;
    margin-bottom: 6px;
    border-radius: 4px;
    box-shadow: 0px 2px 3px #6d644d;
    font-size: 0.9em;		
}*/
/*
.contenido .col.col_der {
width: 63%;
}*/
/*
.contenido .col.col_der .relitem {
    width: 100%;
    margin-bottom: 6px;
    font-size: 0.9em;
}*/

.contenido .rel_col canvas {
  float: left;
}
/*
.contenido .rel_col .relitem {
    height: 42px;
    position: relative;
    text-align: center;
    transition: all 700ms linear 0s;
}
*/

.audiovisual .audio .mejs-controls .mejs-play button {
  background: url("../img/imagenes_contenido/bocina.png") no-repeat;
  height: 46px;
  width: 54px; 
  border: none;
  cursor: pointer;
}

.audiovisual .audio .mejs-controls .mejs-pause button{
  background: url("../img/imagenes_contenido/inactivo.png") no-repeat;
  height: 46px;
  width: 54px; 
  border: none;
  cursor: pointer;
}

.contenedor_think {
  margin:70px auto auto 255px;
  width: 70%;
  position: relative;
  margin-left:255px;
}
.contenedor_creative {
  margin: 50px auto auto;
  width: 70%;
  position: relative;
  margin: 60px auto auto 260px;
  
}

.contenedor_think > ul,
.contenedor_creative > ul {
  list-style-type: decimal;
}

.contenedor_think:before {
  content: "";
  display: block;
  height: 101px;
  position: absolute;
  background:no-repeat;
   background: url('../img/imagenes_contenido/thinking.png') no-repeat;
  left: -108px;
  position: absolute;
  top:23px;
   width: 102px;
   
}

.contenedor_creative:before {
  content: "";
  display: block;
 
  background:url(../img/imagenes_contenido/write.png);
  width: 102px;
  height:111px;
  position: absolute;
  left: -118px;
  
  left:-126px;
  top: -16px;
  background-repeat:no-repeat;
   
}

.link_foro {

  background-image:url(../img/imagenes_contenido/foro_entrada.png);
  border-radius: 50%;
  display: block;
  height: 177px;
  line-height: 100px;
  text-align: center;
  width: 177px;
  text-indent:9000px;
  overflow:hidden;
  margin: 37px auto auto;
}

.contenido .rel_col .relitem.seleccionado {
  background-color: #2eddbd;
}

.contenido .relitem.bien {
  background-color: #00aeb5;
  color: #fff
}

.menuFaseOral .btn-menu-fases{
  border-radius: 0;
  border-top: 23px solid #002c6b;
  box-shadow: none;
  color: #fff;
  font-weight: bold;
  margin-left: -149px;
  margin-top: 398px;
  overflow: visible;
  padding-left: 79px;
  position: absolute;
  text-indent: 2px;
  text-transform: uppercase;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  width: 279px;
  z-index: 4;
}

.opposites .intro:before{
  background-image:url(../img/imagenes_contenido/antonyms.png);
}


/*.multiple_meanings .opciones{
    background-color: red;
    border-radius: 37px;
    width: 95px;
    box-shadow: 2px 4px 15px -2px #dcdbd6;
    }*/

[data-onphase="tobeverb"] .contenido .btn-menu-fases, 
[data-onphase="missingverbs"] .contenido .btn-menu-fases,
[data-onphase="missingdialogues"] .contenido .btn-menu-fases{
  margin-left: -94px;
  margin-top: 343px;
  width: 170px;
}

[data-onphase="tobeverb"] .contenido .menu.menuFaseListen, 
[data-onphase="missingverbs"] .contenido .menu.menuFaseListen, 
[data-onphase="missingdialogues"] .contenido .menu.menuFaseListen {
  top:  2px; 
}

.missingdialogues .realimentacion p {
   font-size: 2em;
   margin-left: 34px;    
}

.missingdialogues .realimentacion{
  top: 168px;   
}
 

.heandshe .instruccion{
  margin-left:130px;
  font-size: 1.2em;
  font-weight: bold;
  width: 70%;
}

.realimentacion .realimentacion-oral{
  top: -71px;

}
.contenido .ventana {
  padding:0px;
  width:214px;
  height:159px;
  background-color:transparent;
  top: 48px;
  right:10px;
  border:none;

 border-radius: 19px
}



.contenido .ventana .btn-close{
  background-color:#35b5af;
  margin-top:-4px;


}

/*.realimentacion.realimentacion-oral{
    top:-23px;
    }
*/

.who .realimentacion.realimentacion-oral {
  top:128px;
}

.cluesPunctuation .realimentacion.realimentacion-oral {
  top:136px;
  height: 340px;
}	

.ventana.def_prefix{
  background:repeat;
  box-shadow:1px 3px 9px -2px #4d4d4d;
  height: 140px;
  width: 259px;
  border:4px solid #00b4af;
  background-image:url(../img/imagenes_contenido/prefix.png);
  top:80px;
}

.ventana.def_prefix p{
  padding:19px;

}


.ventana.def_antonimo{
  box-shadow: 1px 3px 9px -2px #535353;
  border-radius: 42px;
}

.realimentacion.realimentacion-oral{
	height: 336px;

}


h2 .intro{
}		

.narration_action .contenedor_actividad {
  width: 55%;
  margin: 60px auto auto;
}
.narration_action .contenedor_actividad li {
  margin-bottom: 10px;
}

.narration_action .contenedor_actividad li span {
  display: inline-block;
  width: 550px;
}

.narration_action .contenedor_actividad > ul {
  margin: 0;
  padding: 0;
}

.narration_action .contenedor_actividad li span:first-child {
  display: inline-block;
  width: 80%;
}

.narration_action .contenedor_actividad span:last-child {
  display: inline-block;
  text-align: right;
  width: 19%;
}

.multiple_meanings .opciones input {
  display: none;
}

.multiple_meanings .opciones input + label {
  /* background: url("../img/imagenes_contenido/part_of_a_house.png") no-repeat scroll 0 0 ;*/
  display: block;
  height: 130px;
  margin: auto;
  width: 314px;
  line-height:139px;
  /*text-indent: 149px;*/
  font-weight: bold;
  width:331px;

}




/**********************************en el ejercicio de mario lo comente****************************/
/*.multiple_meanings .opciones input:checked + label {
    background:url(../img/imagenes_contenido/sapace.png);
    background-color:#06C;
     margin-left:510px;
     background:no-repeat;
}*/





.multiple_meanings h2 {
  font-size: 1.4em;
}

.opposites h2 {
  font-size: 1.4em;
}


.multiple_meanings .contenedor_actividad{
  margin: 78px auto auto;
  font-size:1.2em;
}



.multiple_meanings .opciones > div {
  /* background-color: gray;*/
  float: left;
  width: 50%;
  margin-top: 60px;
  padding:0px;
}


/*A ESTE DEBO APLICARLE EL CLEARFIX PARA QUE CONTENGA A TODOS MIS BLOQUES****/


.multiple_meanings [for="mm-1-b"]{
  background:url(../img/imagenes_contenido/space.png);
  background-repeat:no-repeat;
  text-indent: 159px;	
  color:#f7f3d9;
}

.multiple_meanings [for="mm-1-a"]{
  background:url(../img/imagenes_contenido/part_of_a_house.png);
  background-repeat:no-repeat;
  text-indent: 139px;
  color:#f7f3d9;

}	


.multiple_meanings .realimentacion p{
    font-size: 1.8em;
    margin-left: 40px;
	}



.heandshe .realimentacion{
 /* background-image:url(../img/imagenes_contenido/delgados.png);*/
}


/*	
.multiple_meanings .opciones input + label{
background:url(../img/imagenes_contenido/sapace.png);
}	

*/

.multiple_meanings .realimentacion .realimentacion-oral{
}


/*
.realimentacion.realimentacion-oral{
    font-size:0.8em;
    top: 178px;
    }
*/
.opposites	.realimentacion .realimentacion-oral{
  background-image:url(../img/imagenes_contenido/like.png);
  top:1px;
  font-size:0.8em;
  background-repeat:no-repeat;
}

.archaic_expressions .realimentacion{
 /* background-image:url(../img/imagenes_contenido/like.png);
  top:1px;
  font-size:0.8em;*/
}	

.opciones .respuesta_uno, .opciones .respuesta_dos, .opciones .respuesta_tres{
	 margin-top:-9px;
	} 

.writing{
    box-shadow: -2px 9px 10px #c5bfbb;
}




/***************ESTILOS DE CREDITOS Y MENU GENERAL*************/
.ventana.ventanaFC.creditos {
    height: 310px;
    padding-left: 10px;
    padding-right: 10px;
    width: 803px;
}

/* 
 * ========================================
 * Estilos para el div.screenSizeReference 
 */
.displayWidthReference {
  font-size: 11px; /*pixel fallback*/
  font-size: 0.6875rem; /*11px / 16px*/
  position: absolute;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  bottom: 20px;
  right: 0px;
  text-align: center;
}
.displayWidth {
  border: solid 1px black;
}
.gt1280 {
  background-color: yellow;
}
/* =================================== */

.contenido .ventana.fichaDidactica{
	 height: 372px;
    padding: 22px;
	}
	




.contenido .creditosENTIDAD, .contenido .creditosDGTIC {
    float: left;
    margin-top: 10px;
    padding-left: 7.9%;
    padding-right: 1%;
    text-align: left;

}

.contenido .creditos .info ul li {
	width:240px;
}

.contenido .clone {
  border: 2.4px dashed #00B4AF;
  color: #002C6B;
  font-weight: bold;
  text-align: center;
  /*width: 180px;*/
  display: block;
  font-size: 1.2em;
}

.contenido .ocultar {
  visibility: hidden;
}
/*.contenido .fase {
    min-height: 928px;
}




/* 
 * ==========================
 * === Responsive 
 * ==========================
 */

/* estilos aplican en width < 1280px  (Android 10" landscape) */
@media screen and (max-width: 1280px) {

  /* ====================================
   * Incluir aqui los estilos
   * a los elementos que cambiaran. 
   * Los que siguen son solo de ejemplo
   * ====================================
   */

  .displayWidth {
    background: none;
  }
  .w1280 {
    display: inline-block;
    background-color: yellow;
  }
html {
	background-image:url(../img/general/textura.png);
}
}

/* estilos aplican en width < 1024px  (iPad landscape) */

@media screen and (max-width: 1024px) {

  /* ====================================
   * Incluir aqui los estilos
   * a los elementos que cambiaran. 
   * Los que siguen son solo de ejemplo
   * ====================================
   */

  .displayWidth {
    background: none;
  }
  .w1024 {
    display: inline-block;
    background-color:  yellow;
  }
  
  
  html {
	background-image:url(../img/general/textura.png);
}

/*aqui cambiamos el responsivo vertical ft bety*/


.fase.portada, .oraltext,.who,.heandshe,.cluesPunctuation,.narration_action,.archaic_expressions,.multiple_meanings,.opposites {
	box-shadow:none;
   
}



.fase.portada .contenido .btn-listen {
   margin-left: -29px;
   
}


.fase.portada h1 {
    margin-top: -12px;
   
}

.fase.portada h2 {
	/*margin:auto;*/
	text-align:center;
}





.fase.portada .introduccion {
    margin-left: 1%;
}


.fase.portada .introduccion {
    margin-top: 38px;
}


.fase.portada .contenido .btn-listen {
    margin-left: -80px;
   
}


.portada h2 {
    margin-left: 7.6%;
   
}

.contenedor_txt {
    font-size: 1.1em;
    margin: auto;
    position: relative;
    width: 55.9%;
}


.heandshe .contenedor_drop_izq {
    margin-left: 17.8%;
}


.contenedor_drag h2 {  
    margin-left: 36.3%;
    
}





.contenedor_drop_izq {
     margin-top: 84px;
   
}


.cluesPunctuation .contenedor_drop_der {
   margin-top: 113.6px;
}


.heandshe .contenedor_drag {
 
    width: 60%;
}




.cluesPunctuation .contenedor_drag {
     margin-left: 91px;
     width: 38%;
	padding:0px;
	margin-top: 10px;
}



.intro {
   
    margin-top: -124px;
   
}


.contenedor_drop_izq {
   
    margin-left: 19px;
    
}

.heandshe .instruccion {
    margin-left: 19.3%;
   
}

.cluesPunctuation .contenedor_drag h2 {
    margin-left: 37%;
	 margin-bottom: -13px;
}


.cluesPunctuation .contenedor_drop_izq {
    width: 212px;
	margin-top: 115px;
	height: 430px;
}

.cluesPunctuation .contenedor_drop_der {
      width: 212px;
}

.cluesPunctuation .contenedor_drop_izq .droppable {
    width: 192px;
}


.cluesPunctuation .contenedor_drop_der .droppable {
     width: 192px;
}


.cluesPunctuation .contenedor_drop_der {
    height: 394.9px;
}

  
.heandshe .contenedor_drop_der {
   
    margin-top: 83px;
   
}

.cluesPunctuation .droppable {
    background-color: rgba(0, 0, 0, 0.12);
    height: 43px;
    margin-top: 41.3px;
    position: relative;
  
}


.narration_action .intro {
  
  margin-left: 21.9%;
   width: 62%;
    
}





.contenedor_think > ul, .contenedor_creative > ul {
   
    width: 68.2%;
}

.oraltext .contenedor_txt {
    width: 43.9%;
	 margin-top: 19px;
}

.oraltext .contenedor_txt:before {
   
    left: -57%;
 
}


.opposites .intro {
    margin-top: -92px;
}


.fase.heandshe .contenedor_drop_izq {
    margin-top:72px;
}


.fase.heandshe .contenedor_drop_der {
    margin-top: 71px;
}


.fase.cluesPunctuation .droppable {
   
    margin-top: 44.3px;
}


/*.fase .opciones > div {
    padding:1px;
    
}*/

.fase .opciones > div {
    padding:0px;
    
}




.fase.cluesPunctuation .contenedor_drop_izq {
    margin-top: 114px;
}


.writing{
    box-shadow:none;
}



.fase{
	box-shadow:none;
}


}


/*aqui termina el media de 1024*/






/* estilos palican width < 1280px (iPad, Android portrait)----galaxy horizontal*/
@media screen and (max-width: 1280px) {



.fase.portada{
  box-shadow:none;
}

.fase.oraltext{
  box-shadow:none;
}

.fase.who{
  box-shadow:none;
}

.fase.heandshe{
  box-shadow:none;
}

.fase.cluesPunctuation{
  box-shadow:none;
}

.fase.audiotext{
  box-shadow:none;
}

.fase.audiovisual{
  box-shadow:none;
}

.fase.narration_action{
  box-shadow:none;
}


.fase.archaic_expressions{
  box-shadow:none;
}

.fase.archaic_expressions{
  box-shadow:none;
}

.fase.opposites{
  box-shadow:none;
}

.fase.writing{
  box-shadow:none;
}

.fase.multiple_meanings{
	box-shadow:none;
}


}
/*aqui termina LA ***************-----1280----****************************************/ 






/* estilos palican width < 800px (iPad, Android portrait)------galaxy verticAL*/
@media screen and (max-width: 800px) {
	

.heandshe .contenedor_drop_izq {
   margin-left: 28.8%;
}

.portada h2 {
    margin-left: 26.6%;
}

.fase.portada .introduccion {
    margin-top: 26px;
}
.fase.portada .introduccion {
    margin-left: 24%;
}


.portada h2:before {
  margin-top: 27px;
}

.introduccion p {
    margin-top: 2px;
}

.fase.portada h1 {
    margin-top: 27px;
}



.audiovisual .instruccion, .audiotext .instruccion {
    margin-top: 75px;
   
}


.fase.audiovisual.contenedor_img {
    margin: 51px auto auto;
    width: 60%;
}

.who .contenedor_txt {
    margin-top: -38px;
}



.who .contenedor_actividad .pregunta {
    margin-top: 67px;
 
}


.heandshe.contenedor_drop_der {
   margin-left: 10px;
  }



.fase.heandshe .contenedor_drop_der {
    margin-top: 111px;
}

.fase.heandshe .contenedor_drop_izq {
    margin-top: 95px;
}



.cluesPunctuation .contenedor_drag {
    margin-left: 131px;
   
}



.cluesPunctuation.contenedor_drop_izq {
    margin-left:20%;
}




.fase.heandshe .contenedor_drop_der {
    margin-left: 29%;
    
}


.fase.cluesPunctuation .contenedor_drop_izq {
   margin-left: 25%;
}


.fase .opciones > div {
    padding:1px;
}

.cluesPunctuation .contenedor_drag {
    margin-left: 171px;
	width: 68%;
}




.cluesPunctuation .intro {
    width: 59.5%;
	margin-top: -96px;
}


.cluesPunctuation .contenedor_drag {
   margin-top: 15px;
   
}


.multiple_meanings .intro {
    margin-top: -64px;
	margin-left: 24%;
}


.multiple_meanings .intro:before {
    left: -92px;
  
}

.opposites .intro {
    margin-left: 165px;
    width: 66%;
}

.opposites .intro:before {
    background-image: url("../img/imagenes_contenido/clues.png");
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 94px;
    left: -93px;
    opacity: 0.52;
    position: relative;
    top: 149.3px;
    width: 96px;
}



.audiovisual .contenedor_img {
    margin: 34px auto auto;
    width: 60%;
}



.audiovisual .autor {
    margin-top: 101px;
   
}


.audiotext .contenedor_txt {
    font-size: 1.1em;
    margin: 20px auto auto;
    position: relative;
    width: 55.9%;
}



.oraltext .autor {
     margin-top: 285.4px;
}



.oraltext .contenedor_txt:after {
    right: -101px;
    top: 484px;
}


.oraltext .contenedor_txt {
    margin-top:49px;
    width: 53.9%;
}

.oraltext .contenedor_txt:before {
    left: -27%;
	top: 490px;
}


.oraltext .contenedor_txt h2 {
    margin-bottom: 29px;
   
}

.botonsiguiente, .botondos {
    right: 379px;
}





.audiotext .autor {
    margin-top: 149px;
    padding-bottom: 6px;
}


.botonsiguiente, .botondos {
    bottom: 171px;
}



.intro {
    margin-left: 189px;

}

.archaic_expressions .intro {
    width: 58%;
}




.ventana.ventanaFC.creditos {
    height: 310px;
    padding-left: 0;
    padding-right: 10px;
    width: 743px;
}

.audiovisual .instruccion, .audiotext .instruccion {
    margin-left: 10px;
    margin-top: 5px;
    width: 65%;
}

.contenedor_actividad .btn_audio, .audiotext .btn_audio {
    margin-top:0;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    width: 48px;
}

}
/*aqui termina LA ***************-----800----****************************************/ 










/* estilos palican width < 768px (iPad, Android portrait)*/
@media screen and (max-width: 768px) {
	
html {
	background-image:url(../img/general/textura.png);
}



  /* ====================================
   * Incluir aqui los estilos
   * a los elementos que cambiaran. 
   * Los que siguen son solo de ejemplo
   * ====================================
   */

  .header .nombre_objeto {
    font-size: 20px; /* pixel fallback */
    font-size: 1.25rem;
  }

  .displayWidth {
    background: none;
  }
  .w768 {
    display: inline-block;
    background-color:  yellow;
  }
/* ==============responsivo ANTONIETA=========================== */ 
  /*.portada h2 {
    margin-left: 30%;
    margin-top: -35px;
}*/

/*==============responsivo ANTONIETA vertical=========================== */  


.fase.portada h2 {
    margin-left: 23%;
}


.fase.portada .introduccion {
    margin-left: 23%;
}


.fase.heandshe .contenedor_drop_izq {
    margin-left: 138px;
	margin-top: 101px;
}


/*.fase.heandshe .contenedor_drag h2 {
    margin-left: 157px;
}*/


.fase.heandshe .contenedor_drop_der {
	margin-top: 100px;
   
}


.fase.cluesPunctuation .contenedor_drop_izq {
    margin-top: 60px;
}


.fase.cluesPunctuation .contenedor_drop_der {
   margin-top:60px;
   margin-left: 24px;  
}






 
.fase.cluesPunctuation .contenedor_drop_der .droppable {
  
  width: 226px;
}


.fase.cluesPunctuation .contenedor_drop_der {
    width:248px;
	height: 258px;
}


.fase.cluesPunctuation .contenedor_drop_izq .droppable {
    margin-left: 11px;
    width: 227px;
}

.fase.cluesPunctuation .contenedor_drop_izq {
    width: 248px;
	height: 295.9px;
}




.fase.cluesPunctuation .contenedor_drop_izq:before {
   
}








.fase.cluesPunctuation .intro:before {
    
   left: -95px;
   
}

.fase.cluesPunctuation .intro {
    margin-top: -122px;
      margin-left: 176px;
	  width:65%;
}



.fase.opposites .intro {
  margin-left: 23.8%;
}

.fase.oraltext .contenedor_txt {
   
    width: 42.2%;
}



.fase.who .contenedor_txt {
    width: 58%;
}







.fase.audiovisual .contenedor_txt {
    width: 54.9%;
}


.fase.multiple_meanings .intro {
    margin-left: 175px;
  
}


.fase.archaic_expressions .intro {
     margin-left: 23%;
    }




.fase.narration_action .intro {
   font-size: 1.1em;
   width: 63.5%;
   margin-top: -77px;
}




.fase.cluesPunctuation .contenedor_drag {
  margin-top: 9px;
  width: 66.1%;
  margin-left: 18%;
}



.writing .contenedor_think{
	margin-left: 29%;

}

.writing .contenedor_creative{
	margin-left: 29%;

}


.contenedor_drop_izq {
  
    margin-left:146.4px;
   
}



.fase.portada .introduccion {
    margin-top: -12px;
}


.introduccion p {
   
    margin-top: 12px;
}


.fase.heandshe .contenedor_drop_izq {
    margin-left: 58px;
  
}

.contenido .botones {
    margin-top: 27.7px;
    
}

.contenido .btn-listen {
    margin-left: -20%;
    
}


.contenedor_drop_izq {
   height: 360px;
    width: 261px;
}



.heandshe .droppable {
   width: 236.9px;
}


.contenedor_drop_der {
  
    width: 311px;
}



.contenedor_drop_der {
   height: 325px;
   width: 261px;
}


.heandshe .contenedor_drop_izq {
    margin-left: 11.6%;
}


.oraltext .contenedor_txt:after {
   right: -144px;
    top: 392px;
    width: 288px;
}


.fase.oraltext .contenedor_txt {
    width: 57.2%;
}

.fase.heandshe .contenedor_drop_izq {
   margin-left: 17.1%;
}


.oraltext .contenedor_txt {
    margin-left: 22%;
}


.fase.oraltext {
	box-shadow:none;
}






.heandshe .instruccion {
   margin-top: 31px;
 
}



.oraltext .botonsiguiente {
 
   
    /*top: 589px;*/
	  bottom: 196px;
	 right: 356px;
   
}



.oraltext .autor {
   margin-left: -3.6%;
    margin-top: 204.4px;
}



.oraltext .contenedor_txt:before {
    margin-left: 25%;
	margin-top:0px;
}


.oraltext .contenedor_txt:before {
    margin-left: 28%;
    margin-top: 359px;
}


.oraltext .contenedor_txt {
    margin-top: -7px;

}



.droppable {
  margin-left: 12px;
  margin-top: 48px;
  
 -moz-box-shadow: inset 0px 0px 8px #989898;
 -webkit-box-shadow: inset 0px 0px 8px #989898;
  box-shadow: inset 0px 0px 8px #989898;

  
}



.who .contenedor_txt {
  
    margin-top: -59px;
}


.realimentacion-mal {
    left: 0;
    top: 266px;
}
   





.heandshe .contenedor_drag {
   margin-top:1px;
   
}


.heandshe .contenedor_drag {
    width: 50%;
}

.contenedor_drop_izq {
    margin-top: 0px;
}

.cluesPunctuation .droppable {
   margin-top: 22.3px;
  height: 35px;
    
}



.cluesPunctuation .contenedor_drop_izq:before {
    height: 61px;
    z-index: 2;
	top: -73px;
}




.cluesPunctuation .contenedor_drop_der:before {
    top: -65px;
    right: 0;
    z-index: 2;
	
}




.archaic_expressions .intro:before {
   left: -19%;
  
}



.opciones > div {
    float: left;
    margin-top: 60px;
    padding: 1px;
    width: 50%;
}




.multiple_meanings .intro {
    margin-top: -87px;
}





.archaic_expressions .intro {
    width: 60%;
}




.cluesPunctuation .intro:before {
    top: 167.3px;
  
}




.opposites .intro:before {
    display: block;
    height: 94px;
    left: -91px;
    top: 168.3px;

}





.multiple_meanings .pregunta{
	margin-left: 7.8%;

}



.multiple_meanings .intro:before {
    left: -93px;
    top: 157.3px;    
}


.multiple_meanings .intro {
    width: 64.5%;
}


.opposites .intro {
    font-size: 1.1em;
    margin-left: 235px;
    margin-top: -84px;
    width: 64.5%;
}



.narration_action .intro:before {
  left: -98px;
  top: 166.3px;
}







.contenedor_img > img {
    margin: 78px auto auto;
}




.fase.audiotext{
	box-shadow:none;
}


.fase.audiovisual{
	box-shadow:none;
}

.fase.tobeverb{
	box-shadow:none;
}


.fase.missingverbs{
	box-shadow:none;
}

.fase.missingdialogues{
	box-shadow:none;
}

.fase.writing{
	box-shadow:none;
}




.fase.cluesPunctuation .droppable {
   
    margin-top: 21.3px;
}


.writing{
    box-shadow:none;
}

.fase .opciones > div {
    padding:1px;
    
}




.oraltext .contenedor_txt:before {
    left: -52%;
    top: 130px;
}

.fase.portada h1 {
    margin-top: -12px;
}

.fase .oraltext .contenedor_txt:before {
    left: -50%;
    top: 130px;
}



.oraltext .contenedor_txt:before {
   
    left: -55%;
    top: 48.9px;
}



.fase.heandshe .contenedor_drop_der {
    margin-left: 2%;
}

.fase.cluesPunctuation .contenedor_drop_izq {
    margin-left: 18%;
}


.botonsiguiente, .botondos {
    bottom: 171px;
}
.botonsiguiente, .botondos {
    right: 353px;
}




.audiovisual .instruccion, .audiotext .instruccion {
    margin-top: 15px;
}

.audiotext.botonsiguiente, .botondos {
    right: 363px;
}
.audiotext.botonsiguiente, .botondos {
    bottom: 173px;
}


.audiotext .autor {
    margin-top: 119px;
  
}

.missingdialogues .autor {
    margin-top: 32px;
}

.portada h2:before {
    margin-top: 7px;
}

.ventana.ventanaFC.creditos {
    height: 310px;
    margin-left: 4%;
    padding-left: 0;
    padding-right: 10px;
    width: 717px;
}

}

/*aqui termina LA ***************-----768----****************************************/