*{margin: 0; padding: 0;}

.pagina{
	width: 960px; 
	margin: 0 auto 0 auto;
}

.separador{
    clear: both;   
}

/* estilo nav general */

header{
    width: 100%;

}


.iconos{
    text-align: right;
    background: #504F51;
    padding: 10px 10px 10px 10px;
	width: 100%;

}

.logo{
     position: relative;
    float: left;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 15px;
}

nav{
    width: 70%;
    position: relative;
    float: right;
	margin-top: 7%;
	height:2%;
    margin-right: -7%;
    
}

@font-face{
    font-family: 'gotham-book';
    src: url(fuentes/gotham-book.woff);
}

nav ul a{
    font-family: gotham-book;
    font-size: 12px;
    color: black;
    text-decoration: none;
    padding-right: 15px;
}

a:active{
    text-decoration: underline;
    color: #2A565C;
    font-weight: bold;
}

a:focus{
    text-decoration: underline;   
}

/* estilo pagina QUIENES SOMOS */

main{
    width: 100%
}

section{
    width: 100%;
    margin-top: 100px;
    min-height: 650px;
    
}

hr{
    width: 100%;
    margin-left: -250px;
    height: 1px;
    border: 0;
    background-color: #dbd9d9;
    
}

.titulo-qs{
    margin-top: 80px;
    margin-left: 15px;
}

@font-face{
     font-family: 'gotham-black';
    src: url(fuentes/gotham-black.woff);
}

@font-face{
     font-family: 'gotham-light';
    src: url(fuentes/gotham-light.woff);
}

h1{
    font-family: gotham-black;
    font-size: 55px;
}
.somos{
    margin-top: -13px;
    background: #91D4DA;
    font-family: gotham-light;
    font-size: 55px;
}

@font-face{
    font-family: 'frabk';
    src: url(fuentes/frabk.woff);
}

.txt-quienes-somos{
    width: 95%;
    font-family: gotham-light;
    font-size: 14px;
    text-align: left;
    padding: 15px;
  
    
    
}

.recuadro-txt{
    position: relative;
    float: right;
    margin-left: 15px;
    border: black 1px solid;
    width: 65.7%;
    color: #3C3C3C;
}


.quienes-somos{
    position: relative;
    float: right;
    margin-top: -150px;
}
/*FOOTERgeneral */

footer{
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    font-family: gotham-light;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    min-height: 60px;
    background: #504F51;
    margin-top: 50px;
}

/* estilo pagina ESPECTACULOS */

.pagina-seccion{
    margin-left: 15px;
    margin-right: 15px;
}
.titulo-secc-ppal-esp{
    margin-top: 30px;
    background: #00B1AB;
    width: 100%;
  
}

.titulo-ppal-esp{
    margin-top: 50px;
    margin-bottom: 10px;
}

.recuadro-esp-30{
    border: #00B1AB 1px solid;
    width: 38%;   
    margin-top: 5%;
    min-height: 180px;

}

.axel-esp{
    position: relative;
    float: right;
    max-width: 60%;
    
}

.recuadro-esp-70{
    position: relative;
    float: right;
    border: #00B1AB 1px solid;
    width: 70%;   
    margin-top: 27px;
    min-height: 180px;
       
}

.recuadro-esp-70-izq{
    position: relative;
    float: left;
     border: #00B1AB 1px solid;
    width: 67%;   
    margin-top: 27px;
    min-height: 180px;
}



.recuadro-esp-30-izq{
    position: relative;
    float: right;
     border: #00B1AB 1px solid;
    width: 35%;   
    margin-top: -200px;
    min-height: 180px;
}

h6{
    font-family: gotham-black;
    font-size: 24px;
    color: #504F51;
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: -5px;
}

h7{
    font-family: gotham-light;
    font-size: 20px;
    color: #504F51;
    margin-left: 15px;
  
}


.txt-seccion-esp{
    font-family: sans-serif;
    font-size: 16px;
    margin-top: 5%;
    margin-left: 15px;
    width: 95%;
}
.linea-esp-30{
    position: absolute;
    margin-right: -55px;
    border: #00B1AB 0.5px solid;
    width: 32%;  
    margin-top: 10px;
   
}

.linea-esp-30-izq{
    position: absolute;
    margin-left: -58px;
    border: #00B1AB 0.5px solid;
    width: 118%;  
    margin-top: 10px;
}

.linea-esp-70{
    position: absolute;
    margin-left: -55px;
    border: #00B1AB 0.5px solid;
    width: 108%;
    margin-top: 10px;
}

.linea-esp-70-der{
    position: absolute;
    margin-right: -55px;
    border: #00B1AB 0.5px solid;
    width: 111%;
    margin-top: 10px;
}

.carmela-esp{
    position: relative;
    float: left;
    max-width: 38%;
    margin-top: 30px;
}

.titulo-carmela-esp{
    position: relative;
    float: right;
    width: 100%;
}

.flecha-izq-esp{
    position: relative;
    float: right;
    
    margin-bottom: 5px;
    margin-right: 5px;
    
}

.bonnis-esp{
    position: relative;
    float: right;
    max-width: 38%;
    margin-top: 30px;
}

.titulo-bonnis-esp{
    position: relative;
    float: left;
    max-width: 98%;
}

.flecha-der-esp{
    position: relative;
    float: right;
    margin-top: 1%;
    margin-bottom: 5px;
    margin-right: 5px;
   
}

.lisandro-esp{
    max-width: 70%; 
    margin-top: 30px;
}

.titulo-lisandro-esp{
    position: relative;
    float: right;
    max-width: 100%;

}


.titulo-svive-esp{
    position: relative;
    float: left;
    max-width: 100%;
}

.svive-esp{
    position: relative;
    float: right;
    max-width: 38%;
    margin-top: 30px;
}

a{
    text-decoration: none;
    color: black;
}

/* sección CULTURA */

.titulo-secc-ppal-cult{
    margin-top: 30px;
    background: #BE0006;
    width: 100%;
    
}

.cult-pena{
    margin-top: 30px;   
}

.recuadro-cul-1{  
    border: #BE0006 1px solid;
    width: 63%;
    margin-top: -5px;
    min-height: 185px;
       
}

.linea-cul-70{
    border: #BE0006 0.5px solid;
    margin-top: 5px;
}

.txt-seccion-cul{
    font-family: sans-serif;
    font-size: 16px;
    margin-top: 3%;
    margin-left: 15px;
    width: 96%;
}

.flecha-cul{
    position: relative;
    float: right;
    margin-right: 5px;
    margin-top: -5px;
}

.milonga{
    position: relative;
    float: right;
    margin-top: -436px;
    margin-right:5%;
}

.img-milonga{
    position: relative;
    float: right;
    margin-top: -38px;
    margin-right: -45px;
}


.recuadro-milonga{
    position: relative;
    float: right;
    border: #BE0006 0.5px solid;
    width: 35.2%;
    margin-top: 174px;
    min-height: 200px;
    margin-right: -312px;
}

.ciclo{
    margin-top: 25px;   
}

.img-ciclo{
 margin-left: -15PX;   
}

.recuadro-ciclo-gral{
    position: relative;
    float: left;
    border: #BE0006 0.5px solid;
    width: 35.2%;
    margin-top: 210px;
    min-height: 200px;
    margin-right: -312px;   
}

.img-violin{
    position: relative;
    float: right;
    margin-top: -23.7%;
}

.recuadro-violin{
    position: relative;
    float: right;
    border: #BE0006 0.5px solid;
    width: 63%;
    min-height: 150px;
   
    
}


.flecha-cul3{
    position: relative;
    float: right;
    margin-right: 5px;
    margin-top: -5px;
    margin-bottom: 10px; 
}



.flecha-cul4{
    position: absolute;
    margin-left: 95%;
    margin-top: 2px;
   
}

/* NOTA TIO BONNIS*/



@font-face{
    font-family: 'gotham-light';
    src: url(fuentes/gotham-light.woff);
}



.nota-ppal-bonnis{
    max-width: 68%;
    
}

.tio-imagen{
    margin-top: 30px;
}

.titulo-sbonnis{
    position: absolute;
    margin-left: 17%;
    margin-top: -150px;
    text-align: right;
}

.titulo-nota{
    font-family: gotham-black;
    font-size: 43px;
}

.subtitulo-nota{
    font-family: gotham-light;
    font-size: 43px;
    margin-top: -10px;
    background: #00B1AB;
    padding-left: 60px;
}

.bajada-bonnis{
    margin-top: 10px;
    width: 100%;
    font-family: gotham-book;
    font-size: 20px;
   
}

.col-bonnis{
    font-family: gotham-light;
    font-size: 15px;
    margin-top: 20px;
    width: 100%;
   
}

.aside-bonnis{
    position: relative;
    float: right;
    width: 27%;
    margin-top: -740px;
    
}

.linea-bonnis-30{
    border: #00B1AB 0.5px solid;
    width: 100%;  
    margin-top: 10px;
}

.txt-aside-bonnis{
    font-family: sans-serif;
    font-size: 14px;
    padding: 10px;
}

.recuadro-nota-bonnis{
    border: #00B1AB 0.5px solid;
    width: 100%;   
    min-height: 350px;
    margin-left: -15px;
    
    
}

.recuadro-nota-bonnis2{
    border: #00B1AB 0.5px solid;
    width: 100%;   
    min-height: 350px;
    margin-left: -15px;
    margin-top: 15px;
}


.txt-bonnis1{
    position: relative;
    float: left;
    width: 50%;
    font-family: gotham-light;
    font-size: 14px;
    padding: 10px 3px 10px 240px;
    
    
}

.txt-bonnis2{
    position: relative;
    float: right;
    width: 50%;
    margin-right: 30px;
    font-family: gotham-light;
    font-size: 14px;
    padding: 10px 3px 10px 240px;
    
    
}

/* NOTA LISANDRO */

.nota-ppal-lisandro{
    max-width: 68%;
    position: relative;
    float: right;
    margin-right: 15px;
}

.lisandro-img{
    position: relative;
    float: right;
    margin-top: 30px;
}
.titulo-nota-lisandro{
    position: absolute;
    margin-right: 18%;
    margin-top: 140px;
   
}

.subtitulo-nota-lisandro{
    font-family: gotham-light;
    font-size: 43px;
    margin-top: -10px;
    background: #00B1AB;
    padding-right: 5px;
    
}

.bajada-lisandro{
    margin-top: 10px;
    width: 100%;
    font-family: gotham-light;
    font-size: 20px;
      
}

.col-lisandro{
     font-family: gotham-light;
    font-size: 15px;
    margin-top: 20px;
    width: 100%;   
}

.aside-lisandro{
    position: relative;
    float: left;
    width: 27%;
    margin-top: 30px; 
    margin-left: 30px;
}

.recuadro-nota-lisandro2{
    border: #30507F 0.5px solid;
    width: 100%;   
    min-height: 320px;
    margin-left: -15px;
    margin-top: 15px;
}

.linea-bonnis-30-prog{
    border: #30507F 0.5px solid;
    width: 100%;  
    margin-top: 10px;
}

/* estilo HOME */

.espectaculos{
    position: relative;
    float: left;
    max-width: 61%;
    margin-top: 50px;
}
.titulo-espectaculos{
    font-family: Gotham-black;
    font-size: 20px;
    color: white;
    padding-left: 10px;
    padding-right: 5px;
    background: #00B1AB;
    width: 30%;
}

@font-face{
    font-family: 'gotham-black';
    src: url(fuentes/framdcn.woff);
}

h5{
    font-family:gotham-black;
    font-size: 24px;
    margin-left: 10px;
    margin-top: 5px;
    color: #504F51;
}


.entrevista-tittle{
    font-family: gotham-black;
    font-size: 20px;
    margin-left: 5px;
    margin-top: -20px;
    margin-bottom: 10px;
    color: #504F51;
}

.txt-home{
    font-family: sans-serif;
    font-size: 16px;
    padding: 5px 5px 5px 10px;
}

.recuadro-espectaculos{
    border: #00B1AB 3px solid;
    width: 100%;
    
}


.flecha-home{
    margin-top: 5px;
    margin-left: 94%;
}

.cultura{
    position: relative;
    float: left;
    max-width: 61%;
    margin-top: 50px;
    
}

.titulo-cultura{
    font-family: Gotham-black;
    font-size: 20px;
    color: white;
    padding-left: 10px;
    padding-right: 5px;
    background: #BE0006;
    width: 20%;   
    
}

.recuadro-cultura{
     border: #BE0006 2px solid;
    width: 100%;
}

.encuesta{
    position: relative;
    float: right;
    max-width: 35%;
    margin-top: -780px;
    padding: 5px;
}

.titulo-encuesta{
    font-family: Gotham-black;
    font-size: 20px;
    color: white;
    padding-left: 10px;
    padding-right: 5px;
    background: #A2305B;
    width: 45%;
}

.recuadro-encuesta{
    border: #A2305B 2px solid;
    width: 100%;
    padding: 5px 0px 5px 5px;
    max-height: 330px;
}

/* formulario */

button {
    background: #504F51;
    border: 1px solid #ccc;
    padding: 6px;
    font-family: sans-serif;
    color: white;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 18px;
    margin-left: 5px;
}
button:hover {
    background: #ddd;
    border: none;
}
form {
	max-width: 90%;
	padding: 5px;
}

input{
	margin: 10px;
}



/* entrevista */

.entrevista{
    position: relative;
    float: right;
    max-width: 35%;
    margin-top: -365px;
    padding: 5px;
}
.titulo-entrevista{
    font-family: Gotham-black;
    font-size: 20px;
    color: white;
    padding-left: 10px;
    padding-right: 5px;
    background: #ECA200;
    width: 45%;
}

.recuadro-entrevista{
    border: #ECA200 2px solid;
    width: 100%;
   
}



.flecha-entrevista{
   margin-top: 5px;
   margin-left: 90%; 
}




/* seccion contacto */

.titulo-contacto{
    margin-top: 50px;   
}
.sub-contacto{
    margin-top: -13px;
    background: #94E3B1;
    font-family: gotham-light;
    font-size: 60px;
}

.contacto-form{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 30px;
}

.contacto-nombre{
    width: 70%;  
    border: #719794 1px solid;
    height: 30px;
    padding-left: 10px;
    box-sizing: border-box;
}

.mensaje{
    width: 70%;
    border: #719794 1px solid;
    height: auto;
    box-sizing: border-box;
    margin-left: 10px;
    
    padding: 10px;
    font-family: sans-serif;
    
}

.boton-contacto{
    background: #719794;
    position: relative;
    float: left;
    width: 20%;
    margin-right: 29%;
    
}

.suscripcion{
    position: relative;
    float: right;
    width: 32%;
    margin-top: -665px;
    text-align: left;
    padding: 5px;
    margin-right: 10px;
}

h12{
    font-family: gotham-black;
    font-size: 24px;
    margin-left: 15px;
    margin-top: 10px;
    
}

h10{
    font-family: gotham-light;
    font-size: 20px;
    margin-top: 15px;
    margin-left: 15px;

}

.linea-suscripcion{
    border: 1px  #fff solid;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 20px;
}

.display-block{
    width: 90%;
    height: 20px;
    
}
label{
    font-family: gotham-light;
    font-size: 16px;
    margin-left: 15px;
    margin-top: 20px;
    
}

.recuadro-suscrip{
    border: 2px #94E3B1 solid;
    background: #94E3B1;
    width: 100%;
    padding: 5px;
}
.boton-suscripcion{
    background: #fff;
    color: #94E3B1;
    width: 50%;
    margin-right: 10px;
    
}

/* PROGRAMACION */

.titulo-secc-ppal-prog{
    margin-top: 30px;
    margin-left: 15px;
    background: #30507F;
    width: 97%;
    
}

h13{
    font-family: gotham-light;
    font-size: 45px;
    color: white;
    padding-left: 10px;
   
  
}

.titulo-ppal-prog{
    margin-top: 50px;
    margin-bottom: 10px;
}

.programacion1{
    position: relative;
    float: right;
    margin-top: 30px;
    margin-right: 15px;
}

.recuadro-prog{
    position: relative;
    float: left;
    border: #30507F 1px solid;
    width: 30%;   
    margin-top: 30px;
    min-height: 315px;
    margin-left: 15px;
}

.txt-seccion-prog{
    width: 90%;
    font-family: sans-serif;
    font-size: 14px;
    text-align: left;
    padding: 15px;
    margin-top: 15px;
}

.linea-prog-30{
    position: absolute;
    margin-right: -55px;
    border: #30507F 0.5px solid;
    width: 130%;  
    margin-top: 10px;
    margin-bottom: 15px;
}

.flecha-izq-prog{
position: relative;
    float: right;
    
    margin-bottom: 5px;
    margin-right: 5px;
}

.promesas{
    position: relative;
    float: left;
    margin-top: 30px;
    margin-left: 15px;
}

.musica-plaza{
    position: relative;
    float: right;
    margin-top: 30px;
    margin-right: 333px;
 
}

.lo-mas{
    position: relative;
    float: right;
    margin-right: 15px;
    margin-top: -204px;
}

.candidato{
    position: relative;
    float: left;
    margin-top: 30px;
    margin-left: 15px;
}

.ascenso{
    position: relative;
    float: right;
    margin-right: 15px;
    margin-top: -423px;
}


/* NOTA AXEL*/

.nota-ppal-axel{
    max-width: 68%;   
}

.axel-nota-ppal{
    position: relative;
    float: right;
    margin-top: 30px;
}
.titulo-axel-nota{
    position: relative;
    float: left;
    margin-top: -120px;
}

.subtitulo-nota-axel{
    font-family: gotham-light;
    font-size: 43px;
    margin-top: -10px;
    background: #00B1AB;
    padding-right: 10px;   
}

.bajada-axel{
    font-family: gotham-book;
    font-size: 18px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
   
}

.aside-axel{
    position: relative;
    float: right;
    width: 30%;
    margin-top: -640px;
    
}
    
.recuadro-axel1{
    padding: 4px;
    border: #00B1AB 1px solid;
    width: 100%;
    max-height: 150px;
    margin-bottom: 15px;
}

.linea-axel-nota{
    border: #00B1AB 0.5px solid;
    margin-bottom: 10px;
}

.recuadro-axel2{
    border: #00B1AB 1px solid;
    width: 105%;
    min-height: 350px;
    margin-bottom: 15px;
}

/* NOTA PEÑA */

.img-pena{
    margin-top: 30px;
       
}
.titulo-pena{
    position: absolute;
     margin-left: 23%;
    margin-top: -420px;
}

.titulo-nota-pena{
    font-family: gotham-black;
    font-size: 40px;
}



.subtitulo-nota-pena{
    font-family: gotham-light;
    text-align: right;
    font-size: 43px;
    margin-top: -10px;
    background: #BE0006;
    padding-left: 40%;
    margin-left: -90px;
}

.bajada-pena{
    position: relative;
    float: right;
    font-family: gotham-book;
    font-size: 17px;
    width: 68%;
    margin-top: -320px;
    margin-bottom: 20px;
}

.col-pena{
    position: relative;
    float: right;
    font-family: gotham-light;
    font-size: 15px;
    margin-top: -240px;
    width: 68%;
}


.recuadro-aside-peña{
    border: #00B1AB 1px solid;
    margin-top: 15px;
    width: 30%;
    max-height: 250px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.aside-medio{
    position: relative;
    float: right;
    margin-right: 34.5%;
    margin-top: -298px;
}


.recuadro-aside-peña2{
    border: #00B1AB 1px solid;
    margin-top: 15px;
    width: 100%;
    max-height: 250px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.aside-derecho{
    position: relative;
    float: right;
    margin-right: 15px;
    margin-top: -298px;
}

/* NOTA VIOLIN CULTURA */

.img-nota-violin{
    position: relative;
    float: right;
    margin-top: 20px;
    width: 65%;
  
}

.titulo-violin{
    position: absolute;
    margin-top: 150px;
}

.subtitulo-nota-violin{
    font-family: gotham-light;
    font-size: 43px;
    margin-top: -10px;
    background: #BE0006;
    padding-right: 60px;
}

.bajada-violin{
    position: relative;
    float: right;
    font-family: gotham-book;
    font-size: 17px;
    width: 67%;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: -20px;
}

.col-violin{
    position: relative;
    float: right;
    font-family: gotham-light;
    font-size: 15px;
    margin-top: 10px;
    width:65%;
}

.aside-ciclo{
    position: relative;
    float: left;
    margin-top: -148px;
    width: 33%;
}
.recuadro-ciclo{
    padding: 4px;
    border: #BE0006 1px solid;
    width: 97%;
    min-height: 50px;
    margin-bottom: 15px;
}

.linea-ciclo-nota{
    border: #BE0006 0.5px solid;
    margin-bottom: 10px;
}

.recuadro-ciclo2{
    border: #00B1AB 1px solid;
    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    margin-bottom: 15px;
}


.linea-ciclo-nota2{
    border: #00B1AB 0.5px solid;
    margin-bottom: 10px;
}


/* NOTA CICLO DE CONCIERTOS CULTURA */

.img-nota-ciclo{
    position: relative;
    float: right;
    margin-top: 30px;
}

.titulo-ciclo{
    position: absolute;
    margin-top: 100px;
}

.subtitulo-nota-ciclo{
      font-family: gotham-light;
    font-size: 40px;
    margin-top: -10px;
    background: #BE0006;
    padding-right: 20px;
}

.bajada-ciclo-nota{
    position: relative;
    float: left;
    font-family: gotham-book;
    font-size: 17px;
    width: 67%;
    margin-top: 230px;
    margin-bottom: 10px;
    margin-right: -20px;
}

.col-concierto{
    position: relative;
    float: left;
    font-family: gotham-light;
    font-size: 15px;
    margin-top: 10px;
    width:65%;
}

.aside-recuadro-ciclo1{
    margin-top: 20px;
    border: #BE0006 0.5px solid;
    width: 30%;   
    min-height: 210px;
 
}

.linea-ciclo-nota-aside{
    border: #BE0006 0.5px solid;
    margin-bottom: 10px;
    margin-top: 5px;
}

.aside-recuadro-ciclo2{
    position: relative;
    float: right;
    
    margin-top: -260px;
    border: #BE0006 0.5px solid;
    width: 30%;   
    min-height: 210px;
}

.aside-recuadro-ciclo3{
   position: relative;
    float: right;
    margin-top: -260px;
    border: #BE0006 0.5px solid;
    width: 31.4%;   
    min-height: 210px; 
    margin-right: 315px;
    
}

/* RESPONSIVE HOME*/
@media screen and (max-width:900px)
{   
 .no-small{display: none;}
.pagina{width:  100%;}
.iconos{width: 98%;}
 .recuadro-esp-70{width: 65%}
    .recuadro-esp-70-izq{width: 63%;}
    .lisandro-esp{width: 64%}
    .recuadro-esp-30-izq{margin-top: -186px}

}

@media screen and (max-width:650px)
{ 
 .no-small{display: none;}
    nav{width: 75%; font-size: 10px; margin-top: -30px;}
    .logo{width: 25%}
 .pagina{width: 100%;}
.txt-seccion-esp{font-size: 11px;}
   .flecha-izq-esp{display: none}
    .recuadro-esp-30{border: none}
    .linea-esp-30{display: none}
    .recuadro-esp-70{border: none; width: 58%;margin-top: -10px}
    .carmela-esp{width: 45%;margin-top: -20px}
    .svive-esp{position: relative;float: left;margin-top: -35px}
    .lisandro-esp{display: none}
    .bonnis-esp{position: relative; float: left; margin-top: 15px;}
    .linea-esp-70-der{display: none}
    .linea-esp-70{display: none}
    .flecha-der-esp{display: none}
    .recuadro-esp-30-izq{display: none}
    
    .recuadro-esp-70-izq{border: none; position: relative; float: right; width: 58%; margin-top: -20px;}
    
   
}

@media screen and (max-width:450px)
{ 
.pagina{width: 100%;}
 .txt-seccion-esp{display: none}
    .carmela-esp{margin-top: -80px}
    .svive-esp{margin-top: -90px}
    .recuadro-esp-70{margin-top: -50px}
    .recuadro-esp-70-izq{margin-top: -90px}
        
}

/*RESPONSIVE HOME*/

@media screen and (max-width:900px)
{
    .bx-wrapper{position: relative; float: left;}
    .recuadro-espectaculos{width: 163%}
    .recuadro-cultura{width: 163%}
    .img-home{width: 100%}
}

@media screen and (max-width:650px)
{
  nav ul a{font-size: 10px;}
}

/*RESPONSIVE NOTA AXEL*/
@media screen and (max-width:900px)
{
.nota-ppal-axel{width: 100%}
   .axel-nota-ppal{width: 65%;margin-right: -270px}
    .titulo-nota{margin-top: 300px;}
    .bajada-axel{width: 80%;margin-top: -60px}
    .col-bonnis{width: 145%}
    
}


@media screen and (max-width:650px)
{
 .axel-nota-ppal{width: 80%; margin-right: -180px}
   .titulo-nota{position: absolute; margin-top: -50px}
    .subtitulo-nota-axel{font-size: 30px}
    .bajada-axel{font-size: 13px;}
    .col-bonnis{font-size: 13px;}
}

@media screen and (max-width:450px)
{
    .axel-nota-ppal{width:60%; position:relative; float:left; margin-left: 220px}
    .bajada-axel{width: 140%; position: relative; float: left; margin-top: 10px}
    footer{font-size: 10px;}
}

/*RESPONSIVE CICLO y contacto -nota bonnis*/

@media screen and (max-width:900px)
{
    .titulo-ciclo{margin-top: -50px}
    .bajada-ciclo-nota{width: 65%;margin-top: 350px}
    .col-concierto{width: 100%}
    
    .tio-imagen{width: 70%;}
    .titulo-sbonnis{margin-left: 350px;margin-top: -500px;width: 57%}
    .bajada-bonnis{margin-left: 420px; width: 95%;margin-top: -100px}
  
    .nota-ppal-lisandro{position: relative;float: left; margin-left: -220px;}
    .lisandro-img{width: 65%; position: relative; float: left}
    .titulo-nota-lisandro{position: absolute; margin-top: -190px;margin-left: 420px;width: 70%}
    .subtitulo-nota-lisandro{font-size: 33px }
    
    
    .img-pena{position: relative; float: left;margin-left: -220px;}
    .titulo-pena{position: relative; float: right; width: 80%}
    .subtitulo-nota-pena{padding-left: 5px; margin-left: 5px}
    .bajada-pena{width: 65%; position: relative; float: right;margin-right: -30px}
    .col-pena{width: 61%; position: relative; float: right; }
    
    .programacion1{width: 55%}
    .recuadro-prog{width: 38%;}
    .txt-seccion-prog{font-size: 12px;}
    .no-mostrar{display: none;}
    .promesas{position: relative; float: right; margin-right: 160px;margin-top: -25px ;}
    .prom1{width: 151%}
    .prom2{width: 151%}
    .lo-mas{position: relative; float: left;margin-top: -270px;margin-left: 15px}
    
    .img-lo-mas{width: 106%;}
    .musica-plaza{position: relative; float: right;margin-right: 160px;margin-top: 25px}
    .prom3{width: 106%;}
    .candidato{margin-top: -445px}
    
    .aside-ciclo{display: none}
    .titulo-violin{margin-top: -100px}
    .bajada-violin{position: relative; float: left;width: 100%}
    .col-violin{position: relative; float: left;width: 100%;}
    
   
}

@media screen and (max-width:650px)
{
    .titulo-ciclo{width: 60%; margin-top: 150px}
    .subtitulo-nota-ciclo{margin-top: 60px}
    .bajada-ciclo-nota{width: 50%; margin-top: 320px;}
    .col-concierto{width: 100%;}
    .titulo-sbonnis{margin-left: 310px}
    .subtitulo-nota{text-align: left;margin-left: -55px;font-size: 35px}
    .bajada-bonnis{position: relative; float: right;width: 85%; margin-right: -260px;margin-top: 250px}

    .lisandro-img{margin-left: 250px}
    .titulo-nota-lisandro{margin-top: 140px;margin-left: 508px}
    .bajada-lisandro{position: relative; float: left; margin-top: 90px;width: 170%; margin-left: 250px}
    .col-lisandro{width: 135%;margin-left: 250px}
    
    .img-pena{display: none}
    .titulo-pena{position: relative; float: left;margin-top: 50px; margin-left: 10px}
    .subtitulo-nota-pena{width: 100%;font-size: 30px; text-align: left;padding-left: 0px;margin-left: 3px}
    .bajada-pena{width: 98%; margin-top: 10px; margin-left: 10px}
    .col-pena{width: 98%; margin-top: 10px}
    
    .programacion1{width: 55%}
    .recuadro-prog{width: 38%}
    .txt-seccion-prog{font-size: 13px;}
    .promesas{position: relative; float: right; margin-right: 55px;margin-top: -130px ;}
    .prom1{width: 115%}
    .prom2{width: 115%}
    .lo-mas{display: none}
    .musica-plaza{position: relative; float: right;margin-right: 55px;margin-top: 15px}
    .prom3{width: 75%}
    .candidato{margin-top: -320px}
    
     .aside-ciclo{display: none}
    .titulo-violin{margin-top: 200px}
    .bajada-violin{position: relative; float: left; width: 100%}
    .col-violin{position: relative; float: left;width: 100%;}
    
    
}

@media screen and (max-width:450px)
{
.titulo-ciclo{margin-top: 450px;}
   .subtitulo-nota-ciclo{margin-top: 40px;font-size: 26px;}
    .bajada-ciclo-nota{width: 100%;margin-top: 160px}
    .col-concierto{width: 100%; font-size: 13px}
    h1{font-size: 50px;}
    .sub-contacto{font-size: 40px;}
    
    .titulo-sbonnis{margin-top: 50px; margin-left: -5px}
    .subtitulo-nota{text-align: left;margin-left: -50px}
    .bajada-bonnis{margin-top:100px}
    
    .lisandro-img{width: 100%}
    .titulo-nota-lisandro{position: relative;float: left;margin-left: 250px; margin-top: 50px}
    .subtitulo-nota-lisandro{width: 190%; font-size: 30px}
    .bajada-lisandro{width: 90%; margin-top: 0}
    .col-lisandro{width: 130%; font-size: 13px;margin-top: 70px}
    
    .img-pena{display: none}
    .titulo-pena{position: relative; float: left; margin-top: 50px}
    .titulo-nota-pena{font-size: 35px;margin-left: -80px}
    .subtitulo-nota-pena{font-size: 30px; text-align: left;padding-left: 0px;}
    .bajada-pena{position: relative; float: left; margin-top: 60px; width: 100%}
    .col-pena{width: 100%; margin-top: 10px; font-size: 13px}
    
    .programacion1{display: none}
    .txt-seccion-prog{ display: none;}
    .recuadro-prog{display: none}
    .prom1{margin-top: 150px;width: 120%; margin-left: -15px}
    .prom3{width: 110%; margin-left: 17px;}
    .candidato{margin-top: 20px} 
    
     .aside-ciclo{display: none}
    .titulo-violin{width: 93%}
    .subtitulo-nota-violin{font-size: 20px; margin-top: 50px}
    .bajada-violin{position: relative; float: left; width: 100%; margin-top: 90px}
    .col-violin{position: relative;float: left; width: 100%; font-size: 14px;}
}