.a{
	text-decoration:none;
}
html, body{
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
	
	font-family: 'minusculas';
	
	height: 100%;
	width: 100%;
	background: rgba(240, 240, 240, 1);
}

#seccion{
	float: left;
	width: 100%;
}
#banner{
	position:relative;
	float:left;
	height: 100%;
	width: 100%;
}
#banner_publi{
	position:relative;
	float:left;
	height: 50%;
	width: 100%;
}
    .img_publi{
        float: left;
        width: 21%;
        margin: 2%;
    }
        .img_publi img{
            width: 80%;
            padding: 10%;
        }
		#float_info{
		    float: right;
		    position:absolute;
		    transform: rotate(-6deg);
		    width: 42%;
		    min-width: 650px;
		    right: 100px;
		    top: 65%;
			border: 2px solid grey;
			font-family: 'minusculas';
			
			color: white;
			
			background: rgba(0,0,0, 0.5); /* gris */
			
			-webkit-border-radius: 8px 8px 0 0; 
        	-moz-border-radius: 8px 8px 0 0;
        	border-radius: 8px 8px 0 0;
        	
        	-moz-transition:all .8s ease;
            -ms-transition:all .8s ease;
            -o-transition:all .8s ease;
            transition:all .8s ease;
		}
		    .float_titulo, .float_sitio{
		        float: left;
		        color: white;
		        width: 96%;
		        padding: 6px 2%;
		        
		        overflow:hidden;
    			white-space:nowrap; 
    			text-overflow: ellipsis;
		    }
		    .float_titulo{
		        font-size: 2.2em;
		        font-weight: bold;
		    }
		    .float_sitio{
		        font-size: 2em;
		    }
		    .float_dia, .float_hora, .float_entrada{
		        float: right;
		        width: 96%;
		        text-align: right;
		        color: white;
		        font-size: 1.1em;
		        padding: 3px 2%;
		    }
		    .float_precio{
		        float: left;
		        width: 100%;
		        color: white;
		        
		        border-top: 1px dashed white;
		        margin-top: 30px;
		    }
		        .col_precio_float{
		            float: left;
		            width: 49%;
		        }
		        .separador_columa_precio{
		            border-right: 1px dashed white;
		        }
		        .separador_columa_precio_negro{
		            border-right: 1px dashed black;
		        }
		        .precio_contado, .precio_financiado{
		            float: left;
		            width: 98%;
		            padding: 3px 1%;
		            font-size: 1em;
		            text-align: left;
		        }
		
		
		#foto_registro {
			width:100%;
			float:left;
		}
		    	#foto_registro img{
		    	    width: 100%;
		    	}
#seccion_musica{
    float: left;
    width: 22.5%;
    margin-left: 5%;
    margin-right: 2.5%;
}
    .columna_musica{
        float: left;
        width: 100%;
    }
    .titulo_musica{
        float: left;
        width: 96%;
        margin: 40px 2%;
        color: black;
        font-size: 1.4em;
        text-align: center;
        font-weight: bolder;
        
        overflow:hidden;
		white-space:nowrap; 
		text-overflow: ellipsis;
    }
    .disco_musica{
        float: left;
        width: 96%;
        margin: 10px 2%;
        
        -webkit-transition: all 0.4s ease-in-out;
    	-moz-transition: all 0.4s ease-in-out;
    	-o-transition: all 0.4s ease-in-out;
    	-ms-transition: all 0.4s ease-in-out;
    	transition: all 0.4s ease-in-out;
    }
        .disco_musica img{
            width: 90%;
            padding: 5%;
        }
        .disco_musica:hover{
            cursor: pointer;
            -webkit-transform: scale(1.1);/*Damos un ligero zoom a la imagen*/
        	-moz-transform: scale(1.1);
        	-o-transform: scale(1.1);
        	-ms-transform: scale(1.1);
        	transform: scale(1.1);
        }
        .boton_spotify{
			float: left;
			width: 90%;
            margin: 10px 5%;
			margin-bottom: 60px;
			text-align: center;
			border: 1px solid black;
			color: black;
			background: transparent;
			padding: 8px 0;
			font-size: 1.2em;
			
			-moz-transition:all .5s ease;
			-ms-transition:all .5s ease;
			-o-transition:all .5s ease;
			transition:all .5s ease;
		}
			.boton_spotify:hover{
				background: black;
				color: white;
				cursor: pointer;
			}
        
#seccion_contenido{
    float: left;
    width: 62.5%;
    margin-left: 2.5%;
    margin-right: 5%;
}

#contenido_index{
	float: left;
	width: 100%;
	margin-top: 50px;
    background: transparent;
	color: black;
}
    .titulo_seccion{
        float: left;
        width: 96%;
        margin: 40px 2%;
        color: black;
        font-size: 2em;
        text-align: center;
        font-weight: bolder;
    }
        .subtitulo_seccion{
            float: left;
            width: 80%;
            margin: 10px 10%;
            color: black;
            font-size: 1.2em;
            text-align: center;
        }
    .texto_seccion{
        float: left;
        width: 70%;
        margin: 10px 15%;
        color: black;
        font-size: 1.4em;
        text-align: justify;
    }
    .video_seccion{
        float: left;
        width: 70%;
        margin: 10px 15%;
        text-align: center;
    }

    .hr_central{
        float: right;
        width: 60%;
        border-top: 1px solid grey;
        margin: 20px 20%;
    }
    .link{
        color:rgba(200, 200, 200, 1);
    }
        .link:hover{
            cursor: pointer;
            color: white;
        }



	
/* Media Queries */
@media screen and (max-width: 1000px) {
    #float_info{
        top: 45%;
    }
    #seccion_musica{
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 0;
        margin-bottom: 60px;
    }
        #hr_discos{
            display: none;
        }
        .hr_central{
            margin-top: 80px;
            margin-bottom: 60px;
        }
        .columna_musica{
            width: 50%;
        }
    #seccion_contenido{
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 0;
    }
        .titulo_seccion{
            width: 100%;
            margin: 40px 0;
        }
        .texto_seccion{
            width: 96%;
            margin: 10px 2%;
        }
        .video_seccion{
            width: 96%;
            margin: 10px 2%;
        }
}

@media screen and (max-width: 900px) {
    #float_info{
        display: none;
    }
    #contenido_index {
	    width: 94%;
        margin-left: 3%;
    }
    .img_publi{
        width: 46%;
        margin: 2%;
    }
    .titulo_musica, .boton_spotify, .subtitulo_seccion, .texto_seccion{
        font-size: 1em;
    }
    .titulo_seccion{
        font-size: 1.2em;
    }
    .video_seccion iframe{
        height: 350px !important;
    }
}

@media screen and (max-width: 500px) {
    html, body{
	    background: white;
    }
    #banner{
        margin-top: 50px;
    }
    .video_seccion iframe{
        height: 180px !important;
    }
}