/*-----------------------------------------------------------------------------------------------------*/
/*---------------------------ELEMENTOS DE LA WEB--------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/

/*que todos los enlaces con nueva ventana tengan pictograma al respecto*/
/*
a[target='_blank'] {
     background: url(icono_blank.gif) right center no-repeat;
     padding-left: 20px;
}
*/
/*marcar enlaces a pdf*/
/*
a[href $='.pdf'] {
     background: url(icono_pdf.gif) right center no-repeat;
     padding-left: 25px;
}
*/
/*Marcamos todos los enlaces o funciones qeu tenga accesskey o tecla de acceso directo asignada*/
/*
a:after {
  content: " [" attr(accesskey) "] ";
}
*/
/*Acceskey en navegadroes
Chrome: Alt+Accesskey
Firefox: Alt+Shift+Accesskey (Win) Ctrl+Accesskey (Mac)
IE: Alt+Accesskey
Opera: Shift+Esc+Accesskey
Safari: Ctrl+Accesskey
*/

/*cartel de proximamente*/

div#DivDiseno {
	z-index:26;
	    visibility: hidden;
}
div#DivDiseno h2{
	z-index:26;
	    visibility: hidden;
}
nav#NavPau:hover>ol>li:nth-child(6):hover div#DivDiseno,
 nav#NavPau:focus>ol>li:nth-child(6).hover div#DivDiseno,
 nav#NavPau.focus>ol>li:nth-child(6).focus div#DivDiseno {
    /* z-index: 99; */
    visibility: visible;
    margin-top: 7em;
 }
nav#NavPau:hover>ol>li:nth-child(6):hover div#DivDiseno h2,
 nav#NavPau:focus>ol>li:nth-child(6).hover div#DivDiseno h2,
 nav#NavPau.focus>ol>li:nth-child(6).focus div#DivDiseno h2 {
    /* z-index: 99; */
    visibility: visible;
 }
/* Effects Visuales*/

.real-accessability-grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%); 
}

.real-accessability-invert {
    -webkit-filter: invert(100%);
    filter: invert(100%); 
    color: #000;
}
/* FIN de Effects Visuales*/

/*BOTONERAS*/

video.Divbotonera {
  width: 200px;
  height: 200px;
  border: 2px solid #fd4b00;
  border-radius: 15px;
}

div.Divbotonera {
  background-color: #FFFFFF;
}


/*FIN BOTONERAS*/

/*Videos Menus*/
video.videosStyle {
	
    text-decoration: none;
    /* margin-left: 0%; */
    /* top: 5%; */
    /* left: 0; */
    /* bottom: auto; */
    /* line-height: 20px; */
    padding: 0.5em;
    /* font-size: 14px; */
    /* color: #719DAB; */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    /* text-align: center; */
    border: 2px solid #b97ebb;
    background: rgba(255, 165, 0, 0.78);
    border-radius: 15px;
    pointer-events: none;
    position: absolute;
    opacity: 1;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
    z-index: 99999 !important;
    height: auto;
}
/*OCULTAR BOTON DE REAL ACCESSIBILITY*/

#real-accessability {
 display: none;
}
/* FIN DE OCULTAR BOTON DE REAL ACCESSIBILITY*/

.zoomabutton {
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1.4s linear;
  transition: all 1s linear;
}

/* button:hover,a:hover {*/

.zoomabuttonover {
  background: rgba(255, 255, 255, 0.8) !important;
  color: rgba(0,0,0,1) !important;
  box-shadow: 10px 10px 10px rgba(246, 4, 0, 0.65) !important;
  -webkit-transform: scale(1.2,1.5);
  -moz-transform: scale(1.2,1.5);
  -ms-transform: scale(1.2,1.5);
  -o-transform: scale(1.2,1.5);
  transform: scale(1.2,1.5);
  -webkit-transition: all .8s linear;
  -moz-transition: all .8s linear;
  -ms-transition: all .8s linear;
  -o-transition: all .8s linear;
  transition: all .8s linear;
  /*border: 1px solid red !important;*/
}
/*----Zoom de enlaces y botones---*/

/* Ocultar reproductor de locuciones grabadas id controladoraudio */
/* audio#controladoraudio { visibility:hidden;} */
  
/*-------capa de LocusionesLSE------------*/
#LocucionLSE { 
    width: 250px;
  	height: 250px;   
	/*cursor:move; */
  bottom: 30px;
  right: 30px;
	z-index: 999999;
 	position: fixed;
 }
video.VideoLocucionLSE {
		width: 245px;
    height: 245px;
    padding: 10px;
    font-size: 14px;
    color: #719DAB;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 2px solid #98199c;
    /* border: 2px solid black; */
    background: rgba(76, 173, 201, 0.69);
    border-radius: 30px;
    pointer-events: none;
    position: absolute;
    opacity: 0.8;
}

/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------FIN----ELEMENTOS DE LA WEB-----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/


/*coreccion a la plantilla de mercabalencia, pero tambien valido para otras*/
/*
#TextoDescrip-1-1, #TextoDescrip-1-1::after, TextoDescrip-1-1::before {
    -webkit-box-sizing: unset !important;
    -moz-box-sizing: unset !important;
    box-sizing: unset !important;
}
/*
/*correccion a la plantilla de mercabalencia, pero tambien valido apra otras*/
li.li-1-1 div,
 li.li-1-1 input,
 /* No poruqe se descoloca li.li-1-1 a,*/
 li.li-1-1 label{
	-webkit-box-sizing: unset !important;
    -moz-box-sizing: unset !important;
    box-sizing: unset !important;
}
li.li-principal div,
 li.li-principal input,
 li.li-principal label{
	-webkit-box-sizing: unset !important;
    -moz-box-sizing: unset !important;
    box-sizing: unset !important;
}
/*---------Pictogramas ---------*/
/*Carga de pictogramas cuando tengamos todos habra que asignar de fondo uno a cada uno*/
nav#NavPau>ol>li:hover>ol>li a,
nav#NavPau>ol>li:focus>ol>li a,
nav#NavPau>ol>li.focus>ol>li a {
	/* quitamos imagen de test  
	background: url(../img/CapturaPicto.png) no-repeat;
	*/
    background-size: contain;
	/* no procede
	border:none;
	*/
}
li.li-1-1 a{
	background-color:transparent;
	/*para ver modo debug*/ color: black;
}
/*estado de los principales a seleccionados*/
nav#NavPau>ol>li:hover>a,
nav#NavPau>ol>li:focus>a,
nav#NavPau>ol>li.focus>a {
	background-image:none;
	background-color: white;
    color: black;
    text-align: center;
}
/*estado por defecto de los submenus*/
nav#NavPau>ol>li:hover>ol>li>a,
nav#NavPau>ol>li:focus>ol>li>a,
nav#NavPau>ol>li.focus>ol>li>a {
	background-color:white;
	color:transparent;
}
a.a-principal {
	background-size: cover !important;
	border-radius: 100% !important;
	border: black solid 2px !important;
}

/*POR DEFECTO oculto texto y ¿enlace? CUIDADO MEJOR CAMBIAMOS COLOR TRANSPARENTE Y NO OCULTAR --*/


/*asignamos pictogramas a cada enlace principal exterior*/
a#a-prefiles {
	background: url(pictogramas/perfiles.png) no-repeat;
	/* quitamos el cover porque ya lo hacemos en nav#NavPau>ol>li:hover>ol>li a, nav#NavPau>ol>li:focus>ol>li a, nav#NavPau>ol>li.focus>ol>li a
	background-size: cover;
	*/
}
			a#a-pdvisual {
				background: url(pictogramas/visual.png) no-repeat;
			}
			a#a-pdauditiva {
				background: url(pictogramas/auditivo.png) no-repeat;
			}
			a#a-pdcognitiva {
				background: url(pictogramas/cognitiva.png) no-repeat;
			}
			a#a-pddefecto {
				background: url(pictogramas/tipo.png) no-repeat;
			}

a#a-general {
	background: url(pictogramas/general.png) no-repeat;
}
			a#a-todo {
				background: url(pictogramas/todo.png) no-repeat;
			}
			a#a-sonido {
				background: url(pictogramas/sonido.png) no-repeat;
			}
			a#a-lectura {
				background: url(pictogramas/lectura.png) no-repeat;
			}
			a#a-video {
				background: url(pictogramas/video.png) no-repeat;
			}
a#a-navegacion {
	background: url(pictogramas/navegacion.png) no-repeat;
	background-size: cover;
}
			a#a-click {
				background: url(pictogramas/click.png) no-repeat;
			}
			a#a-zoom {
				background: url(pictogramas/zoom.png) no-repeat;
			}
			a#a-donde {
				background: url(pictogramas/donde.png) no-repeat;
			}
			a#a-teclado {
				background: url(pictogramas/teclado.png) no-repeat;
			}
					a#a-tecla {
						background: url(pictogramas/teclas.png) no-repeat;
					}
					a#a-navteclado {
						background: url(pictogramas/teclado.png) no-repeat;
					}
a#a-fuentes {
	background: url(pictogramas/fuentes.png) no-repeat;
	background-size: cover;
}

				/*  a#real-accessability-biggerFont { */
					a#incrementarFuente {
						background: url(pictogramas/masfuente.png) no-repeat;
						background-size: cover;
						float: left;
						margin-right: 1em;
						border-radius: 100% !important;
					}
				/*  a#real-accessability-smallerFont {  */
				a#decrementarFuente {
					background: url(pictogramas/menos.png) no-repeat;
					background-size: cover;
					    border-radius: 100% !important;
				}
			a#a-fuentelegible {
				background: url(pictogramas/legible.png) no-repeat;
			}
			a#a-fuentedixlesia {
				background: url(pictogramas/dislexia.png) no-repeat;
			}
			a#a-resaltarenlaces {
				background: url(pictogramas/enlaces.png) no-repeat;
			}
a#a-visuales {
	background: url(pictogramas/visuales.png) no-repeat;
	background-size: cover;
}
			a#a-blancoynegro {
				background: url(pictogramas/Banco-Negro.png) no-repeat;
			}
			a#a-invertir {
				background: url(pictogramas/invertir-colores.png) no-repeat;
			}
			a#a-lupa {
				background: url(pictogramas/lupa.png) no-repeat;
			}
			a#ra-reset {
				background: url(pictogramas/resetear.png) no-repeat;
			}
a#a-diseno {
	background: url(pictogramas/diseno.png) no-repeat;
	background-size: cover;
}
			a#a-posicion {
				background: url(pictogramas/posicion.png) no-repeat;
			}
			a#a-plantilla {
				background: url(pictogramas/plantilla.png) no-repeat;
			}

a#a-ayuda {
	background: url(pictogramas/ayuda.png) no-repeat;
	background-size: cover;
}
			a#a-manual {
				background: url(pictogramas/documentacion.png) no-repeat;
			}
			a#a-videotutorial {
				background: url(pictogramas/video.png) no-repeat;
			}
			a#a-soporte {
				background: url(pictogramas/soporte.png) no-repeat;
			}
			a#a-sugerencias {
				background: url(pictogramas/sugerencias.png) no-repeat;
			}
a#a-reset {
	background: url(pictogramas/resetear.png) no-repeat;
	background-size: cover;
}
a#a-PauMenos {
	background: url(pictogramas/pau-boton-menos.png) no-repeat;
	background-size: cover;
}
a#a-PauMas {
	background: url(pictogramas/pau-boton-mas.png) no-repeat;
	background-size: cover;
}
	

a.volver {
    background: url(pictogramas/resetear.png) ;
}
			
/*----FIN-----pictogramas ---------*/

/*-----Formularios----PAU------*/

.formularios {
	width:13em;
}

/*---------------Nuevo codigo PAU--------*/
			div#TextoDescrip-1-1  {
				top: 0em;
				left: 0em;
			}
			/*---------------Nuevo codigo PAU--------*/
			div.TextoDescrip-1-1  {
				top: 0em;
				left: 0em;
			}
			

			.DescripText {
/* border: red solid 2px; */
    border-radius: 2em;
    padding-top: 0.5em;
    padding-left: 4em;
    padding-bottom: 1.2em;
    width: 11em;
    height: 2.5em;
    max-height: 2.8em;
    overflow: hidden;
    position: absolute;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
    /* para cuando se muestren videos
	z-index: 99999;
	*/
}
/*Contenedor PAU configuracion por defecto*/

#Contenedorpau {
	z-index: 99999;
	display: block;
}
#NavPau {
	z-index: 99999;
	display: block;
}

/*hacemos resaltar el titulo de PAU */
nav#NavPau h1 {
	color:white;
}
nav#NavPau {
}

/* fin Contenedor PAU configuracion por defecto*/	
/*SOLO EN COPAVA Y PROBABLEMENTE EN OTRAS SEPARAR EL MENU MOBILES*/

/*--------------fin -Nuevo codigo PAU--------*/			
/*--------------No uso---------------*/
			/*
			div#BotonDescrip-1-1  {
				top: 0em;
				left: -9.7em;
				}
			.DescripBoton {
					border: red solid 2px;
					border-radius: 2em;
					padding-top: 1em;
					padding-bottom: 1em;
					padding-left: 1em;
					padding-right: 5em;
					width: auto;
					height: 2.2em;
					max-height: 4.2em;
					position: absolute;
					text-align: center;
					background-color: rgba(0, 0, 0, 0.8);
					display:none !important;
				}
				*/

/* --------------PANEL PAU--------------- -----------*/

/*BOTONERAS*/
/*esto se utilizara cuando haya videos LSE
video.Divbotonera {
  width: 200px;
  height: 200px;
}

div.Divbotonera {
    background-color: transparent;
    width: 4em;
    height: 4em;
    border-radius: 100%;
    border: white 2px solid;
    overflow: hidden;
}
*/




/* --------------PANEL PAU PARA PC------ */
@media screen and (max-width:2800px)
{
  /*
  .onoffswitch {border: 1px solid #999999;}
  */
}
@media screen and (min-width:2800px)
{
        .columna {
          display: inline-block;
          list-style-type: none;
          width: 200px;
          float: left;
          margin: auto auto 0.4em 0.4em;
        }
  			.columna li {
  				list-style-type: none;
  			}
        #columna6.columna,
        #columna7.columna
          {
            display:none;
          }
        #contenedortutorial {
              margin: auto auto 0.4em 0.4em;
        }
  		.titulo{
          	  width: 200px !important;
              margin-left: 0px !important;
            border: 1px solid #999999;  
            border-bottom: none !important;
              border-bottom-left-radius: 0px !important;
              border-bottom-right-radius: 0px !important;
              font-size: 1em !important;
            margin-left: 0px !important;
 
  				}
          .aumentar,
          .reducir
  				{
                min-width: 83px !important;
    						width: 83px !important;
  				}
			.reducir {float: right;margin-left: 0px !important;}
  
  		.onoffswitch {
            position: relative;
            width: 60px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            margin-left: 12px;
			
			 padding-left: 1em;
			/* padding-right: 2em; */
			padding-top: 0.5em;
			padding-bottom: 1.2em;
          }

          .onoffswitch-checkbox {
            display: none;
          }

          .onoffswitch-label {
            display: block;
            overflow: hidden;
            cursor: pointer;
            border: 2px solid #999999;
          /*  border: 2px solid #bb0101; */
            border-radius: 10px;
          }

          .onoffswitch-inner {
            display: block;
            width: 200%;
            margin-left: -100%;
            transition: margin 0.3s ease-in 0s;
          }

          .onoffswitch-inner:before,
          .onoffswitch-inner:after {
            display: block;
            float: left;
            width: 50%;
            height: 20px;
            padding: 0;
            line-height: 20px;
            font-size: 12px;
            color: white;
            font-family: Trebuchet, Arial, sans-serif;
            font-weight: bold;
            box-sizing: border-box;
          }

          .onoffswitch-inner:before {
            content: "ON";
            padding-left: 5px;
          /*   background-color: #34A7C1;*/
             background-color: #bb0101;
            color: #FFFFFF;
          }

          .onoffswitch-inner:after {
            content: "OFF";
            padding-right: 5px;
            background-color: #EEEEEE;
            color: #999999;
            text-align: right;
          }

          .onoffswitch-switch {
            display: block;
            width: 10px;
            margin: 4px;
            background: #FFFFFF;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 40px;
            border: 2px solid #999999;

            border-radius: 20px;
            transition: all 0.3s ease-in 0s;
          }

          .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
            margin-left: 0;
          }

          .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
            right: 0px;
          }
        .onoffswitch-checkbox:checked + .onoffswitch-label {
          background-color: #fff !important;
          color: black !important;
      		}
   
  
}
/* ----------FIN-PANEL PAU PARA PC------ */


.onoffswitch {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  float: left;
    min-width: 100px;
    width: 100%;
	height: 100%;
    font-size: 0.8em !important;
  	text-align: center;
  /*Metemos aqui lo de los .onoffswitch-label */
    cursor: pointer;
		/*border: 1px solid #999999;*/
		/*  border: 2px solid #bb0101; */
  	border-radius: 10px;
      margin-right: 0.2em;
    margin-bottom: 0.1em;
  
}
.onoffswitch a{
 width:100%;
  cursor: pointer !important;
}
.onoffswitch-checkbox {
  display: none;
}


.onoffswitch-label {
  display: block;
  border-radius: 10px;
  /*overflow: hidden;*/
  cursor: pointer !important;
  transition: all 0.3s ease-in 0s;

}



.onoffswitch-switch {
  display: block;
  width: 10px;
  margin: 4px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  border: 2px solid #999999;
  cursor: pointer !important;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #058012;
    color: #FFFFFF;
	/*box-shadow: 0.2em 0.2em 0.2em rgba(255, 255, 255, 0.46);
	margin-top:0.2em;
	*/
		-webkit-box-shadow: inset 0.2em 0.2em 0.2em rgba(255, 255, 255, 0.46);
	-moz-box-shadow: inset 0.2em 0.2em 0.2em rgba(255, 255, 255, 0.46);
	box-shadow: inset 0em 0em 0em rgba(255, 255, 255, 0.46);
	    font-size: 1.3em;

}

.onoffswitch-label {
	width: 100%;
    height: 100%;
    max-width: 10em;
	max-height: 5em;
    text-align: center;
    vertical-align: middle;
    padding-top: 1em;
    margin: auto;
	font-size: 1.5em;
	background-color: #bb0101;
	color: #fff;
	-webkit-box-shadow: inset 0.2em 0.2em 0.2em rgba(255, 255, 255, 0.46);
	-moz-box-shadow: inset 0.2em 0.2em 0.2em rgba(255, 255, 255, 0.46);
	box-shadow: inset 0.2em 0.2em 0.2em rgba(255, 255, 255, 0.46);
}

div#pau input[type=checkbox] {
    border: 1px solid #aaa;
    border-radius: 0;
    box-shadow: none;
    background-color: #fff;
    color: inherit;
    cursor: pointer;
    position: relative;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: -4px 4px 0 0;
    min-width: 16px;
    outline: 0;
    padding: 0;
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
}
	



/*--------------------PANEL PARA MOVILES O PANTALLAS MENOSRES A 600----------------------*/

@media screen and (max-width:480px)
{
	.DivControles { top: 32em; };
	nav#NavPau {
    border: 2px solid #f00;
	/*width: 5em;
    height: 5em;*/
	top: 35% !important;
	zoom: 70% !important; 
	}
	nav#NavPau h1 {
		top: 47% !important;
	}
	/* Video LSE*/
	#LocucionLSE {
    width: 250px;
    height: 250px;
    cursor: move;
    top: 30px;
    right: 30px;
    z-index: 999999;
    position: fixed;
    display: none !important;
	}
	/*subemnus*/
	nav#NavPau>ol>li:hover>ol>,
	nav#NavPau>ol>li:focus>ol>,
	nav#NavPau>ol>li.focus>ol> {
		top: 39% !important;
		zoom: 120% !important;
		right: 0em !important;
	}
	nav#NavPau>ol>li:hover>ol,
	nav#NavPau>ol>li:focus>ol,
	nav#NavPau>ol>li.focus>ol {
    top: 41% !important;
	}
}

/*--------------FIN------PANEL PARA MOVILES O PANTALLAS MENOSRES A 600-------------------*/