.test{
  position:absolute;
  list-style:none;
  margin-left:-40px;
  width:370px;
  
}

.dropdown select {
	border: 0 !important;  /*Removes border*/
   -webkit-appearance: none;  /*Removes default chrome and safari style*/
   -moz-appearance: none; /* Removes Default Firefox style*/
	background: url('http://jonathanphz.tk/dropdown_arrow.png') no-repeat;  /*Adds background-image*/
	background-position: 80px 8px;  /*Position of the background-image*/
	width: 100px; /*Width of select dropdown to give space for arrow image*/ 
	height: 20px;/*fix for mac input height*/
	text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/
	cursor: pointer;
	color: #fffff;
}

div.dropdown ul ul {
  display: none;
}

div.dropdown li:hover > ul {
  display: block;
}

select option {
  text-align: center;
}


#menu li>a{
  background-color: #046a88;
  color: d8d8d9;
  padding: 10px;
  display: block;
  text-decoration: none;
  min-width: 100px;
  opacity:0.7;
}
#menu li>a:hover{
  color: #1f325a;
  background-color: #faf8f8;
  opacity:0.5;
}

a { text-decoration: none; padding: 1px 3px; display: inline-block; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }
(20) a:hover { background: #black; color: gray; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4); -webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); transform: scale(1.5,1.5); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }




