header #enc, section#web, section#fila {
    padding-left: 50px;
    padding-right: 50px;
}
section#web, section#intro_web {
	padding-top:85px;
}
/* Mosaico de Inicio de la Web */
table#mosaico {
	width:100%; height:400px; border:0; margin:0; padding:0;
	font-size:40px;
	text-transform: uppercase;
	color:#FFF;
	margin-bottom:50px;
}
	/* Estilos para colocar de fondo las imagenes de la portada*/
	td#cocina{
		width:50%;background:url(../imagenes/web/cocina.jpg);background-size:cover;
	}
	td#vestidor{
		width:24%;background:url(../imagenes/web/vestidor.jpg);background-size:cover;
	}
	td#abatible{
		width:24%;background:url(../imagenes/web/abatible.jpg);background-size:cover;
	}
	td#plegable{
		width:24%;background:url(../imagenes/web/plegable.jpg);background-size:cover;
	}
	td#corredera{
		width:24%;background:url(../imagenes/web/corredera.jpg);background-size:cover;
	}
	/* Para que las celdas se comporten como vínculos */
	table#mosaico td {
		cursor:pointer;
		vertical-align:bottom;
		text-align:center;
		padding-bottom:20px;
		border: solid 10px white;
	}
	/* Y para que cambie de imagen de fondo cuando pases el cursor por encima */
	table#mosaico td#cocina:hover {
		background:url(../imagenes/web/cocina-gris.jpg);background-size:cover;
	}
	table#mosaico td#vestidor:hover {
		background:url(../imagenes/web/vestidor-gris.jpg);background-size:cover;
	}
	table#mosaico td#abatible:hover {
		background:url(../imagenes/web/abatible-gris.jpg);background-size:cover;
	}
	table#mosaico td#plegable:hover {
		background:url(../imagenes/web/plegable-gris.jpg);background-size:cover;
	}
	table#mosaico td#corredera:hover {
		background:url(../imagenes/web/corredera-gris.jpg);background-size:cover;
	}

/*Responsive*/
@media screen and (max-width:15000px) {
	nav#menu_sup{
		width: 77%;
	}
	header h1#logotipo {
		width: 20%;
	}
	.mosaico_movil {
		display: none;
	}
}
@media screen and (max-width:1200px) {
	section#web, section#intro_web {
		padding-top:70px;
	}
	header #enc, section#web, section#fila {
		padding-left: 10px;
		padding-right: 10px;
	}	
	td#cocina{
		width:40%;
	}
	td#vestidor{
		width:28%;
	}
	td#abatible{
		width:28%;
	}
	td#plegable{
		width:28%;
	}
	td#corredera{
		width:28%;
	}
}
@media screen and (max-width:950px) {
	.icon_menu_sup {
		display: none;
	}
	.texto_menu_sup {
		display: inline-block;
	}
	#menu_sup ul li a[title='-']{
		display: none;
	}
}
@media screen and (max-width:900px) {
	nav#menu_sup .icon_menu_sup {
		display: none;
	}
	nav#menu_sup .texto_menu_sup {
		display: inline-block;
	}
}
@media screen and (max-width:800px) {
	nav#menu_sup{
		width: 78%;
	}
	td#cocina, td#vestidor, td#abatible, td#plegable, td#corredera {
		display: none;
	}
	.mosaico_movil {
		display: block;
	}
	table#mosaico td {
		padding-bottom: 0px;
    	border: solid 0px white;
	}
	.in70, .in60, .in40, .in45, .in35, .in30, .in25 {
		display:block;
		width:95%;
	}
}
@media screen and (max-width:768px) {
	header h1#logotipo {
		width: 24%;
	}
	nav#menu_sup{
		width: 74%;
	}
}
@media screen and (max-width:730px) {
	header h1#logotipo {
		width: 20%;
	}
	nav#menu_sup{
		width: 78%;
	}
	footer #pie article#col {
    	width: 48%;
	}
}
@media screen and (max-width:650px) {
	header h1#logotipo {
		width: 38%;
	}
	nav#menu_sup{
		width: 58%;
	}
	nav#menu_sup .icon_menu_sup {
		display: inline-block;
	}
	nav#menu_sup .texto_menu_sup {
		display: none;
	}
}
@media screen and (max-width:600px) {
	nav#menu_sup {
		display: inline-block;
	}
	nav#menu_sup .icon_menu_sup {
		display: inline-block;
	}
	nav#menu_sup .texto_menu_sup {
		display: none;
	}
	.texto form input, .texto form textarea {
		width: 94%;
	}
	.texto input[type="submit"] {
    	width: 100%;
	}
}
@media screen and (max-width:390px) {
	header h1#logotipo {
		width: 33%;
	}
	nav#menu_sup{
		width: 63%;
	}
}