/* MENU NAV */
/*.desktop { display: table; margin-right: 10px;}*/

@import url(https://fonts.googleapis.com/css?family=Capriola);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  font-family: Capriola, Helvetica, sans-serif;
  z-index:1
}
#cssmenu {
  width: auto;
  height: 59px;
  padding-bottom: 4px;
}
#cssmenu.align-right {
  float: right;
}
#cssmenu.align-right ul li {
  float: right;
  margin-right: 0;
  margin-left: 4px;
}
#cssmenu.align-right ul li:first-child,
#cssmenu.align-right ul li:first-child > a {
  border-bottom-right-radius: 3px;
}
#cssmenu #bg-one,
#cssmenu #bg-two,
#cssmenu #bg-three,
#cssmenu #bg-four {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu #bg-one {
  height: 10px;
  background: #3E4D71;
}
#cssmenu #bg-two {
  height: 59px;
  z-index: 2;
  background: url('images/bg.png');
}
#cssmenu #bg-three {
  bottom: 4px;
  height: 55px;
  z-index: 3;
  background: #222222;
  background: -moz-linear-gradient(top, #555555 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #555555 0%, #222222 100%);
  background: -o-linear-gradient(top, #555555 0%, #222222 100%);
  background: -ms-linear-gradient(top, #555555 0%, #222222 100%);
  background: linear-gradient(to bottom, #555555 0%, #222222 100%);
}
#cssmenu #bg-four {
  bottom: 4px;
  height: 55px;
  z-index: 4;
  background: url('images/bg.png');
}
#cssmenu ul {
  height: 59px;
}
#cssmenu ul li {
  float: left;
  margin-right: 4px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  z-index: 5;
}
#cssmenu ul li a {
  padding: 24px 12px 20px 12px;
  margin-bottom: 4px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #eeeeee;
  font-size: 15px;
  text-decoration: none;
}
#cssmenu ul li:first-child,
#cssmenu ul li:first-child > a {
  border-bottom-left-radius: 3px;
}
#cssmenu ul li:hover,
#cssmenu ul li.active {
  background: #3E4D71;
  background: -moz-linear-gradient(top, #3E4D71 0%, #3E4D71 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3E4D71), color-stop(100%, #3E4D71));
  background: -webkit-linear-gradient(top, #3E4D71 0%, #3E4D71 100%);
  background: -o-linear-gradient(top, #3E4D71 0%, #3E4D71 100%);
  background: -ms-linear-gradient(top, #3E4D71 0%, #3E4D71 100%);
  background: linear-gradient(to bottom, #3E4D71 0%, #3E4D71 100%);
}
#cssmenu ul li a:hover,
#cssmenu ul li.active > a {
  background: url('images/bg.png');

}




@media screen and (max-width: 768px) {
        ul#css3menu1 > li {
                position: initial;}
        ul#css3menu1 ul .submenu,ul#css3menu1 li > ul {
                left: 0; right:auto; top: 100%;}
        ul#css3menu1 .submenu,ul#css3menu1 ul,ul#css3menu1 .column {
                -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right: 0;width: 100% !important;}
}
@media screen and (max-width: 192px) {
        ul#css3menu1 {
                width: 100%;}
        ul#css3menu1 > li {
                display: none;          position: relative;             width: 100% !important;}
        ul#css3menu1 > li.switch,.c3m-switch-input:checked + ul#css3menu1 > li + li {
                display: block;}
        ul#css3menu1 > li.switch > label {              position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;}}



/* RESPONSIVE DROPDOWN INCLUDED IN MENU NAV */

.dropdown-content {
    display: none;
    position: absolute;
    background: linear-gradient(to bottom, #3E4D71 0%, #3E4D71 100%);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
/*    z-index: 1000; */
}
.dropdown-content a {
    text-align: left;
}
.dropdown:hover .dropdown-content {
    display: block;
}
* {
    margin: 0;
    padding: 0;
}
#contenedor .contenido .volver .boton-volver {
    width: 130px;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    text-align: center;
}
/* */
@media screen and (max-width : 760px){
.dropdown-content {
    display: none;
    position: relative;
    background: linear-gradient(to bottom, #3E4D71 0%, #3E4D71 100%);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown:hover .dropdown-content {
    display: block;
}
}