/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/iframe-shim.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.popUpMenu{position:absolute; text-align:center; margin:0 auto;}
.popUpMenu ul{margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background:#006aa9; border:1px solid #333; border-color:#eee #555 #222 #fff; }
.popUpMenu li{margin:0; padding:0; list-style:none; display:inline-block; display:inline;}
.popUpMenu a{display:block; font:normal 12px verdana; color:#ffffff; line-height:25px; text-decoration:none;padding:0 20px;}
.popUpMenu li:hover > a,
.popUpMenu ul li:hover > a.fly {color:#ffffff; background-color:#00397e}


.menuNVOPrincipal {position:absolute; left:150px; top:16px; width:auto; text-align:left; margin:0 auto; }
.menuNVOAdmin {position:relative; top:230px; width:auto; text-align:center; margin:0 auto; }

#menuNVO ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background:#006aa9; border:1px solid #333; border-color:#eee #555 #222 #fff; }
#menuNVO ul {display:inline-block;}


#menuNVO li {margin:0; padding:0; list-style:none;}
#menuNVO li {display:inline-block; display:inline;}
#menuNVO ul ul {position:absolute; left:-9999px;}

#menuNVO ul.level1 {margin:0 auto; border:none; background:none;}
#menuNVO ul.level1 li.level1-li {float:left; display:block; position:relative}


#menuNVO b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
/*color letras menu desplegado*/ 
#menuNVO a          {display:block; font:normal 12px verdana; color:#ffffff; line-height:25px; text-decoration:none;padding:0 20px;}
/*color letras menu principal*/
#menuNVO a.level1-a {display:block; font:bold 13px verdana; color:#ffffff; line-height:25px; text-decoration:none;padding:0 20px;}

#menuNVO a.level1-a.oscuroxxx {display:block; font:bold 13px verdana; color:#002f66; line-height:25px; text-decoration:none;padding:0 20px;}
#menuNVO a.level1-a.oscuro {display:block; font:bold 13px verdana; color:#FFFFFF; line-height:25px; text-decoration:none;padding:0 20px; background-color:#00397e}
#menuNVO menuNVOAdmin.a.level1-a {display:block; font:normal 15px verdana; color:#ffffff; line-height:25px; text-decoration:none;padding:0 20px;}

#menuNVO ul.level1 li.level1-li a.level1-a {float:left;}

#menuNVO ul li:hover > ul {visibility:visible; left:0; top:21px;}
#menuNVO ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px; margin-left:-4px;}
#menuNVO li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menuNVO li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px; margin-right:-4px;}


#menuNVO a:hover ul {left:0; top:23px;}
#menuNVO li.left a:hover ul {left:auto; right:-1px; top:23px;}

#menuNVO li.left ul a {text-align:right;}


#menuNVO a:hover a:hover ul,
#menuNVO a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menuNVO li.left a:hover a:hover ul,
#menuNVO li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menuNVO a:hover ul ul,
#menuNVO a:hover a:hover ul ul {left:-9999px;}
#menuNVO li.left a:hover ul ul,
#menuNVO li.left a:hover a:hover ul ul {left:-9999px;}

#menuNVO li a.drop {background:transparent url(../imagenes/white-down3.svg) no-repeat right center;}
#menuNVO li a.fly {background:transparent url(../imagenes/white-right.gif) no-repeat right center;}
#menuNVO li.left ul a.fly {background:transparent url(../imagenes/white-left.gif) no-repeat left center;}

#menuNVO ul{
    border-radius:12px;
    border:1px solid #00397e;
    background-color:#fff;
    color:#000;
}

#menuNVO ul li a{
    color:#000;
    font-family: 'Montserrat', sans-serif;
}

.contLogos{
    display:flex;
    justify-content:center;
    align-items:center;
    background-color: #fff;
    position: absolute;
    border-top-right-radius: 30px;
    width: 170px;
    z-index: 1;
    height: 60px;
}

#menuNVO ul li a:hover > img{
    transition:0.5s;
    scale:1.2;
}

#encabezado_izquierda{
    opacity:0%;
    animation-name:logo1;
    animation-duration: 5s;
    animation-iteration-count:infinite;
}

#icoF{
    position:absolute;
    opacity:100%;
    animation-name:logo2;
    animation-duration: 5s;
    animation-iteration-count:infinite;
    width:100px;
    height:90px;
}

.level2{
    background-color:#fff;
}

#floating-panel {
  position: absolute;
  top: 150px;
  left: 176px;
  z-index: 5;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  width: 50px;
  /*height: 148px;*/
  height: 148px;
  background-color: rgba(230,0,0, 0.7);
}
#floating-panel2 {
  position: absolute;
  top: 308px;
  left: 176px;
  z-index: 5;
  background: rgba(153,153,153, 0.7);
  text-align: center;
  font-family: 'Roboto','sans-serif';
  width: 97px;
  height: 221px;
}

div.boxContenedor{
    height: 250px;
    width: 250px;
    overflow-y: scroll;
}
div.boxContenedor_consultas{
    height: 180px;
    width: 270px;
    overflow-y: scroll;
}

.btn-Farmacias{
    padding: 8px 20px;
    background: #f3f3f3;
    border-radius:12px;
    color: #3F51B5;
    border:none;
    outline:none;
    cursor: pointer;
    box-shadow: 1px 1px 2px 0 #b2b3b6;
}

#menuNVO li a:hover,
#menuNVO li a.fly:hover {color:#ffffff; background-color:#00397e;}
#menuNVO li:hover > a,
#menuNVO ul li:hover > a.fly {color:#ffffff; background-color:#00397e; border-radius:10px;}

#menuNVO li.level1-li a.level1-a:hover,
#menuNVO li a.level1-a.fly:hover {color:#ffffff; background: linear-gradient(180deg, #ffffff00, #3768a3e0 99%); border-radius:50px; }

#menuNVO table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-6px;}
#menuNVO table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-30px; margin-left:-4px;}

#menuNVO li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menuNVO li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-30px; margin-right:-4px;}

@keyframes logo1{
    0%{
        opacity:0%;
    }
    45%{
        opacity:0%;
    }
    50%{
        opacity:100%;
    }
    80%{
        opacity:100%;
    }
}

@keyframes logo2{
    0%{
        opacity:0%;
    }
    45%{
        opacity:100%;
    }
    50%{
        opacity:0%;
    }
    100%{
        opacity:0%;
    }
}

