nav#topnav #logo a:hover{border:none;}
table{width:100%;margin-top:1em;}

#btnInstrumento{display:table;border-spacing: 1em;}
#btnInstrumento>span{display:table-cell;vertical-align:middle;padding-right:1em;}
#btnInstrumento>div{width:72px;height:72px;background-size:cover !important;display:table-cell;cursor:pointer;}
#btnGuitar{background:url("../img/guitar.png") no-repeat;}
#btnGuitar.activo{background:url("../img/guitarb.png") no-repeat;}
#btnGuitar:hover{background:url("../img/guitarc.png") no-repeat;}
#btnUke{background:url("../img/ukelele.png") no-repeat;}
#btnUke.activo{background:url("../img/ukeleleb.png") no-repeat;}
#btnUke:hover{background:url("../img/ukelelec.png") no-repeat;}
#cajaTransponer{float:right;width:12em;margin-left:1.5em;}
#cajaTransponer>a>img,#cajaTransponer>img{width:100%;}
#semitonos{width:4em;display:table-cell;text-align:center;}

#contenedorTransponedor{width:90%;max-width:1400px;margin:0 auto;}
#contenedorTransponedor .top-1{padding-top:1em;}
#contenedorTransponedor td{padding:0em 0;}
#contenedorTransponedor p{margin:1.5em 0;text-align:justify;font-size:0.9em;}
#contenedorTransponedor .botonEnviar{width:80%;margin:2em auto;}
#contenedorTransponedor select{font-size:1em;padding:0.5em 0;cursor:pointer;}
#contenedorTransponedor .menor{font-size:0.9em;padding-top:0.5em;}
#contenedorTransponedor input{padding:0.5em 0;font-size:1em;border-radius:0;font-weight:bold;}
#contenedorTransponedor input[type=checkbox]{accent-color: #FDDB4C;box-shadow: none;margin:0.8em auto; width:50%;-ms-transform: scale(2);-moz-transform: scale(2);-webkit-transform: scale(2);-o-transform: scale(2);padding: 10px;cursor:pointer;border:1px solid #000;}

.itemSemitono{width:2.5em;margin:0 0.1em;}
#contenedorTransponedor #textoSemitonos{text-align:center;}
.resultados>td>input{text-align:center;}
.fotos>td {height:6.5em;background-size:cover;}
.fotos>td:hover{cursor:pointer;opacity: .6 ;}
#contShare{margin-top:3em;text-align:center;}
#contShare>h3{font-size:1.1em;margin-bottom:0.6em;}
#contShare>div>div,#contShare>div>a{margin:0 0.2em;}
#shareTwitter{background:url("../../img/redesSociales.png") no-repeat scroll -48px -48px;width:44px;height:44px;display:inline-block;margin-bottom:-5px;border-radius:15px;}
#shareGoogle{background:url("../../img/redesSociales.png") no-repeat scroll -96px -48px;width:44px;height:44px;display:inline-block;margin-bottom:-5px;border-radius:15px;}
#cajaTransponer>.cajaEnglish{text-align:center;border: 1px solid #000;padding: 0.4em;border-radius: 0.5em;}
#cajaTransponer>.cajaEnglish:hover{background-color:#e0e0e0;}
@media(max-width:1024px){.fotos>td{height:4.5em;}}
@media(max-width:600px){#contenedorTransponedor{width:95%;}.fotos>td{height:3em;}table tr td:nth-child(7),table tr td:nth-child(8){display: none;}}
h3{font-size:1.2em;text-align:left;}
#contenedorTransponedor li{text-align:left;list-style:circle;margin:1em 0 0 1em;}


.lightbox-oculto {display: none;user-select: none;position: fixed; top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6); z-index: 1000; }
.contenido-lightbox {position: fixed; top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;display: block;width: 80%;max-width:250px;}
.contenido-lightbox img {pointer-events: none;}