/* Pie de página -------------------------------------------------------------------------------------------------------------------------------- */

	/* Color de la franja principal del pie de página */
	.footer {background-color: black;}
	.subFooter {background-color: black;}
	
	/* Color y forma de la sombra del pie */
	.footer {box-shadow: 0px 0px 5px 2px #d8d8d8;}
	
	/* Color del texto de los titulos del pie de página */
	.cajaPieTitulo {color: white;}
	
	/* Linea inferior de los titulos del pie de página */
	.cajaPieTitulo  p {border-bottom: solid 1px white;}
	
	/* Color de los diferentes textos del pie de página */
	.cajaPieTexto p {color: white;}
	.cajaPieTexto ul li {color: white; font-weight: normal}
	.cajaPieTexto a {color: white; font-weight: normal;}
	.cajaPieTexto a:hover {color: #f9b233;}
	
	/* Color del la línea de borde de los iconos del pie de página */
	.cajaPieTexto .iconoPie  {border: solid 1px white;}
	.cajaPieTexto .iconoPie:hover  {border: solid 1px #f9b233;}
	
	/* Color de los diferentes textos del subpie de página */
	.cajaSubPieTexto p {color: white}
	.cajaSubPieTexto a {color: white;}
	.cajaSubPieTexto a:hover {color: #f5b43e;}

	/* Tamaño de los textos del pie de página */
	@media screen and (min-width: 1290px) {.cajaTexto {font-size: 1.4rem;}}
	@media screen and (max-width: 1289px) and (min-width: 980px) {.cajaTexto {font-size: 1.4rem;}}
	@media screen and (max-width: 979px) and (min-width: 768px) {.cajaTexto {font-size: 1.2rem;}}
	@media screen and (max-width: 767px) and (min-width: 481px) {.cajaTexto {font-size: 1.2rem;}}
	@media screen and (max-width: 480px) {.cajaTexto {font-size: 1.0rem;}}
	
	/* Tamaño de los textos del subpie de página */
	.cajaSubPieTexto  {font-size: 0.9rem;}
	
	/* Estilo de las listas del pie de página */
	.cajaPieTexto ul {list-style-type: disc; padding-left: 10px; color: #f5b43e;}
	
	
	
@media screen and (min-width: 1290px) {
	.tituloSeccion  {width: 200px; top: -45px;}	
	/*.cajaSeccionIzq , .cajaSeccionDcha {padding: 20px 100px 20px 100px;}*/
}

@media screen and (max-width: 1289px) and (min-width: 980px) {
	.tituloSeccion  {width: 200px; top: -45px;}	
	/*.cajaSeccionIzq , .cajaSeccionDcha {padding: 20px 100px 20px 100px; border: solid 1px red;}*/
}

@media screen and (max-width: 979px) and (min-width: 768px) {
	.tituloSeccion  {width: 170px; top: -42px;}	
	/*.cajaSeccionIzq , .cajaSeccionDcha {padding: 20px 45px 20px 45px;}*/
}

@media screen and (max-width: 767px) and (min-width: 481px) {
	.tituloSeccion  {width: 135px; top: -33px;}	
	/*.cajaSeccionIzq , .cajaSeccionDcha {padding: 15px 30px 12px 30px;}*/
}

@media screen and (max-width: 480px) {
	.tituloSeccion  {width: 100px; top: -24px;}	
	/*.cajaSeccionIzq , .cajaSeccionDcha {padding: 10px 20px 8px 20px;}*/
}
		
		.cajaPie {}
		
			.cajaPieTitulo {
				width: 80%;
				height: auto;
					padding: 1.4em 10% .6em 10%;
				text-align: left;
				font-size: 1.2rem;
			}
							
			.cajaPieTexto {
				width: 80%;
				min-height: 8em;
					padding: .6em 10% 2em 10%;
				text-align: left;
				line-height: 1em;
			}
									
				.cajaPieTexto .iconoPie  {
					width: 20px;
					height: 20px;
					padding: 5px;
					border-radius: 5px;
					margin-right: 10px;
				}
				
				.cajaPieTexto .iconoMini{
					width: 16px;
					height: 16px;
					vertical-align: middle;
					margin-right: .35em;
				}