body{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	margin:0px;
	padding:0px;
	font-size:14px;
	line-height:22px;
	color:#777777;
	background:#000;
}
body p {margin-bottom: 1em;}
	
#top {
	width:100%;
	height: 63px;
	background-color:#000;
	}

#mainquila {
	display:block;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	position:relative;
	overflow:hidden;
	text-align:center;
	bottom:0;
	margin-bottom:50px;
}
#mainquilablanco {
	display:block;
	width:60%;
	padding:10px;
	margin:0;
	position:relative;
	overflow:hidden;
	text-align:justify;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	border:#000 thin solid;
	border-radius:15px;
	background-color:rgba(255, 255, 255, 0.8);
	color:#000;
}

.galleryItem {
 color: #797478;
 float: left; 
 
 width: 19.5%;
 margin:  0px 0.25% 0px 0.25%; 
}

.galleryItem h3 {
 text-transform: uppercase;
}
 
.galleryItem img {
 max-width: 100%;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
}
.container {
 width: 100%;
 margin: 10px auto;
 overflow: hidden;
}

.concierto img {
	width:85px;
	border-radius:10px;
	float:left;
	margin-right:10px;
	border:#000 groove thin;
}

.canciones {
	width:95%;
	height:auto;
	margin:auto;
	margin-top:50px;
	margin-bottom:50px;
	
}
.canciontitulo {
	font-size:36px;
	line-height:46px;
	text-transform:uppercase;
	margin-top:50px;
	color:#FFF;
	text-shadow:#000 2px 2px;
}

.canciondatos {
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:rgba(0, 0, 0, 0.5);
	border-radius:15px;
	padding-left:10px;
	padding-right:10px;
	color:#CCC;
	text-transform:uppercase;
	vertical-align:middle;
	font-size:15px;
	text-shadow:#000 2px 2px;
}
.canciondatos b {
	color:#C00;
	font-size:12px;
	vertical-align:middle;
	padding:15px;
}
#left {
    display: table-cell;
	padding-right:50px;
	width:auto;
}
#right {
    display: table-cell;
    vertical-align: top;
	width:100%;
}
#right2 {
    display: table-cell;
    vertical-align: top;
	background-color:#0F3;
	opacity:0;
}
#letra {
	width:auto;
	display:inline-block;
	text-align:center;
	padding:10px;
	overflow:hidden;
	border:#000 thin solid;
	border-radius:15px;
	background-color:rgba(255, 255, 255, 0.8);
	color:#000;
	font-size:18px;	
}
#letra a {
	font-weight:bold; color:#000
}
#letra p {margin-bottom: 1em;}
#container6095{width:50%; margin-left:auto; margin-right:auto; padding:0}
#docs {
	width:auto;
	display:inline-block;
	padding:10px;
	overflow:hidden;
	border:#000 thin solid;
	border-radius:15px;
	background-color:rgba(255, 255, 255, 0.8);
	color:#000;
	font-size:14px;
	text-align:justify;
}
#docs a {
	font-weight:bold; color:#000
	}
#docs p {margin-bottom: 1em;}
#mainquilablanco p {margin-bottom: 1em;}
#letra a {
	color:#000;
}
#letra a:hover {
	color:#777;
}
#letra a:active {
	color:#222;
}
.mic {
	display:inline-block;
	text-align: justify;
	margin-bottom:30px;
	overflow:hidden;
	width:100%;
	height:auto;
	border:#000 thin solid;
	border-radius:15px;
	background-color:rgba(255, 255, 255, 0.8);
	color:#000;
	font-size:14px;
}
.mictexto { padding:10px}
.mictexto p {margin-bottom: 1em;}
.mictexto a {color:#000; font-weight:bold}
.mictexto a:hover {color:#555}
.mictexto a:active {color:#000}
.media {
	display:block;
	text-align: justify;
	margin-bottom:30px;
	overflow:hidden;
	width:100%;
	height:auto;
	border:#000 thin solid;
	border-radius:15px;
	background-color:rgba(0, 0, 0, 0.5);
	color:#000;
	font-size:14px;
}
#promo {
	width:100%;
	height:auto;
	border-radius:15px
}
.fb {
	width:100%;
	height:auto;
	border:#000 thin solid;
	border-radius:15px;
	background-color:rgba(255, 255, 255, 0.8);
	color:#000;
	font-size:16px;
	padding-top:15px;
}

#mainquilaslide {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	position:relative;
	overflow:hidden;
	text-align:center;
	bottom:0;
	
}

#menu {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	margin-bottom:50px;
}
#menu ul {
	display:inline-block;
	overflow:visible;
	background-color:rgba(0, 0, 0, 0.7);
	border-radius:15px;
	padding:5px;

}
#menu li {
	display:inline;
	padding-left:3px;
	padding-right:3px;
	color:#FFF;
}
#menu a {
	color:#CCC;
}
#menu a:hover {
	color:#FFF;
}
.titulotabla {
	font-size:16px;
	color:#CCC;
	text-shadow:#000 1px 1px;
	font-weight:bold;
	text-transform:uppercase;
}
.titulotabla img {
	border-radius:15px;
	border:#000 thin solid;
	width:100%;
	height:auto;
	margin-top:50px;
	margin-bottom:15px;
}
#titulomic {
	text-align:left;
	padding-left:10px;
}
#titulomedios {
	text-align:left;
	padding-left:10px;
}
.firma {
	display:inline;
	width:auto;
	float:right;
	font-size:24px;
	padding-right:10px;
	padding-bottom:10px;
	}

.canciondiscos {
	display:table;
	width:100%;
	color:#CCC;
	text-shadow:#000 2px 2px;
	font-size:12px;
}
.canciondiscos img {
	border-radius:15px;
	border:#000 thin solid;
	width:100%;
}
.canciondiscos a:hover{-webkit-filter: brightness(130%); }
.canciondiscos a:active{opacity:1;}

.canciondisco {
	display:table-cell;
}
#integrantes5 {
	margin-top:10px; width:98%; margin-left:auto; margin-right:auto
}
#integrantes3 {
	margin-top:10px; width:60%; margin-left:auto; margin-right:auto
}
#integranteinicio {padding-right:10px}
#integrantemitad {padding-right:10px; padding-left:10px}
#integrantefinal {padding-left:10px}




.CSSTableGenerator {
	margin:0px;padding:0px;
	width:60%;
	border:1px solid #000000;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
	
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
	
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
	border-bottom-right-radius:15px;
	
	-moz-border-radius-topright:15px;
	-webkit-border-top-right-radius:15px;
	border-top-right-radius:15px;
	
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	border-top-left-radius:15px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
	table-layout: fixed;
}
.CSSTableGenerator td, .CSSTableGenerator th {
    word-wrap: break-word; /* Permite el ajuste de palabras */
    word-break: break-word; /* Corta palabras largas */
    white-space: normal; /* Permite múltiples líneas */
}

.CSSTableGenerator table tr:first-child th:first-child {
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	border-top-left-radius:15px;
}
.CSSTableGenerator table tr:first-child th:last-child {
	-moz-border-radius-topright:15px;
	-webkit-border-top-right-radius:15px;
	border-top-right-radius:15px;
}
		
.CSSTableGenerator th {		
	background-color:rgba(0, 0, 0, 0.8);
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:13px;
	font-family:Trebuchet MS;
	font-weight:bold;
	color:#ffffff;
	padding:5px;
}
	
.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
	border-bottom-right-radius:15px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd) { background-color:rgba(204, 204, 204, 0.8); }
.CSSTableGenerator tr:nth-child(even) { background-color:#ffffff;background-color:rgba(255, 255, 255, 0.8); }

.CSSTableGenerator td{
	vertical-align:middle;	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:5px;
	font-size:12px;
	font-family:Trebuchet MS;
	font-weight:normal;
	color:#000000;
}
.CSSTableGenerator tr #centrado {
	text-align:center;
}
.CSSTableGenerator tr img {
	display:block;
	margin-left: auto;
    margin-right: auto;
	border:#000 thin solid;
}
.CSSTableGenerator a {
	color:#000;
}
.CSSTableGenerator a:hover {
	color:#555;
}
.CSSTableGenerator a:active {
	color:#222;
}
.fondoimagen, .fondoimagen:after {
    position: fixed;
    width: 100%;
    height: 100%;
	top: 0px;
    left: 0px;
    color: transparent;
	z-index:-2
}
.fondoimagen:after { 
   	content: '';
   	background: transparent url(../slidefondo/pattern.png) repeat top left;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: -1; 
}
#prensaboldcentrado {
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes slide1 {
    from {opacity:0}
    to {opacity:1}
}

/* Standard syntax */
@keyframes slide1 {
    from {opacity:0}
    to {opacity:1}
}



.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1; 
}
.cb-slideshow:after { 
   	content: '';
   	background: transparent url(../slidefondo/pattern.png) repeat top left;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 0; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}
.letrabatea {
	width:380px;
	margin:10px;
	display:inline-block
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}



@media screen and (max-width: 1250px) { 
    #top { height: 37px;}
	#mainquilablanco {width:80%;}
	.CSSTableGenerator {width:80%;}
}
	
	@media screen and (max-width: 1024px) { 
    #top {height: 37px;}
	#mainquilablanco {width:90%;}
	.CSSTableGenerator {width:90%;}
}

	@media screen and (max-width: 1000px) {
#integrantes3, #integrantes5 {display:block;width:50%;}
#integrante, #integranteinicio, #integrantefinal, #integrantemitad {display:block; padding:0}
#container6095{width:98%}
			#left {display:block; padding-right:auto; padding-left:auto; width:100%}
#right {display:block; padding-right:auto; padding-left:auto}
#titulomic {text-align:center; padding-left:0;}
#letra {margin-bottom:30px; display:block; width:100%}
#right2 {display:none}
.mic { width:auto}
#introleft { width:350px}
.canciondiscos {width:55%; margin-left:auto; margin-right:auto}
#promo {width:100%}
.socialintro { display:none}
.tablatexto {display:none}
.tablamusica {display:none}
	}

	@media screen and (max-width: 800px) { 
    #top {height: 33px;}
	#mainquilablanco {width:92%;}
	.CSSTableGenerator {width:90%; margin-left:40px}

}

	@media screen and (max-width: 750px) {
#top {height: 66px;}
#mainquilablanco {width:95%;}
.canciondiscos {width:70%; margin-left:auto; margin-right:auto}


	}
	
	@media screen and (max-width: 448px) {
#top {height: 98px;}
#mainquilablanco {width:98%;}
.canciondiscos {width:90%; margin-left:auto; margin-right:auto}
	}

/* MEDIA QUERIES*/
@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem {width: 21%;}
}
 
@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
 .galleryItem {width: 29.33333%;}
}
 
@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
 .galleryItem {width: 46%;}
}
 
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
 .galleryItem {width: 96%;}
 .galleryItem img {width: 96%;}
 .galleryItem h3 {font-size: 18px;}
 .galleryItem p, {font-size: 18px;}
}