/* 
    Created on : 8 may 2025, 10:11:18
    Author     : Javier
*/

/*******************************************************
	Pié de todas las páginas 
********************************************************/

#fondoFootMain{
	
	/*Imagen de fondo del pie */
	/*background: rgba(88,85,39,1.00) url(../_img/bg.png);*/
	/*background: linear-gradient(90deg, rgba(0,150, 200,0.6), rgba(0,80, 100,0.5));
	background: -webkit-linear-gradient(90deg, rgba(0,150, 200,0.6), rgba(0,80, 100,0.5));
	background: -moz-linear-gradient(90deg, rgba(0,150, 200,0.6), rgba(0,80, 100,0.5)); /*09C to 056*/
	/*background-image:url(/img/bg2.png), linear-gradient(90deg, rgba(0,80, 100,1),rgba(200,200,255,0.8));	
	background-image:url(/img/bg2.png), -webkit-linear-gradient(90deg, rgba(0,80, 100,1),rgba(200,200,255,0.8));	
	background-image:url(/img/bg2.png), -moz-linear-gradient(90deg, rgba(0,80, 100,1),rgba(200,200,255,0.8));	
	border-radius: 	var(--THEME-DEFAULT-BORDER-RADIUS2);*/
	margin-top:0px;	
	
/*
	background-repeat:repeat;  		
	background-size:auto !important;  
	background-position: center;		*/
}


footer{	
    margin: 0 auto; /*xa centrarlo*/	
}


footer h3 {
    margin-bottom: 30px;
}



footer .footer-col {
    margin-bottom: 10px;
}

footer .footer-below {
    padding: 20px 0 20px 0;
    /*background-color: #233140;*/
}





/*
------------------------------------------
    Estilo botones con link del pie
------------------------------------------*/

.fa{
    font-size:  36px !important;    
	color: #fff !important;
}

.fa:hover{    
	color: #ff0 !important;
}


.btn-social
{
    display: inline-block;
    
    width: 60px;
    height: 60px;       
    
    text-align: center;
    
    line-height: 68px; /*Impor!distancia del texto respecto al margen = xa meter el txt en el círculo de los botones*/
    
    text-shadow:1px 1px 0px var(--BLUE1);
    color:var(--BLUE2) !important;    
    
}


.btn-outline
{
    /*margin-top: 10px; /*distancia respecto a la barra de menú*/
    border:none;/*2px solid #fff;*/	
	
	border-radius: 100%;/*Para que el botón sea redondo*/
    
	color: #ff0 !important;
	/*background: #777;		*/
	

}



.btn-outline:hover,
.btn-outline:focus,
.btn-outline.active 
{
	
	
    border:2px solid #FF0;	
	background:var(--BLUE2) !important;     
	transition: all .3s ease-in-out;			    	
	
	
}





	
a.autor
{
	color:white !important; 

	font-size:20px;
	text-decoration:none !important;	
	font-weight:normal;	
	text-shadow: 2px 2px 0px var(--BLUE3); 	
}	

a.autor:hover
{
	color:orange !important; 
	
	/*
	border: 1px solid #CC9900;
	border-radius: 50%;/*Para que el botón sea algo redondo*/
	padding:8px;
	font-weight:bold;

}

.anio{
	color:#FFF !important;
	font-size:18px;
	text-shadow: 2px 2px 0px var(--BLUE3); 
}


.logoJMC{width:120px; height:90px;}














/*********************************************************************************************************************************
						
        	PIE PARA VENTANAS PEQS --> <1024 px
											
**********************************************************************************************************************************/

@media (max-width: 1024px) 
{



	h3 {
		margin-bottom: 30px;
	}



	footer .footer-col {
		margin-bottom: 50px;
	}

	footer .footer-below {
		padding: 20px 0 20px 0;
		/*background-color: #233140;*/
	}	


	.btn-outline, .btn-outline.active 
	{	
		background-color:var(--BLUE2) !important;     		
	}


	.btn-outline:hover,
	.btn-outline:focus	
	{
		color: yellow !important;		
		background-color:red !important;     		
	}

	
        
        
}	/*@media (max-width: 900px)	*/	
	/*Fin de estilos xa pantallas de menos de 900px*/