/*-------------------- INICIO main artista PUM PUM ------------------------*/

#mainmenuartitas .cajaimagen img {max-width: 14em;}


/*-------------------- FIN main artista PUM PUM ------------------------*/

/*-------------------- INICIO article artista PUM PUM ------------------------*/  

/*---- Chapita Tematica ----*/  

#articleartistas1{
    max-width: 80%;
    margin: 0 auto;
    width: 100%;
    overflow: auto;
    clear: both;
    
}

#articleartistas1 h2 {
    text-align: left;
    width: 100%;
    color: white;
    font-size: 1em;
    background-color: #7A2FDD;
    padding-top: 0.6em;
    padding-left: 0.5em;
    font-weight: 500;
}

#articleartistas1 .chapita a {
    color: white;
    float: left;
    width: 8em;
    text-align: right;
    padding-right: 0.5em;
    background-color: #7A2FDD;
    padding-top: 0.9em;
    font-weight: 400;}

#articleartistas1 .chapita img{
    width: 40px;
}

/*---- Fin Chapita Tematica ----*/  

#articleartistas1 .caracteristicas{ 
    width: 100%;
    margin: 0 auto;
    overflow: auto;
    clear: both;
    margin-top: 0.5em;

}

#articleartistas1 .caracteristicas img{ 
    width: 100%;
    height: auto;
    margin-top: 0.5em;
}


#articleartistas1 .sectionimg{
    display: none;
}

#articleartistas1 .materiales{
    display: none;
}


/*-------------------- INICIO Diario del Artista PUM PUM ------------------------*/  

 #diarioartistas { 
    max-width: 80%;
    margin: 0 auto;
    width: 100%;
     clear: both;
}

/*---- Chapita Novedades ----*/ 

#diarioartistas #agenda h1 {
    text-align: left;
    width: 100%;
    color: white;
    font-size: 1em;
    background-color: #7A2FDD;
    padding-top: 0.6em;
    padding-left: 0.5em;
    font-weight: 500;
}

#diarioartistas #agenda .chapita a {
   background-color: #7A2FDD;
    color: white;
}

/*---- Fin Chapita Novedades ----*/

/*-------------------- FIN Diario del Artista PUM PUM ------------------------*/ 


#agenda{margin: 0;}  /*---- AGENDA artista ----*/


/*-------------------- INICIO ACCESO Galeria PUM PUM ------------------------*/ 

#accesogaleria{
   width: 90%;
    height: auto;
    margin: 1em;
    clear: both;
    }

#accesogaleria .estilogaleria{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
        width: 108%
}

#accesogaleria .estilogaleria li{
		float: left;
		padding: 0px;
		position: relative;
		overflow: hidden;
	}

#accesogaleria .estilogaleria li:hover .efecto{
		opacity: 1;

	}


#accesogaleria	.estilogaleria img{
		width: 100%;
        margin: 0px;
		padding: 0px;
		float: left;
		z-index: 4;
        margin-bottom: 2em;
	}


#accesogaleria .estilogaleria .efecto{
		cursor: pointer;
		position: absolute;
		opacity: 0;
		-webkit-transition:all 0.45s ease-in-out;
		-moz-transition:all 0.45s ease-in-out;
		-o-transition:all 0.45s ease-in-out;
		-ms-transition:all 0.45s ease-in-out;
		transition:all 0.45s ease-in-out;

	}
#accesogaleria .estilogaleria .blur{
		background-color: rgba(102,51,204,0.65);
		height: 300px;
		width: 400px;
		z-index: 5;
		position: absolute;
	}

#accesogaleria .estilogaleria .efectotexto h5{
        padding: 0px;
		margin: 0px;
		font-size: 30px;
	}

#accesogaleria .estilogaleria .efectotexto p{
        padding: 0px;
		margin: 0px;
        font-size: 16px;
        color: white;
	}

#accesogaleria .estilogaleria .efectotexto{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 400px;
		height: 300px;
		text-align: center;
		top:100px;
	}

	
/*-------------------- FIN ACCESO Galeria PUM PUM ------------------------*/






@media screen and (min-width:41em) {
    


/*-------------------- INICIO article artista PUM PUM ------------------------*/ 

    
#articleartistas1 .caracteristicas img{ 
    width: 45%;
    height: auto;
    float: left;
}

#articleartistas1 .caracteristicas h3{
    width: 50%;
    float: right;
    margin-top: 1em;
}    
    
#articleartistas1 .caracteristicas p{ 
    width: 50%;
    float: right;
    margin-bottom: 0.5em;
}

#articleartistas1 .materiales {
    display: block;
    width: 100%;

}
    
#articleartistas1 .materiales img {
    display: block;
    width: 45%;
    height: auto;
    float: left;
    margin: 1em 0;}    
    
#articleartistas1 .materiales h3{
    width: 50%;
    float: right;
    margin-top: 1em;
}    
    
#articleartistas1 .materiales p{ 
    width: 50%;
    float: right;
    margin-bottom: 0.5em;}
    
#articleartistas1 .materiales .destacado{
    color: #808080;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    font-size: 16px;
    border: 5px solid #7A2FDD;}
    
    
#articleartistas1 .materiales .datos01{
    display: none;}
    
    

/*-------------------- FIN article artista PUM PUM ------------------------*/

#accesogaleria {
      width: 50%;
      height: auto;
      margin: 0;
      float: right;
    clear: none;
  }
    
}



@media screen and (min-width:48em) {

/*-------------------- INICIO main artista PUM PUM ------------------------*/   
    
#contenedorslider{ 
     margin: 0 auto;
     max-width: 80%;}
    

    
#articleartistas1 .materiales .datos01{display: none;}  
    
    
#contenedorslider2{ 
     margin: 0 auto;
     max-width: 100%;}
       
    
    
}
/*-------------------- FIN main artista PUM PUM ------------------------*/




@media screen and (min-width:60em) {


    
/*-------------------- INICIO article artista PUM PUM ------------------------*/
    
#articleartistas1 .caracteristicas{ 
    width: 33%;
    float: left;
 }   
  
#articleartistas1 .caracteristicas img{ 
    width: 100%;
} 

#articleartistas1 .caracteristicas h3{ 
    width: 100%;} 
    
#articleartistas1 .caracteristicas p{
     width: 100%;}
    
#articleartistas1 .materiales{ 
    width: 65%;
    float: right;}  
    
#articleartistas1 .materiales img {
    width: 56%;}    
    
#articleartistas1 .materiales h3{
    width: 40%;}    
    
    
#articleartistas1 .materiales p{ 
    width: 40%;}
    
 #articleartistas1 .materiales .datos01{
    display: block;}   
    
  
/*-------------------- FIN article artista PUM PUM ------------------------*/    
    
#accesogaleria {
    width: 40%;
    float: left;
    margin: 0;
    padding: 0.5em;}
    
    
}


@media screen and (min-width:80em) { 
    
    
   #articleartistas1 .materiales{width: 54%;
    float: right;
    margin-right: 5%;} 
    
    
    #articleartistas1 .materiales img {
    width: 56%;
    max-width: 35em;} 

#articleartistas1 .caracteristicas{ 
   margin-left: 5%; 
    
    

}

}