@charset "UTF-8";
/* CSS Document */

li{
list-style: none;
cursor: pointer;
}
 
ul.acordion{
background-color: #E7E7E7;
border-right: solid 1px #ffffff;
border-left: solid 1px #ffffff;
margin: 0px 10px 10px 10px;
padding: 0;
}
 
ul.acordion li {
border-bottom: solid 1px #ffffff;
}
 
ul.acordion li:first-child {
border-top: solid 1px #ffffff;
}
 
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
ul.acordion li ul li {
background: #fff;
}
 
ul.acordion li ul li:last-child{
border-bottom: none;
}
 
ul.acordion li ul li a {
color: #0092DA;
display: block;
padding: 8px 10px 8px 20px; 
text-decoration: underline;
background-color: #F4F4F4;
}
 
ul.acordion li .none-submenu {
background: url(images/trigger-arrow.png) no-repeat 98% 50%;
background-size: 10px 10px;
display: block;
padding: 10px;
font-weight:bold;
}
 
ul.acordion li .active-submenu {
background: url(images/triggeractive-arrow.png) no-repeat 98% 50%;
background-size: 10px 10px;
display: block;
padding: 10px;
font-weight:bold;
}

ul.acordion li .submenu {
font-weight:normal;

}
 
@media only screen and (max-width: 600px) {
ul.acordion li .none-submenu{ background: url(images/trigger-arrow.png) no-repeat 96% 50%; background-size: 3%;}
ul.acordion li .active-submenu{ background: url(images/triggeractive-arrow.png) no-repeat 96% 50%; background-size: 3%;}
}