.mainMenu{ width: 100%; display: block; overflow: hidden; margin: 0px; padding: 0px; }
.item{ border-bottom: 1px solid #ffc887; overflow: hidden; }
.btnside{ text-decoration: none; display: block; padding: 8px 6px 8px 6px; color: #3A3637; position: relative; font-size: 0.85em; font-weight: 400; font-style: italic; }
.btnside.inline{ display: inline-block; }
.btnside:hover{ color: #D91928; }
.btnside:before{ content: ''; position: absolute;  width: 0; height: 0; border-left: 10px solid transparent; border-right:10px solid transparent; border-top:17px solid #FFFFFF; right: 10px; bottom: -17px; z-index: 9; }
.btnside i { margin-right: 10px; }
/*
.subMenu{ background: #3A3637; overflow: hidden; transition: max-height 0.7s; max-height: 0; }
.subMenu a{ display: block; padding: 8px 6px 8px 24px; color: #fff; font-size: 1em; font-weight: 400; border-bottom: 1px solid #FFFFFF; position: relative; }
.subMenu a:before{  content: ''; opacity: 0; transition: opacity 0.3s; }
.subMenu a:hover:before{ content: ''; position: absolute; height: 0; width: 6px; left: 0; top:0; opacity: 1; border-top: 17px solid transparent; border-left: 11px  solid #fff; border-bottom: 17px solid transparent; }
.subMenu a:after{ content: ''; opacity: 0;  transition: opacity 0.3s; }
.subMenu a:hover:after{ content: ''; position: absolute; height: 0;  width: 6px; right: 0px; top:0; opacity: 1; border-top: 17px solid transparent; border-right: 11px solid #fff; border-bottom: 17px solid transparent; }
.subMenu a:hover{  background: #F6B7C2; color: #FFFFFF; transition: all 0.3s; } 
.subMenu a:last-child{ border:none; }
.item:target .subMenu{ max-height: 10em; }
*/

.menucategoria{ width: 100%; display: block; overflow: hidden; }
.menucategoria a.menucategoriaitem{ display: block; padding: 8px 6px 8px 6px; color: #3A3637; position: relative; font-size: 1em; font-weight: 400; font-style: italic; border-bottom: 1px solid #ffc887; text-decoration: none; }
.menucategoria .menucategoriaitem.submenucategoriaheader {}
.menucategoria .menucategoriaitem.submenucategoriaheader::after { content: url("../images/menu-icon-sub.png"); right: 0;  position: absolute; }
.menucategoria a.menucategoriaitem:hover{ /*background: #F6B7C2; */ }
.menucategoria div.submenucategoria{ border-left: 5px solid #206ec0; }
.menucategoria div.submenucategoria ul{ list-style-type: none; margin: 0 0 10px 0; padding: 0; }
.menucategoria div.submenucategoria ul li a{ display: block; padding: 8px 6px 8px 5px; color: #3A3637; font-size: 1em; font-weight: 400; position: relative; }
.menucategoria div.submenucategoria ul li a:hover{ background: #206ec0;  transition: all 0.3s; }
.menucategoria a.menucategoriaitem::before,
.menucategoria div.submenucategoria ul li a::before { background: #ffc887; content: ""; inset: 0; position: absolute; transform: scaleX(0); transform-origin: right; transition: transform 0.5s ease-in-out; z-index: -1; }
.menucategoria a.menucategoriaitem:hover::before, 
.menucategoria div.submenucategoria ul li a:hover::before { transform: scaleX(1); transform-origin: left; }

.menucategoria a.menucategoriaitem-sub{ display: block; padding: 5px 6px 5px 30px; color: #3A3637; position: relative; font-size: 1em; font-weight: 400; font-style: italic; text-decoration: none; background-color: rgba(255,200,135,0.69) }

.menucategoria a.menucategoriaitem-sub::before { background: #206ec0; content: ""; inset: 0; position: absolute; transform: scaleX(0); transform-origin: right; transition: transform 0.5s ease-in-out; z-index: -1; }
.menucategoria a.menucategoriaitem-sub:hover::before { transform: scaleX(1); transform-origin: left; }



@media only screen and (min-width: 320px) and (max-width: 480px) { /*Mobile portrait (320x480)*/

	

}



@media only screen and (min-width: 481px) and (max-width: 576px) { /* Mobile landscape (480x320) - Small tablet portrait (600x800)*/


}



@media only screen and (min-width: 578px) and (max-width: 768px) { /* Mobile landscape (480x320) - Small tablet portrait (600x800)*/

}



@media only screen and (min-width: 769px) and (max-width: 1024px) { /*Small tablet landscape (800x600) Tablet portrait (768x1024) */

	
	
}



@media only screen and (min-width: 1025px) and (max-width: 1280px) { /*Tablet landscape (1024x768)*/

	
}



@media only screen and (min-width: 1281px) and (max-width: 1366px) { /*  */



}