/* TIPOGRAFiA LIBRE
----------------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Permanent+Marker);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);

/* REGLAS GENERALES
----------------------------------------------------------------------------------------*/
* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
body {
    background-color: black;
    color: white; 
    font-family: 'Roboto', sans-serif;
}
.contenido {
    margin: 0 auto;
    max-width: 1360px;
    min-width: 320px;
}

/* HEADER
----------------------------------------------------------------------------------------*/
/* -------------- HEADER --------------*/

header{
    background-color: #00DBAE;
    text-align: center;
}

header #logo_maxscreen img {
    display: none;
}

header #logo {
    width: 80%;
    padding: 1em 0 0 2.7em;
}

header #logo img {
    width: 100%;
    height: auto;
}

header nav #boton img {
    padding: 0 0 0.5em 0;
}

header #menu {
    position: relative;
    display: none;
    padding: 0.5em 0 1em 0;
}

header #menu li a {
    text-decoration: none;
    font-family: "hardcore_pen"; serif;    
}

header ul {
    list-style: none;
}

.navegador {
    font-size: 3em;
    color: black;
}

/* --- Comienzo fondos del MENU PRINCIPAL --- */

.navegador:hover {
    background-image: url(imagenes/background_menu_hover.svg);   
}


#episodios {
    padding: 0 0.1em;
}

#portal {
    padding:  0 0.5em;
}

#desplegable_artistas {
    padding:  0 0.2em;
}

#movidas {
    padding:  0 0.3em;
}

#desplegable_tutorial {
    padding:  0 0.3em;
}

/* --- Final fondos del MENU PRINCIPAL --- */

.subnavegador {
    width: 100%;
    border-top-style: dotted;
    border-top-color: black;
    border-bottom-style: dotted;
    border-bottom-color: black;
}

.subnavegador a {
    color: black;
    font-size: 3em;
}

.subnavegador a:hover {
    color: white;
}

/* INDEX 
----------------------------------------------------------------------*/

/* ---------- VIDEO ----------*/

#index_trailer {
    position: relative;
}

#contenido_trailer {
    margin: 0 1em;
    margin-bottom: 1em;
}

#index_trailer h1 {
    font-family: "wc_mano_negra_btaregular", serif;
    color: white;
    background-image: url(imagenes/background_title.svg);
    padding: 0.2em 0 0.5em 1em;
    position: absolute;
    width: 100%; 
}

#videoparedes {
    padding-top: 3.2em;
}
#videoresponsive {
    position:relative;
    margin:1 auto;
    height: 0;
    padding-bottom: 56.25%;
}
#videoresponsive iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 80px;
    left: 0px;
}

#trailer h3 {
    color: #9D2E92;
    font-family: "Oswald", serif;
    font-size: 1.5em;
    margin-bottom: 1em;
}

#trailer p {
    color: white;
    font-family: "Roboto", serif;
}

#trailer .ultimo_parrafo {
    margin-bottom: 1em;
}

#trailer a {
    color: #9D2E92;
    font-family: "Oswald", serif;
    text-decoration: none;
}

#trailer a:hover {
    color: #E5204E;
    transition: 0.5s;
}

/* ----- article Adelanto Episodio -----*/

#adelanto_nazza{
    position: relative;
    border-bottom-style: dotted;
    border-bottom-color: #97CD5C;
    padding-bottom: 0.5em;    
}

#adelanto_nazza h3 {
    font-family: "wc_mano_negra_btaregular";
    background-image: url(imagenes/background_title_article.svg);
    color: black;
    font-size: 1.5em;
    position: absolute;
    width: 100%;
    padding: 0.3em 0 0.3em 1.5em;
}

#contenido_nazza {
    margin: 0 1em;
}

aside #img_mural_nazza {
    width: 100%;
    padding: 2.5em 0 0 0;
}

aside #img_mural_nazza img {
    width: 100%;
    height: auto;
}

#adelanto_nazza p {
    font-family: "Roboto", serif;
    color: white;
    margin-bottom: 0.5em;
}

#adelanto_nazza h4 {
    font-family: "Oswald", serif;
    font-weight: 300;
    font-size: 1.3em;
    color: #97CD5C;
}

#adelanto_nazza h4 span {
    font-weight: 400;
}

.mas {
    display: none;
}

aside #adelanto_nazza a{
    text-decoration: none;
}

aside #adelanto_nazza .leer_mas {
    font-family: "Oswald", serif;
    color: #97CD5C; 
    text-align: right;
}

aside #adelanto_nazza .leer_mas:hover {
    color: #E5204E;
    transition: 0.5s;
}

/* ----- article FaduGrafiti Concurso -----*/

aside #fadugrafiti {
    margin: 2em 1em;
    border-color: #EFE121;
    border-style: solid;
    border-width: 0.1em;
}

aside #fadugrafiti h3 {
    font-family: "Oswald", serif;
    font-weight: 300;
    color: #EFE121;
    padding: 1em 0;
    text-align: center;
}

aside #fadugrafiti h3 span{
    font-weight: 400;
}

aside #fadugrafiti p {
    font-family: "Oswald", serif;
    font-size: 1em;
    color: white;
    text-align: center;
    margin: 0 2em;
}

aside #fadugrafiti_table {
    color: #EFE121;
    font-family: "Oswald", serif;
    font-weight: 300;
    margin: 0.5em;
    padding: 1em 0;
    border-bottom-style: dotted;
    border-color:#EFE121;
    border-width: 0.1em;
}

aside #img_concurso {
    width: 90%;
    margin: 1em;
}

aside #img_concurso img {
    width: 100%;
    height: auto;
}

aside #fadugrafiti_comentarios p {
    font-weight: 300;
    color: #EFE121;
    text-align: left;
    margin-bottom: 1em;
}

/*------------Novedades INDEX------------*/

#novedades_index {
    margin: 1em;
}

.novedades_index_article {
    margin: 2em 0;
}

.novedades_index_article img {
    width: 98%;
    height: auto;
}

.novedades_index_article h4 {
    font-family: "Oswald",serif;
    margin: 0.5em;
    border-bottom-style: solid;
    border-bottom-width: 0.1em;
}

#stencil_index h4 {
    color: #02B6E0;
    border-color: #02B6E0;
}

#stencil_index a {
    color: #02B6E0;
}

#bio_index h4 {
    color: #FF2E93;
    border-color: #FF2E93;
}

#bio_index a {
    color: #FF2E93;
}

#nota_index h4 {
    color: #F9A525;
    border-color: #F9A525;
}

#nota_index a {
    color: #F9A525;
}

#movidas_index h4 {
    color: #90E75C;
    border-color: #90E75C;
}

#movidas_index a {
    color: #90E75C;
}

.novedades_index_article p {
    color: rgb(191, 191, 191);
    font-family: "Roboto", serif;
    margin: 0 0.5em;
}

.novedades_index_article a {
    text-decoration: none;
    font-family: "Oswald",serif;
    font-weight: 300;
}

.novedades_index_article a:hover {
    color: white;
}

.novedades_index_article .ver_mas {
    text-align: right;
}


/* ----- section Votacion  -----*/

#enviar {
    padding: 0.2em;
}


/* ----- div Twitter  -----*/

#twitter {
    display: none;
}


/* ----- Footter  -----*/

footer {
    clear: both;
    color: #CCF8EE;
    overflow: hidden;
    padding: 1em;
    margin-top: 5em;
    font-family: "Open Sans", serif;
    font-style: italic;
    font-weight: 300;
    border-top-style: dotted;
    border-top-color: #99F1DD;
    width: 100%;
    
}

footer img {
    width: 100%;
    height: auto;
}

.rd_footer:hover, .rd_facebook:hover {
    -webkit-transform: scale(1.075);
    transition: 0.5s;
}

.rd_footer {
    width: 20%; 
    float: left;
    margin: 1em 1.5em;
}

.rd_facebook {
    width: 10%;
    float: left;
    margin: 1em;
}

footer section {
    clear: both;
    padding: 0.5em;
}

#link_footer {
    list-style-type: none;
}

#link_footer a {
    font-style: normal;
    font-weight: 400;
    font-family: "Oswald", serif;
    text-decoration: none;
    color: #CCF8EE;
    padding: 0.3em;
    margin-left: 0.2em;
}

#link_footer a:hover {
    -webkit-transform: scale(1.075);
    transition: 0.5s;
}

#link_footer li {
    display: inline-block;
}

/*  BIO
-----------------------------------------------------------------------------*/

/* ------------- Submenu Artistas ----------------*/
.submenu_artistas {
    margin: 1em;
}

.submenu_artistas p {
    font-family: "Oswald", serif;
    color: #FF2E93;
    font-size: 1.5em;
    border-bottom-style: dotted;
    border-bottom-color: #FF2E93;
    padding: 0.2em 0;
}

.submenu_artistas ul {
    list-style-type: none;
    margin-top: 0.5em;
}

.submenu_artistas li {
    display: inline-block;
}

.not_this_page {
    text-decoration: none;
    font-family: "Oswald", serif;
    font-weight: 300;
    color: #FF2E93;
    font-size: 1.2em;
    padding: 0.5em;
}

.submenu_artistas a:hover {
    color: white;
    border-bottom-color: white;
    border-bottom-style: solid; 
}

.in_this_page {
    text-decoration: none;
    font-family: "Oswald", serif;
    font-weight: 300;
    color: white;
    border-bottom-color: white;
    border-bottom-style: solid;
    font-size: 1.2em;
    padding: 0.5em;
}

/* ------------- FIN Submenu Artistas ----------------*/

#pum_pum_bio h2 {
    background-image: url(imagenes/background_title_bio.svg);
    font-family: "wc_mano_negra_btaregular", serif;
    color: black;
    padding: 0.2em 0 0.5em 1.3em;
    width: 100%;
    font-size: 2em;
}

.pum_pum_bio_img img {
    width: 100%;
    height: auto;
}

#ficha_tecnica {
    background-color: #FFD6E9;
    font-family: "Oswald",serif;
    color: black;
    font-weight: 300;
    margin: 1em;
    padding: 0.7em;
    overflow: hidden;
    font-size: 1.1em;
}

.img_articles_pumpum {
    padding: 1em;
    width: 100%;
}


#ficha_tecnica .txt_article_pumpum {
    padding: 0 0.3em 0.5em 1em;
}

#ficha_tecnica .txt_article_pumpum p span {
    font-weight: 400;
}

#trabajos_pumpum {
    background-color: #FF3093;
    font-family: "Oswald",serif;
    color: black;
    font-weight: 300;
    margin: 1em;
    padding: 0.7em;
    overflow: hidden;
    font-size: 1.1em;
}

#trabajos_pumpum .txt_article_pumpum {
    padding: 0 0.3em 0.5em 1em;
}

#trabajos_pumpum .txt_article_pumpum p span {
    font-weight: 400;
}

#texto_biografico {
    margin: 1em 1em 2em 1em;
}

#texto_biografico img {
    display: none;
}

#texto_biografico h5 {
    color: #FF3093;
    font-family: "Oswald",serif;
    font-size: 1.3em;
    font-weight: 300;
}

#texto_biografico p {
    color: white;
    font-family: "Roboto",serif;
}

#links_pumpum a img {
    width: 10%;
    margin-left: 0.5em;
}

#links_pumpum {
    padding: 1em;
}

#galeria_pumpum {
    margin: 0 1em;
}

#galeria_pumpum .bx-wrapper .bx-pager.bx-default-pager a:hover,
#galeria_pumpum .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #FF3093;
}

#galeria_pumpum h3 {
    color: #FF3093;
    font-family: "Oswald",serif;
    font-size: 1.3em;
    padding: 0.5em 0 0.5em 0.5em;
    margin-bottom: 1em;
    border-bottom-style: dotted;
    border-bottom-color: #FF3093;
    font-weight: 300;
}

/*------------Novedades del artista------------*/

#novedades_pumpum {
    margin: 1em;
}

#novedades_pumpum h3 {
    color: #FF3093;
    font-family: "Oswald",serif;
    font-size: 1.3em;
    padding: 0.5em 0 0.5em 0.5em;
    margin-bottom: 1em;
    border-bottom-style: dotted;
    border-bottom-color: #FF3093;
    font-weight: 300;
}

.novedades_pumpum_article {
    margin: 2em 0;
}

.novedades_pumpum_article img {
    width: 98%;
    height: auto;
}

.novedades_pumpum_article h4 {
    color: #FF3093;
    font-family: "Oswald",serif;
    margin: 0.5em;
    border-bottom-color: #FF3093;
    border-bottom-style: solid;
    border-bottom-width: 0.1em;
}

.novedades_pumpum_article p {
    color: rgb(191, 191, 191);
    font-family: "Roboto", serif;
    margin: 0 0.5em;
}

.novedades_pumpum_article a {
    text-decoration: none;
    color: #FF3093;
    font-family: "Oswald",serif;
    font-weight: 300;
}

.novedades_pumpum_article a:hover {
    color: white;
}

.novedades_pumpum_article .ver_mas {
    text-align: right;
}

/* ARTISTAS FADU 
------------------------------------------------------------------------------------------*/

#article_artistas {
    width: 90%;
    margin: 2em 1.5em;
}

#article_artistas p {
    color: white; 
    font-family: "Oswald", serif;
    font-weight: 300;
}

#article_artistas img {
    width: 70%;
    height: auto;
    margin: 1.5em 2em;
}

#article_artistas img:hover {
    -webkit-transform: scale(1.075);
    transition: 0.5s;
}

#contenido_artistas {
    margin-top: 3em;
}

main .artistas_links {
    width: 80%;
    padding: 0.5em;
    margin: 1.5em;
    background-color: rgb(184, 184, 184);  
}

main .artistas_links:hover {
    background-color: #FF2E8D;
    -webkit-transform: scale(1.075);
    transition: 0.5s;
}

.artistas_links img {
    width: 100%;
    height: auto;
}

.artistas_img {
        -webkit-filter: grayscale(100%);
}

.artistas_img:hover {
        -webkit-filter: grayscale(0%);
}

main .artistas_links p {
    font-family: "Oswald", serif;
    color: black;
    text-align: center;
}

main .artistas_links p span {
    font-family: "Permanent Marker", serif;
    font-size: 1.3em;
}

/* TUTORIALES STENCIL 
------------------------------------------------------------------------------------------*/

#tuto_stencil h3 {
    background-image: url(imagenes/tutoriales_stencil_img/background_tutoriales_seccion.svg);
    font-family: "wc_mano_negra_btaregular", serif;
    color: black;
    padding: 0.2em 0 0.5em 1.3em;
    width: 100%;
    font-size: 2em;
}

#tutoriales_stencil {
    margin: 3em 1em 1em 1em;
}

#tutoriales_stencil h4 {
    color: #02B6E0;
    font-family: "Permanent Marker",serif;
    margin: 0.5em 0;
    padding: 0.5em 0;
    border-bottom-color: #02B6E0;
    border-bottom-style: dotted;
}

.tutoriales_stencil_tecnicas {
    margin: 2em 0;
}

.tutoriales_stencil_tecnicas img {
    width: 100%;
    height: auto;
}

.tutoriales_stencil_tecnicas a img:hover {
    -webkit-transform: scale(1.075);
    transition: 0.5s;
    -webkit-filter: invert(100%);
}

.tutoriales_stencil_tecnicas p {
    color: white;
    font-family: "Roboto", serif;
    margin: 0.5em 0;
}

.tutoriales_stencil_tecnicas a {
    text-decoration: none;
    color: #02B6E0;
    font-family: "Oswald",serif;
    font-weight: 300;
}

.tutoriales_stencil_tecnicas a:hover {
    color: white;
    transition: 0.3s;
}

.tutoriales_stencil_tecnicas .ver_mas {
    text-align: right;
}

#secundario_tutorial {
    display: none;
    color: #BFBFBF;
    font-family: "Oswald", serif;
    font-weight: 300;
    border-style: solid;
    border-width: 0.1em;
    border-color: #9AE2F3;
    padding: 1.5em;
}

#secundario_tutorial h4 {
    color: #9AE2F3;
    font-weight: 300;
    font-size: 1.2em;
    margin: 1em 0;
    border-bottom-style: solid;
    border-bottom-color: #9AE2F3;
    border-width: 0.1em;
}

#boton_buscar input[type=text] {
    background-color: #D7F3FA;
    border-radius: 0px;
    border: solid 2px #02B6E0;
    width: 100%;
    height: 2em;
}

#tutoriales_stencilsemanal img {
    width: 100%;
    height: auto;
}

#tutoriales_stencilsemanal #img_semana {
    position: relative;
}

#tutoriales_stencilsemanal #texto_semanal {
    color: black;
    font-weight: 400;
    font-size: 1.2em;
    position: absolute;
    background-color: rgba( 2, 182, 224, 0.5);
    padding: 1em;
    width: 100%;
    bottom: 0.3em;
}

#tutoriales_novedades img {
    width: 100%;
    height: auto;
}

#tutoriales_notas p span {
    font-weight: 400;
}

#tutoriales_notas a {
    text-decoration: none;
    color: aqua;
}

#tutoriales_notas div {
    margin: 0.5em 0;
}

/* MOVIDAS
--------------------------------------------------------------------------*/
#movidas_main a {
    text-decoration: none;
}

#movidas_contenido h3 {
    background-image: url(imagenes/movidas/background_title_movidas.svg);
    font-family: "wc_mano_negra_btaregular", serif;
    color: black;
    padding: 0.2em 0 0.5em 1.3em;
    width: 100%;
    font-size: 2em;
}

#movidas_main #movidas_expo_galaxia h2 {
    margin-bottom: 1em;
    font-family: "Oswald",serif;
    color: #90E75C;
}

#movidas_main #movidas_expo_galaxia h2 span {
    font-weight: 300;
    font-family: "Oswald",serif;
    color: #90E75C;
}

.movidas_texto_p {
    font-family: "Roboto",serif;
    color: white;
    margin-bottom: 1.2em;
}

#movidas_main #movidas_expo_galaxia {
    margin: 1em 1em 0 1em;
    padding: 1em 1em 0.1em 1em;
}

.info_movidas_link {
    padding: 0.5em;
    margin-top: 0.5em;
    border-top-style: solid;
    border-top-color: #90E75C;
    border-top-width: 0.1em;
}

.info_movidas_link a {
    text-decoration: none;
    color: #90E75C;
    font-weight: 300;
    font-size: 1.2em;
    font-family: "Oswald",serif;
}

.info_movidas_link a p {
    text-align: right;
}

#galeria_movidas .bx-wrapper .bx-pager.bx-default-pager a:hover, #galeria_movidas
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #90E75C;
}

#movidas_expo_bsasstcl {
    margin: 3em 1em 1em 1em;
}

.murales_articulos img {
    width: 100%;
    height: auto;
}

.murales_articulos a h4 {
    margin-top: 0.5em;
    padding-top: 0.5em;
    font-family: "Oswald",serif;
    color: #80CE4D;
    font-size: 1.2em;
    border-top-style: solid;
    border-top-color: #90E75C;
    border-top-width: 0.1em;
}

.murales_articulos a h4:hover {
    color: #BCF19D;
    transition: 0.2s;
}

.murales_articulos a h4 span {
    font-weight: 300;
    font-family: "Oswald",serif;
    color: #80CE4D;
}

#movidas_talleres_gualicho {
    margin: 2em 1em 1em 1em;
}

a #movidas_nazzafadu {
    margin: 2em 1em 1em 1em;
    padding: 1em;
    border-style: dotted;
    border-width: 0.15em;
    border-color: #BCF19D;
}

a #movidas_nazzafadu:hover{
    border-color: #80CE4D;
    transition: 0.2s;
}

a #movidas_nazzafadu h4 {
    font-family: "Oswald",serif;
    color: #BCF19D;
    background: none;
    font-size: 1.5em;
}

a #movidas_nazzafadu h4:hover {
    color: #80CE4D;
    transition: 0.2s;
}

a #movidas_nazzafadu h4 span {
    font-weight: 300;
}

a #movidas_nazzafadu h4 span:hover {
    color: #80CE4D;
    transition: 0.2s;
}

a #movidas_nazzafadu p {
    font-family: "Roboto",serif;
    color: #D9D9D9;
    font-style: italic;
    margin-top: 0.5em;
}

#proximos_eventos_movidas {
    margin: 2em 1em 1em 1em;
}

#proximos_eventos_movidas h4 {
    margin-bottom: 0.5em;
    font-family: "Oswald",serif;
    color: #80CE4D;
    font-size: 1.2em;
}

#proximos_eventos_movidas img {
    width: 100%;
    height: auto;
}

#proximos_eventos_movidas ul {
    list-style-type: none;
}

#proximos_eventos_movidas .titulo_bienal {
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding-bottom: 0.2em;
    font-family: "Oswald",serif;
    color: #80CE4D;
    font-size: 1.3em;
    font-weight: 300;
    border-bottom-style: solid;
    border-bottom-color: #80CE4D;
    border-bottom-width: 0.1em;
}

#proximos_eventos_movidas .talleres_bienal h6{
    margin-bottom: 0.2em;
    margin-top: 0.5em;
    font-family: "Oswald",serif;
    color: #D9D9D9;
    font-size: 1em;
}

#proximos_eventos_movidas .talleres_bienal p{
    margin-bottom: 0.2em;
    font-family: "Oswald",serif;
    color: #D9D9D9;
    font-size: 1em;
    font-weight: 300;
}

#proximos_eventos_movidas .talleres_bienal a p{
    color: white;
    text-align: right;
}

#proximos_eventos_movidas .talleres_bienal {
    border-bottom-style: dotted;
    border-bottom-color: #D9D9D9;
    border-bottom-width: 0.075em;
}

#eventos_movidas_secundario a {
    text-decoration: none;
}

#secundario_movidas {
    display: none;
    color: #BFBFBF;
    font-family: "Oswald", serif;
    font-weight: 300;
    border-style: solid;
    border-width: 0.1em;
    border-color: #80CE4D;
    padding: 1.5em;
    
}

#secundario_movidas h4 {
    color: #80CE4D;
    font-weight: 300;
    margin-bottom: 1em;
    font-size: 1.2em;
    border-bottom-style: solid;
    border-bottom-color: #80CE4D;
    border-width: 0.1em;
}

#movidas_novedades img {
    width: 100%;
    height: auto;
}

#movidas_notas span {
    font-weight: 400;
}

#movidas_notas div {
    margin: 0.7em 0;
}

#movidas_notas a {
    color: white;
}

.texto_visible {
    display: none;
}

/* GUALICHO
---------------------------------------------------------------------------------------*/

#notagualicho h1 {
    font-family: "wc_mano_negra_btaregular";
    color: black;
    background-image: url(imagenes/background_title2.svg);
    padding: 0.2em 0 0.5em 0.5em;
    width: 100%; 
}

/* ----- entrevista gualicho -----*/
#entrevistaGualicho {
    position: relative;
    padding: 1em;
    color: #e0e0e0;
    font-size: 0.9em;
}

#entrevistaGualicho .fecha {
    font-family: "Roboto";
    color: #f77620;
    padding-top: 2em;
    padding-bottom: 0.8em;
    font-size: 0.9em;
    border-bottom-style: solid;
    border-width: 0.1em;
    
}
    
#entrevistaGualicho #redestwitter {
    position:absolute;
    padding: 0em;
    top: 2.9em;
    right: 3.5em;
    height: 1.05em;
    width: auto;
}

#entrevistaGualicho #redesface {
    position:absolute;
    padding: 0em;
    top: 2.9em;
    right: 2.2em;
    height: 1.1em;
    width: 0.7em;
}

#entrevistaGualicho .tituloprincipal {
    font-family: "Oswald";
    color: #faa328;
    font-size: 2em;
    font-weight: bold;
    padding-top: 1em;
    padding-bottom: 0.5em;
}

#entrevistaGualicho .encabezado {
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 2em;
}

#entrevistaGualicho .negrita {
    font-weight: bold;
    padding-top: 2em;
    padding-bottom: 0.3em;
}

#entrevistaGualicho img {
    width: 100%;
    height: auto;
    padding-bottom: 2em;
}

#entrevistaGualicho .imgdos {
    padding-bottom: 0em;
    padding-top: 2em;
}
#entrevistaGualicho #ultimoparrafo {
    padding-bottom: 3em;
}

#masleido {
    display: none;
}
/* MAPA
---------------------------------------------------------------------------------------*/
#mapa {
    font-family: "Roboto";
    color: #e0e0e0;
    font-size: 0.9em; 
}
#mapa a {
    color: #d63cc7;
    text-decoration: none;
    
}

#mapacontenido {
    margin-left: 3em;
}
#mapa h1 {
    font-family: "wc_mano_negra_btaregular";
    color: white;
    background-image: url(imagenes/background_title.svg);
    padding: 0.2em 0 0.5em 0.5em;
    width: 100%; 
}
#mapa #principal {
    font-size: 2em;
    font-weight: bold;
    font-family: "wc_mano_negra_btaregular";
    margin-top: 1em;
    
}

#mapa .uno {
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 1em;
}

#mapa .dos {
    font-size: 1.2em;
    padding-left: 2em;
    padding-top: 0.2em;
}

#mapa .tres {
    font-size: 1.1em;
    padding-left: 4em;
}

#abajodetodo {
    margin-bottom: 2em;
}

/* EPISODIOS
----------------------------------------------------------------------------------------*/
/* ----- último episodio #episodio -----*/
#episodio {
    position: relative;
    margin-bottom: 2em;
}
#episodio h1 {
    font-family: "wc_mano_negra_btaregular";
    color: white;
    background-image: url(imagenes/background_title.svg);
    padding: 0.2em 0 0.5em 0.5em;
    position: absolute;
    width: 100%; 
    z-index: 5;
}
#videopumpum {
    padding-top: 3.2em;
}
#videoresponsive {
    position:relative;
    margin:0 auto;
    height: 0;
    padding-bottom: 56.25%;
}
#videoresponsive iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}
#episodio p {
    font-family: "Roboto", serif;
    font-size: 0.9em;
    margin: 0.5em 0 0.5em 1em;
}
#episodio p span {
    font-weight: 400;
    font-size: 1.3em;
    font-family: "Oswald", serif;
}

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

#pum_pum {  
    font-size: 1em;
    padding: 0.5em;
    color: #e583e4;
    border-top-style: dotted;
    border-color: #9D2E92;
    overflow:hidden;
}
#pum_pum img {
    width: 7em;
    margin: 0.5em;
    float: left;
}
#pum_pum div {
    float: left;
}   
main #pum_pum a {
    font-family: "Permanent Marker", serif;
    font-size: 1em;
    color: #934C92;
    text-decoration: none;
    padding: 0.2em;
    margin-left: 0.5em; 
}
main #pum_pum a:hover {
    background-color: #d97bd8;
    border-radius: 1em;
    color: black;
}
/* ------tipp------- */

#tipp {
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-color: #9D2E92;
    height: auto; 
    overflow: auto;
}
main #tipp #tipsemana {
    font-family: "wc_mano_negra_btaregular";
    color: #ba36ad;
    margin: 0.5em 0 0 0.5em;
    font-size: 1.5em; 
}
main article #img_tipp img {
    width: 100%;
    height: auto;
    padding: 1em 0;
}
main #img_tipp {
    width: 6em;
    margin: 0em 0.7em 0 1em;
    float: left;
}
main #tipp p {
    font-family: "Roboto", serif;
    color: #e583e4;
    margin: 0.2em 0 1em 1em;
    float: left;
    width: 55%;
}

/* ----- adelanto Episodio -----*/
#adelanto{
    position: relative;
    border-bottom-style: dotted;
    border-bottom-color: #c15fbb;
    padding-bottom: 0.7em;    
}
#adelanto h3 {
    font-family: "wc_mano_negra_btaregular";
    background-image: url(imagenes/background_title_article2.svg);
    color: black;
    font-size: 1.5em;
    position: absolute;
    width: 100%;
    padding: 0.3em 0 0.3em 1em;
    z-index: 5;
}
#img_nazza {
    width: 100%;
    padding: 2.5em 0 0 0;
}
#img_nazza img {
    width: 100%;
    height: auto;
}
#img_nazza img:hover {
    -webkit-filter: contrast(1.2) brightness(1.2); /*Chrome*/
    -moz-filter: contrast(1.2) brightness(1.2); /* Firefox */
    -o-filter: contrast(1.2) brightness(1.2); /* IE 9 */
    -ms-filter: contrast(1.2) brightness(1.2); /* Opera */              
    transition-duration: 0.3s;
}
#adelanto p {
    font-family: "Roboto", serif;
    font-size: 0.9em;
    color: white;
    margin: 1em 0 0.7em 0.7em;
}
#adelanto p span {
    font-family: "Oswald", serif;
    font-weight: 400;
    font-size: 1.3em;
    color: #c15fbb;
}
#adelanto .leer_mas {
    font-family: "Permanent Marker", serif;
    color: #c15fbb;
    text-decoration: none;
    margin-left: 0.5em;
    padding: 0.2em 0.5em;
}
#adelanto .leer_mas:hover {
    color: black;
    background-color: #c15fbb;
    border-radius: 1em;
}
#episodio_twitter {display: none;
}

/* ----- episodios anteriores -----*/
#episodios {
    margin: 0.5em;
    margin-bottom: 1em;
}
#episodios #titulo {font-family: "wc_mano_negra_btaregular", serif;
    color: #ed57c1;
    font-weight:700;
    padding: 1em 0 0.2em 0.4em;
    font-size: 1.7em;
}
.episodios {
    margin: 0 0.5em 2.5em 0.5em;
    position: relative;
}
.episodios a {
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
    overflow: hidden;
}
.episodios_img {
    width: 100%;
    height: auto;
}
.episodios a img:hover {
    -webkit-filter: contrast(1.2) brightness(1.2); /*Chrome*/
    -moz-filter: contrast(1.2) brightness(1.2); /* Firefox */
    -o-filter: contrast(1.2) brightness(1.2); /* IE 9 */
    -ms-filter: contrast(1.2) brightness(1.2); /* Opera */
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
    transition-duration: 0.3s;
}
.episodios .textoo {
    font-size:0.8em;
    padding: 0.3em 0.3em 0em 0.3em;
    font-weight: 400;
}
.episodios p span {
    font-size: 1.2em;
    font-weight: 500;
    font-family: "Oswald", serif;
    color: white;
    padding: 0 0.3em;
} 
.episodios_up {
    position: absolute;
    background-image: url(imagenes/mancha.svg);
    padding: 0.9em;
    color: black;
    font-weight: 600;
    font-size: 0.85em;
    z-index: 5;
}
/* NOTAS
---------------------------------------------------------------------------------------*/

/* ----- COLUMNAcero -----*/
#columnacero {
    position: relative;
}
#columnacero h1 {
    font-family: "wc_mano_negra_btaregular";
    color: black;
    background-image: url(imagenes/background_title2.svg);
    padding: 0.2em 0 0.5em 0.5em;
    position: absolute;
    width: 100%; 
    z-index: 0;
}
/* ----- galería -----*/

#galeria_notas {
    padding: 5em 1em 0em 1.6em;
    position: relative;
}
#galeria_up {
    position: absolute;
    background-image: url(imagenes/notas/mancha.png);
    padding: 0.4em;
    color: black;
    font-weight: 600;
    font-size: 0.8em;
    z-index: 5;
    margin: 0.6em;
}

#masnoticias {
    font-family: "Roboto";
    color: #faa328;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 0.6em;
    font-size: 1.5em;
    font-weight:bold;
    
}

/* ----- notas -----*/
.notaa {
    padding: 1em;
    padding-top: 1.5em;
    padding-bottom: 2em;
    border-bottom-style: dotted;
    border-color: #8e3900;
    position: relative;
}

.notaa a{text-decoration: none;}

.notaa img {
    width: 100%;
    height: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.fechaa {
    font-family: "Roboto";
    color: #f77620;
    padding-bottom: 1em;
    padding-left: 0.8em;
    font-size: 0.9em; 
}
.tituloo {
    font-family: "Oswald";
    color: #faa328;
    padding: 0.2em;
    font-size: 1.5em;
    font-weight: 400;
    padding: 0em 0.4em 0.2em 0.4em;
}
.desarrolloo {
    font-family: "Roboto";
    color: #e0e0e0;
    font-size: 0.9em;
    padding: 0 0.5em 0.2em 0.5em;
}

#columnatres #ultimanota {
    border-bottom: none;
}

.notaa .redess1 {
    position:absolute;
    padding: 0em;
    top: 1.6em;
    right: 2.1em;
    height: 1.05em;
    width: auto;
}

.notaa .redess2 {
    position:absolute;
    padding: 0em;
    top: 1.6em;
    right: 1em;
    height: 1.1em;
    width: 0.65em;
}
/* FADUGRAFFITI
---------------------------------------------------------------------------------------*/
/* ----- main -----*/
#fadugraffiti {
    font-family: "Roboto";
    color: #e0e0e0;
}
#fadugraffiti main {
    margin: 0 1em;
}

#fadugraffiti h1 {
    font-family: "wc_mano_negra_btaregular";
    color: black;
    background-image: url(imagenes/fadugraffiti/background_title.svg);
    padding: 0.2em 0 0.5em 0.5em;
    width: 100%; 
}

#fadugraffiti .ttitulo {
    font-family: "Oswald";
    color: #ffe614;
    padding: 0.2em;
    font-size: 2em;
    font-weight: 400;
    padding: 1em 0 0.3em 0;
}

#fadugraffiti .ccontenido {
    font-size: 0.9em;
    padding: 0 0 0.5em 0;
}

.tipsemanal {
    color: #ecebdc;
    font-size: 1.em;
    font-weight: bold;
    padding: 0 0 0.5em 0;
    text-decoration: none;   
}

.tipsemanal a {
    text-decoration: none;
}
.tipsemanal span a {
    font-family: "Permanent Marker";
    text-decoration: none;
    color: #ffe614;
}

.tipsemanal span a:hover {
    color: #ff2e94;
}

#fadugraffiti main img {
    width: 100%;
    height: auto;
    padding: 1em 0 2em 0;
}

#fadugraffiti main img:hover {
    -webkit-filter: contrast(1.2) brightness(1); /*Chrome*/
    -moz-filter: contrast(1.2) brightness(1); /* Firefox */
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.05);
    transform:scale(1.05);
    transition-duration: 0.3s;
}
#consulta {
    color: #ecebdc;
    font-size: 1.em;
    font-weight: bold;
    padding: 0 0 0.5em 0;
    text-decoration: none; 
    text-align: center;
    color: #a2a2a2;
}
#consulta a {
    text-decoration: none;
    color: #d8d137;
    
}

/* ----- como participar -----*/
#comoparticipar {
    margin-top: 2em;
    margin-bottom: 2em;
    background-color: #272727;
    text-align: center;
    padding: 0 3em 3em 3em;
}

#comoparticipar .ttitulo {
    font-size: 1.5em;
}
#comoparticipar img {
    height: 8em;
    margin-bottom: 0.5em;
    margin-top: 2em;
}
#comoparticipar .pasos {
    font-weight: bold;
    font-size: 1.3em;
    padding-bottom: 0.5em;
}

/* ----- subir foto -----*/
#subirfoto {
    margin: 0 1em 1em 1em;
}

#subirfoto #subir {
    color: #d8d137;
    padding: 1em;
    border-bottom-style: dotted;
    border-bottom-left-radius: 1em;
    margin-bottom: 2em;
    font-size: 0.8em;
}
#subirfoto #subir p {
    color: #ffe614;
    font-family: "wc_mano_negra_btaregular";
    font-size: 2em;
    background-image: url(imagenes/fadugraffiti/background_title_article2.svg);
    color: black;
    width: 100%;
    padding: 0.3em 0 0.3em 0.5em;
    font-weight: bold;
    margin-bottom: 0.5em;
}

}
/* ----- remeras -----*/
#remeras {
    margin-bottom: 2em;
}
#remeras .ttitulo {
    font-size: 1.5em;
    padding-top: 0;
}
#remeras img {
    margin-top: 0.5em;
    padding: 0.5em;
    width: 100%;
    height: auto;  
}
#remeras img:hover {
    -webkit-filter: contrast(1.2) brightness(1); /*Chrome*/
    -moz-filter: contrast(1.2) brightness(1); /* Firefox */
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.05);
    transform:scale(1.05);
    transition-duration: 0.3s;
}
#participante {
    text-align: center;
}
#participante a{
    text-decoration: none;
    color: black;
}

#participantes {
    font-weight: bold;
    display: inline-block;
    background-color: dimgray;
    padding: 0.6em;
    margin-bottom: 2em;

}
#participantes:hover {
    background-color: #ffe614;  
}




/* MEDIA QUERIES 1
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 30em) {
/* ----- HEADER -----*/

header #logo {
    width: 60%;
    margin: 0 auto;
}

/*------INDEX ------ */
    
#adelanto_nazza {
    float: left;
    width: 45%;
}
    
#fadugrafiti {
    float: left;
    width: 45%;
    margin: 1em;
}


#fadugrafiti_comentarios {
    display: none;
}

    
.novedades_index_article {
    margin: 2em 0.5em;
    float: left;
    width: 43%;
}
 
/* ------------------ BIO ---------------------*/

.img_articles_pumpum {
    padding: 1em;
    width: 80%;
}
    
#ficha_tecnica {
    float: left;
    width: 43%;
    margin: 1em 0 1em 1em;
    height: auto;
}
    
#trabajos_pumpum {
    float: left;
    width: 43%;
    height: auto;
}
    
#texto_biografico {
    clear: both;
}

#galeria_pumpum {
    width: 95%;
    margin: 0 auto;
}

.novedades_pumpum_article {
    margin: 2em 0.5em;
    float: left;
    width: 45%;
}
    
/* -------Footer------*/
    
.rd_footer {
    width: 10%;
    margin: 1em 0.5em;
}

.rd_facebook {
    width: 5%;
    margin: 1em 0.5em;
}

/* ARTISTAS FADU 
------------------------------------------------------------------------------------------*/

main .artistas_links {
    width: 37%;
    float: left;
}
    
#article_artistas {
    width: 90%;
}

#article_artistas img {
    width: 35%;
    margin: 1.5em 0 1.5em 15em;
}

/*TUTORIALES 
-----------------------------------------------------------------*/

.tutoriales_stencil_tecnicas {
    width: 46%;
    float: left;
    margin: 2em 0.5em;
}
    
/* MOVIDAS
--------------------------------------------------------------------------*/
    
#galeria_movidas {
    margin: 0 auto;
    width: 100%;
}

#eventos_movidas_secundario {
    width: 47%;
    float: left;
}
    
#secundario_movidas {
    display: block;
    float: left;
    width: 45%;
    margin-top: 2em;
    margin-left: 1em;
}
    
/* GUALICHO
---------------------------------------------------------------------------------------*/
/* ----- entrevista gualicho -----*/
#entrevistaGualicho {
    margin-left: 3em;
    margin-right: 3em;
}

/* EPISODIOS
---------------------------------------------------------------------------------------*/
/* ----- main #episodio -----*/
#pum_tipp {
    overflow: hidden;
    border-top-style:dotted;
    border-bottom-style: dotted;
    border-color: #9D2E92;
    height: auto;
}
#pum_pum img {
    width: 25%; 
    display:block;
    margin-right: 0;
}
#pum_pum {
    float: left;
    width: 46%;
    border:none;
    margin: 0;
    padding: 0;
}
main #img_tipp {
    width: 20%;
    display: block;
    margin-right: 0;
}
#tipp {
    display:;
    float: left;
    width: 54%;
    border: none;
    margin: 0;
    padding: 0;
}
/* ----- adelanto Episodio -----*/
    
#adelanto {
    overflow: hidden;
}
#adelanto #img_nazza {
    float: left; 
    width: 65%;
}
#adelanto #inf_nazza {
    float: left; 
    width: 35%; 
    margin-top: 2.5em;
}
    
/* ----- episodios anteriores -----*/
    

.episodios {
    float: left; 
    width: calc(50% - 1.5em);
    padding: 0;
    margin-right:1em;
    margin-left: 0.5em;
}   
/* NOTAS
---------------------------------------------------------------------------------------*/
/* ----- galería -----*/
#galeria_notas {
    padding: 7em 1.5em 0em 1.5em;
    position: relative;
}
#galeria_up {
    position: absolute;
    background-image: url(imagenes/notas/mancha.png);
    padding: 0.7em;
    color: black;
    font-weight: 600;
    font-size: 0.8em;
    z-index: 5;
    margin: 0.6em;
}
/* ----- columnas -----*/

#columnass {
    overflow: auto;
}
#columnauno {
    float: left;
    width: 50%;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
#columnados {
    float: left;
    width: 50%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-right-style: dotted;
    border-left-style: dotted;
    border-color: #8e3900;
    border-width: 0.15em
}
#columnatres {
    float: left;
    width: 50%;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

#ultimanota {
    border-bottom-style: none;
}
#columnatres {
    display: none;
}     
/* FADUGRAFFITI
---------------------------------------------------------------------------------------*/
/* ----- main -----*/
    
#fadugraffiti main {
    margin: 0 4em;
}
/* ----- como participar -----*/
    
#comoparticipar {
    overflow: hidden;
}

#comoparticipar .paso {
    float: left;
    width: 33%;
    padding: 1em;    
}
    
#comoparticipar img {
    height: 5em;
    margin-top: 1em;
}
/* ----- subir foto -----*/
#subirfoto {
    margin-right: 4em;
    margin-left: 4em;
}

    
    
    
}
/* MEDIA QUERIES 2
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 63.236em) {

/* ----- HEADER -----*/

header {
    width: 10em;
    position: fixed;
    height: 100%;
}
#contenedor {
    margin-left: 10em;
}  
header #logo img {
    display: none;
}
header #logo_maxscreen img {
    display: block;
    width: 100%;
    height: auto;
}
header #logo_maxscreen {
    width: 80%;
    margin: 0 0.7em;
    padding-bottom: 1em;
}

/* ----- HEADER -----*/

header {
    width: 10em;
    position: fixed;
    height: 100%;
}

#contenedor {
    margin-left: 10em;
}
    
header #logo img {
    display: none;
}

header #logo_maxscreen img {
    display: block;
    width: 100%;
    height: auto;
}

header #logo_maxscreen {
    width: 80%;
    margin: 0 0.7em;
    padding-bottom: 1em;
}

    /*-----------------index----------*/

#novedades_index {
    clear: both;
}

.novedades_index_article {
    margin: 0.5em 0.2em;
    float: left;
    width: 24%;
}

/* ------------------ BIO ---------------------*/


#ficha_tecnica {
    width: 25%;
    margin-top: 2em;
    margin-bottom: 4em;
}
    
#trabajos_pumpum {
    width: 25%;
    margin-top: 2em;
    margin-bottom: 4em;
}

#texto_biografico img {
    display: block;
    width: 93%;
    margin-bottom: 1em;
}

    
#texto_biografico {
    clear: none;
    float: left;
    width: 38%;
    margin-top: 2em;
    margin-bottom: 4em;
}

#galeria_pumpum {
    clear: both;
    width: 95%;
    margin: 0 auto;    
}

.novedades_pumpum_article {
    margin: 0.5em 0.2em;
    float: left;
    width: 24%;
}
    
/* -------Footer------*/

.rd_footer {
    width: 5%;
    margin: 1em 0.5em;
}

.rd_facebook {
    width: 2%;
    margin: 1em 0.5em;
}
    
/* ARTISTAS FADU 
------------------------------------------------------------------------------------------*/

#contenido_artistas {
    margin: 2em 0 0 3em;
}
    
main .artistas_links {
    width: 25%;
}
    
#article_artistas {
    width: 90%;
}

#article_artistas p {
    width: 57%;
    float: left;
    margin: 2em 0 3em 3em;
}
    
#article_artistas img {
    width: 27%;
    float: left;
    margin: 3em 0 0 2em;
}
    
#contenido_artistas {
    clear: both;
}

/*TUTORIALES 
-----------------------------------------------------------------*/

#tutoriales_stencil {
    float: left;
    width: 65%;
}
    
.tutoriales_stencil_tecnicas {
    margin: 1em 0.7em;
    float: left;
    width: 45%;
}

#secundario_tutorial {
    display: block;
    margin: 4em 1em 0 1em;
    float: left;
    width: 27%;
}
    
/* MOVIDAS
----------------------------------------------------*/
    
#movidas_expo_galaxia {
    overflow: hidden;
}

#explicativo_expogalacia {
    float: left;
    width: 40%;
    margin-right: 1.5em;
}
    
#galeria_movidas {
    margin: 0;
    width: 55%;
    float: left;
}
    
#movidas_expo_bsasstcl {
    overflow: hidden;
}
    
#movidas_expo_bsasstcl img {
    width: 50%;
    float: left;
    margin-right: 1em;
}
    
#texto_cartonpintado {
    width: 40%;
    float: left;
}
    
#eventos_movidas_secundario {
    width: 65%;
    float: left;
}
    
#secundario_movidas {
    display: block;
    float: left;
    width: 30%;
    margin-top: 2em;
    margin-left: 1em;
}
    
#movidas_talleres_gualicho img {
    width: 55%;
    float: left;
}
    
#movidas_talleres_gualicho #partetxt_gualicho {
    width: 40%;
    float: left;
    margin-left: 1em;
}

#proximos_eventos_movidas {
    float: none;
    clear: both;
}

#proximos_eventos_movidas #proximos_eventos_img {
    margin-top: 2em;
    width: 55%;
    float: left;
}
    
#proximos_eventos_movidas #bienal_fadu_texto {
    width: 40%;
    margin-top: 2.5em;
    float: left;
    margin-left: 1em;
}
    
.texto_visible {
    display: block;
}

#movidas_nazzafadu {
    display: none;
}
    
/* ----- Footter  -----*/

footer section {
    clear: none;
    float: left;
    width: 60%;
}

#redes_sociales {
    float: left;
    width: 35%;
    
}

/* GUALICHO
---------------------------------------------------------------------------------------*/
/* ----- entrevista gualicho -----*/
#notacompleta {
    overflow: hidden;
    }
#entrevistaGualicho {
    margin-left: 2.5em;
    margin-right: 2em;
    width: calc(70% - 6em);
    float: left;
}    
    
/* ----- Lo mas leido -----*/
    
#masleido {
    display:block;
    float: left;
    width: 30%;
    padding: 4em 1em 1em 1em;
    overflow: hidden;
}
    
#masleido #tituloaside {
    font-family: "Roboto";
    color: #faa328;
    font-weight: bold;
    padding-bottom: 1em;
    font-size: 1.2em;
    padding-left: 0.5em;
}   
#masleido img {
    width: 100%;
    height: auto;
}
    
#masleido .numero {
    float: left;
    width: calc(12% - 0.3em);
    font-family: "Oswald";
    font-weight: bold;
    font-size: 1.6em;
    height: 3.9em;
    color: #666666;
    background-color: #212121;
    text-align: center;
    margin-right: 0.3em;
    margin-top: 1em;
    padding-top: 0.2em;
}
#masleido .numero:hover {
    background-color: #f77620;
    color: white;
    
}
    
#masleido .caja {
    float: left;
    width: 88%;
    font-family: "Roboto";
    font-size: 0.8em;
    color: #e0e0e0;
    height: 7.8em;
    background-color: #3c3c3c;
    padding: 0.5em 1em;
    margin-top: 2em;
    
}  
    
#masleido .caja .negrita {
    font-weight: bold;
    font-size: 1.01em;
    padding: 0.4em 0;
    
}
    
#botones {
    padding: 2em 1em;
    overflow: auto;
}

#masleido #botones img {
    float: left;
    width: calc(50% - 0.4em);
    margin: 0.2em;
    border-radius: 1em;
    -webkit-filter: grayscale(100%); /*Chrome*/
    -moz-filter: grayscale(100%); /* Firefox */
    -o-filter: grayscale(100%); /* IE 9 */
    -ms-filter: grayscale(100%); /* Opera */ 
}
#masleido #botones img:hover {
    -webkit-filter: none;
    -moz-filter: none;
}
/* EPISODIOS
---------------------------------------------------------------------------------------*/    
/* ----- último episodio -----*/    

#episodio #episodiodentro {
    border-bottom-style: dotted;
    border-bottom-right-radius: 1em;
    border-color: #ba36ad;
    overflow: auto;
    margin-left: 1em;
}
#episodio #videopumpum {
    float: left;
    width: calc(65% - 1em);
    margin-top: 2.4em;
    padding-bottom: 1em;
}
#episodio aside {
    padding-top: 5em;
    float: left;
    width: 35%;
}

/* --------*/
    
main #pum_pum a {
    font-family: "Permanent Marker", serif;
    font-size: 0.9em;
    color: #934C92;
    text-decoration: none;
    padding: 0.3em;
}   
#pum_tipp {
    border-bottom-style: none;
    height: auto;
}    
#pum_pum {
    width: 100%;
    border-bottom-style: dotted;
    border-color: #9d2e92;
    padding: 1em 0.5em;
}
#tipp { 
    width: 100%;
    height: auto;
    padding: 0em 0.5em;
} 
main #img_tipp {
    width: 15%;
}
main #tipp p{
    width: 70%;
}
    
/* ----- adelanto episodio ------*/

#caja_adelanto {
    overflow: hidden;
    margin-left: 1em;
}
#adelanto {
    margin-right:2em; 
    float: left; 
    width: 70%;
    border-bottom-left-radius: 1em;
}
#episodio_twitter {
    display: block; 
    float: left; 
    width: 25%; 
    overflow: hidden;
}
#episodio_twitter img {
    width: 100%;
}
    
/* ----- episodios anteriores -----*/
    
#episodios {
    overflow: hidden;
}
.episodios {
    float: left; 
    width: calc(33.3% - 1.5em);
    margin-right:1em;
    margin-left: 0.5em;
    
}
/* NOTAS
---------------------------------------------------------------------------------------*/
/* ----- columnass -----*/
#galeria_up {
    position: absolute;
    background-image: url(imagenes/notas/mancha.png);
    padding: 0.4em;
    color: black;
    font-weight: 600;
    font-size: 1em;
    z-index: 5;
    margin: 0.6em;
}    
    
#columnauno {
    width: 33.3%;
}
#columnados {
    width: 33.3%;
}
#columnatres {
    display: block;
    width: 33.3%;
}
/* FADUGRAFFITI
---------------------------------------------------------------------------------------*/
/* ----- main -----*/
#fadugraffiti main {
    overflow: hidden;
    margin: 0 2em;
    margin-bottom: 2em;
}
 
#fadugraffiti main #informacion {
    float: right;
    width: 60%;
    padding: 1em;
}
#fadugraffiti main img {
    float: right;
    width: 40%;
    padding: 1em;
    margin-top: 2em;
}  
    
/* ----- como participar -----*/
    
#comoparticipar {
    overflow: hidden;
}

#comoparticipar .paso {
    float: left;
    width: 33%;
}
/* ----- subir foto -----*/
#subirfoto {
    overflow: hidden;
    margin-right: 1em;
    margin-left: 1em;
}
#subirfoto #subir {
    float: left;
    width: 50%;
    padding-right: 1em;
}
#subirfoto #remeras{
    float: left;
    width: 50%;
    padding-left: 1em;
    margin-top: 0.5em;
}     
 
    
    
    
}