#paginahome {
	height: 100vh;
}

#menu ul {
	direction: rtl;
	text-align: right !important;
}

#menu ul li.collapsed {
	list-style-image: url('/drupal/misc/menu-collapsed-rtl.png');
}

#menu * {
	width: 100%;
}

.novedad * {
	text-align: center;
	width: 100%;
}

	
#novedadesinner img {
    /*border-radius: 5px;*/
    position: relative;
    height: 14vmin;
    width: 14vmin;
}

#novedadesinner a {
    color:#FFFFFF;
    text-decoration: none;
}

#novedadesinner a:hover {
    color:#FFFFFF; 
    text-decoration: none;
}

#canvasCentral
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10;
    /* control height and width in code to prevent stretching */
}

/* xs */
@media screen {
	#contacto {
		border-bottom-style: solid;
		border-bottom-color: #DDD;
		border-bottom-width: 2px;
		border-top-style: solid;
		border-top-color: #DDD;
		border-top-width: 1px;
	}
	#novedades {
		height: 60vh;
		font-size: 90%;
	}
	#novedadesinner {
		/*overflow-y: scroll;		
		height: 80%;*/
		text-align: center;
		overflow: none;
		height: 60vh;
		margin-top: 5vh;
		position: relative;
	}
	.novedad {
		max-height: 40vmin;
		width: 25vmin;
		margin: 2vmin;
		padding: 2vmin;
		display: inline-block; /* para centrarlo */
		vertical-align: top;
	}
	.novedad .titulonoticia {
		height: 8vmin;
		padding-top: 0.5em;
	}
	.novedad img {
		border-style: dashed;
		border-color: #DDD;
		border-width: 1px;
		border-radius: 5px;
		padding: 1vmin;
	}
	.novedad p {
		/* para el enlace de texto bajo de la imagen - por si es demasiado corto */
		min-height: 3em;
	}
	footer {
		height: 10vh;
	}
	/*.form-control {
		height: 6vh;
	}*/
	#avisolegal {
		font-size: 70%;
	}
	#menu {
		display: none;
	}
}

/* xs */
@media screen and (min-width: 480px) {
}

@media screen and (min-width: 1024px) {
	#contacto {
		border-bottom-width: 1px;
		border-top-width: 0px;
	}
	.bordebajo {
		border-bottom-style: solid;
		border-bottom-color: #DDD;
		border-bottom-width: 1px;
		padding-bottom: 1vh;
	}
	#menu {
		position: relative;
		bottom: 1em; /* para cruzar la línea (borde) por arriba */
		border-right-width: 1px;
		border-right-color: #DDD;
		border-right-style: solid;
		height: 70vh;
		text-align: right;
		display: -ms-flexbox !important;
		display: -webkit-flex !important;
		display: flex !important;
		-ms-flex-align: flex-end;
		-webkit-align-items: flex-end;
		-webkit-box-align: flex-end;
		align-items: flex-end;
		justify-content: flex-end;
	}
	
	ul.menu {padding-right: 1em; }
	.dhtml-menu a{font-size: 1.5em;}
	#novedades {
		height: 70vh;
	}
	#novedadesinner {
		height: 70vh;
		margin-top: 0;
	}
	.novedad .titulonoticia {
		display: none;
	}
	footer {
		height: 15vh;
	}
	.buscador {
		height: 2em;
	}
	#menumovil {
		display: none !important;
	}
	
}