@charset "utf-8";
/* CSS Document */
.tabla_piepagina {
    display: table;
    width:100%;
    margin: 0 auto;	
}

.fila_piepagina {
    display: table-row;	
	background-color: #cc0000;
}

.columna_piepagina{
    display: table-cell;
    vertical-align: middle;
	box-sizing:border-box; /*Permite que si añadimos un padding no nos sobrepase el ancho predefinido*/
	width:50%;
	color: #FFFFFF; 
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}


.columna_piepagina A:hover { 
text-decoration: none; /*esto quita el subrayado*/ 
color:darkgray;
} 

.columna_piepagina  A { 
text-decoration: none; /*esto quita el subrayado*/ 
color: #FFFFFF; 
} 

@media screen and (max-width:700px){
	 .columna_piepagina{
		float:left; /* Imprescindible para cuando el tamaño sea inferior a 700 px funcione el responsive*/
		width:100%; /* para que ocupe toda la fila*/
	}	 
	
}

@media screen and (max-width:960px){
	 .tabla_piepagina{
		/*float:left;*/ /* En este caso no es necesario porque este div es de una sola columana*/
		width:960px; /* para que el pie no disminuya mas que el ancho de pagina*/
	}	 
	
}