@media screen and (max-width: 800px) {
	.topPC, .loadBar {
		display:none;	
	}
	html, body {
		margin:0px;
		padding-top:0px;
		font-family: 'Source Sans Pro', sans-serif;
		min-width:335px;
		border-top: 7px #C0D1F3 solid;
		font-size:16px;
		font-weight:300;
	}
	html {
		min-width:0px;
		overflow-y: scroll;
	}
	img {
		opacity:1;	
	}
	.top {
		height:auto;
		position:fixed;	
		width:100%;
		background-color:#FFF;
		z-index:100000;
	}
	.main {
		width:95%;
		padding-top:20px;
		margin-left:auto;
		margin-right:auto;	
		line-height:160%;
	}
	.block {
		font-size:17px;
		font-weight:600;
		padding:30px;
		padding-left:30px;
		padding-right:30px;
		margin:-30px;
		margin-top:15px;
		margin-bottom:20px;
		line-height:120%;
	}
	.bloque {
		clear:left;	
	}
	.barraMovil {
		clear:left;
		background-color:#DCDCE4;
		font-size:24px;
		padding:10px;	
		padding-top:11px;
		padding-left:30px;	
	}
	.columna1 {
		width:100%;
		padding-left:10px;
		height:auto;
		margin-top:40px;
		padding-bottom:10px;
	}
	.columna2Listado {
		width:100%;
	}
	.columna1Noti, .columna2Noti, .columna3Noti, .columna4Noti, .columna5Noti {
		width:100%;
	}
	.columna1Noti, .columna2Noti, .columna4Noti, .columna5Noti {
		padding-left:10px;
		padding-right:10px;
	}
	/*#proyectoCont {
		margin-top:95px;
	}*/
	
	.mas {
		top:22px;
		position:relative;
	}
	.fichaSup {
		font-size:18px;
		margin-top:40px;
		height:auto;
	}
	.fichaSup2 {
		margin-left:0px;
	}
	.ficha .tit {
		width:58%;
		overflow:hidden;
		white-space:nowrap;
    	text-overflow:ellipsis;
	}
	.scrollable {
		margin-left:-10px;
	}
	.tituloProyectoFicha {
		padding-top:40px;
	}
	.accordion .main {
		padding-top:0px;
	}
	.proyecto {
		top:-6px;
	}
	
	/* MENU MOVIL */
	.topInfo {
		display:none;	
	}
	.logoMovil {
		margin-top:-14px;
		margin-left:-6px;
		width:calc(100% - 71px);
		height:71px;
		float:left;
		max-width:320px;
		}
	.menuMovil {
		display:block;
		background-color:#FFF;
		color:#000;
		font-size:20px;
	}
	.menuMovil .grande {
		position:relative;
		font-weight:lighter;
		margin-left:10px;
		font-size:70px;
		line-height:70%;
	}
	.menuMovil .peque {
		display:none;
	}
	.menuMovil .portal {
		height:92px;
	} 
	.menuMovil .portal a{
		position:relative;
		left: 10px;
		top:-5px;	
	}
	.menuMovil .desplegar {
		margin-top:-15px;
		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% - 70px);
		height:100%;
		left:-100%;
		top:0px;
		background-color:#302D36;
	}
	.menuMovil .menuDesplegable .cerrar {
		cursor:pointer;	
	}
	.menuMovil .menuDesplegable .op {
		border-bottom:1px solid #555061;
		padding:10px;
		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;	
	}
	
	.body .top {
		margin-top:-20px;
	}
	
	.bgColor {
		padding-top:40px;
	}
		
	.vPadding {
		width:95%;
		padding-top:20px;
		padding-bottom:20px;
    }
	
	/*TIPOS*/
	.titulo {
		font-size: 30px;
		line-height:30px;
		font-weight:900;
		color:#000;
		margin-bottom:30px;
		border-bottom:7px solid #000;
		/*padding-left:30px;
		padding-right:25px;
		margin-left:-30px;*/
		padding-top:40px;
		float:left;
	}
	.subtitulo {
		font-size: 25px;
		font-weight:900;
		margin-top:40px;
		margin-bottom:30px;	
		text-decoration:underline;	
	}
	.enunciado {
		font-size:10px;
		line-height:140%;	
	}
	.peque {
		font-size:12px;	
	}
	
/*CIERRE*/
	.cierrePC {
		display: none;
	}
	.cierreMovil {
		display:inherit;
	}
	.cierre {
		padding-top:10px;
	}
	.cierre .volver {
		float:left;
		padding-bottom:30px;
	}
}

@media screen and (max-width: 1024px) {
	/*SCROLLABLE*/
	.scrollable div.scroll div.ficha a img{
		padding-left:20px;
	}
	.scrollableFlechaIzq, .scrollableFlechaDer {
		opacity:0;
	}
}