html{background: #343a40;}
a:hover{text-decoration: none}
#texto-principal{width: 100%; text-align: center;}
#texto-principal li{list-style: none}
#mapa{height: 500px !important}

.datoslugar img{width: 100%; height: auto;}
.datoslugar{text-align: center;}
#mapa-solo{height: 200px !important; width: 100% !important}

/*FICHA JAM*/
#jam h3{width: 100%; text-align: center;}
#jam img{width: 100%}
.desc-jam{padding-top: 15px}
.mas-info a{color: deepskyblue;}
.mas-info{background: #212529; margin-bottom: 0; padding-bottom: 4px;}
.ficha-jam-lugar{background: whitesmoke; padding-top: 10px; padding-bottom: 4px;}
.ficha-jam-lugar p{margin-bottom: 8px;}
.ficha-jam-org{background: ghostwhite; padding-top: 14px; padding-bottom: 14px;}
.ficha-jam-org p{margin-bottom: 2px;}
@media (min-width: 1200px){ #jam{max-width: 100%;} }
.btn-social>:first-child {margin-left: 3px; padding-right: 4px; padding-top: 2px;}

/*LUGARES PARA TOCAR*/
#lugaresparatocar, #salasdeensayo, #mapadejams{max-width: 100%; background: #6c757d}
.nombre-ficha{color: white; font-size: 20px; text-align: center; padding-top: 10px; width: 100%; 
	background: darkslategray; padding-bottom: 10px; margin-bottom: 0;}
.dire-ficha, .tel-ficha{color: aliceblue;  background: black; margin-bottom: 0;}
.tel-ficha .fa-phone{padding-right: 5px;}
/*.datoslugar{height: 500px !important}*/
.bot-fcbk img{width: 24px !important}
.bot-fcbk{color: aliceblue; background: black; margin-bottom: 0; padding: 5px 0 9px;}
.act-ficha{padding-top: 5px; padding-bottom: 5px;}
.lug-ficha{padding-top: 7px}
.cuando-ficha{padding-top: 4px;}

.vol-map{text-align: center; font-size: 40px; color: white; /*display: none*/}
/*.container{overflow: hidden}*/
.topes {padding-bottom: 20px; padding-top: 20px;}

/*PAGINA BANDAS*/
.kontainer {position: relative; width: 50%;}
.image {display: block; width: 100%; height: auto;}
.overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #008CBA;}
.kontainer:hover .overlay {opacity: 1;}
.text {color: white; font-size: 20px; position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%); text-align: center;}

/*AGREAR HUMORISTA*/
#agregar-humorista .tultip{float: left; width: 20px; text-align: center; color: blue; margin-bottom: 0;}