#pie_pagina{
	float:left;
	width: 100%;
	background: rgba(64, 59, 59, 1); /* gris de fondo */
	
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
	#pie_pagina:hover{
		background: rgba(40, 41, 38, 1); /* gris-negro de fondo = fondo HTML*/
	}
	#columna_pie_pagina{
		float: left;
		width: 25.3%;
		margin: 1%;
		padding: 10px 3%;
	}
		.titulo_columna_pie_pagina{
			float: left;
			width: 100%;
			text-align: left;
			text-transform: uppercase;
			font-size: 1.2em;
			font-family: 'mayusculas';
			color: rgba(201, 201, 201, 1); /* gris claro */
			padding-bottom: 10px;
			padding-top: 20px;
		}
		.texto_columna_pie_pagina{
			float: left;
			width: 100%;
			text-align: left;
			font-size: 1em;
			font-family: 'minusculas';
			color: rgba(150, 150, 150, 1); /* gris claro */
			
			-moz-transition:all .5s ease;
			-ms-transition:all .5s ease;
			-o-transition:all .5s ease;
			transition:all .5s ease;
		}
			.texto_columna_pie_pagina a:hover{
				cursor: pointer;
				text-decoration: underline;
				color: white;
			}
		.enlaces_pie_pagina{
			float: left;
			text-align: center;
			font-size: 2em;
			padding: 2px 2%;
			color: rgba(150, 150, 150, 1); /* gris claro */
			
			-moz-transition:all .5s ease;
			-ms-transition:all .5s ease;
			-o-transition:all .5s ease;
			transition:all .5s ease;
		}
			.enlaces_pie_pagina:hover{
				cursor: pointer;
				color: white;
			}
		.logo_pie_pagina{
		    float: right;
		    width: 100%;
		    text-align: right;
		    margin-top: 30px;
		}
		    .logo_pie_pagina img{
    		    width: 40%;
    		    min-width: 140px;
    		}
	#fin_pie_pagina{
		float:left;
		width: 100%;
		padding: 10px 0;
		background: rgba(23, 22, 22, 1); /* gris de fondo oscuro */
	}
		.titulo_fin_pie_pagina{
			float: left;
			width: 100%;
			text-align: center;
			font-family: 'minusculas';
			letter-spacing: 0.4em;
			font-size: 0.7em;
			color: rgba(201, 201, 201, 1); /* gris claro */
		}
		
/* dispositivos moviles */
@media screen and (max-width: 700px) {
	.titulo_columna_pie_pagina{
	    font-size: 1em;
	}
	.texto_columna_pie_pagina{
	    font-size: 0.8em;
		width: auto;
		padding: 2px 14px;
	}
	.enlaces_pie_pagina{
		font-size: 1em;
	}
}

@media screen and (max-width: 500px) {
	#columna_pie_pagina{
		width: 96%;
		margin: 0;
		padding: 10px 1%;
		margin-left: 2%;
	}
	.logo_pie_pagina{
	    display: none;
	}
}