.menuBanner { display: inline; }

ul.menuBanner li label:hover { color: #EFE23A; color:none; text-decoration: none; }
ul.menuBanner { padding-top: 5px; padding-bottom: 5px; margin-top:-2%; border-style : Solid; border-color : white; border-width : 1px; border-radius : 11px; -moz-border-radius : 11px; -webkit-border-radius : 11px; text-align: center; }

    ul.menuBanner li { display:inline; }

    ul.menuBanner li label { font-size: 8px; background-color: none; color: white;},

    ul.menuBanner li label:hover { color: #EFE23A; color:none; text-decoration: none; }

.menuMov{
    font-size: 20px; font-weight: bold;background-color: none; color: white;
    margin-top: -4%;
    margin-bottom: -3%;
}

input[type="radio"] {
    display:none;
}
input[type="radio"] + label {
    color: #2C72B5;
    font-family:Arial, sans-serif;
    font-size:14px;
}


input[type="radio"] + span {
     background-color:#5cab00;
}

input[type="radio"]:checked + span{
     background-color:#abe666;;
}

input[type="radio"] + label span,
input[type="radio"]:checked + label span {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
}

.ajustarSlider{
max-width: 1200px;
margin:4% auto;
box-shadow: 0 .1em 1em black;
-webkit-box-shadow: 0 .1em 1em black;
-moz-box-shadow: 0 .1em 1em black;
-o-box-shadow: 0 .1em 1em black;
}

.principal img{
    text-align: center;
    max-width: 100%;
      -webkit-box-shadow: 4px 4px 10px #999;
  -moz-box-shadow: 4px 4px 10px #999;
    height: auto;  
}
.redes img{
    text-align: center;
    height: auto;
    max-width: 100%;
      -webkit-box-shadow: 4px 4px 10px #999;
  -moz-box-shadow: 4px 4px 10px #999;
}
.conmutacion img{
    text-align: center;
    height: auto;
    max-width: 100%;
      -webkit-box-shadow: 4px 4px 10px #999;
  -moz-box-shadow: 4px 4px 10px #999;
}
.enlaces img{
    height: auto;
    text-align: center;
    max-width: 100%;
      -webkit-box-shadow: 4px 4px 10px #999;
  -moz-box-shadow: 4px 4px 10px #999;
}
.deteccion img{
    height: auto;
    text-align: center;
    max-width: 100%;
      -webkit-box-shadow: 4px 4px 10px #999;
  -moz-box-shadow: 4px 4px 10px #999;
}
.cctv img{  
    height: auto;
    text-align: center;
    max-width: 100%;
      -webkit-box-shadow: 4px 4px 10px #999;
  -moz-box-shadow: 4px 4px 10px #999;
}

.principal2 img{
    text-align: center;
    height: auto;  
}
.redes2 img{
    text-align: center;
    height: auto;
}
.conmutacion2 img{
    text-align: center;
    height: auto;
}
.enlaces2 img{
    height: auto;
    text-align: center;
}
.deteccion2 img{
    height: auto;
    text-align: center;
}
.cctv2 img{  
    height: auto;
    text-align: center;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.dropdownmenu{
    display:inline;
}

.dropdownmenu ul, .dropdownmenu li {
    margin: 0;
    padding: 0;
}
.dropdownmenu ul {
    background: gray;
    list-style: none;
    width: 100%;
}
.dropdownmenu li {
    float: left;
    position: relative;
    width:auto;
    margin-top: 5px;
}
.dropdownmenu label {
    background: #5cab00;
    color: #FFFFFF;
    display: block;
    font: bold 16px/24px sans-serif;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.dropdownmenu a {
 text-decoration: none;
}
.dropdownmenu li:hover label {
    background: #abe666;
    color: #000;
}

#submenu {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 1;
}
li:hover ul#submenu {
    opacity: 1;
    top: 40px;  /* adjust this as per top nav padding top & bottom comes */
    visibility: visible;
}
#submenu li {
    float: none;
    width: 100%;
}
#submenu label:hover {
    background: #DF4B05;
}
#submenu label {
    background-color:#abe666;
}