@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;

  font-size: 1.044em;

  font-weight: 500;

}



.dc_css3_menu li {

  position: relative;

  list-style: none;

  letter-spacing: 0px;

  float: left;

  display: block;

  height: 24px;

  font-size: 0.9em;

  z-index: 999999;

}



.dc_css3_menu li a {

  font-family: "gorditamedium", sans-serif;

  margin-top: 12px;

  margin-right: -15px;

  border-style: solid;

  border-color: rgba(255, 255, 255, 0);

  border-width: 3px 0px 2px 0px;

  display: block;

  padding: 4px 20px;

  text-decoration: none;

  color: #ffffff;

  -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 {

  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)

    rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);

  border-width: 3px 0px 2px 0px;

  color: #fff70c;

  -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: #fff23a;

}



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

}



.dc_css3_menu ul li a:hover {

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

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

  color: #fff;

  background-color: #4c2824;

}



.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) {

  .dc_css3_menu li a:hover {

    border-color: #ffffff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)

      rgba(255, 255, 255, 0);

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

  }



  .dc_css3_menu ul {

    top: 116px;

  }

}