.menuMovil, .barraMovil {
	display:none;	
}

@media screen and (max-width: 800px) {
	.textos .descripcion, .listado .expoActual .intro, .listado .expo .intro {
		text-align:left;
	}
	
	img {
		opacity:1;	
	}
	.menu{
		display:none;	
	}
	.top {
		height:auto;	
	}
	.main {
		padding-top:71px;	
	}
	.bloque {
		clear:left;	
	}
	.portadaTop {
		display:block;
	}
	.barra, .bandaBotones {
		padding:0px;
	}
	.barraMovil {
		clear:left;
		background-color:#DCDCE4;
		font-size:24px;
		padding:10px;
		padding-top:11px;
		padding-left:30px;
	}
	body .listado .publi {
		height:auto;	
	}
	/* MENU MOVIL */
	.topInfo {
		display:none;	
	}
	.menuMovil {
		display:block;
		background-color:#FFF;
		color:#000;
	}
	.menuMovil .grande {
		position:relative;
		font-weight:lighter;
		font-size:70px;
	}
	.menuMovil .peque {
		display:none;	
	}
	.menuMovil .portal {
		height:56px;	
	} 
	.menuMovil .portal a{
		position:relative;
		left: 20px;
		top:-13px;	
	}
	.menuMovil .desplegar {
		float:right;
		cursor:pointer;
	}
	.menuMovil .menuDesplegable {
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
		z-index:30;
		transition: left 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
		position:fixed;
		width:calc(100% - 62px);
		height:100%;
		left:-100%;
		top:0px;
		background-color:#302D36;
	}
	.menuMovil .menuDesplegable .cerrar {
		cursor:pointer;	
	}
	.menuMovil .menuDesplegable .op {
		border-bottom:1px solid #555061;
		padding:15px;
		color:#FFF;
	}	
	.menuMovil .menuDesplegable .op a{
		color:#FFF;
	}
	.menuMovil .first {
		font-size:17px;
		font-weight:bold;	
	}
	.menuMovil .first img {
		float:right;
		padding:3px;
	}
	.menuMovil .seccion img {
		margin-right:20px;
		position:relative;
		top:-2px;	
	}
	.menuMovil .sub {
		display:none;
		margin-left:40px;
	}
	.menuMovil .subop {
		margin-top:10px;	
	}
	
	.textos {
		width:100% !important;
		float:none;
		min-height:0px !important;	
	}
	.textos .contenido {
		margin-top:0px;
		margin-bottom:0px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.textos .social {
		margin-left:30px;	
	}
	.content .contenido {
		padding-top:100px;	
	}
	.contenido.oneFoto {
		padding-top: 0px;
	}	
	.celda.contenido {
		padding-top:8px;	
	}
	.extra {
		min-height: 0px !important;
		width: calc(100% - 0px) !important;	
	}
	.extra.bgBlanco{
		width: calc(100% - 60px) !important;	
		padding-left:30px;
		padding-right:30px;
	}
	
	.extra .textos {
		padding:0px;
		padding-top:30px;	
	}
	
	.fotos {
		float:none;
		width:100%;	
	}
	
	.fotos .visor img {
		max-width: 100%;	
	}
	
	.fotos .miniaturas, .visor .pie{
		display:none !important;	
	}
	.fotos .titulo, .fotos .control {
		margin-top:-80px;	
	}
	
	.extra .fixed {
		position:relative;
		width:100%;
		top:0px;
		padding-bottom:20px;	
	}
	
	.listado {
		width: 100%;	
	}
	
	.listado .expo, .listado .expoActual {
		width:100%;	
		height:auto;
		padding-bottom:20px;
	}
	
	.listado .expoActual .foto {
		float:none;
		width:100%;
	}
	.listado .expoActual .texto {
		width:auto !important;
		margin-left:0px !important;
	}	
	
	.columna {
		width:auto !important;
		margin-right:0px !important;
	}
	.cierre .da2 {
		font-size:35px;	
	}
	.cierre .columna {
		float:none;	
	}
	
	.columnaArtista {
		float:none;
		width:100%;
		margin-top:0px;
		padding-top:20px;	
	}
	
	.columnaArtista .contenido {
		margin: 30px;
		margin-top:10px;
	}	
	
	.columnaEnlaces {
		float:none;
		width:100%;
		border-right:0px;
	}
	
	.banda .titulo {
		font-size:15px;
	}	
	.banda .subtitulo {
		font-size:14.5px;	
	}
	.banda .fecha {
		font-size:14px;
	}	
	.portada {
		width:100%;
	}
	.portada .expo {
		width:100% !important;
		border:none;
		height:auto;
	}	
	.portadaExtra {
		width:100%;	
	}
	
	.barra2 {
		display:none;
	}	
}

@media screen and (max-width: 1024px) {
	.banda, .banda .elemento {
		height:350px;
		background-size: cover;
		background-position:center center;
	}
	
	.banda .elemento .txt {
		top:170px;
		width:calc(100% - 40px);
	}
}