/****** BASE ***************/
body{margin:0px;padding:0px;background-color:#111111;}
html, body {height: 100%;background-color:#111;}


.cabecera {background-image: url(../img/be.jpg);transition:all 0.3s ease;opacity: 1;background-repeat: no-repeat;background-size: cover;margin-bottom: 0px;width: 100%; height: 100%; background-attachment: fixed; background-position: top;}
.cabecera h1{transition:all 0.3s ease;opacity: 1;position:absolute;z-index:1;color:#fff;width:100%;text-align: center;padding-top:15%;font-size:7em;font-family: 'Abril Fatface', cursive;}
.cabecera h1 span{display: block;font-size:0.4em;color:#fff;}
.cabecera .titulo img{display: block;width: 200px;text-align: center;margin:0px auto 0px auto;}
.cabecera .bg{background-image: url(../img/bg.png);background-repeat: repeat-x;z-index: 1;width: 100%;height: 215px;bottom: -20px;position: absolute;}
.notas img{width: 100%;}


.beethoven .cabecera{background-image: url(../img/be2.jpg);transition:all 0.3s ease;opacity: 1;}
.beethoven .cabecera h1{color:#81005e;transition:all 0.3s ease;opacity: 0.9;}

a {color: #fff;font-weight: 600;}

.container{width: 100%;max-width: 900px;margin:30px auto 50px auto;}
.col{background-color:#fff;border-radius: 10px;margin-bottom:4%;padding-top:0px;padding-bottom:0px;border-bottom:0px solid #fff;}
.col img{border-radius: 10px 0px 0px 10px;width: 100%;border-radius: 10px 10px 0px 0px;}

h3{font-family: 'Roboto Condensed', sans-serif;line-height: 45px;font-size:2.1em;padding-left:30px;margin:30px 0px 30px 0px;color:#fff;width: 80%}
p{font-family: 'Roboto Condensed', sans-serif;line-height: 25px;padding-left:4%;padding-right:4%;font-weight: 100;color:#333;font-size:1em;color:#fff;width: 92%}

 .una-columna{display: flex;flex-direction: column;width: 100%;}
 .dos-columnas{display: flex;flex-direction: row;width: 100%;}

 .superior .login{display: none;}
 .superior .directo{display: none;}

 .texto{text-align: center;margin:0px auto 30px auto;width: 100%;}
 .texto p{margin: 0px;padding: 0px;text-align: justify;margin:0px auto 30px auto;font-size: 1em;line-height: 25px;width:99%;}

 .iframe{display: block;border-top:0px solid #fff;}

audio{width: 95%;padding: 2% 2% 0% 2%;outline: none;}
audio:active{border:0pz !important;}

.ofrecido {font-size: 0.2em !important;margin-top: 30px;}

footer{width: 100%;background-color:#81005e;text-align: center;}
footer img{width: 100px;}

/*.col{transition:all 0.3s ease;opacity: 1;}
.col:hover{transition:all 0.3s ease;opacity: 0.5;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}*/

 .una-columna .a{flex: 1 1 auto;margin:0 0% 0 0%;}

 .dos-columnas .a{flex: 1 1 auto;margin:0 0% 0 0%;line-height: 0px;width: 50%;}
 .dos-columnas .b{flex: 1 1 auto;margin:0 0.1% 0 0.1%;line-height: 0px;width: 50%;}


 .col-a{margin:0 1% 0 1% !important;}
 .col-b{margin:0 1% 0 1% !important;}
 .dos-columnas .col-a .a{flex: 1 1 auto;margin:0 0% 0 0%;line-height: 0px;width: 100%;}
 .dos-columnas .col-a .b{flex: 1 1 auto;margin:0 0.1% 0 0.1%;line-height: 0px;width: 100%;}

 .dos-columnas .col-b .a{flex: 1 1 auto;margin:0 0.1% 0 0.1%;line-height: 0px;width: 50%;}
 .dos-columnas .col-b .b{flex: 1 1 auto;margin:0 0.1% 0 0.1%;line-height: 0px;width: 50%;}




  /****** RESPONSIVE ********/

 @media all and (max-width: 640px) {
 	h3{    padding-left: 4%;}
 	 .tres-columnas{-webkit-flex-flow: column;flex-flow: column;}
 	 .cuatro-columnas{-webkit-flex-flow: column;flex-flow: column;}
 	 .cabecera h1{font-size:4em;padding-top:15%;}
 	 .cabecera h1 span{    margin-top: 10px;}
 	 .texto{width: 99%;}
	.dos-columnas {flex-direction: column;width: 95%;margin: 0px auto;}
	.dos-columnas .a {width: 98%;}
	.dos-columnas .b {width: 98%;}
	.cabecera{background-size: 100% auto;background-position:0px 30px !important;height:350px;}
	.cabecera .bg {display: none;}
	.cabecera .titulo img {width: 160px; margin: 0px auto 0px auto;}
	.texto p {text-align: justify;font-size: 0.9em;line-height: 24px;}

}

@media (max-width: 30em){
html {overflow-x:visible !important;}
}