/*	as_n.css	*/

nav#n1 {background-color:#f5f5f5;}
nav#n1 ul {max-width:1200px;margin:0 auto;}

nav#n1 ul li a{color:#353535;}
nav#n1 ul li a.en {color:#8c0000;}
nav#n1 ul li a:link{color:#353535;}
nav#n1 ul li a:hover{color:#353535;font-weight:bold;}
nav#n1 ul li a:active{color:#353535;}

nav#n1 img.ch_of {height:14px;width:auto;margin-right:1vw;}
nav#n1 img.trngl {height:12px;width:12px;margin-left:3px;}
nav#n1 img.fbfl {height:38px;width:38px;}
nav#n1 img.fbfli {height:28px;width:28px;margin-left:3px;}
nav#n1 img.menu {height:42px;width:auto;}



@media screen and (max-width:767px) {
	
	nav#n1 {}
	nav#n1 div#mob_oc {background:linear-gradient(to top, #333d1c 2%,silver 12%,#f5f5f5 96%,silver 100%);padding-left:2vw;padding-right:1vw;}
	nav#n1 div#mob_oc {display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;}
	nav#n1 div#mob_oc img.x {flex: 0 0 45px;}
	nav#n1 div#mob_oc span {flex:1 1 auto;}
	nav#n1 ul#n2 {list-style:none;}
	nav#n1 ul#u2 li {background:#eaeaea;list-style:none;}
	nav#n1 ul#u2 li {display:flex;flex-flow:row wrap;align-items:center;border-bottom:1px solid silver;padding:1.5vh;}
	nav#n1.x ul#u2 li img.ch_of {height:28px;width:auto;padding-left:2vw;}
	nav#n1.x ul#u2 li img.ch_of {border:1px solid red;}
	nav#n1.x ul#u2 li span.ch_of {display:inline-block; width:50px;background:azure;}
	nav#n1 ul#u2 li span.ch_of {display:flex;width:50px;align-items:center;}
	nav#n1 ul#u2 li span.ch_of img {height:28px;width:auto;padding-left:2vw;}
	nav#n1 ul#u2 li#ml_01 a {display:flex;flex-flow:row nowrap;align-items:center;}
	nav#n1 ul#u2 li#ml_01 a span:first-child {display:flex;width:50px;align-items:center;}
	nav#n1 ul#u2 li#ml_01 a span img.hmpg {height:28px;width:auto;padding-left:1vw;}
	nav#n1 ul li#ff {display:none;}
	nav#n1 ul#u2 li div {flex:1 1 100%;border:1px ridge silver;margin-top:1.5vh;}
	nav#n1.x ul#u2 li ul {background:#f4f4f4;padding:0 1em;}
	nav#n1 ul#u2 li ul {background:#f4f4f4;padding:0;}
	nav#n1 ul#u2 li ul li {background:#f4f4f4;font-size:0.9375em;list-style:none;border-bottom:none;}
	nav#n1.x ul#u2 li ul li {background:#f4f4f4;font-size:0.9375em;border-bottom:none;}
	nav#n1 ul#u2 li ul li.diff {color:#6e8e17;font-size:0.875em;padding-bottom:0;}
	nav#n1 ul#u2 li ul li span {flex:0 0 3vw;font-size:larger;}
	.mob_db {display:block;}
	.mob_dn {display:none;}
	
}

@media screen and (min-width:768px) {
	
	nav#n1 {position:relative;background:linear-gradient(to top, #333d1c 2%,silver 12%,#f5f5f5 96%,silver 100%);}
	nav#n1 div#mob_oc {display:none;}
	nav#n1.x img.ch_of {display:none;}
	nav#n1 span.ch_of {display:none;}
	nav#n1 img.hmpg {height:25px;width:25px;}
	nav#n1 ul {align-items:center;display:flex;flex-flow:row nowrap;width:100%;}
	nav#n1 ul li {flex:0 0 auto;font-size:1em;line-height:2.75;list-style:none;padding:0 1vw;position:relative;text-align:center; text-transform: uppercase; }
	nav#n1 ul li {font-size:calc(6px + 1vw);}
	nav#n1 ul li#ff {display:none;}
	nav#n1 ul li#ml_01 a span:first-child {display:flex;align-items:center;}
	nav#n1 ul li#ml_01 a span:last-child {display:none;}
	nav#n1 ul li.focus {font-weight:bold;}
	nav#n1 ul li.focus div ul li {font-weight:normal;}
	nav#n1 ul li:hover div {visibility:visible;opacity:1;}
	nav#n1 ul li div {background:#f5f5f5;display:flex;flex-direction:row;flex-wrap:nowrap;left:0;opacity:0;position:absolute;text-align:left;top:2.4em;transition:opacity 1s ease-out;visibility:hidden;z-index:1;}
	nav#n1 ul li div ul {align-items:baseline;display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;min-width:320px;padding:1em;}
	nav#n1 ul li div ul:nth-child(2) {margin-top:45px;}
	nav#n1 ul li div ul li {line-height:2;list-style:none;font-variant:normal;width:auto;text-align:left;text-transform:none;padding-left:1em;}
	nav#n1 ul li div[id^="md_"] ul:nth-child(1) li:nth-child(1) {background-position:5px 5px;background-repeat:no-repeat;padding:5px 5px 5px 45px;line-height:35px;list-style:none;}
	nav#n1 ul li div#md_02 ul:nth-child(1) li:nth-child(1) {background-image: url(img/bici_menu.png);}
	nav#n1 ul li div#md_04 ul li:nth-child(1) {background-image: url(img/senderismo_menu.png);}
	nav#n1 ul li div#md_08 ul li:nth-child(1) {background-image: url(img/burros_menu.png);}
	nav#n1 ul li div#md_09 ul li:nth-child(1) {background-image: url(img/familia_menu.png);}
	nav#n1 ul li div#md_07 ul li:nth-child(1) {background-image: url(img/logo_menu.png);}
	nav#n1 ul li div#md_99 ul li:nth-child(1) {background-image: url(img/logo_menu.png);}
	nav#n1 ul li div ul li.diff {line-height:2;list-style:none;color:#6e8e17;padding-left:1ex;}
	nav#n1 ul li div ul li span.x {padding-right:5px;color:#6e8e17;font-size:larger;}
	nav#n1 ul li div ul li span {color:#6e8e17;font-size:larger;display:inline-block;width:17px;text-align:center;}
	
}

@media screen and (min-width:1000px) {
	nav#n1 ul li#ff {flex:1 0 auto;display:flex;flex-flow:row nowrap;justify-content:flex-end;}
	nav#n1 ul li#ff a {display:flex;align-items:center;justify-content: center}
	nav#n1 ul li#ff a img {margin-bottom:2px;}
	nav#n1 ul li#ff a:nth-of-type(1) img {height:38px;width:38px;}
	nav#n1 ul li#ff a:nth-of-type(2) img {height:38px;width:38px;}
}

@media screen and (min-width:1200px) {
	
	nav#n1 ul li {font-size:14px;}
	
}