#headerSitio{
    
position:fixed;  
z-index:9; width:100%;
text-align:center; 
}

.logoTec img { height:50px;}

.headerTop{ background-color:rgba(0,0,0,.3); }
.headerBot{ background-color:rgba(0,0,0,.95); }

.headerMenu{
    background-color:#F6F6F6; float:right; padding:10px 8px 10px 8px; 
}

.headerMenuIconito{
     background-color:#F6F6F6; color:#FFF; float:left; padding:10px; display:none !important;
}

.headerMenuMenu{
    position:relative; margin:0 11px 0 11px; float:left;
}

.menuFull {
  z-index:99; position:fixed;    left:0;top:50px; 
}

.menu{ float:right;}
.menuIconitoIcon {
    display: none;
    float: right;
    height: 100%;
    cursor: pointer; color:#FFF; padding:20px;
}


.menuMenu{ float: left; position: relative; color: #FFF; height: 70px; line-height: 70px; padding: 0 7px 0 7px;}
.menuMenuI{ float: left; position: relative; color: #FFF; height: 70px; line-height: 70px; opacity:.8; padding: 0 7px 0 7px;}
.menuMenuI:hover { opacity:1}
.menuMenu:hover { opacity: 1; background-color:rgba(255,255,255,.2);}
.menuGrande { float:left; position:relative}
.menuGrande:hover .menuSub {display:block}
.menuGrande:hover .menuMenu{ opacity: 1; background-color:rgba(255,255,255,.3);}
 
 /* menu subs */

.menuSub { position:absolute; display:none; white-space:nowrap;  width:200px; top:70px; left:0; font-size:13px; text-align:left}
.menuSubM { color:#000; padding:5px;   border-bottom:1px solid #333; background-color:rgba(255,255,255,.9); }
.menuSubM:hover { background-color:rgba(255,255,255,1); }
.menuSub:hover .menuSubM { display:block;}


.menuRedes { float: left;  margin-left:30px;}
.iconoWhats{opacity:0.6;color:#00b833;}
.iconoWhats:hover{opacity:1;}

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

.menuContenido { background-color:#FFF;}
.menu {position:fixed; height: 90vh;   overflow-y: auto;right:0; top:70px;    width:100%; z-index:9999;  display: none;}
.menuMenu  { width:100%;   padding: 10px; height: auto; line-height: normal; color:#000;}
.menuMenu:hover { background-color:#EBEBEB;}
.menuGrande { width:100%;}
.menuSub { float:left; display:block; position:static; width:100%;}
.menuSubM { color:#000;text-align:Center;}
.menuSubM:hover { background-color:#EBEBEB;}
.menuContenido {    width:100%; transition: all 0.2s linear; position:absolute; padding-bottom: 20px; }
.menuIconitoIcon { display:block;}
.menuMenuI { float:none; display:inline-block; color:#000;}
.menuRedes { width:100%; text-align:center; padding:0; margin:0}
}

@media screen and (max-width: 600px) {
.logoTec img { height:40px;}
}