<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#cssmenu,

#cssmenu ul,

#cssmenu ul li,

#cssmenu ul li a {

  margin: 0;

  padding: 0;

  border: 0;

  list-style: none;

  line-height: 1;

  display: block;

  position: relative;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

}

#cssmenu {

  width: 100%;

  color: #ffffff;

}

#cssmenu ul ul {

  display: none;



}

.align-right {

  float: right;

}

#cssmenu &gt; ul &gt; li.tituloMenuCategorias {

  padding:20px 15px;

  border-bottom:solid 0px #CCC;

  cursor:default;

  z-index: 0;

  font-size: 1em;

  line-height:1.2em;

  font-weight: 600;

  text-decoration: none;

  color: #33a457;

  background: #FFF;

  text-shadow:none;



}
#cssmenu &gt; ul &gt; li &gt; a {
  padding: 15px 20px;
  padding-left:40px;
  border-bottom:solid 1px #DDD;
  cursor: pointer;
  z-index: 2;
  font-size: .8em;
  line-height:1.2em;
  font-weight: 400;
  text-decoration: none;
  color: #333;
  background: #FFF url(../../inc-imgs/favicon.png) no-repeat 10px ;
  background-size:20px;
  text-shadow:none;
   z-index: 0;
}
#cssmenu &gt; ul &gt; li &gt; a:hover,
#cssmenu &gt; ul &gt; li.active &gt; a,
#cssmenu &gt; ul &gt; li.open &gt; a {
  background: #33a457 url(../../inc-imgs/favicon.png) no-repeat 10px ;
   background-size:20px;
   color:#FFF;
}




.holder {

  width: 0;

  height: 0;

  position: absolute;

  top: 0;

  right: 0;

}

.holder::after,

.holder::before {

  display: block;

  position: absolute;

  content: "";

  width: 6px;

  height: 6px;

  right: 20px;

  z-index: 10;

  -webkit-transform: rotate(-135deg);

  -moz-transform: rotate(-135deg);

  -ms-transform: rotate(-135deg);

  -o-transform: rotate(-135deg);

  transform: rotate(-135deg);

}

.holder::after {

  top: 19px;

  border-top: 2px solid #666;

  border-left: 2px solid #666;

}

#cssmenu &gt; ul &gt; li &gt; a:hover &gt; span::after,

#cssmenu &gt; ul &gt; li.active &gt; a &gt; span::after,

#cssmenu &gt; ul &gt; li.open &gt; a &gt; span::after {

  border-color: #FFF;

}

.holder::before {

  top: 18px;

  border-top: 2px solid;

  border-left: 2px solid;

  border-top-color: inherit;

  border-left-color: inherit;

}

#cssmenu ul ul li a {

  cursor: pointer;

  border-bottom: 0px solid #FFF;

  border-left: 1px solid #FFF;

  border-right: 1px solid #FFF;

  padding: 12px 20px;

  z-index: 1;

  text-decoration: none;

  font-size: 0.9em;

  font-weight:400;

  color: #333;

  background: #EEE;

}

#cssmenu ul ul li:hover &gt; a,

#cssmenu ul ul li.open &gt; a,

#cssmenu ul ul li.active &gt; a {

  background: #EEE;

  color: #333;

}

#cssmenu ul ul li:first-child &gt; a {

  box-shadow: none;

}

#cssmenu ul ul ul li a {

  padding-left: 30px;

}

#cssmenu &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a,

#cssmenu &gt; ul &gt; li &gt; ul &gt; li.last &gt; a {

  border-bottom: 0;

}

#cssmenu &gt; ul &gt; li &gt; ul &gt; li.open:last-child &gt; a,

#cssmenu &gt; ul &gt; li &gt; ul &gt; li.last.open &gt; a {

  border-bottom: 1px solid #DDD;

}

#cssmenu &gt; ul &gt; li &gt; ul &gt; li.open:last-child &gt; ul &gt; li:last-child &gt; a {

  border-bottom: 0;

}

#cssmenu ul ul li.has-sub &gt; a::after {

  display: block;

  position: absolute;

  content: "";

  width: 5px;

  height: 5px;

  right: 20px;

  z-index: 10;

  top: 11.5px;

  border-top: 2px solid #eeeeee;

  border-left: 2px solid #eeeeee;

  -webkit-transform: rotate(-135deg);

  -moz-transform: rotate(-135deg);

  -ms-transform: rotate(-135deg);

  -o-transform: rotate(-135deg);

  transform: rotate(-135deg);

}

#cssmenu ul ul li.active &gt; a::after,

#cssmenu ul ul li.open &gt; a::after,

#cssmenu ul ul li &gt; a:hover::after {

  border-color: #ffffff;

}

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

#cssmenu &gt; ul &gt; li &gt; a {

  padding: 15px 20px;
  padding-left:40px;
  border-left: 1px solid #EEE;

  border-right: 1px solid #EEE;

  border-top: 1px solid #EEE;

  cursor: pointer;

  z-index: 2;

  font-size: 1.1em;

  line-height:1.0em;

  font-weight: 300;

  text-decoration: none;

  color: #333;

  text-shadow:none;

}

}

@media screen and (min-width: 941px) and (orientation: portrait) {

#cssmenu,

#cssmenu ul,

#cssmenu ul li,

#cssmenu ul li a {

  margin: 0;

  padding: 0;

  border: 0;

  list-style: none;

  line-height: 1;

  display: block;

  position: relative;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

}

#cssmenu {

  width: 100%;

  color: #ffffff;

}

#cssmenu ul ul {

  display: none;

}

.align-right {

  float: right;

}

#cssmenu &gt; ul &gt; li &gt; a {

  padding: 15px 20px;

  border-left: 0.2em solid #FFF;

  border-right: 0.2em solid #FFF;

  border-top: 0.2em solid #FFF;

  cursor: pointer;

  z-index: 2;

  font-size: 2.4em;

  line-height:2.4em;

  font-weight: 300;

  text-decoration: none;

  color: #333;

  background: #F5F5F5;

  text-shadow:none;

}

#cssmenu &gt; ul &gt; li &gt; a:hover,

#cssmenu &gt; ul &gt; li.active &gt; a,

#cssmenu &gt; ul &gt; li.open &gt; a {

  color: #333;

  background: #c2d3e0;

}







.holder {

  width: 0;

  height: 0;

  position: absolute;

  top: 10px;

  right: 0;

}

.holder::after,

.holder::before {

  display: block;

  position: absolute;

  content: "";

  width: 12px;

  height: 12px;

  right: 40px;

  z-index: 10;

  -webkit-transform: rotate(-135deg);

  -moz-transform: rotate(-135deg);

  -ms-transform: rotate(-135deg);

  -o-transform: rotate(-135deg);

  transform: rotate(-135deg);

}

.holder::after {

  top: 38x;

  border-top: 0.2em solid #666;

  border-left: 0.2em solid #666;

}

#cssmenu &gt; ul &gt; li &gt; a:hover &gt; span::after,

#cssmenu &gt; ul &gt; li.active &gt; a &gt; span::after,

#cssmenu &gt; ul &gt; li.open &gt; a &gt; span::after {

  border-color: #333;

}

.holder::before {

  top: 38px;

  border-top: 0.2em solid;

  border-left: 0.2em solid;

  border-top-color: inherit;

  border-left-color: inherit;

}

#cssmenu ul ul li a {

  cursor: pointer;

  border-bottom: 0.0em solid #EEE;

  border-left: 0.2em solid #EEE;

  border-right: 0.2em solid #EEE;

  padding: 24px 40px;

  z-index: 1;

  text-decoration: none;

  font-size: 1.8em;

  color: #333;

  background: #9ab1c3;

}

#cssmenu ul ul li:hover &gt; a,

#cssmenu ul ul li.open &gt; a,

#cssmenu ul ul li.active &gt; a {

  background: #afdcb1;

  color: #3e5340;

}

#cssmenu ul ul li:first-child &gt; a {

  box-shadow: none;

}

#cssmenu ul ul ul li a {

  padding-left: 60px;

}

#cssmenu &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a,

#cssmenu &gt; ul &gt; li &gt; ul &gt; li.last &gt; a {

  border-bottom: 0;

}

#cssmenu &gt; ul &gt; li &gt; ul &gt; li.open:last-child &gt; a,

#cssmenu &gt; ul &gt; li &gt; ul &gt; li.last.open &gt; a {

  border-bottom: 0.2em solid #32373e;

}

#cssmenu &gt; ul &gt; li &gt; ul &gt; li.open:last-child &gt; ul &gt; li:last-child &gt; a {

  border-bottom: 0;

}

#cssmenu ul ul li.has-sub &gt; a::after {

  display: block;

  position: absolute;

  content: "";

  width: 20px;

  height: 20px;

  right: 40px;

  z-index: 10;

  top: 23px;

  border-top: 0.3em solid #eeeeee;

  border-left: 0.3em solid #eeeeee;

  -webkit-transform: rotate(-135deg);

  -moz-transform: rotate(-135deg);

  -ms-transform: rotate(-135deg);

  -o-transform: rotate(-135deg);

  transform: rotate(-135deg);

}

#cssmenu ul ul li.active &gt; a::after,

#cssmenu ul ul li.open &gt; a::after,

#cssmenu ul ul li &gt; a:hover::after {

  border-color: #ffffff;

}

}</pre></body></html>