/* dCodes Framework:(c) Valeriu Timbuc,DesignModo,TemplateAccess */
.dc_css3_menu, .dc_css3_menu ul, .dc_css3_menu li, .dc_css3_menu a {
   margin: 0;
   padding: 0;
   border: none;
   outline: none;
}

.dc_css3_menu {
   height: 61px;
   line-height: 61px;
   vertical-align: middle;
   background-color: #3399FF;
   width: 100%; 
   position:absolute; 
   z-index: 1;
   left: 0px;
   text-align: center;
}

.dc_css3_menu li {
   position: relative;
   list-style: none;
   display: inline;
   height: 61px;
}

.dc_css3_menu li a {
   display: inline-block;
   padding: 0 14px;
   margin: 6px 0;
   line-height: 28px;
   text-decoration: none;
   border-left: 1px solid #FFF;
   font-size: 18px;
   color: #eee;
   -webkit-transition: color .2s ease-in-out;
   -moz-transition: color .2s ease-in-out;
   -o-transition: color .2s ease-in-out;
   -ms-transition: color .2s ease-in-out;
   transition: color .2s ease-in-out;
}

.dc_css3_menu li:first-child a { border-left: none; }
.dc_css3_menu li:last-child a { border-right: none; }
.dc_css3_menu li:hover> a { color: #000; text-shadow: none; }

.dc_css3_menu ul { 
   position: absolute;
   top: 40px;
   left: 0;
   opacity: 0;
   background: #3399FF;
   -webkit-border-radius: 0 0 5px 5px;
   -moz-border-radius: 0 0 5px 5px;
   border-radius: 0 0 5px 5px;
   -webkit-transition: opacity .25s ease .1s;
   -moz-transition: opacity .25s ease .1s;
   -o-transition: opacity .25s ease .1s;
   -ms-transition: opacity .25s ease .1s;
   transition: opacity .25s ease .1s; 
   text-align: left;
}

.dc_css3_menu li:hover>ul {
   opacity: 1;
}

.dc_css3_menu ul li { 
   display: block;
   height: 0;
   overflow: hidden;
   padding: 0;
   -webkit-transition: height .25s ease .1s;
   -moz-transition: height .25s ease .1s;
   -o-transition: height .25s ease .1s;
   -ms-transition: height .25s ease .1s;
   transition: height .25s ease .1s;
}

.dc_css3_menu li:hover>ul li { 
   height: 45px;
   line-height: 45px;
   vertical-align: middle;
   overflow: visible;
   padding: 0;
}

.dc_css3_menu ul li a { 
   width: 500px;
   padding: 4px 0 4px 40px;
   margin: 0;
   border: none;
   border-bottom: 1px solid #8b9fdd;
}

.dc_css3_menu ul li:last-child a { border:none; }