html{ overflow-x:hidden;}

body{font-family: 'Open Sans', sans-serif; font-size:1em; line-height:1.4em;  font-weight:normal; background-color:#000000;  padding: 0px; margin: 0px;}

.oculto{ display:none;}
img{ border:none; }

.img-bg{ display: block; position: absolute; width: 100%; height: 100%; }
header{ display: block; float: left; margin-top: 20px;}
.bt-redes{ display: block; float: right; margin-left: 15px; width: 55px; height: 55px;}
#bt-fb{background:url(images/logo-fb.png) no-repeat;}
#bt-inst{background:url(images/logo-inst.png) no-repeat;}
#bt-tw{background:url(images/logo-tw.png) no-repeat;}
#bt-yt{background:url(images/logo-yt.png) no-repeat;}
#bt-vv{background:url(images/logo-vevo.png) no-repeat;}

.contenedor{ display:table;margin: auto; width: 100%;  height:auto; border-radius: 5px; padding:30px; }
.titulo{ display: block; float: left; width: 100%; color: #FFF; font-size: 1.2em;}
.titulo strong{ color: #FFF !important; font-size: 1.4em; }
.verde {color:#599a8b!important; font-size: 1.1em; }
.rojo {color: #C00!important; font-size: 1.1em; text-align:center }

.cont-ini{ width: 100%; margin-top: 20px}
.cont-conciertos{
	display: block;
	float: left;
	margin-top: 10px;

	padding: 10px 50px 10px 50px;
}
.cont-seg {display: block; float: left; width: 100%; margin-top: 20px;}
.col-40{ display: block; float: left; width: 40%; }
.col-60{ display: block; float: left; width: 60%; font-size:1em; line-height: 25px;}
.col-med{ display: block; float: left; width: 50%;}

.disco{ display: block; float: left; width: 300px;}
.historia { display: block; float: left; width:80%; padding:10px 24px 10px 40px; background-image:url(../images/bg_colum_30.png); background-repeat:no-repeat;}
.instagram {display: block; float: right; width:80%; padding:10px 24px 10px 40px; background-image:url(../images/bg_colum_30.png); background-repeat:no-repeat;}
.instagram p {color:#000;}
.historia p {color:#000;}
.hastag { font-weight:200}

.botones{ display: block; float: left; width: 300px; margin-top: 20px;}
.bt-izq{ display: block; float: left; width: 142px;}
.bt-dcha{ display: block; float: right; width: 142px;}
.bt-ct{ display: block; margin:auto; width: 100%; margin-top:15px;}
.list-sp{ display: block; float: left; width: 100%; margin-top:5px;}
.action_instagram {display: block; margin:auto; width: 186px !important;}
.action_historia {display: block; margin:auto; text-align:center; width: 186px !important;}



.titulo-gira{ display: block; float: left; width: 100%; color: #000000; font-size: 1.3em; font-weight: bold; margin-top: 20px; margin-bottom:10px; text-align: center;}
.col-med strong{  color: #ffffff !important;}

.bt-lista-correo{ display: block; float: left; width: 98%; color: #ffffff !important; background: #000000; border-radius: 5px; text-transform: uppercase; text-decoration: none; text-align: center;padding: 10px; margin-top:20px;}
.bt-lista-correo:hover{ text-decoration: underline; color: #ffffff !important;}

footer{ display:block; float:left;  width:100%; background:#000000; height:100px; margin-top: 20px;}
.cont-footer{ display:block; margin:auto; width:600px; margin-top:10px;}
.logosony{ display:block; float:left;}
.texto-footer{ display:block; float:left; color:#ffffff; font-size:11px; margin-left:30px; margin-top:20px; text-align:center}
.texto-footer a{ color:#ffffff; text-decoration:none;}
.texto-footer a:hover{ color:#ffffff; text-decoration:underline;}
.iframeYT{ margin-top:-5px;}

	@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .contenedor{ width: 85%;}
    .col-60{line-height: 24px;}
}
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
    
    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
        .contenedor{
	width: 100%;
}
        .col-60{ width: 50%;  margin-left: 65px; line-height: 18px; font-size: 0.9em;}
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        .redes{ padding-bottom: 20px; margin-left: -200px !important; margin-top: 20px;}
         .col-60,.col-40,.col-med{ width: 100%; margin: 20px 0 20px 0 !important;}
        .col-40{ margin: auto; text-align:center;}
        .col-60{ margin-top:20px;}
        .iframeYT{ height: 300px;}
        .cont-footer{ display:block; margin:auto; width:480px; margin-top:10px;}
        .texto-footer{ margin-top: 0px; width: 300px}
    }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        .redes{ padding-bottom: 20px; margin-left: -100px !important; margin-top: 20px;}
        .list-sp{width: 270px;}
        .list-sp iframe{width: 270px;} 
        .botones{ width: 270px;}
        .bt-izq{width: 130px;}
        .bt-dcha{width: 130px;}
        .col-60{ width: 90%; margin-left: 0px;}
        .col-40{ margin: auto; text-align:center; width: 85%;}
        .disco{ display: block; float: left; width: 270px;}
        .bt-itunes{ display: block; float: left; width: 120px;}
		.bt-gg{ display: block; float: right; width: 120px;}
        .col-60{ margin-top:20px;}
        .iframeYT{ width: 270px; height: 270px;}
        .contenedor{width: 10%; padding: 10px; }
        .cont-footer{ display:block; margin:auto; width:270px; margin-top:10px;}
		.texto-footer{ width:170px; margin-top:0px; margin-left: 5px;}
        .col-med{ width: 100%; }
        .col-med2{ margin-left: -3px; }
        .historia{ padding: 26px;}
		.instagram  { padding:26px; margin-top:10px; margin-left: 10px;}
        .instagram strong{ font-size: 0.78em;}
        .bt-lista-correo{ width: 92%;}
		.cont-conciertos{ width:63%; }
		.titulo-gira {margin-top:-12px;
}