@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "Fira";
    src: url('../fuentes/FiraSansOT-Regular.otf') format ("opentype");
}

html{
        /* font-size:62.5%; */
}
body{
  
  font-size:1rem !important;
  background-color: rgba(66,0,0,1);
  color:rgba(0,0,0,1);
  margin: auto;
  text-align:center;
}
h2{
  color: #e7e2a8;
}
#latlng{
  display: block;
  margin: 0;
  padding: 0;
  position: absolute; /* posición absoluta a navegador */
  top: 0;             /* ajusta a borde de navegador */
  left: 0;
  right: 0;
  height: 50px;
}

#limpia{
        clear:both;
        whidth:100%;
        height:5rem;
}

/* Estilos Cabecera */

#cabeza{
        clear:both;
}
#cabeza{
        top:0px;
        left:0px;
        right:0px;
        position:fixed;
        background-color:rgba(106,95,180,1);
        width:100%;
        height:5rem;
        z-index:1000;
/*      display:inline; */
        -ms-display: flex;
        display:flex;
        border-bottom: solid rgba(255,205,0,0.9) 0.4rem;
        align-items: center; /* alineacion vertical */

}
/*Parte del encabezado dónde se encuentra el texto*/
#cabeza_1{
        top:0px;
        left:0px;
        right:0px;
        position:fixed;
        width:100%;
        height:5rem;
        display:flex;
        vertical-align:bottom !important;
        font-size:2rem;
        background: url(../Bases/lg.png) no-repeat left;
        color:rgba(30,20,90,1);
        padding-left:150px;     
        background-size: contain;
        background-color:rgba(255,255,255,0.8);
        align-items: flex-end;

}


#cobecera{
        clear:both;
}
#cobecera{
        width:100%;
        height:5.2rem;
        background-color:#fff;
        display:block;
        position:static;
}
/* fin estilos cabecera */


#encabezado{
        background:no-repeat;
        position:absolute;
        top:0px;
        left:0px;
        right:0px;
        height:5rem !important;
        padding:0px;
        margin:0px;
        /*background: -moz-linear-gradient(top, rgba(205,103,45,1), rgba(187,72,45,1));
        background: -ms-linear-gradient(top,  rgba(205,103,45,1), rgba(187,72,45,1));
        background: -webkit-linear-gradient(top, rgba(205,103,45,1), rgba(187,72,45,1));
        background: -o-linear-gradient(top, rgba(205,103,45,1), rgba(187,72,45,1));
        background: linear-gradient(top, rgba(205,103,45,1), rgba(187,72,45,1));
        /*Naranjas: #CD6723=rgba(205, 103, 45, 0.8), #BB482D=rgba(187, 72, 45, 0.8)  
        background: -moz-linear-gradient(top, rgba(100,125,255,1) 5%, rgba(220,255,255,1) 30%, rgba(255,255,255,0.8) 70%, rgba(196,253,102,1) 88%, rgba(121,120,5,1) 100%);
        background: -ms-linear-gradient(top, rgba(100,125,255,1) 5%, rgba(220,255,255,1) 30%, rgba(255,255,255,0.8) 70%, rgba(196,253,102,1) 88%, rgba(121,120,5,1) 100%);
        background: -webkit-linear-gradient(top, rgba(100,125,255,1) 5%, rgba(220,255,255,1) 30%, rgba(255,255,255,0.8) 70%, rgba(196,253,102,1) 88%, rgba(121,120,5,1) 100%);
        background: -o-linear-gradient(top, rgba(100,125,255,1) 5%, rgba(220,255,255,1) 30%, rgba(255,255,255,0.8) 70%, rgba(196,253,102,1) 88%, rgba(121,120,5,1) 100%);
        background: linear-gradient(top, rgba(100,125,255,1) 5%, rgba(220,255,255,1) 30%, rgba(255,255,255,0.8) 70%, rgba(196,253,102,1) 88%, rgba(121,120,5,1) 100%);*/
        /*Azul Annuetec: #6A5FB4=rgba(106,95,180,1), #1E145A=rgba(30,20,90,1)*/
        
        background: -moz-linear-gradient(top, rgba(106,95,180,1), rgba(30,20,90,1));
        background: -ms-linear-gradient(top,  rgba(106,95,180,1), rgba(30,20,90,1));
        background: -webkit-linear-gradient(top, rgba(106,95,180,1), rgba(30,20,90,1));
        background: -o-linear-gradient(top, rgba(106,95,180,1), rgba(30,20,90,1));
        background: linear-gradient(top, rgba(106,95,180,1), rgba(30,20,90,1));
        
        z-index:100 !important;
        box-shadow: 5px 0px 5px rgba(0,0,0,1);
        display:block;
}
#bt_01{
        
        /*background: url(../bases/menu.png) left center no-repeat;*/
        vertical-align: middle;
        display:block;
        padding: 10px;
        margin: 20px;
        width: 90px;
        height: 30px;
        #float:left;
        line-height: 2rem;
        border-radius: 1rem;
        background-color: #e7e2a8;
        /*background-color: #1E145A; /*azul annuetec
        background-color:#BB482D; Naranja*/
        cursor:pointer;
        z-index:100 !important;
        -webkit-box-shadow: 0px 2px 5px #999;
        -moz-box-shadow: 0px 2px 5px #999;
        -o-box-shadow: 0px 2px 5px #999;
        -ms-box-shadow: 0px 2px 5px #999;
        filter: shadow(color=#999999, direction=135, strength=2);
}

#bt_02{
        
        /*background: url(../Bases/menu.png) center center no-repeat;¨/
        display:block;
        padding: 0px;
        width:30px;
        position:absolute;
        top: 0px;
        right: 1rem;
        height:5rem;
        /*background-color: #1E145A; azul annuetec*/
        /*background-color:#BB482D; Naranja*/
        background-color:transparent;
        z-index:100 !important;
}
#bt_03{
        
        /*background: url(../bases/menu.png) left center no-repeat;*/
        vertical-align: middle;
        display:block;
        padding: 10px;
        margin: 20px;
        width: 90px;
        height: 30px;
        #float:left;
        line-height: 2rem;
        border-radius: 1rem;
        background-color: #f7b530;
        /*background-color: #1E145A; /*azul annuetec
        background-color:#BB482D; Naranja*/
        cursor:pointer;
        z-index:100 !important;
        -webkit-box-shadow: 0px 2px 5px #999;
        -moz-box-shadow: 0px 2px 5px #999;
        -o-box-shadow: 0px 2px 5px #999;
        -ms-box-shadow: 0px 2px 5px #999;
        filter: shadow(color=#999999, direction=135, strength=2);
}
#bt_01:hover{
        background-color:#f7b530;
}
#bt_03:hover{
        background-color:#e7e2a8;
}
#separata_01{
        background: -moz-radial-gradient(left center, rgba(0,0,0,0.8) , rgba(255,255,255,0) 60%);
        background: -ms-radial-gradient(left center, rgba(0,0,0,0.8) , rgba(255,255,255,0) 60%);
        background: -webkit-radial-gradient(left center, rgba(0,0,0,0.8) , rgba(255,255,255,0) 60%);
        background: -o-radial-gradient(left center, rgba(0,0,0,0.8) , rgba(255,255,255,0) 60%);
        background: radial-gradient(left center, rgba(0,0,0,0.8) , rgba(255,255,255,0) 60%);
/*      border-right:groove 1px #CCCCCC;
        border-spacing:5px;
*/      
        /*padding:3px 0px 3px;*/
        display:block;
        width:3px;
        height:3rem;
        float:left;
        margin-top:0.8rem;
        margin-bottom:0.8rem;
        z-index:100 !important;
}
h1{
color:#FFF;
margin-left: 3rem;
text-align:left;
}

#divmapa{
  display: block;
  margin: 0;
  padding: 0;
  position: absolute; /* posición absoluta a navegador */
  top: 5rem;      /* 50px debajo de borde de navegador */
  left: 0;        /* ajusta a borde de navegador */
  right: 0;
  bottom: 0;
  background: rgba(0,255,0,0.5); /* verde si no hay mapa */

}
#contenedormnu{
        left:0px;
        top:5rem;
        position:absolute;
        z-index:10;
}
#mnu,#sub{
        padding:0.4rem;
        padding-left:0.8rem;
        padding-right:0.3rem;
        margin:0px;
        min-width:15rem;
        max-width:30rem;
        color:#FFF;
/*      font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;*/
        font-family:"Fira Sans OT Regular";
        font-size:0.9rem;
        font-size:1.3rem;
        background-color:rgba(95,95,95,0.9); /*#5F5F5F*/
/*      background-color:rgba(30,20,90,0.9);*/
        border-top-right-radius: 8px 8px;
        border-bottom-left-radius: 8px 8px;
        box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5), 1px 1px 1px 1px rgba(255,255,255,0.5) inset;
        left:0px;
        top:0px;
        cursor:pointer;
        margin-bottom:2px;


}
#mnu:hover{
        box-shadow: 1px 1px 1px 1px rgba(255,255,255,0.5), 1px 1px 1px 1px rgba(0,0,0,0.5) inset;
/*      background-color:rgba(153,102,0,0.9);*/
        background-color:rgba(0,138,170,0.9);
        color: rgba(52,52,52,1);
}
menu{
        margin: 0px;
        padding: 0px;
        

}
li{
        margin:0px;
        padding:0px;
        top:0px;
        left:0px;
        list-style-type: none;
}
#sub{
        background-color: rgba(231,231,231,0.9) !important;
        color: rgba(52,52,52,1);

}
#sub:hover{
        background-color: rgba(0,138,170,0.9) !important;
        color: rgba(52,52,52,1);
}
#esquina{
        /*background:url(../Bases/esquina.png) bottom right no-repeat;*/
        
        height:30px;
        width:30px;
        float:right;
        margin:0px;
        padding:0px;
        bottom:0.3rem;
        right:0px;
        
}

#mensaje{
        position:absolute;
        margin:0px;
        padding:1.5rem;
        bottom:0px;
        right:0px;
        left:0px;
        min-height:2rem;
        background: rgba(51,51,51,0.8);
        border-top: rgba(106,95,180,1) solid 2px;
        color:#FFF;
        visibility:hidden;
        z-index:1;
        display:block;
        font: "Fira Sans OT Regular" 0.9rem;
}
#menupc{
        position:absolute;
        display:none;
        top:5rem;
        right:0px;
        bottom:4rem;
        left:0px;
        z-index:1; 
        background: rgba(51,51,51,0.8);
        font: "Fira Sans OT Regular" 0.9rem;
        color:#FFF;
        overflow:auto;
}
#bt_mnu{
        
        min-height:1.5rem;
        left:0px;
        right:0px;
        padding:1.5rem;
        margin: 0px 1.5rem 0px;
        font: "Fira Sans OT Regular" 0.9rem #FFF;
        border-bottom: rgba(204,204,204,0.9) solid 1px ;
}

footer#pie{
        width:100%;
        left:0px;
        right:0px;
        height: auto;
        position:fixed;
        margin: 0px;
        background-color:#000;
        bottom: 0px;
        left: 0px;
        z-index:1;
        display:block;
        color:#e7e2a8;
        font-size:0.7rem;
}
button{
        /*background-color:transparent;
                width:20%;
        height:4rem;
        width: 20%;
        height: 4rem;*/
        text-align:center;
        border:0px;
        margin: 0px;
        
}
button:hover, button:active, button:visited, button:link, button:focus{
        border:0px !important;
}

.boton{
        width: 20%;
        height: 4rem;
        display:block;
        float:left;
        border: 0px;
        margin: 0px;
        padding: 0px;
        /*position:relative;*/
        cursor:pointer;
        border:0px;
}
#mostrar{ background: url(../Bases/bt_mostrar_0.png) center center no-repeat;}

#cambiar{ background: url(../Bases/cr_marcha.png) center center no-repeat;}

#salir{ background: url(../Bases/salir.png) center center no-repeat ;}

#borrar{background: url(../Bases/bt_papelera_0.png) center center no-repeat ;}


.bt_radio{
        float:left;
        margin: 0px 1rem 0px;
        background:url(../Bases/bt_radio_0.png);
        width:25px;
        height:25px;
}
.bt_radio:hover{
                background:url(../Bases/bt_radio_1.png);
}

#caja_color{
        padding: 12% 6%;
        left:0rem;
        right:0rem;
        top:0rem;
        bottom: 0rem;
        overflow:auto;
        background-color: rgba(255,255,255,0.5);
        border: rgba(0,0,102,1) 2px ridge;
        position:absolute;
        display:none;
        z-index:1;
        
        
}
#titulo_color{
        color:#000000;
        font-size:0.6rem;
}
#bt_color{
        margin:5px;
        border: rgba(0,0,0,1) 1px solid;
        width:30px;
        height:30px;
        float:left;
        display:block;
        clip:rect(top right bottom left);
}
#imgini{
        position:relative;
        width:80%;
        margin:auto;
        top:5rem;
}
#micuerpo{
        width:100%;
}


#ini-img {
  max-width: 100%;
  max-height: 500px;
  overflow: hidden;
  margin: 0 auto;
  padding: 60px;
  position: relative;
}
#ini-img img {
  display: block;
  max-width: none !important;
  top:-900px;
}

.color_1{background-color:#09F;}
.color_2{background-color:#06F;}
.color_3{background-color:#03F;}
.color_4{background-color:#00F;}
.color_5{background-color:#00C;}
.color_6{background-color:#009;}
.color_7{background-color:#006;}
.color_8{background-color:#003;}
.color_9{background-color:#6F0;}
.color_10{background-color:#0F0;}
.color_11{background-color:#3C0;}
.color_12{background-color:#690;}
.color_13{background-color:#390;}
.color_14{background-color:#090;}
.color_15{background-color:#060;}
.color_16{background-color:#030;}
.color_17{background-color:#F33;}
.color_18{background-color:#F00;}
.color_19{background-color:#C00;}
.color_20{background-color:#900;}
.color_21{background-color:#600;}
.color_22{background-color:#300;}
.color_23{background-color:#F6F;}
.color_24{background-color:#F3C;}
.color_25{background-color:#F09;}
.color_26{background-color:#F06;}
.color_27{background-color:#C06;}
.color_28{background-color:#906;}
.color_29{background-color:#903;}
.color_30{background-color:#FF3;}
.color_31{background-color:#FF0;}
.color_32{background-color:#F90;}
.color_33{background-color:#F60;}
.color_34{background-color:#F30;}
.color_35{background-color:#FFF;}
.color_36{background-color:#CCC;}
.color_37{background-color:#999;}
.color_38{background-color:#666;}
.color_39{background-color:#333;}
.color_40{background-color:#000;}

.color_t41{color:#600;}

#anno{
  background: -moz-linear-gradient(top, #fff, #999);
  background: -ms-linear-gradient(top,  #fff, #999);
  background: -webkit-linear-gradient(top, #fff, #999);
  background: -o-linear-gradient(top, #fff, #999);
  background: linear-gradient(top, #fff, #999);
  width: auto;
  display: table-cell;
  vertical-align: middle;
  color: #000;
  border: 3px solid rgba(255,255,255,0);
  text-align: right;
  padding: 0.5rem;
  padding-left: 5rem;
  font-weight: bolder;
  border-radius: 1rem;
}

/*Fondos*/
.fd_degrad_01{
        background: -moz-linear-gradient(top, rgba(106,95,180,1), rgba(30,20,90,1));
        background: -ms-linear-gradient(top,  rgba(106,95,180,1), rgba(30,20,90,1));
        background: -webkit-linear-gradient(top, rgba(106,95,180,1), rgba(30,20,90,1));
        background: -o-linear-gradient(top, rgba(106,95,180,1), rgba(30,20,90,1));
        background: linear-gradient(top, rgba(106,95,180,1), rgba(30,20,90,1));
}

.cartel_01, .cartel_04{
        background: -moz-linear-gradient(top, #999, #000);
        background: -ms-linear-gradient(top,  #999, #000);
        background: -webkit-linear-gradient(top, #999, #000);
        background: -o-linear-gradient(top, #999, #000);
        background: linear-gradient(top, #999, #000);
        width: 8rem;
}
.cartel_02{
        background: -moz-linear-gradient(top, #fff, #999);
        background: -ms-linear-gradient(top,  #fff, #999);
        background: -webkit-linear-gradient(top, #fff, #999);
        background: -o-linear-gradient(top, #fff, #999);
        background: linear-gradient(top, #fff, #999);
        width: 13rem;
}
.cartel_03{
        background: -moz-linear-gradient(top, #fff, #999);
        background: -ms-linear-gradient(top,  #fff, #999);
        background: -webkit-linear-gradient(top, #fff, #999);
        background: -o-linear-gradient(top, #fff, #999);
        background: linear-gradient(top, #fff, #999);
        width: 30rem;
}

.cartel_01, .cartel_02{
        height: 2.5rem;
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        position:relative;
        border: 3px solid rgba(255,255,255,0);
        text-align: center;
}
.cartel_03, .cartel_04{
        height: 1rem;
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        position:relative;
        border: 3px solid rgba(255,255,255,0);
}
.cartel_03{
         text-align: left;
}
.cartel_04{
        text-align: right;
}
.tabla{
        display: table;
        position:relative;
        margin:auto;
}
.fila{
        display:table-row;
}
.textcab{
        font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
        color:#FFF;
        font-size:12px;
        font-weight:bold;
        text-align:right;
}
div#_btlist{
        width:16px;
        height:16px;
        border:none;
        position:relative;
        margin:2px, 2px, 2px, 2px;
        top:0px;
        left:0px;
        cursor:pointer;
        
        
}
div#_btlist:active{
        top: -3px;
        left: 3px;
}
.borro:visited {
        background-image:url(../bases/bt_borro_a.gif);
}

.borro{background-image:url(../bases/bt_borro_a.gif);}
.borro:hover{background-image:url(../bases/bt_borro_b.gif);}
.borro:active{background-image:url(../bases/bt_borro_c.gif);}

.modi{background-image:url(../bases/bt_modi_a.gif);}
.modi:hover{background-image:url(../bases/bt_modi_b.gif);}
.modi:active{background-image:url(../bases/bt_modi_c.gif);}

.nuev{background-image:url(../bases/bt_nuev_a.gif);}
.nuev:hover{background-image:url(../bases/bt_nuev_b.gif);}
.nuev:active{background-image:url(../bases/bt_nuev_c.gif);}

div#_bt{
        width:30px;
        height:30px;
        border:none;
        position:relative;
        margin:2px, 2px, 2px, 2px;
        top:0px;
        left:0px;
        cursor:pointer;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
div#_bt:active{
        top: -2px;
        left: 2px;
}

div#_btmnu{
        width:32px;
        height:32px;
        border:none;
        position:relative;
        margin:2px, 2px, 2px, 2px;
        top:0px;
        left:0px;
        cursor:pointer;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
        
}
div#_btmnu:active{
        top: -2px;
        left: 2px;
}
div#_btmnup{
        width:105px;
        height:32px;
        border:none;
        position:relative;
        float:left;
        clear:left;

        margin:2px, 2px, 2px, 2px;
        /*top:0px;
        left:0px;*/
        cursor:pointer;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
div#_btmnup:active{
        top: -2px;
        left: 2px;
}
.zmas { background-image:url(../bases/bt_zmas_32.gif); }
.zmas:hover{background-image:url(../bases/bt_zmas_s_32.gif); }
.zmenos {background-image:url(../bases/bt_zmenos_32.gif); }
.zmenos:hover{background-image:url(../bases/bt_zmenos_s_32.gif); }
.casa {background-image:url(../bases/bt_casa_a.gif);}
.casa:hover{background-image:url(../bases/bt_casa_b.gif);}
.casa:active{background-image:url(../bases/bt_casa_c.gif);}
.casco {background-image:url(../bases/bt_casco_a.gif);}
.casco:hover{background-image:url(../bases/bt_casco_b.gif);}
.casco:active{background-image:url(../bases/bt_casco_c.gif);}
.correo {background-image:url(../bases/bt_correo_a.gif);}
.correo:hover{background-image:url(../bases/bt_correo_b.gif);}
.correo:active{background-image:url(../bases/bt_correo_c.gif);}
.llave{background-image:url(../bases/bt_llave_a.gif);}
.llave:hover{background-image:url(../bases/bt_llave_b.gif);}
.llave:active{background-image:url(../bases/bt_llave_c.gif);}
.rueda{background-image:url(../bases/bt_rueda_a.gif);}
.rueda:hover{background-image:url(../bases/bt_rueda_b.gif);}
.rueda:active{background-image:url(../bases/bt_rueda_c.gif);}
.lapiz{background-image:url(../bases/bt_lapiz_a.gif);}
.lapiz:hover{background-image:url(../bases/bt_lapiz_b.gif);}
.lapiz:active{background-image:url(../bases/bt_lapiz_c.gif);}
.hojas{background-image:url(../bases/bt_hojas_a.gif);}
.hojas:hover{background-image:url(../bases/bt_hojas_b.gif);}
.hojas:active{background-image:url(../bases/bt_hojas_c.gif);}
.salir{background-image:url(../bases/bt_salir_a.gif);}
.salir:hover{background-image:url(../bases/bt_salir_b.gif);}
.salir:active{background-image:url(../bases/bt_salir_c.gif);}

.nuevo{background-image:url(../bases/bt_nuevo_a.gif);}
.nuevo:hover{background-image:url(../bases/bt_nuevo_b.gif);}
.nuevo:active{background-image:url(../bases/bt_nuevo_c.gif);}
.lista{background-image:url(../bases/bt_lista_a.gif);}
.lista:hover{background-image:url(../bases/bt_lista_b.gif);}
.lista:active{background-image:url(../bases/bt_lista_c.gif);}
.datosf{background-image:url(../bases/bt_datosf_a.gif);}
.datosf:hover{background-image:url(../bases/bt_datosf_b.gif);}
.datosf:active{background-image:url(../bases/bt_datosf_c.gif);}
.datose{background-image:url(../bases/bt_datose_a.gif);}
.datose:hover{background-image:url(../bases/bt_datose_b.gif);}
.datose:active{background-image:url(../bases/bt_datose_c.gif);}
.modifi{background-image:url(../bases/bt_modifi_a.gif);}
.modifi:hover{background-image:url(../bases/bt_modifi_b.gif);}
.modifi:active{background-image:url(../bases/bt_modifi_c.gif);}
.proyecto{background-image:url(../bases/bt_proyectos_a.gif);}
.proyecto:hover{background-image:url(../bases/bt_proyectos_b.gif);}
.proyecto:active{background-image:url(../bases/bt_proyectos_c.gif);}

.ojo {background-image:url(../bases/bt_ojillo_a.gif);}
.ojo:hover{background-image:url(../bases/bt_ojillo_b.gif);}
.ojo:active{background-image:url(../bases/bt_ojillo_c.gif);}

/* Estilo menu sup */
#cachis{
        clear:both;
}
#cachis{
        width:auto;
        top:8rem;
        left:-120px;
        background-color:transparent;
        position:fixed;
        /*overflow:hidden;*/
        margin:0px;
        padding:0px;
        z-index:10000;
        display:block;
        transition:all 0.4s ease-in;
        
}

ul[id="menususu"], ul[id="menusu"]{
        width:100px;
        max-width:210px;
        /*clear:both;
        top:3rem;
        left:-10px;*/
        float:left;
        overflow:hidden;
        margin:0px;
        padding:10px;
        background-color:#DDD;
        -moz-border-radius:7px 0px 7px 7px;
        -webkit-border-radius:7px 0px 7px 7px;
        -o-border-radius:7px 0px 7px 7px;
        -ms-border-radius:7px 0px 7px 7px;
        border-radius:7px 0px 7px 7px !important;
        -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        -o-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        -ms-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        box-shadow:2px 2px 2px rgba(0,0,0,0.6) !important;

}
ul>li[id="menusu"]{
        background-color:#006;
}
ul>li[id="menususu"]{
        background-color:#393992;
        left:3px;
}

ul>li[id="menusu"], ul>li[id="menususu"]{
        max-width:210px;
        list-style-type:none;
        font-family:Verdana, Geneva, sans-serif;
        font-size:0.7rem;
        color:#FFF;
        font-weight:bold;
        /*cursor:url(../bases/nAcompe_pointer.cur), url(../bases/nAcompe_pointer.cur), pointer;*/
        cursor:pointer;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        -o-border-radius:7px;
        -ms-border-radius:7px;
        border-radius:7px !important;
        -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        -o-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        -ms-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        box-shadow:2px 2px 2px rgba(0,0,0,0.6) !important;
        padding:8px;
        margin:10px 0px;
        position:relative;
        transition:all 0.3s ease-in;
}

ul>li[id="menusu"]:hover, ul>li[id="menususu"]:hover{
        background-color:#900;
        color:#FFF;
}
/*ul>li[id="menusu"]:active, ul>li[id="menususu"]:active{
        background-color:#333;
        color:#FFF;
}*/

#pestana{
        width:30px;
        height:70px;
        /*content:"menú";*/
        background-color:#fff;
        color:#006;
        font-weight:bold;
        /*transform:rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
    float:left;
    cursor:pointer;
    background-color:#DDD;
    padding: 0px;
    margin:0px;
    text-align:center;
    position:relative;
    /*top:24px;
    left:-26px;*/
    border-top:2px solid #DDD;
    background: url("../bases/menu_flecha_izq.png") no-repeat center /contain;
    background-color:#DDD;
        -moz-border-radius:0px 7px 7px 0px;
        -webkit-border-radius:0px 7px 7px 0px;
        -o-border-radius:0px 7px 7px 0px;
        -ms-border-radius:0px 7px 7px 0px;
        border-radius:0px 7px 7px 0px !important;
        -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        -o-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        -ms-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        box-shadow: 2px 2px 2px rgba(0,0,0,0.6) !important;
    transition:all 0.3s ease-in;
}

#_bt_mnu{
        position:absolute;
        font-family:Verdana, Geneva, sans-serif;
        font-size:11px;
        color:#006;
        font-weight:bold;
        /*cursor:url(../bases/nAcompe_pointer.cur), url(../bases/nAcompe_pointer.cur), pointer;*/
        cursor:pointer;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px !important;
        -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        box-shadow:-2px 2px 2px 2px rgba(0,0,0,0.6) !important;
        background-color:transparent;
        padding:2px;
        
}
#_bt_mnu:hover{
        background-color:#006;
        color:#FFF
}
#_bt_mnu:active{
        background-color:#333;
        color:#FFF;
}
#_bt_mnu_b{
        position:absolute;
        font-family:Verdana, Geneva, sans-serif;
        font-size:0.7rem;
        color:#FFF;
        font-weight:bold;
        /*cursor:url(../bases/nAcompe_pointer.cur), url(../bases/nAcompe_pointer.cur), pointer;*/
        cursor:pointer;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px !important;
        -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.6);
        box-shadow:-2px 2px 2px 2px rgba(0,0,0,0.6) !important;
        background-color:transparent;
        position:relative;
        background-color:#006;
        padding:2px;
        position:relative;
}
#_bt_mnu_b:hover{
        top:-2px;
        left:+2px;
        background-color:#900;
        color:#FFF;
}
#_bt_mnu_b:active{
        background-color:#006;
        color:#FC0;
}