/*Estilos Personalizados Web*/

/*Implementar funciones de funcionamiento y cambio de color al llegar al pie*/
#retorno-btn{
    display: none;
}

#redes_top{
	padding: 0 15px;
	position: relative;
}

#redes_top::before,#redes_top::after{
	width: 2px;
	height: 30px;
	position: absolute;
	background-color: #FFF;
}

#redes_top::before{
	left: 0;
}

#redes_top::after{
	right: 0;
}

#cabecera_top_left i{
	margin-right: 5px;
}

#cabecera_top_right .btn{
	font-size: 14px;
	height: 30px;
	padding: 5px 10px;
	background-color: #030303;
	margin: 3px 0;
	border-radius: 3px;
}

#main-menu a,#main-menu span{
    font-family: 'circe', sans-serif;
    color: #bc0202;
}

#main-menu a.active,#main-menu a:hover{
    color: #FFF;
    background-color: #bc0202;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after{
    background-color: #bc0202;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after,#pie_pagina{
    background-color: #030303;
}

#menu-info p{
    color: #030303;
    text-align: left;
    text-align-last: left;
}

#menu-info p i{
    margin-right: 10px;
    color: #bc0202;
}

.titular{
    color: #030303;
}

.ficha .subtitulo{
	color: #bc0202;
}

strong{
	color: #444;
}

#lista_mods_3 .ficha .destacado{
	color: #bc0202;
	text-transform: uppercase;
	font-weight: bolder;
}

/*Media Queries*/

@media only screen and (min-width: 600px){
	
	#submodulos_83 .ficha{
		width: 100%;
	}
	
	#texto_fondo_84,#texto_fondo_85{
		padding: 50px 10px;
	}
	
	#texto_texto_84,#texto_texto_85{
		padding: 50px 15px;
	}

    #texto_fondo_1 .logotipos{
        flex-flow: row wrap;
        justify-content: space-between;
    }

    #texto_fondo_1 .logotipos a{
        width: 47.5%;
        display: flex;
        justify-content: center;
    }

}

@media only screen and (min-width: 800px){
	
	#submodulos_83{
		margin-bottom: 100px;
	}
	
	#submodulos_83 .ficha{
		padding: 50px 15px;
		background-color: #FFF;
		box-shadow: 0 0 5px #000;
	}

    #texto_fondo_1 .logotipos a{
        width: 20%;
    }

    #submodulos_47 p{
        text-align-last: left;
    }
	
	#submodulos_83{
		padding: 0;
		transform: translateY(-30%);
	}
	
	#texto_fondo_84,#texto_fondo_85{
		transform: translateY(-15%);
	}

}

@media only screen and (min-width: 1200px){

    #cabecera_top{
        color: #FFF;
        background-color: #bc0202;
        display: flex;
    }

    #cabecera_top p{
        font-size: 14px;
        margin: 0;
    }

    #info_top p i,#login_top i{
        margin-right: 10px;
    }

    #login_top a{
        font-size: 14px;
        font-family: 'acumin-pro',sans-serif;
        color: #FFF;
        text-transform: uppercase;
    }

    #redes_top a{
        font-size: 16px;
        color: #FFF;
        margin-right: 10px;
    }

    #main-menu a,#main-menu span{
        font-size: 12px;
        padding: 0;
    }

    #main-menu>ul>li>a:hover,#main-menu>ul>li>span:hover{
        color: #f84040;
        background-color: transparent;
        position: relative;
    }
    
    #main-menu>ul>li>a::after,#main-menu>ul>li>span::after{
        height: 4px;
        width: 40%;
        content: '';
        position: absolute;
        bottom: 0;
        left: 30%;
        opacity: 0;
        background-color: #f84040;
        transition: all 1s ease-in-out;
    }

    #main-menu>ul>li>a:hover::after,#main-menu>ul>li>span:hover::after{
        opacity: 1;
    }

    #main-menu span i{
        font-size: 10px;
    }

    #main-menu>ul>li>.subnivel>li>a, #main-menu>ul>li>.subnivel>li>span{
        font-size: 10px;
    }

	#slider_fadeinout_10 .slide .caption{
		width: 60%;
		transform: translateX(-20%);
	}
	
	#slider_fadeinout_10 .slide .caption .hero,#slider_fadeinout_10 .slide .caption p{
		text-align: left;
		text-align-last: left;
	}

}

@media only screen and (min-width: 1600px){
	
	#slider_fadeinout_10 .slide .caption{
		width: 50%;
		transform: translateX(-25%);
	}

    #texto_texto_1{
        width: 45%;
    }
	
	#texto_texto_84,#texto_texto_85{
		padding: 100px;
	}

}

@media only screen and (min-width: 1800px){
	
	#slider_fadeinout_10 .slide .caption{
		width: 40%;
		transform: translateX(-45%);
	}

    #texto_texto_1{
        width: 40%;
    }
	
	#texto_texto_84,#texto_texto_85{
		padding: 150px;
	}

}

/*Fin Media Queries*/

/*Fin Estilos Personalizados Web*/