/* dCodes Framework:(c) Valeriu Timbuc,DesignModo,TemplateAccess */



@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700,800&subset=latin,latin-ext);



.dc_css3_menu,

.dc_css3_menu ul,

.dc_css3_menu li,

.dc_css3_menu a {

  border: none;

  outline: none;

  margin-top: 0px;

  font-size: 0.9rem;

  letter-spacing: 1px;

  vertical-align: middle;

  align-items: center;

}



.dc_css3_menu li {

  position: relative;

  list-style: none;

  float: left;

  display: block;

  height: 24px;

  z-index: 99;

}



.dc_css3_menu li a {

  font-weight: 600;

  margin-top: 0px;

  margin-right: -15px;

  display: block;

  padding: 2px 15px;

  text-decoration: none;

  color: #ffffff;

  text-shadow: 0px 0px 1px rgb(57, 57, 57);

  -webkit-transition: color 0.2s ease-in-out;

  -moz-transition: color 0.2s ease-in-out;

  -o-transition: color 0.2s ease-in-out;

  -ms-transition: color 0.2s ease-in-out;

  transition: color 0.2s ease-in-out;

}



.dc_css3_menu li a:hover {

  color: #ff0000 !important;

  -webkit-transition: all 150ms cubic-bezier(0.645, 0.045, 0.355, 1);

  -moz-transition: all 150ms cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition: all 150ms cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 150ms cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */

  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);

  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);

  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);

  transition-timing-function: cubic-bezier(

    0.645,

    0.045,

    0.355,

    1

  ); /* easeInOutCubic */

}



.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: #ff0000;

}



.dc_css3_menu ul {

  position: absolute;

  top: 54px;

  left: 0;

  opacity: 0;

  background-color: #fff;

  -webkit-border-radius: 0 0 5px 5px;

  -moz-border-radius: 0 0 5px 5px;

  border-radius: 0 0 5px 5px;

  -webkit-transition: opacity 0.25s ease 0.1s;

  -moz-transition: opacity 0.25s ease 0.1s;

  -o-transition: opacity 0.25s ease 0.1s;

  -ms-transition: opacity 0.25s ease 0.1s;

  transition: opacity 0.25s ease 0.1s;

}



.dc_css3_menu li:hover > ul {

  opacity: 1;

}



.dc_css3_menu ul li {

  height: 0;

  overflow: hidden;

  padding: 0;

  -webkit-transition: height 0.25s ease 0.1s;

  -moz-transition: height 0.25s ease 0.1s;

  -o-transition: height 0.25s ease 0.1s;

  -ms-transition: height 0.25s ease 0.1s;

  transition: height 0.25s ease 0.1s;

}



.dc_css3_menu li:hover > ul li {

  height: 50px;

  overflow: visible;

  padding: 0;

}



.dc_css3_menu ul li a {

  font-size: 0.9em;

  width: 240px;

  text-align: left;

  padding: 15px 5px 15px 22px;

  margin: 0;

  border: none;

  color: #ff0000;

}



.dc_css3_menu ul li a:hover {

  border-color: #dbdbdb #ffffff #dbdbdb #ffffff;

  border-width: 0px 0px 1px 0px;

  color: #fff;

  background-color: #ff0000;

}



.dc_css3_menu ul li:last-child a {

  border: none;

}



.dc_css3_menu a.documents {

  background: url(../images/docs.png) no-repeat 6px center;

}



.dc_css3_menu a.messages {

  background: url(../images/bubble.png) no-repeat 6px center;

}



.dc_css3_menu a.signout {

  background: url(../images/arrow.png) no-repeat 6px center;

}



@media only screen and (min-width: 1200px) {

}



@media only screen and (max-width: 1199px) {

}