section#intro_web {
    padding-bottom:10px;
}
/* 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;
}
	/* Estilos para colocar de fondo las imagenes de la portada*/
	td#grande{
		width:50%;background:url(../images/web/grande.jpg);background-size:cover;
	}
	td#uno{
		width:24%;background:url(../images/web/uno.jpg);background-size:cover;
	}
	td#dos{
		width:24%;background:url(../images/web/dos.jpg);background-size:cover;
	}
	td#tres{
		width:24%;background:url(../images/web/tres.jpg);background-size:cover;
	}
	td#cuatro{
		width:24%;background:url(../images/web/cuatro.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#grande:hover {
		background:url(../images/web/grande-gris.jpg);background-size:cover;
	}
	table#mosaico td#uno:hover {
		background:url(../images/web/uno-gris.jpg);background-size:cover;
	}
	table#mosaico td#dos:hover {
		background:url(../images/web/dos-gris.jpg);background-size:cover;
	}
	table#mosaico td#tres:hover {
		background:url(../images/web/tres-gris.jpg);background-size:cover;
	}
	table#mosaico td#cuatro:hover {
		background:url(../images/web/cuatro-gris.jpg);background-size:cover;
	}


    
    
/*Responsive*/
@media screen and (max-width:1250px) {
    td#grande{
		width:40%;
	}
	td#uno{
		width:28%;
	}
	td#dos{
		width:28%;
	}
	td#tres{
		width:28%;
	}
	td#cuatro{
		width:28%;
	}
}