/*body {
  font-size: 100%;
  color: #fff;
  padding: 0;
  margin: 0;
}

main {
  display: block;
  box-sizing: border-box;
  width: 90%;
  margin: 1em auto;
  padding: 1em;
  color: #000;
  background-color: rgba(255,255,255,.25);
  border: .07em solid rgba(0,0,0,.5);
  border-radius: .5em;
}

a { color: #009; }
*/
/* The fully-expanded menu is just over 23em, so this will show another menu up to that width or height. */

/*quitamos este filtro para moviles
@media (max-width:23em), (max-height:22em) {

nav#NavPau {

  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background-color: #000;
}

nav#NavPau::after {
  content: "";
  display: block;
  clear: both;
}

nav#NavPau h1 { display: none; }

nav#NavPau ol,
nav#NavPau li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

nav#NavPau ol ol { display: none; }

nav#NavPau a {
  display: block;
  box-sizing: border-box;
  width: 50%;
  float: left;
  margin: 0;
  padding: 1em 0;
  text-align: center;
  color: #fff;
  background-color: #000;
  text-decoration: none;
  outline: none;
  border: .07em solid #333;
}

nav#NavPau li:hover a,
nav#NavPau li:focus a,
nav#NavPau li.focus a {
  background-color: #222;
  outline: none;
}

nav#NavPau>ol>li a[aria-label^="Current"],
nav#NavPau>ol>li:hover a[aria-label^="Current"],
nav#NavPau>ol>li:focus a[aria-label^="Current"] { color: #444; }
}
*/
/* quitamos este filtro para moviles
}
*/
/* Short, wide display */

/* quitamos este filtro para moviles
@media (min-width:23em) and (max-height:22em) {

nav#NavPau a { width: 33.333%; }
}



@media (min-width:32em) and (max-height:22em) {

nav#NavPau a { width: 25%; }
}



@media (min-width:40em) and (max-height:22em) {

nav#NavPau a { width: 20%; }
}



@media (min-width:48em) and (max-height:22em) {

nav#NavPau a { width: 16.666667%; }
}
/* ----------FIN DE quitamos este filtro para moviles---------
/* The screen is now wide and tall enough to show the entire menu without cutting anything off. */

 /* quitamos este filtro para moviles  
 @media (min-width:3em) and (max-width:2800px) and (min-height:2em) {
*/
nav#NavPau {
  /*border: 1px dotted #f00;*/
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  padding: 0;
  border-radius: 100%;
  width: 2em;
  height: 2em;
  /*overflow: hidden;*/
  transition: all .25s ease-in;
}



nav#NavPau:hover,
nav#NavPau:focus,
nav#NavPau.focus {
		background: url(Boton-central-pau-90-es.png) no-repeat;
		background-size: cover;
		width: 32em;
		height: 32em;
		outline: none;
		top: 0em;
		right: -0.5em;
		border: transparent solid 2em; /* no se debe de quitar*/		
	}



	#contenedornavlb1 div {
	background-color: rgba(155, 230, 174, 0.4);
	border-radius: 100%;
    border: 2px solid yellow;
    position: fixed;
    top: 10em;
    right: -2em;
    width: 15em;
    height: 15em;
}
nav#NavPau h1 {
  box-sizing: border-box;
  text-align: left;
  font-size: 100%;
  text-transform: uppercase;
  font-weight: normal;
  /*border: 1px dotted yellow;*/
  position: fixed;
	
	top: 7.5em;
    right: -5em; /*Poniendo este, lo fijamos para que no se despliegue*/
    width: 10em;
    height: 10em;

    margin: 0;
    padding: 1em .5em 2.3em 1.8em;
    border: .15em solid #fff;
    background-color: #000;
    border-radius: 100%;
    z-index: 50;
    color: white;
	/*background: url(pau-rueda.png);*/
	background: url(pau-rueda-8.png);
	
	background-size: cover;
}

nav#NavPau ol,
nav#NavPau li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

nav#NavPau li { position: absolute; }

nav#NavPau li,
nav#NavPau a {
  /*display: block;*/
  display: flex;
  max-height: 5em;
  box-sizing: border-box;
  /*position: absolute;*/
    /*position: relative;*/
  top: -5em;
  right: -5em;
  /*border: 1px dotted #f00;*/
  transition: all 0.2s ease-in;
}

nav#NavPau a {
  border-radius: 10%;
  border: .15em solid #fff;
  padding: 1.5em 1em;
  width: 5em;
  height: 5em;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 0 1.5em rgba(50, 50, 50, 0.75);
  color: transparent;
  background-color: white;
  text-decoration: none;
  outline: none;
}

nav#NavPau>ol>li,
nav#NavPau>ol>li>a { /* So the first tier sits on top of the second tier disk  z-index: 10;*/
	z-index: 99999 !important;
 }

nav#NavPau li:hover a,
nav#NavPau li:focus a,
nav#NavPau li.focus a {

  box-shadow: 0 0 1.5em rgba(0, 0, 0, 1);
  outline: none;
  position: relative;
  left: 0;
  top: auto;
  /*z-index: 25;*/
  z-index: 99999 !important;
  color: white;
  
}

nav#NavPau>ol>li:hover,
nav#NavPau>ol>li:focus,
nav#NavPau>ol>li.focus { /* Keep this to make sure only the current item appears above the disc. */ z-index: 25; }


/* Just hide anything beyond 5*/
  

/*
nav#NavPau>ol>li:nth-child(n+6) { display: none; }
*/
/* Positioning the first tier */



nav#NavPau:hover>ol>li:nth-child(1),
nav#NavPau:focus>ol>li:nth-child(1),
nav#NavPau.focus>ol>li:nth-child(1) {
	right: 15.5em;
    top: -2em;
	
	/*
	right: 21.5em;
    top: 2em;
	*/
}

nav#NavPau:hover>ol>li:nth-child(2),
nav#NavPau:focus>ol>li:nth-child(2),
nav#NavPau.focus>ol>li:nth-child(2) {
    right: 21.5em;
    top: 2em;
	/*
	right: 25.7em;
    top: 8em;
	*/
}

nav#NavPau:hover>ol>li:nth-child(3),
nav#NavPau:focus>ol>li:nth-child(3),
nav#NavPau.focus>ol>li:nth-child(3) {
	right: 25em;
    top: 8.2em;
	/*
	right: 25.7em;
    top: 8em;
	*/
}

nav#NavPau:hover>ol>li:nth-child(4),
nav#NavPau:focus>ol>li:nth-child(4),
nav#NavPau.focus>ol>li:nth-child(4) {
right: 25em;
    top: 16em;
	/*
	right: 22em;
    top: 23em;
	*/
}

nav#NavPau:hover>ol>li:nth-child(5),
nav#NavPau:focus>ol>li:nth-child(5),
nav#NavPau.focus>ol>li:nth-child(5) {
right: 20.5em;
    top: 22.7em;
	/*
	right: 14em;
    top: 26em;
	*/
}

nav#NavPau:hover>ol>li:nth-child(6),
nav#NavPau:focus>ol>li:nth-child(6),
nav#NavPau.focus>ol>li:nth-child(6) {
	right: 13em;
    top: 25.5em;
	/*
	right: 6em;
    top: 25em;
	*/
}
/*----PERSONALIZACION APRA QUE COJA AMS DE 6 ITEMS ---*/

nav#NavPau:hover>ol>li:nth-child(7),
nav#NavPau:focus>ol>li:nth-child(7),
nav#NavPau.focus>ol>li:nth-child(7) {
    right: 4.5em;
    top: 24em;
	/*
	right: 6em;
    top: 25em;
	*/
}
nav#NavPau:hover>ol>li:nth-child(8),
nav#NavPau:focus>ol>li:nth-child(8),
nav#NavPau.focus>ol>li:nth-child(8) {
    right: 7em;
    top: -2em;
}

/*Añadimos el mas y el menus del pau*/
/*menos*/
nav#NavPau:hover>ol>li:nth-child(9),
nav#NavPau:focus>ol>li:nth-child(9),
nav#NavPau.focus>ol>li:nth-child(9) {
    right: -1.5em;
    top: 15em;
}
/*mas*/
nav#NavPau:hover>ol>li:nth-child(10),
nav#NavPau:focus>ol>li:nth-child(10),
nav#NavPau.focus>ol>li:nth-child(10) {
    right: .5em;
    top: 2em;
}


/*---- fin PERSONALIZACION APRA QUE COJA AMS DE 6 ITEMS ---*/

/* Positioning the second tier */
  


nav#NavPau>ol>li>ol {
  background-color: rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  display: block;
  position: fixed;
  /*border-radius: 100%;*/
  border-bottom-left-radius: 90%;
  transition: all .2s ease-in;
  /* border: 3px solid #eb650c;*/
  /*
  left: 2.25em;
  top: 2.25em; 
  left: 0;
  */
  /*top: 0;*//*z-index: 1;*//*border: 1px dotted yellow;*/
  z-index: 0 !important;

}

nav#NavPau>ol>li:hover>ol,
nav#NavPau>ol>li:focus>ol,
nav#NavPau>ol>li.focus>ol {
    width: 25em;
    height: 25em;
    /*background-color: rgb(0, 0, 0);   */
	 /*background: url(Pau-centro-tansparentex600.png);*/
	 
    /* zoom: 125%; */
    top: 3.8em;
    right: 3em;
    /* border-radius: 100%; */
	border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
}
/*ponemos la rueda ---*/
nav#NavPau>ol>li:hover>ol:before,
nav#NavPau>ol>li:focus>ol:before,
nav#NavPau>ol>li.focus>ol:before {
	content: "";
	position: absolute;
	width: 25em;
    height: 25em;
	background: url(pau-centro-rueda-2.png);
	background-size: cover;
	-webkit-transform: rotate(190deg);
	transform: rotate(190deg);
	/* lo quito porque no hace caso z-index: -100; */
	border-radius: 100%;
	z-index: 0 !important;

}
/*distintos estados de la rueda*/
nav#NavPau>ol>li:nth-child(1):hover>ol:before,
nav#NavPau>ol>li:nth-child(1):hover>ol:before,
nav#NavPau>ol>li:nth-child(1):hover>ol.focus {	
	-webkit-transform: rotate(260deg);
	transform: rotate(260deg)
}
nav#NavPau>ol>li:nth-child(2):hover>ol:before,
nav#NavPau>ol>li:nth-child(2):hover>ol:before,
nav#NavPau>ol>li:nth-child(2):hover>ol.before {	
	-webkit-transform: rotate(230deg);
	transform: rotate(230deg)
}
nav#NavPau>ol>li:nth-child(3):hover>ol:before,
nav#NavPau>ol>li:nth-child(3):hover>ol:before,
nav#NavPau>ol>li:nth-child(3):hover>ol.before {	
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg)
}
nav#NavPau>ol>li:nth-child(4):hover>ol:before,
nav#NavPau>ol>li:nth-child(4):hover>ol:before,
nav#NavPau>ol>li:nth-child(4):hover>ol.before {	
	-webkit-transform: rotate(170deg);
	transform: rotate(170deg)
}
nav#NavPau>ol>li:nth-child(5):hover>ol:before,
nav#NavPau>ol>li:nth-child(5):hover>ol:before,
nav#NavPau>ol>li:nth-child(5):hover>ol.before {	
	-webkit-transform: rotate(140deg);
	transform: rotate(140deg)
}
nav#NavPau>ol>li:nth-child(6):hover>ol:before,
nav#NavPau>ol>li:nth-child(6):hover>ol:before,
nav#NavPau>ol>li:nth-child(6):hover>ol.fbefore {	
	-webkit-transform: rotate(100deg);
	transform: rotate(100deg)
}
nav#NavPau>ol>li:nth-child(7):hover>ol:before,
nav#NavPau>ol>li:nth-child(7):hover>ol:before,
nav#NavPau>ol>li:nth-child(7):hover>ol.fbefore {	
	-webkit-transform: rotate(65deg);
	transform: rotate(65deg)
}
/*ajustes del contenido del medio para pc* OJO EN MOVILES DEVERIA DE SER 100% */
nav#NavPau>ol>li:hover>ol>li,
nav#NavPau>ol>li:focus>ol>li
nav#NavPau>ol>li.focus>ol>li {	
	zoom: 80%;	
	margin-left: 4em;
    margin-top: 3.5em;
}


nav#NavPau>ol>li>ol>li,
nav#NavPau>ol>li>ol>li a {
  position: absolute;
  /*border-color: #99f;*/
  transition: all .2s ease-in;
  top: 0;
  left: 0;/*z-index: 1;*//*left: 4.5em;
    top: 0;*/
	/*zoom:75%;*/
}

nav#NavPau>ol>li>ol>li a {
  border-color: #f60;
  box-shadow: none;
  transition: all .2s ease-in;
  display: none;
}

nav#NavPau>ol>li:hover>ol>li,
nav#NavPau>ol>li:focus>ol>li,
nav#NavPau>ol>li.focus>ol>li { /*box-shadow: 0 0 1.5em rgba(50, 50, 50, 0.75);*/ z-index: 5; }

/*ESTILO A ENLACES DE SUBITEMS---*/

nav#NavPau>ol>li:hover>ol>li a,
nav#NavPau>ol>li:focus>ol>li a,
nav#NavPau>ol>li.focus>ol>li a {

  box-shadow: none;
  z-index: 5;
  display: block;
  float: left;
}
/*nueva posicion para teclado desplegado sub sub item*/
nav#NavPau>ol>li:hover>ol>li:hover a#a-teclado,
nav#NavPau>ol>li:focus>ol>li:focus a#a-teclado,
nav#NavPau>ol>li.focus>ol>li.focus a#a-teclado {
	top: -12.5em;
    left: -8em;
	z-index:999;

}
/*nueva posicion para plantilla desplegada sub sub item*/
nav#NavPau>ol>li:hover>ol>li:hover a#a-plantilla,
nav#NavPau>ol>li:focus>ol>li:focus a#a-plantilla,
nav#NavPau>ol>li.focus>ol>li.focus a#a-plantilla {
    top: 6em;
    left: 3em;
	z-index:999;
}
/*nueva posicion para posicion desplegado sub sub item*/
nav#NavPau>ol>li:hover>ol>li:hover a#a-posicion,
nav#NavPau>ol>li:focus>ol>li:focus a#a-posicion,
nav#NavPau>ol>li.focus>ol>li.focus a#a-posicion {
    top: 11em;
    left: 3em;
	z-index:999;
}
/* si posicion esta activo , ocultamos plantilla*/
nav#NavPau>ol>li:hover>ol>li#li-posticion:hover a#a-plantilla,
nav#NavPau>ol>li:focus>ol>li#li-posicion:focus a#a-plantilla,
nav#NavPau>ol>li.focus>ol>li#li-posicion.focus a#a-plantilla {
	display:none;
}
/*nav#NavPau>ol>li:hover>ol>li:hover>a,
nav#NavPau>ol>li:focus>ol>li:focus>a,
nav#NavPau>ol>li.focus>ol>li.focus>a {
	display:none;
}
nav#NavPau>ol>li:hover>ol>li:hover>a:hover,
nav#NavPau>ol>li:focus>ol>li:focus>a:focus,
nav#NavPau>ol>li.focus>ol>li.focus>a.focus {
	display:block;
}
*/
nav#NavPau>ol>li>ol>li a:hover,
nav#NavPau>ol>li>ol>li a:focus,
nav#NavPau>ol>li>ol>li a.focus {
  background-color: #222;
  box-shadow: 0 0 1.5em rgb(255, 102, 0);
}
/*titulos h1 y preximamente*/
.proximamente {	
    color: red !important;
    background: white !important;
    display: block;
    /* z-index: 999999; */
    /* position: absolute; */
    font-size: 1.8em;
    /* background: none; */
    border: red solid 2px;
}
/* FIN A ESTILO A ENLACES DE SUBITEMS---*/

/* Position individual items */
  
/*Posicion de los subitems 1*/

nav#NavPau>ol>li:hover>ol>li:nth-child(1),
nav#NavPau>ol>li:focus>ol>li:nth-child(1),
nav#NavPau>ol>li.focus>ol>li:nth-child(1)
 {
    left: 5.5em;
	top: 2.5em;
}
/*Posicion de los subitems 2*/

nav#NavPau>ol>li:hover>ol>li:nth-child(2),
nav#NavPau>ol>li:focus>ol>li:nth-child(2),
nav#NavPau>ol>li.focus>ol>li:nth-child(2) {
    left: 5.5em;
    top: 7.5em;
}
/*Posicion de los subitems 3*/
nav#NavPau>ol>li:hover>ol>li:nth-child(3),
nav#NavPau>ol>li:focus>ol>li:nth-child(3),
nav#NavPau>ol>li.focus>ol>li:nth-child(3)
/*,
nav#NavPau>ol>li:nth-child(1):hover>ol>li:nth-child(1),
nav#NavPau>ol>li:nth-child(1):focus>ol>li:nth-child(1),
nav#NavPau>ol>li:nth-child(1).focus>ol>li:nth-child(1) */
{
    left: 5.5em;
    top: 12.5em;
}
/*Posicion de los subitems 4*/
nav#NavPau>ol>li:hover>ol>li:nth-child(4),
nav#NavPau>ol>li:focus>ol>li:nth-child(4),
nav#NavPau>ol>li.focus>ol>li:nth-child(4)
/*,
nav#NavPau>ol>li:nth-child(1):hover>ol>li:nth-child(2),
nav#NavPau>ol>li:nth-child(1):focus>ol>li:nth-child(2),
nav#NavPau>ol>li:nth-child(1).focus>ol>li:nth-child(2)*/
 {
	left: 5.5em;
    top: 17.5em;
}
/*Posicion de los subitems 5*/
/*PERSOPNALIZACION PARA QUE COJA HIJOS 5*/
nav#NavPau>ol>li:hover>ol>li:nth-child(5),
nav#NavPau>ol>li:focus>ol>li:nth-child(5),
nav#NavPau>ol>li.focus>ol>li:nth-child(5){
	left: 11em;
    top: 21em;
}

/*Posicion de los subitems 6*/
/*PERSOPNALIZACION PARA QUE COJA HIJOS 6*/
nav#NavPau>ol>li:hover>ol>li:nth-child(6),
nav#NavPau>ol>li:focus>ol>li:nth-child(6),
nav#NavPau>ol>li.focus>ol>li:nth-child(6){
	left: 10em;
    top: 18em;
}


/*Posicion de los subitems 6*/
/*PERSOPNALIZACION PARA QUE COJA HIJOS 7*/
nav#NavPau>ol>li:hover>ol>li:nth-child(7),
nav#NavPau>ol>li:focus>ol>li:nth-child(7),
nav#NavPau>ol>li.focus>ol>li:nth-child(7){
	left: 12em;
    top: 16em;
}
/*
nav#NavPau>ol>li:nth-child(1):hover>ol>li:nth-child(3),
nav#NavPau>ol>li:nth-child(1):focus>ol>li:nth-child(3),
nav#NavPau>ol>li:nth-child(1).focus>ol>li:nth-child(3),
nav#NavPau>ol>li:nth-child(5):hover>ol>li:nth-child(1),
nav#NavPau>ol>li:nth-child(5):focus>ol>li:nth-child(1),
nav#NavPau>ol>li:nth-child(5).focus>ol>li:nth-child(1) {
	left: 3.5em;
    top: 15.5em;
}
/*
/*Posicion de los subitems 6*/
/*
nav#NavPau>ol>li:hover>ol>li:nth-child(6),
nav#NavPau>ol>li:focus>ol>li:nth-child(6),
nav#NavPau>ol>li.focus>ol>li:nth-child(6)

,

nav#NavPau>ol>li:nth-child(1):hover>ol>li:nth-child(4),
nav#NavPau>ol>li:nth-child(1):focus>ol>li:nth-child(4),
nav#NavPau>ol>li:nth-child(1).focus>ol>li:nth-child(4),


nav#NavPau>ol>li:nth-child(5):hover>ol>li:nth-child(2),
nav#NavPau>ol>li:nth-child(5):focus>ol>li:nth-child(2),
nav#NavPau>ol>li:nth-child(5).focus>ol>li:nth-child(2) 
{
    left: 10.5em;
    top: 21em;
	
}
*/ 


/*----texto descriptivo y botones visibles al hover y focus-----*/

/* uno en concreto
nav#NavPau>ol>li:nth-child(1):hover>ol>li:nth-child(4):hover>div,
nav#NavPau>ol>li:nth-child(1):focus>ol>li:nth-child(4):focus>div,
nav#NavPau>ol>li:nth-child(1).focus>ol>li:nth-child(4).focus>div {
	display: flex;
}
*/
nav#NavPau>ol>li:hover>ol>li:hover div,
nav#NavPau>ol>li:focus>ol>li:focus div,
nav#NavPau>ol>li.focus>ol>li.focus div {
	/*display: flex;*/
	display: block;
	/*IMPORTANTE NO BORRAR: Si quitamos este display flex el funcionameinto seria item a item haciendo clic*/
}
/*Cuando se visualizan uno a uno*/
/*
nav#NavPau>ol>li:nth-child(1):hover>ol>li:nth-child(1):hover>div,
nav#NavPau>ol>li:nth-child(1):focus>ol>li:nth-child(1):focus>div,
nav#NavPau>ol>li:nth-child(1).focus>ol>li:nth-child(1).focus>div {
	display: flex;
}
*/

/*ESTOE S CUANDO SE VISUALIZAN UNO A UNO LOS SUB ITEM*/
/*
nav#NavPau>ol>li:nth-child(1):hover>ol>li>div,
nav#NavPau>ol>li:nth-child(1):focus>ol>li>div,
nav#NavPau>ol>li:nth-child(1).focus>ol>li>div {
	display: flex;
}
*/
nav#NavPau>ol>li:hover>ol>li>div,
nav#NavPau>ol>li:focus>ol>li>div,
nav#NavPau>ol>li.focus>ol>li>div {
	display: flex;
	/*IMPORTANTE NO BORRAR: Si quitamos este display flex hace que se vean todos los sub-items a la vez*/
}
/*Hacemos visibles los enlaces y sub-sub menus LI que hay dentro de DivControles */
nav#NavPau>ol>li:hover>ol>li>div.DivControles>ol li,
nav#NavPau>ol>li:focus>ol>li>div.DivControles>ol li,
nav#NavPau>ol>li.focus>ol>li>div.DivControles>ol li {
	display: flex;
	border: 5px solid blue !important;
	    top: 25em !important;
    right: 25em !important;
}

/*div de avisos (reset y sub-sub) */
li#LiDiv {
	/*border: green 2px dotted; quitar borde cuando acabemos y subir mas*/
    border-radius: 100%;
    top: -25em !important;
    right: -25em !important;
}
nav#NavPau>ol>li:hover>ol>li#LiDiv,
nav#NavPau>ol>li:focus>ol>li#LiDiv,
nav#NavPau>ol>li.focus>ol>li#LiDiv{
	/*border: green 2px solid; quitar borde cuando acabemos y subir mas*/
    border-radius: 100%;
    top: 0em !important;
    right: 0em !important;
}

.DivText {
	color: black;
    background-color: white;
    border: green 2px dotted;
    border-radius: 100%;
    width: 11em;
    height: 11em;
    overflow: hidden;
    padding: 5em;
    top: -1em;
    margin-left: 3em;
}

.DivText p { 
	/*
	margin-top: 2em; 
	al centrar el texto no hace falta*/
	color: black;
	text-align: center;
}
.DivControles {
    color: black;
    background: URL(fondo-mensajes-2.png);
    background-size: cover;
    border: green 2px dotted;
    border-radius: 100%;
    width: 16.5em;
    height: 16.5em;
    overflow: hidden;
    padding: 5em;
    position: fixed;
    top: 6.8em;
    right: 6em;
	display:none; /* ojo que a lo mejor hay que aplicarselo por di apra cambiarlo por javascript */
}
.DivControles p { 
	/*
	margin-top: 2em; 
	al centrar el texto no hace falta*/
	color: black;
	text-align: center;
	font-size: 2em;
}

ol.ol-controles {	
	position: relative;
    margin-left: 1.5em !important;
    margin-top: 0.5em !important;
}
li.li-controles {
	    position: initial !important;
		top: unset;
		right: unset;
}
/*Capa texto de ayuda*/
/*
div#TextoDescrip-1-2.DescripText {
	background-color: #058012;
    color: #FFFFFF;
    -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);
	
	position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: left;
    min-width: 100px;
    width: 10em;
    height: 100%;
    font-size: 0.8em !important;
    text-align: center;
    cursor: pointer;
}
*/
/*

div#diseno {
	/* display: none; */
}

/* quitamos este filtro para moviles  	
} 
 */



nav#NavPau>ol>li:nth-child(1)>a:focus>ol>li:nth-child(1) div,
nav#NavPau>ol>li:nth-child(1)>a.focus>ol>li:nth-child(1) div {
	border: blue solid 2px !important;
	display:block !important;
}
/* Just hide anything beyond 6. */

/*

nav#NavPau>ol>li>ol>li:nth-child(n+7),
nav#NavPau>ol>li:hover>ol>li:nth-child(n+7),
nav#NavPau>ol>li:focus>ol>li:nth-child(n+7),
nav#NavPau>ol>li.focus>ol>li:nth-child(n+7) { display: none; }
*/

/* Hide from 5 items and up on the first menu. */
  

/*
nav#NavPau>ol>li:nth-child(1):hover>ol>li:nth-child(n+5),
nav#NavPau>ol>li:nth-child(1):focus>ol>li:nth-child(n+5),
nav#NavPau>ol>li:nth-child(1).focus>ol>li:nth-child(n+5) { display: none; }
*/
/* Hide from 4 items and up on the last menu.*/
  

/*
nav#NavPau>ol>li:nth-child(5):hover>ol>li:nth-child(n+4),
nav#NavPau>ol>li:nth-child(5):focus>ol>li:nth-child(n+4),
nav#NavPau>ol>li:nth-child(5).focus>ol>li:nth-child(n+4) { display: none; }

*/

/* Style links that are current page/section. */
  


nav#NavPau>ol>li a[aria-label^="Current"],
nav#NavPau>ol>li:hover a[aria-label^="Current"],
nav#NavPau>ol>li:focus a[aria-label^="Current"] {
  color: #666;
  border-color: #999;
}
}
 @media screen and (-ms-high-contrast: active) {

nav#NavPau>ol>li a[aria-label^="Current"],
nav#NavPau>ol>li:hover a[aria-label^="Current"],
nav#NavPau>ol>li:focus a[aria-label^="Current"] { background-color: #00c; }
}