*{
	color: black;
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
 
header#menu{
	position: absolute;
	width: 100%;
	height: 100%;

}
 

.menu{
    padding:0;
    list-style:none;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;

}

.submenu{
	/* nuevo 
max-height: 0;
overflow: hidden;*/
}

.detalle{
	/* nuevo 
max-height: 0;
overflow: hidden;*/
}

.provincia {
/* nuevo 
max-height: 0;
overflow: hidden;*/
}


/* MENU */

ul.menu li a {
display: block;
padding: 2px 2px 2px 2px;
border-bottom: 1px solid #000;
border-top: 1px solid #666;
text-decoration: none;
box-sizing: border-box;
/*background-color:rgb(170, 0, 0)*/
}

ul.menu li ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; 
transition: .3s all ease-in;
-moz-transition:.3s all ease-in;
-webkit-transition:.3s all ease-in;

}

ul.menu li li a {
padding: 2px 2px 2px 2px;
border: 0;
border-bottom: 1px solid #ccc;
box-sizing: border-box; 
}


ul.menu li li:last-child a {
border-bottom: 0;
}


/* SUBMENU */
ul.submenu li{
	margin-left:20px;
	font-family:Comic Sans MS;
	font-size:10px;
	font-weight:bold;
}

ul.submenu li a{
background-color:transparent;
}

ul.submenu li ul li a {
padding: 5px 2px 2px 5px;
border: 0;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
}


ul.micros li{
	margin-left:20px;
	font-family:Comic Sans MS;
	font-size:10px;
	font-weight:bold;
}

ul.micros li a{
background-color:transparent;
}

ul.micros li ul li a {
padding: 5px 2px 2px 5px;
border: 0;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
}




/* DETALLE */
ul.detalle li{
/* oculta las lineas de detalle */
max-height: 0;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
transition: .3s all ease-in;
-moz-transition:.3s all ease-in;
-webkit-transition:.3s all ease-in;
}



/* PROVINCIAS */
ul.provincia li  {
padding: 0;
margin-left:2px;

/* oculta las lineas de detalle */
max-height: 0;
margin: 0;
list-style: none;
overflow: hidden;
transition: .3s all ease-in;
-moz-transition:.3s all ease-in;
-webkit-transition:.3s all ease-in;
}

/* TARGETS */

ul.menu ul:target ul{
max-height: 20000px;
}

ul.menu li:target ul{
max-height: 20000px;
}

ul.submenu li:target li {
max-height: 20000px;
}

ul.submenu ul:target ul {
max-height: 20000px;
}

ul.detalle li:target ul{
max-height: 20000px;
}

ul.micros li:target li {
max-height: 20000px;
}

ul.micros ul:target ul {
max-height: 20000px;
}