/*Carga de fuente Raleway*/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,900,800,700);

/*Reseteo margenes*/

*{
margin: 0;
padding: 0;
}

.separador{
clear: both;
}

body{
background: #99cccc;
font-size: 16px;
font-family: arial;    
}

.contenedor-home{ 
background: #e9eded;
max-width: 960px;
height: auto;    
margin: 0 auto;
padding: 15px 0 0 0;
}

section{
width: 86%;
display: block;
margin: 0 auto;    
}

section.vivo{
width: 86%;
display: block;
margin: 1.1em auto;    
}

.derecha{
float: right;    
}

.izquierda{
float: left;    
}

img.foto{
width: 100%;
}

video{
width: 68.5%;
height: auto;
}

p{
font-size: 0.8rem;
font-family: 'Raleway';
font-weight: 400;
}
/*botonera header*/

header{
min-height: 120px; 
width: 86%;
display: block; 
margin: 0px auto;
}

header .botonlogo{
background-color: #fff;
width: 23.5%;
height: 120px;
position: relative;
float: left;
display: block;
text-decoration: none;    
}

header .botonlogo:hover{
    background-color: #000;
    color: #fff;
    transition: 0.3s;     
}

header .botonlogo:hover p.textologo{
color: #fff;   
transition: 0.3s;     
}

header .logo{
width: 100px;
height: auto;
margin: 20px auto 0px;    
display:block;
}

header p.textologo{
    color: #000; 
    font-family:'Raleway'; 
    font-weight: 400; 
    font-size: 0.9rem;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 5px;
}
    
.menu {
    list-style: none;
    width: 74%;
    overflow: hidden;
    font-family: sans-serif;
    float: right;
    }

.menu li {
    float: left;
    width: 20%;
    text-align: center;    
}

.menu li p{
    color:#fff;
    display: block;
    padding: 3.2em 0;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 1rem;
}

.menu a{
    color:#fff;
    text-decoration: none;
    display: block;
    padding: 3.2em 0;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 1rem;
}

.menu a:hover{
    color:#000;
    font-weight: 400;
    background-color: #fff;
    transition: 0.5s;
}

/* Colores de la botonera */

.negro{
    background-color: #000;
}
.verde{
    background-color: #5abb48;
}
.amarillo{
    background-color: #ffb40d;
}
.rojo{
    background-color: #ff0101;
}
.magenta{
    background-color: #a70858;
}
.activo{
    background-color: #ccc;
}

/* Fin seteos Botonera Menú */

/* Footer */

footer{
    width: 100%;
    min-height: 100px;
    display: block;
    position: relative;
    float: right;
    margin: 0 auto 0 auto;
    background: #000;
    font-family: sans-serif;
    font-size: 10px; 
    color: #fff;
    }


footer .legales{ 
    color: #fff; 
    font-family:'Raleway'; 
    font-weight: 400;  
    position: relative;
    float: right;
    width: 63%;
    font-size: 0.7rem;
    margin: 3.5% 5%;
}

footer a{
    width: 10%;
    display: block;
    position: relative;
    float: left;
    margin-left: 15%;
    margin-top: 2.5%;
    text-decoration: none;
}

footer .logo{
width: 75%;    
display:block;
margin: auto;    
}

footer .marca{ 
    color: #fff; 
    font-family:'Raleway'; 
    font-weight: 400;  
    position: relative;
    font-size: 0.7rem;
    text-align: center;
    margin-top: 3%;
}

/* Fin seteos Footer */

/* Medidas de los textos */

h6{
position: absolute;
top: 280px;
text-align: center;
width: 100%;
color: white;
font-family: 'Raleway';
font-weight: 400;
font-size: 3rem;}

h6 span{
background: rgba(0, 0, 0, 0.4);
padding: 10px;
}

h5 {
font-size: 1.1rem;
font-family: "Raleway";
text-align: center;
font-weight: 700;
color: #C7298C;
margin-top: 10px;
}

h4{
font-size: 1.2rem;
font-family: 'Raleway';
font-weight: 800;
}

h3{
font-size: 1.8rem;
font-family: 'Raleway';
font-weight: 800;
}

h2{
font-size: 2rem;
font-family: 'Raleway';
font-weight: 800;    
}


/* Parametros de los Articulos Home */


.contenedor-home article.blanco{
width: 49%;
min-height:260px;    
display: block;
position: relative;
background-color: #fff;
box-sizing: border-box;
padding: 0em 1.5em 1em 1.5em;
text-decoration: none;
color: #000;
margin: 1em 0 0 0;    
}

.contenedor-home article.marco{
width: 49%;    
display: block;
position: relative;
box-sizing: border-box;
margin: 1em 0 0 0;
max-height: 260px;
overflow: hidden;    
}

.contenedor-home article.trabajo{
width: 49%;
min-height: 260px;    
display: block;
position: relative;
background-color: #a70858;
box-sizing: border-box;
padding: 2em 1.5em 0em 1.5em;
text-decoration: none;
color: #fff;    
margin: 1em 0 0 0;    
}

.contenedor-home aside.envivo{
width: 29.7%;
min-height: 350px;    
display: block;
position: relative;
float: right;
background-color: #fff;
box-sizing: border-box;
padding: 0;    
}

.contenedor-home aside.envivo h4{
width: 100%;    
display: block;
position: relative;
text-align: center;    
float: left;
background-color: #f45610;
color: #fff;    
box-sizing: border-box;
padding: 0.5em 0.5em;    
}


.contenedor-home aside.envivo h5 {
font-size: 1.1rem;
font-family: "Raleway";
text-align: left;
font-weight: 700;
color: #C7298C;
margin: 1em auto;
}

.contenedor-home aside.envivo hgroup {    
width: 80%;
margin: 2em auto 1em auto;    
}

.contenedor-home .icono{
width: 5em;    
display:block;
margin: 40px auto 10px;    
}

.contenedor-home .icono2{
width: 4em;    
display:block;
margin: 1em 0 0 1em;    
}

.contenedor-home .avatar{
width: 52%;    
display:block;
margin: 2em auto 1em auto;    
}

.contenedor-home .dock:hover #calendario{
background-color: #098383;      
transition: 0.4s;    
}

.contenedor-home .dock:hover #avion{
background-color: #098383;     
transition: 0.4s;    
}

.contenedor-home .dock:hover #grupos{
background-color: #098383;      
transition: 0.4s;    
}

.contenedor-home .boton_persona:hover .art_personas{
background-color: #44cacb;    
transition: 0.4s;    
}

.contenedor-home .boton_persona:hover img.avatar{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.5s;
}

.contenedor-home .boton_persona:hover .art_personas h5{
color: black;    
transition: 0.4s;    
}

.contenedor-home .efectos:hover hgroup{
color: #fff;
transition: 0.4s;    
}

.contenedor-home .efectos:hover article.blanco{
background-color: #3142ff;
transition: 0.4s;    
}

.contenedor-home .efectos:hover img.foto{
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    filter: sepia(100%);
    transition: 0.5s;
}

.contenedor-home .efectos:hover .trabajo{
background-color: #ff610d;
transition: 0.4s;     
}


/* columnas cuadradas de color con iconitos */

.contenedor-home .art_color{
width: 32%;
min-height: 260px;    
display: block;
position: relative;
box-sizing: border-box;
font-weight: 400;
text-align: center;
padding: 0em 1.5em 1.2em 1.5em;
text-decoration: none;
color: #fff;
margin: 1em 0 0 0;    
}

#calendario{
background-color: #44cacb;
float: left;    
}

#grupos{
background-color: #5abb48;
float: left;
margin-left: 2%;    
}

#avion{
background-color: #ffb40d;
float: right;    
}

.contenedor-home p.texto{
margin: 1.2em 0 0;
font-size: 0.9em;
text-align: center;
text-decoration: none;   
}    

.contenedor-home .art_personas{
float: left;
background-color: #fff;    
width: 32%;
min-height: 280px;    
display: block;
position: relative;
box-sizing: border-box;
padding: 0em 1.5em 1.2em 1.5em;
text-decoration: none;
color: #000;    
}

#artista{
float: left;
margin-left: 2%;     
}

#colectividad{
float: right;
}

.contenedor-home aside.personas{
    width: 86%;
display: block;
margin: 0 auto;
}


/* Grilla Destacados */

.contenedor-home section.destacados{  
min-height:540px;
width: 100%;
display: block;    
background-color: #ffb40d;
text-decoration: none;
box-sizing: border-box;
margin-top: 1.1em;
position: relative;    
}

.contenedor-home section.destacados nav{
width: 86%;
margin: 0 auto;
position: relative;
box-sizing: border-box;
display: block;    
margin-top: 1em;     
}

.contenedor-home section.destacados ul {
    list-style: none;
    }

.contenedor-home section.destacados h3{  
color: #fff;
margin: 1em 7% 0em 7% ;
float: left;    
} 

.contenedor-home section.destacados img.fotogrilla{
    width: 100%;
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    filter: sepia(100%);
}

a.boton-destacado{
	display: block;
	float: left;
	position: relative;
	width: 25%;
    box-sizing: border-box;
    padding: 1%;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
}

.contenedor-home a.boton-destacado:hover img.fotogrilla{
    -webkit-filter: sepia(0%);
    -moz-filter: sepia(0%);
    -ms-filter: sepia(0%);
    filter: sepia(0%);
    transition: 0.5s;
}

span.flotante{
position: absolute;
top: 5em;
text-align: center;    
width: 92%;
color: white;
font-family: 'Raleway';
font-weight: 400;
font-size: 1rem;
background: rgba(0, 0, 0, 0.5);
opacity: 1;
margin: auto;
padding: 1em 0;
overflow: hidden;    
}
		
.contenedor-home a.boton-destacado:hover span.flotante{
    -webkit-filter: opacity: 0;
    -moz-filter: opacity: 0;
    -ms-filter: opacity: 0;
    opacity: 0;
    transition: 0.5s;
}
	
/* Fin Home */

/* PÁGINA PROGRAMACIÓN */

.contenedor-programacion, .contenedor-detalle, .contenedor-noticias, .contenedor-trabajando, .contenedor-artistas, .contenedor-agenda, .contenedor-contacto, .contenedor-destacados, .contenedor-quienes, .contenedor-mapa{  
background: #e9eded;
max-width: 960px;
height: auto;    
margin: 0 auto;
padding: 15px 0 0 0;
}

.contenedor-programacion section, .contenedor-detalle section, .contenedor-noticias section, .contenedor-proyectos2 section, .contenedor-proyectos section, .contenedor-trabajando section, .contenedor-artistas section, .contenedor-agenda section, .contenedor-contacto section, .contenedor-destacados section, .contenedor-quienes section, .contenedor-mapa section{
    display: block;
    float: left;
    width: 86%;
    box-sizing: border-box;
    padding: 1em 0;
    margin: 1.1em 7%;    
}

.contenedor-home aside.personas{
    width: 86%;
display: block;
margin: 0 auto;
}

.contenedor-programacion .titulo, .contenedor-detalle .titulo, .contenedor-mapa .titulo{
font-size: 2rem;
font-family: 'Raleway';
font-weight: 800;
color: #00ceca;
width: 30%;    
}

.contenedor-noticias .titulo{
font-size: 2rem;
font-family: 'Raleway';
font-weight: 800;
color: #ff0101;
width: 20%;    
}

.contenedor-noticias .titulo{
font-size: 2rem;
font-family: 'Raleway';
font-weight: 800;
color: #ff0101;
width: 20%;    
}

.contenedor-trabajando .titulo, .contenedor-destacados .titulo, .contenedor-quienes .titulo{
font-size: 2rem;
font-family: 'Raleway';
font-weight: 800;
color: #000;    
}

.contenedor-artistas .titulo, .contenedor-agenda .titulo{
font-size: 2rem;
font-family: 'Raleway';
font-weight: 800;
color: #ffb40d;
width: 20%;    
}

.contenedor-contacto .titulo{
font-size: 2rem;
font-family: 'Raleway';
font-weight: 800;
color: #a70858;
width: 20%;    
}



.barra{
    background-color: #fff;
    width: 100%;
    height: 40px;
    margin: 20px 0px;
    position: relative;
}

.subtitulo{
font-size: 1rem;
font-family: 'Raleway';
font-weight: 700;
padding: 12px 0 10px 0;
position: absolute;
display: inline;
color:  #000;
margin-left: 10px;
}


.contenedor-programacion img.progimg{
display: block;
margin: auto;
}

.contenedor-programacion .nombreprogramas{
font-size: 1rem;
font-family: 'Raleway';
font-weight: 800;
position: relative;
color:  #fff;
margin: 8% 0 0 8%;
}

.contenedor-programacion .bajadaprograma{
font-size: 0.9rem;
font-family: 'Raleway';
font-weight: 400;
color:white;
position: relative;
padding: 1em 1em;
text-align: left;
display: block;
}

.contenedor-programacion .cuadradoprograma{
min-height: 230px;
width: 23%;
display: block;    
background-color: #44cacb;
position: relative;
float: left;
margin: 0.5em 0.5em;    
}

.contenedor-programacion .programita:hover .cuadradoprograma{
background-color: #ffb40d;    
transition: 0.4s;    
}

.contenedor-programacion .programita:hover .cuadradoprograma h1{
color: black;    
transition: 0.4s;    
}

.contenedor-programacion .programita:hover .cuadradoprograma p{
color: black;    
transition: 0.4s;    
}

.contenedor-programacion .programita:hover img.fotin{
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    filter: sepia(100%);
    transition: 0.5s;
    transition-delay: 0.2s;
}

.contenedor-programacion img.fotin{
width: 100%;    
display:block;    
-webkit-filter: sepia(00%);
-moz-filter: sepia(00%);
-ms-filter: sepia(000%);
filter: sepia(00%);    
}


/* detalles de algun programa */


.contenedor-detalle a{
text-decoration: none;
}

.contenedor-detalle .fondoprograma{
width: 100%;
height: auto;
background: #fff;
margin-top: 25px;
position: relative;
float: left;    
box-sizing: border-box;    
}

.contenedor-detalle .youtube{
margin: 20px;   
float: right;
position: relative;
box-sizing: border-box;    
}

.contenedor-detalle .desarrollo{
width: 32%;
float: left;
font-size: 0.9rem;
font-family: 'Raleway';
font-weight: 300;
color: #000;
display: block;
position: relative;
box-sizing: border-box;
margin-top: 2em;
margin-left: 2em;    
}

/* Fin Pagina de Programas */

/* Página Noticias */

.contenedor-noticias a{
text-decoration: none;
}

.contenedor-noticias .noticia{
    width: 100%;
    min-height: 120px;
    border-top: 3px solid;
    border-top-color:#ff0101;
    background: none;
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.contenedor-noticias img.imgnoti{
    float:left;
    display: block;
    width: 35%;
}

.contenedor-noticias .titulonoti{
    width: 60%;
    display: inline-block;
    font-size: 0.8rem;
    font-family: 'Raleway';
    font-weight: 700;
    color:  #000;
    margin-left: 15px;
    margin-top: 10px;    
}

.contenedor-noticias .bajadanoti{
    width: 60%;
    display: inline-block;
    font-family: 'Raleway';
    font-weight: 400;
    color:  #000;
    margin-left: 15px;
    margin-top: 10px;
}
.contenedor-noticias .bajadanoticia{
    width: 100%;
    font-family: 'Raleway';
    font-weight: 700;
    color:  #000;
    margin: 1em 0em;
    font-size: 1em;
    line-height: 1.4em;
}

.contenedor-noticias .efecto:hover img.imgnoti{
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    filter: sepia(100%);
    transition: 0.5s;
}

.contenedor-noticias aside{
width: 30%;
min-height: 380px;    
display: block;
position: relative;
float: right;
box-sizing: border-box;
padding: 0;    
}

.contenedor-noticias aside h5{    
width: 80%;
margin: 2em auto 1em auto;
text-align: left;
line-height: 1.4em;
color: #ff0101;    
}

.contenedor-noticias .columna{
    width: 47%;
    margin-top: 2em;
    line-height: 1.6em;
}

.contenedor-noticias img.fotofull{
width: 70%;
height: auto;
}

/* PÁGINA PROYECTOS 2 */


.contenedor-proyectos2, .contenedor-proyectos{ 
background: #e9eded;
max-width: 960px;
height: auto;    
margin: 0 auto;
padding: 15px 0 0 0;
}{ 
background: #e9eded;
max-width: 960px;
height: auto;    
margin: 0 auto;
padding: 15px 0 0 0;
}

.contenedor-proyectos2 .titulo, .contenedor-proyectos .titulo {
font-size: 2rem;
font-family: 'Raleway';
font-weight: 800;
color: #5abb48;
width: 20%;    
}


.contenedor-proyectos2 a{
text-decoration: none;
}

.contenedor-proyectos2 .canchamaradona{
    width: 65%;
    height: auto;
    margin-top: 25px;
    box-sizing: border-box;
    position: relative;
    float:left;
    border-top: solid 3px;
    border-top-color: #5abb48;
    margin-bottom: 20px; 
}

.contenedor-proyectos2 .tira{
    width:30%;
    height: auto;
    margin-top: 20px;
    float: right;
    margin-bottom: 20px;
    }

.contenedor-proyectos2 .titulomaradona{
font-size: 1.2rem;
font-family: 'Raleway';
font-weight: 700;
color:  #000;
padding-top: 10px;
} 

.contenedor-proyectos2 .bajadamaradona{
    font-family: 'Raleway';
    font-weight: 400;
    color:  #000;
    line-height: 1.6em;
    padding-top: 10px;    
}

/* PÁGINA PROYECTOS */

/* -- Mapa interactivo -- */

img.mapa{
    width: 100%;
    margin-top: 6%;
}

article.elmapa{
    width: 90%;
    display: block;
    margin: 0 auto;
    position: relative;
    float: right;
}

.contenedor-proyectos nav{
    text-decoration: none;
}

/* Botonera Mapa */

.botoneramapa a {
    text-decoration: none;
}

.botoneramapa {
    background-color: #afe052;
    padding-top: 20px;
    border-radius: 8px;
    list-style: none;
    width: 10%;
    height: auto;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
    }

.botoneramapa li {
    width: 100%;
    text-align: center;
    text-decoration: none;
}

.botoneramapa a{
    display: block;
}

.contenedor-proyectos .vectormapa{
width: 70%;
padding: 2px 0px;
    
}

.referencias{
font-size: 0.7rem;
font-family: 'Raleway';
font-weight: 600;
text-align: center;
margin-bottom: 2px;    
color: white;  
}


/* Aside "cómo podes colaborar" */

.contenedor-proyectos .asideverde{
    background: #5abb48;
    width: 100%;
    min-height: 170px;
    margin-top: 2em;
    display: block;
    position: relative;
}

.contenedor-proyectos .gris{
    width: 60%;
    min-height: 125px;
    display: block;
    float: left;
    margin: 0.8em auto;
    display: block;
    background-color: #908d8d;
    border-radius: 8px;
    line-height: 1em;
}

.contenedor-proyectos aside p{
font-size: 0.8rem;
font-family: 'Raleway';
font-weight: 400;
text-align: left;
padding: 20px 15px 0 15px;
float: right;
color: white;
}

.contenedor-proyectos h4{
font-size: 1.6rem;
font-family: 'Raleway';
font-weight: 800;
color: #fff;
text-align: center;
float: right;
margin: 0.3em 0.6em 0.5em 0;    
}

.contenedor-proyectos h3{
color: #fff;
text-align: left;
float: left;
margin: 1.2em 1.6em;    
}


/* PÁGINA TRABAJANDO PARA UN FUTURO */

.contenedor-trabajando a{
text-decoration: none;
}

.contenedor-trabajando .conttrabajando{
width: 100%;
height: auto;
position: relative;
margin-top: 20px;
margin-bottom: 20px;
background: none;  
}

.contenedor-trabajando .titulotrabajando{
font-size: 1.4rem;
font-family: 'Raleway';
font-weight: 700;
position: relative;
color: white;
background: #9C095C;
width: 100%;
}

.contenedor-trabajando .bajadatrabajando{
font-size: 0.8rem;
font-family: 'Raleway';
font-weight: 700;
position: relative;
color:  #9C095C;
line-height: 1.4em;
margin-top: 2em;
display: block;    
}

.contenedor-trabajando .imagentrabajando{
position: relative;
display: block;
width: 100%;
margin-top: 1em;    
}

.contenedor-trabajando .parrafotrabajando{
    width: 47%;
    margin-top: 2em;
    float: left;   
}

.contenedor-trabajando .continuidad{
    width: 47%;
    margin-top: 2em;
    float: right;
}

/* Fin PÁGINA TRABAJANDO PARA UN FUTURO */

/*-------------------------------------------------------*/

/* PAGINA ARTISTAS */

   
/*ARTISTAS SECTION TRANSICIONES */

.contenedor-artistas .notitas:hover .cuadrado-blanco{
background-color: rgba(205, 127, 237, 0.44);    
transition: 0.4s;    
}

.contenedor-artistas .notitas:hover img.avatar{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.5s;
}

.contenedor-artistas .notitas:hover .cuadrado-blanco h5{
color: black;    
transition: 0.4s;    
}

/*FIN ARTISTAS SECTION TRANSICIONES */

/* ARTISTAS SECTION */

.contenedor-artistas .cuadrado-blanco{
box-sizing: border-box;
max-height: 230px;
width: 23%;
display: block;    
background-color: #fff;
position: relative;
float: left;
margin-left: 1%;
margin-right: 1%;
margin-top: 1%;
}

.contenedor-artistas .cuadrado-violeta{
box-sizing: border-box;
background-color: #ffb40d;    
height: auto;
width: 23%;
display: block;    
position: relative;
float: left;
border-top: 3px solid;
border-bottom: 3px solid;
border-color: #a23188;
margin: 0% 1%;
padding: 0 2%;
font-size: 0.9em;    
}


.contenedor-artistas .texto{
font-size: 0.9em;
text-align: center;
text-decoration: none;
font-family: "Raleway";
font-weight: 600;
padding-bottom: 10px;
color: black;
margin-top: 0.6em;    
}

.contenedor-artistas .texto-gris{
font-size: 0.9em;
text-align: left;
text-decoration: none;
margin: 10px 0;
    

}
.contenedor-artistas h5 {
font-size: 1.1rem;
font-family: "Raleway";
text-align: center;
font-weight: 700;
color: #a23188;
margin-top: 15px;
}


.contenedor-artistas .avatar{
width: 52%;    
display:block;
margin: 2em auto 1em auto;    
}

/*FIN ARTISTAS*/

/*PAGINA AGENDA*/

.contenedor-agenda .vectorcal{
    display: block;
    margin: 0.5em auto 0em auto;
}

.contenedor-agenda .tituloagenda{
    font-size: 1.2rem; 
    font-family: 'Raleway'; 
    font-weight:700;  
    text-align: center;
    color: white;
    margin: 0.3em 0;
}

.contenedor-agenda .bajadaagenda{
    font-size: 0.8rem; 
    font-family: 'Raleway'; 
    font-weight:500;  
    text-align: center;
    color:white;
    margin: 0.2rem;
}

.contenedor-agenda .tiras{
    width: 100%;
    height: auto;
    float: left;
    display: block;
    margin: 0em 0em 1em 0;
    overflow: hidden;
}

.contenedor-agenda .tiras:hover .agenda_img{
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    filter: sepia(100%);
    transition: 0.5s;
}

.contenedor-agenda .tiras:hover .actividad{
  background-color: #44cacb;
transition: 0.5s;    
}

.contenedor-agenda .agenda_img{
    width: 41%;
    display: block;
}

.contenedor-agenda .actividad{
  width: 59%;
  min-height: 154px;
  position: relative;
  background-color: #ffb40d;
box-sizing: border-box;
padding: 0.5em 2em;    
}

/* FIN PAGINA AGENDA*/

/*DETALLE AGENDA*/

.contenedor-agenda .detallecomida{
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}

.contenedor-agenda .titularcurso{
    width: 47.2%;
    height: auto;
    position: relative;
    display: block;
    float: left;
}

.contenedor-agenda .titularcurso img{
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    float: left;
}

.contenedor-agenda .divcomida{
     width: 50%;
    height: auto;
    float: right;
position: relative;
background: #ffb40d; 
 }


.contenedor-agenda .bajadacomida{
text-align: left;
padding: 17px 15px;
font-family: 'Raleway';
font-size: 1.1rem;
font-weight: 700;
color: white;
}

.contenedor-agenda .imgrecetas{
    margin-top: 15px;
    display: block;
    width: 33.33%;
    float: right;
}

.contenedor-agenda a {
 text-decoration: none;
}


/* FIN DETALLE AGENDA*/

/* -------------------------------- */

/* PÁGINA CONTACTO */


/*SECTION CONTACTO*/

.contenedor-contacto .mensajecontacto{
    float:left;
    margin-top: 1px;
    background: #a70858;
    height: auto;
    width: 69%;
    position: relative;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 0.4em 0.2em;
    min-height: 355px;
}

.contenedor-contacto .mensaje_enviado{
    float:left;
    margin-top: 1px;
    background: #a70858;
    height: auto;
    width: 69%;
    position: relative;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 0.4em 0.2em;
    min-height: 195px;
}


.contenedor-contacto .formulario{
    width: 100%;
    padding: 15px 10px 10px 10px;
    }

.contenedor-contacto .campos{
width:28.5%;
margin: 0em 0.4em;
display: block;
float: left;
font-family: 'Raleway';
font-size: 1em;
font-weight: 400;
box-sizing: border-box;
padding: 0.4em 0.2em;    
}

.contenedor-contacto .informacion{
box-sizing: border-box;
padding: 0.4em 0.3em;
background: white;
max-width: 90%;    
height: auto;
float:left;
margin-top: 1.5em;
margin-left: 1em;
font-family: 'Raleway';
    font-size: 1.1em;
    font-weight: 400;
}

.contenedor-contacto .lugartitulo{
    font-family: 'Raleway';
    padding: 15px;
    font-weight: 800;
    font-size: 1.5rem;
    display: block;
   }

.contenedor-contacto .bajadalugar{
    font-family: 'Raleway';
    padding: 15px;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 17px;
    border-top: solid 3px;
    border-color: #a70858;   
}

.contenedor-contacto .zocalocontacto{
    width: 29%;
    background: #fff;
    display: block;
    float: right;
    margin-top: 1px;
    height: auto;
    box-sizing: border-box;
}


.contenedor-contacto .botonescontacto2{
    float:right;
    display: block;
    margin: 1.4em 2.5em 0.8em 0em;   
}

.contenedor-contacto .boton{
    display: block;
    position: relative;
    text-align: center;
    float: left; 
    width: 20%;
    height: 2.4em;
    border: none;
    margin:1.4em 0 0 1.25em;
    text-decoration: none;
    background-color:#fff;
    color: #a70858;
    font-family: 'Raleway';
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
}

.contenedor-contacto .botonvolver{
    display: block;
    position: relative;
    text-align: center;
    float: left; 
    width: 20%;
    height: 2.4em;
    border: none;
    margin:1.4em 0 0 1.25em;
    text-decoration: none;
    background-color:#fff;
    color: #a70858;
    font-family: 'Raleway';
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
}

.contenedor-contacto .gracias{
 text-align: left;
padding: 17px 15px;
font-family: 'Raleway';
font-size: 1.1rem;
font-weight: 700;
color: white;
}

.contenedor-contacto .boton:hover{
    background-color:#44cacb;
    color: #fff;
    cursor: pointer;
}

.contenedor-contacto .botonvolver:hover{
    background-color:#44cacb;
    color: #fff;
    cursor: pointer;
}

.contenedor-contacto img.imagencontacto{
    width: 100%;  
    position: relative;
    float: right;
    display: block;
}

contenedor-contacto .mapagoogle{
    width: 100%;
    float: left;
    height: auto;
}

/*FIN CONTACTO*/

/* ----------------------------------------------------*/


/* PÁGINA DESTACADOS */

.contenedor-destacados .videoyoutube{
    margin-top: 20px;
    background: #fff;
    border: solid 3px;
    border-color: #44cacb;
    display: inline-block;
    padding-bottom: 10px; 
}

.contenedor-destacados .videoyoutube2{
    margin-top: 20px;
    background: #fff;
    border: solid 3px;
    border-color: #44cacb;
    display: inline-block;
    float: right;
    padding-bottom: 10px; 
}

.contenedor-destacados .videoyoutube3{
    margin-top: 20px;
    background: #fff;
    border: solid 3px;
    border-color: #44cacb;
    display: inline-block;
    margin-left:10px;
    padding-bottom: 10px;   
}

.contenedor-destacados .videoyoutube4{
    margin-top: 20px;
    background: #fff;
    border: solid 3px;
    border-color: #44cacb;
    display: inline-block;
    float: right;
    padding-bottom: 10px; 
}

.contenedor-destacados .bajadavideo{
font-size: 1rem;
font-family: 'Raleway';
font-weight: 700;
text-align: center;
}

.contenedor-destacados .visto{
font-size: 0.8rem;
font-family: 'Raleway';
font-weight: 600;
text-align: center;
color: #44cacb;
}

/*FIN DESTACADOS*/

/*Pagina artistas detalle*/

.contenedor-artistas2{  
background: #e9eded;
max-width: 960px;
height: auto;    
margin: 0 auto;
padding: 15px 0 0 0;
}

.contenedor-artistas2 section{
    display: block;
    float: left;
    width: 86%;
    box-sizing: border-box;
    padding: 1em 0;
    margin: 1.1em 7%;    
}

.contenedor-artistas2 .titulo{
font-size: 2rem;
font-family: 'Raleway';
font-weight: 800;
color: #000;
width: 50%;    
}

.barra{
    background-color: #fff;
    width: 100%;
    height: 40px;
    margin: 20px 0px;
    position: relative;
}

.subtitulo{
font-size: 1rem;
font-family: 'Raleway';
font-weight: 700;
padding: 12px 0 10px 0;
position: absolute;
display: inline;
color:  #000;
margin-left: 10px;
}

.contenedor-artistas2 .tapia{
    width:70%;
    height:auto;
    position: relative;
    float: left;
}

.contenedor-artistas2 .titulotapia{
    font-size: 1.5rem;
    font-family: 'Raleway';
    font-weight: 800;
    color: #000;
}

.contenedor-artistas2 .copetetapia{
    font-size: 0.9rem;
    font-family: 'Raleway';
    font-weight: 600;
    color: #000;
    margin-top: 1em;
    line-height: 1.4em;
}

.contenedor-artistas2 .entrevistas{
    width: 28%;
    min-height: 350px;
    position: relative;
    float:right;
    background-color: #C7298C;
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin-top: 5px;
}


.contenedor-artistas2 .imgteofilo{
    float:left;
    margin-top: 20px;
}

.contenedor-artistas2 .textocorrido{
    float:left;
    margin-top: 20px;
    margin-left: 1em;
    width:51%; 
}

.contenedor-artistas2 .tituloaside{
    font-size: 1rem;
    font-family: 'Raleway';
    font-weight: 800;
    color: #C7298C;
    padding: 10px;
    border-bottom: 3px dotted;
    border-bottom-color: white;
    text-align: center;
    background:#fff; 
}

.contenedor-artistas2 .contrelacionadas{
    padding: 1em;
    border-bottom: 2px dotted;
    border-bottom-color: white;
    text-align: center;
}

.contenedor-artistas2 .refe{
    text-decoration: none;
}

.contenedor-artistas2 .relacionada{
    font-size: 0.9rem;
    font-family: 'Raleway';
    font-weight: 800;
    color: #fff;
    padding: 5px;
   text-align: left;
}

.contenedor-artistas2 img.relacionadas{
width: 100%;    
display:block;    
-webkit-filter: sepia(0%);
-moz-filter: sepia(0%);
-ms-filter: sepia(0%);
filter: sepia(0%);
transition: 0.3s;    
}


.contenedor-artistas2 img.relacionadas:hover{    
-webkit-filter: sepia(100%);
-moz-filter: sepia(100%);
-ms-filter: sepia(100%);
filter: sepia(100%);
transition: 0.3s;    
}


/* fin Pagina artistas detalle */

/* Página quienes somos */

.contenedor-quienes .bajadaurbana{
text-align: left;
padding: 17px 15px;
font-family: 'Raleway';
font-size: 1.4rem;
font-weight: 700;
color: white;
}

.contenedor-quienes .cajadetexto{
     width: 50%;
    float: right;
position: relative;
background: #e21649;
display: block;
box-sizing: border-box;
padding: 1.4em;    
}

.contenedor-quienes .casitas{
    width: 47.5%;
    height: auto;
    position: relative;
    display: block;
    float: left;
}

.contenedor-quienes .quienestop{
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}

.contenedor-quienes .casitas img{
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    float: left;
}

.contenedor-quienes p.columnas{
width: 33%;
margin-top: 2em;
padding-right: 4%;   
float: left;
display: block;
line-height: 1.25em;    
font-size: 13px;
box-sizing: border-box;
min-height: 30em;    
}

/* Mapa del sitio */


.contenedor-mapa .mapasitio ul {
    list-style-type: none;    
}


.nivel1 {
    width: 16.6%;
    position: relative;
    float: left;
    text-align: center;
}

.nivel1 a {
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 1rem;
    margin: 10px 0;
    display: list-item;
    background-color: aqua;
}

.nivel1 a {
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 1rem;
    margin: 10px 0;
    display: list-item;
    background-color: #343f7c;
}

.nivel1 a:hover{
    background: aqua;
    color:#000;
}

a.nivel2{
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 1rem;
    margin: 10px 2px;
    display: list-item;
    background-color: teal;
    font-size: 0.8em;
}


/* -------------------------------------------------------*/

/* Responsive Home */
@media only screen and (max-width: 768px){
.contenedor-home{ padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

    
    
.contenedor-home section.vivo{width: 100%; display: block;margin: 1.1em auto;}    
.contenedor-home aside.envivo b{ display: none;}  
.contenedor-home aside.envivo{width: 23.5%;height: auto; float: left;padding: 0;}
video{width: 76.5%;height: auto;}
.contenedor-home aside.envivo hgroup {width: 80%;margin: 1.6em auto 1em auto;}    
.contenedor-home aside.personas{width: 95%;display: block;margin: 0 auto;}
.contenedor-home h6{top: 200px;font-size: 2.5rem;}
.contenedor-home article.marco{ width: 50%; margin: 0.4em 0 0 0;max-height: 260px; display: none;}    
.contenedor-home article.blanco{width: 100%;min-height:210px;margin: 0.8em 0 0 0;}
.contenedor-home article.trabajo{width: 100%;min-height:230px;margin: 1em 0 0 0;}
.contenedor-home section.destacados{min-height:470px;width: 100%;}
.contenedor-home section.destacados nav{width: 90%;} 

    
}

   
/* Responsive 480  */
    
@media only screen and (max-width: 480px){

.contenedor-home header .botonlogo{width: 100%; height: 90px;}
.contenedor-home header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-home header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-home .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-home .menu li {float: left;width: 20%;text-align: center;}
.contenedor-home .menu a{padding: 2em 0;}
.contenedor-home footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-home footer .logo{width: 100%;}   
    
    
.contenedor-home section.destacados{min-height:470px;width: 100%;margin-top: 0em;}    
.contenedor-home section.destacados nav{width: 88%;}    
.contenedor-home h6{top: 100px;font-size: 1.3rem;}
.contenedor-home article.trabajo{width: 100%;min-height:240px;margin: 1em 0 0 0;}    
.contenedor-home article.blanco{width: 100%;min-height:230px;margin: 0.8em 0 0 0;}    
.contenedor-home video{width: 76.5%;height: auto; margin: 0.2em auto 0em auto;}    
.contenedor-home section.vivo{width: 100%;}
.contenedor-home video{width: 100%;}    
.contenedor-home aside.envivo{display: none; width: 100%;}    
.contenedor-home article.blanco{width: 100%;margin: 0 0 0 0;}    
.contenedor-home article.trabajo{width: 100%;margin: 0 0 0 0;}    
.contenedor-home article.marco{width: 100%; margin: 0 0 0 0;}    
.contenedor-home .art_personas{width: 100%;min-height: 280px; margin-bottom:0.6em;}
.contenedor-home #artista{ float: left; margin-left: 0%;}
.contenedor-home a.boton-destacado{ width: 50%;}
.contenedor-home section.destacados{ min-height: 950px;width: 100%;}    
.contenedor-home .art_color{width: 100%;min-height: 260px; margin: 0 0 0 0;}
.contenedor-home #calendario{ background-color: #44cacb; float: left;}
.contenedor-home #grupos{float: left;margin-left: 0%;}    
.contenedor-home p.texto{margin: 1.2em 3em 0;font-size: 0.9em;}

    
} 
    
/* Responsive 320 Home  */
    
@media only screen and (max-width: 320px){
.contenedor-home header .botonlogo{width: 100%; height: 70px;}
.contenedor-home .menu li {float: left;width: 100%;text-align: center;}

.contenedor-home section.destacados{ min-height: 680px;width: 100%;}
.contenedor-home video{display: none}
.contenedor-home h6{top: 80px;font-size: 1rem;}
.contenedor-home a.boton-destacado{padding: 2%;}
    
}
    


/* -------------------------------------------------------*/

/* Responsive Agenda */
@media only screen and (max-width: 768px){
.contenedor-agenda{ padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

.contenedor-agenda .actividad{
  width: 30%;
  max-height: 202px;
padding: 0.6em;    
}    

.contenedor-agenda .actividad{
  width: 30%;
  max-height: 202px;
padding: 0.6em;    
}     
    
.contenedor-agenda .agenda_img{ width: 70%;
    display: inline-block;
    float: right;
}
.contenedor-agenda bajadaagenda{
font-size: 0.8em;    
}

.contenedor-agenda .detallecomida{
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}

.contenedor-agenda .titularcurso{
    width: 60%;
    height: auto;
    position: relative;
    display: block;
    float: left;
}

.contenedor-agenda .titularcurso img{
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    float: left;
}

.contenedor-agenda .divcomida{
     width: 60%;
    height: auto;
    float: left;
position: relative;
background: #ffb40d; 
 }


.contenedor-agenda .bajadacomida{
text-align: left;
padding: 17px 15px;
font-family: 'Raleway';
font-size: 1.1rem;
font-weight: 700;
color: white;
}

.contenedor-agenda .imgrecetas{
    margin-top: 15px;
    display: block;
    width: 33.33%;
    float: right;
}

.contenedor-agenda a {
 text-decoration: none;
}
    
   
/* Responsive 480 Agenda*/
    
@media only screen and (max-width: 480px){

.contenedor-agenda header .botonlogo{width: 100%; height: 90px;}
.contenedor-agenda header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-agenda header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-agenda .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-agenda .menu li {float: left;width: 20%;text-align: center;}
.contenedor-agenda .menu a{padding: 2em 0;}
.contenedor-agenda footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-agenda footer .logo{width: 100%;}   

.contenedor-agenda .actividad{
  width: 100%;
  min-height: 154px;
padding: 0.5em 1em;    
}    
    
.contenedor-agenda .agenda_img{ width: 100%;
    display: inline-block;
    float: right;
}    
    

    
} 
    
/* Responsive 320 Agenda  */
    
@media only screen and (max-width: 320px){
.contenedor-agenda header .botonlogo{width: 100%; height: 70px;}
.contenedor-agenda .menu li {float: left;width: 100%;text-align: center;}



}


/* -------------------------------------------------------*/

/* Responsive Artistas */
@media only screen and (max-width: 768px){
.contenedor-artistas{ padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

    
    

    
}

   
/* Responsive 480 Artistas */
    
@media only screen and (max-width: 480px){

.contenedor-artistas header .botonlogo{width: 100%; height: 90px;}
.contenedor-artistas header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-artistas header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-artistas .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-artistas .menu li {float: left;width: 20%;text-align: center;}
.contenedor-artistas .menu a{padding: 2em 0;}
.contenedor-artistas footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-artistas footer .logo{width: 100%;}   
    
    

    
} 
    
/* Responsive 320 Artistas  */
    
@media only screen and (max-width: 320px){
.contenedor-artistas header .botonlogo{width: 100%; height: 70px;}
.contenedor-artistas .menu li {float: left;width: 100%;text-align: center;}


    
}

/* -------------------------------------------------------*/

/* Responsive Arstistas 2 */
@media only screen and (max-width: 768px){
.contenedor-artistas2{ padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

    
    

    
}

   
/* Responsive 480  */
    
@media only screen and (max-width: 480px){

.contenedor-artistas2 header .botonlogo{width: 100%; height: 90px;}
.contenedor-artistas2 header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-artistas2 header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-artistas2 .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-artistas2 .menu li {float: left;width: 20%;text-align: center;}
.contenedor-artistas2 .menu a{padding: 2em 0;}
.contenedor-artistas2 footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-artistas2 footer .logo{width: 100%;}   
    
    

    
} 
    
/* Responsive 320 Artistas 2  */
    
@media only screen and (max-width: 320px){
.contenedor-artistas2 header .botonlogo{width: 100%; height: 70px;}
.contenedor-artistas2 .menu li {float: left;width: 100%;text-align: center;}


    
}


/*--------------------------------------------------*/

/* Responsive Contacto */
@media only screen and (max-width: 768px){
.contenedor-contacto{ padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

.contenedor-contacto .mapagoogle{
    display: none;
}

   
/* Responsive 480 Contacto  */
    
@media only screen and (max-width: 480px){

.contenedor-contacto header .botonlogo{width: 100%; height: 90px;}
.contenedor-contacto header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-contacto header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-contacto .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-contacto .menu li {float: left;width: 20%;text-align: center;}
.contenedor-contacto .menu a{padding: 2em 0;}
.contenedor-contacto footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-contacto footer .logo{width: 100%;}   
    
.contenedor-contacto .mapagoogle{
    display: none;
}

 .contenedor-contacto .zocalocontacto{
    display: none;
}   
.contenedor-contacto .mensajecontacto{
width: 100%;    
} 

.contenedor-contacto .mensaje_enviado{
width: 100%;
}   
    
/* Responsive 320 Contacto  */
    
@media only screen and (max-width: 320px){
.contenedor-contacto header .botonlogo{width: 100%; height: 70px;}
.contenedor-contacto .menu li {float: left;width: 100%;text-align: center;}


    
}

/*--------------------------------------------------*/

/* Responsive Destacados */
@media only screen and (max-width: 768px){
.contenedor-destacados{ padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

    
    

    
}

   
/* Responsive 480 Destacados  */
    
@media only screen and (max-width: 480px){

.contenedor-destacados header .botonlogo{width: 100%; height: 90px;}
.contenedor-destacados header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-destacados header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-destacados .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-destacados .menu li {float: left;width: 20%;text-align: center;}
.contenedor-destacados .menu a{padding: 2em 0;}
.contenedor-destacados footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-destacados footer .logo{width: 100%;}   
    
    

    
} 
    
/* Responsive 320 Destacados  */
    
@media only screen and (max-width: 320px){
.contenedor-destacados header .botonlogo{width: 100%; height: 70px;}
.contenedor-destacados .menu li {float: left;width: 100%;text-align: center;}


    
}


/*--------------------------------------------------*/

/* Responsive detalle */
@media only screen and (max-width: 768px){
.contenedor-detalle{ padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

    
    

    
}

   
/* Responsive 480  */
    
@media only screen and (max-width: 480px){

.contenedor-detalle header .botonlogo{width: 100%; height: 90px;}
.contenedor-detalle header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-detalle header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-detalle .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-detalle .menu li {float: left;width: 20%;text-align: center;}
.contenedor-detalle .menu a{padding: 2em 0;}
.contenedor-detalle footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-detalle footer .logo{width: 100%;}   
    
    

    
} 
    
/* Responsive 320 detalle  */
    
@media only screen and (max-width: 320px){
.contenedor-detalle header .botonlogo{width: 100%; height: 70px;}
.contenedor-detalle .menu li {float: left;width: 100%;text-align: center;}


    
}

/*--------------------------------------------------*/


/* Responsive Noticias */
@media only screen and (max-width: 768px){
.contenedor-noticias{ padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

    
    

    
}

   
/* Responsive 480  */
    
@media only screen and (max-width: 480px){

.contenedor-noticias header .botonlogo{width: 100%; height: 90px;}
.contenedor-noticias header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-noticias header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-noticias .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-noticias .menu li {float: left;width: 20%;text-align: center;}
.contenedor-noticias .menu a{padding: 2em 0;}
.contenedor-noticias footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-noticias footer .logo{width: 100%;}   
    
    

    
} 
    
/* Responsive 320 Noticias  */
    
@media only screen and (max-width: 320px){
.contenedor-noticias header .botonlogo{width: 100%; height: 70px;}
.contenedor-noticias .menu li {float: left;width: 100%;text-align: center;}


    
}

/*--------------------------------------------------*/

/* Responsive Programacion */
@media only screen and (max-width: 768px){
.contenedor-programacion{ padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

.contenedor-programacion .cuadradoprograma{
max-height: 232px;
width: 22%;
margin: 0.5em 0.5em;
padding: 0 0 1em 0;    
}    
    

   
/* Responsive 480  */
    
@media only screen and (max-width: 480px){

.contenedor-programacion header .botonlogo{width: 100%; height: 90px;}
.contenedor-programacion header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-programacion header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-programacion .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-programacion .menu li {float: left;width: 20%;text-align: center;}
.contenedor-programacion .menu a{padding: 2em 0;}
.contenedor-programacion footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-programacion footer .logo{width: 100%;}   
    
.contenedor-programacion .cuadradoprograma{
max-height: 232px;
width: 45%;
margin: 0.5em 0.5em;
padding: 0 0 1em 0;    
}    

/*.contenedor-programacion .activo{
    display: none;} */   
    
} 
    
/* Responsive 320 Programacion  */
    
@media only screen and (max-width: 320px){
.contenedor-programacion header .botonlogo{width: 100%; height: 70px;}
.contenedor-programacion .menu li {float: left;width: 100%;text-align: center;}

.contenedor-programacion .cuadradoprograma{
max-height: 232px;
width: 100%;
margin: 0.5em auto;
padding: 0 0 0 0;    
}
.contenedor-programacion .subtitulo{display:none}
    
.contenedor-programacion .barra{height: 5px;
    margin: 10px 0px;}

.contenedor-programacion .activo{
    display: none;}
    
}    
}

/*--------------------------------------------------*/

/* Responsive Proyectos */
@media only screen and (max-width: 768px){
.contenedor-proyectos{ padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

    
    

    
}

   
/* Responsive 480  */
    
@media only screen and (max-width: 480px){

.contenedor-proyectos header .botonlogo{width: 100%; height: 90px;}
.contenedor-proyectos header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-proyectos header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-proyectos .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-proyectos .menu li {float: left;width: 20%;text-align: center;}
.contenedor-proyectos .menu a{padding: 2em 0;}
.contenedor-proyectos footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-proyectos footer .logo{width: 100%;}   
    
    

    
} 
    
/* Responsive 320 Proyectos  */
    
@media only screen and (max-width: 320px){
.contenedor-proyectos header .botonlogo{width: 100%; height: 70px;}
.contenedor-proyectos .menu li {float: left;width: 100%;text-align: center;}


    
}

/*--------------------------------------------------*/

/* Responsive Proyectos2 */
@media only screen and (max-width: 768px){
.contenedor-proyectos2 { padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

    
    

    
}

   
/* Responsive 480  */
    
@media only screen and (max-width: 480px){

.contenedor-proyectos2  header .botonlogo{width: 100%; height: 90px;}
.contenedor-proyectos2  header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-proyectos2  header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-proyectos2  .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-proyectos2  .menu li {float: left;width: 20%;text-align: center;}
.contenedor-proyectos2  .menu a{padding: 2em 0;}
.contenedor-proyectos2  footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-proyectos2  footer .logo{width: 100%;}   
    
    

    
} 
    
/* Responsive 320 Proyectos2  */
    
@media only screen and (max-width: 320px){
.contenedor-proyectos2  header .botonlogo{width: 100%; height: 70px;}
.contenedor-proyectos2  .menu li {float: left;width: 100%;text-align: center;}


    
}


/*--------------------------------------------------*/


/* Responsive Quienes */
@media only screen and (max-width: 768px){
.contenedor-quienes{ padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

    
    

    
}

   
/* Responsive 480  */
    
@media only screen and (max-width: 480px){

.contenedor-quienes header .botonlogo{width: 100%; height: 90px;}
.contenedor-quienes header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-quienes header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-quienes .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-quienes .menu li {float: left;width: 20%;text-align: center;}
.contenedor-quienes .menu a{padding: 2em 0;}
.contenedor-quienes footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-quienes footer .logo{width: 100%;}   
    
    

    
} 
    
/* Responsive 320 Quienes  */
    
@media only screen and (max-width: 320px){
.contenedor-quienes header .botonlogo{width: 100%; height: 70px;}
.contenedor-quienes .menu li {float: left;width: 100%;text-align: center;}


    
}


/*--------------------------------------------------*/


/* Responsive Trabajando */
@media only screen and (max-width: 768px){
.contenedor-trabajando{ padding: 5px;}     
header{width: 100%;}
.menu {width: 76.5%;}  

    
    

    
}

   
/* Responsive 480  */
    
@media only screen and (max-width: 480px){

.contenedor-trabajando header .botonlogo{width: 100%; height: 90px;}
.contenedor-trabajando header .logo{width: 15%;height: auto;margin: 10px auto 0px;}
.contenedor-trabajando header p.textologo{font-size: 0.9rem;text-align: center;letter-spacing: 1px;margin-top: 5px;}
.contenedor-trabajando .menu {list-style: none;width: 100%;overflow: hidden;font-family: sans-serif;float: right;}
.contenedor-trabajando .menu li {float: left;width: 20%;text-align: center;}
.contenedor-trabajando .menu a{padding: 2em 0;}
.contenedor-trabajando footer a{width: 20%;margin-left: 6%;margin-top: 5%;text-decoration: none;}
.contenedor-trabajando footer .logo{width: 100%;}   
    
    

    
} 
    
/* Responsive 320 Trabajando  */
    
@media only screen and (max-width: 320px){
.contenedor-trabajando header .botonlogo{width: 100%; height: 70px;}
.contenedor-trabajando .menu li {float: left;width: 100%;text-align: center;}


    
}