@charset "utf-8";


.arrowlistmenu{
width:240px; /*width of accordion menu*/
margin-right:auto;
margin-left:auto;
}

.titulo-menu1 {
background-color : #000000;
background-image : url(../../img/menu1.png);
background-position : left bottom;
background-repeat : no-repeat;
height:40px;
border-bottom:double #211B0C;
}

.titulo-menu2 {
background-color : #000000;
background-image : url(../../img/menu2.png);
background-position : left bottom;
background-repeat : no-repeat;
height:40px;
border-bottom:double #211B0C;
}

.titulo-menu3 {
background-color : #000000;
background-image : url(../../img/menu3.png);
background-position : left bottom;
background-repeat : no-repeat;
height:40px;
border-bottom:double #211B0C;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family:Arial,Helmet,Freesans,sans-serif;
font-size:12px;
color: #FFFFFF;
font-weight:bold;
text-shadow: 0.1em 0.1em 0.05em #000000;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 8px 0 8px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
border-bottom: solid 1px #0F597D;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active2.png);
border-bottom: solid 1px #040051;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
border-bottom: solid 1px #0F597D;
}

.arrowlistmenu ul li a{
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 20px; /*link text is indented 19px*/
text-decoration: none;
background-image: url(titlebar-active.png);
width:220px;
margin:0px;
 font-family:Arial,Helmet,Freesans,sans-serif;
    font-size:11px;
    color: #FFFFFF;
    text-shadow: 0.1em 0.1em 0.05em #000000;
}

ul.subcategoryitems li a{
padding-left:30px;
width:210px;
background-image: url(titlebar-active4.png);
}

.arrowlistmenu ul li a.subexpandable { /*cabecera segundo nivel*/
background-image: url(titlebar-active2.png);
font-weight:bold;
text-shadow: 0.1em 0.1em 0.05em #000000;
}

.arrowlistmenu ul li a:visited{
color: #FFFFFF;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FF0;
}

.arrowlistmenu h3:hover {
color: #FF0;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: #0096ac;
}