/*Instalación de las fuentes de la empresa*/
@font-face {
    font-family: "Sommet";
	src: url(../Responsive/fonts/Sommet.otf) format("opentype");
}

/*Instalación de las fuentes desde GoogleFonts*/
body{
    font-family: 'Lato', sans-serif;
    top: 0 !important; /*Configuracion de control de traduccion de Google*/
}

/*Configuracion del control de traduccion Banner superior*/
.goog-te-banner-frame {
    display: none;
}

/*Configuracion index.php*/
#SlideShow{
    width: 100%;
    margin-top: -20px;
}

#Logo{
    margin-top: -26px;
    height: 71px;
    margin-left: -9px;
}

.ColorGris{
    color: gray;
    font-size: 10pt;
}

.ColorBlanco{
    color: white;
    font-size: 10pt;
}

.Marcas{
    margin-top: 10%;
    margin-bottom: 5%;
}

#Footer{
    background-color: #2E2E2E;
    width: 100%;
    height: 50%;
}

.InformacionFooter{
    margin-top: 10%;
}

#DerechosReservados{
    background-color:black;
    font-size: 8pt;
    width: 100%;
    height: 180px;
    color: white;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 10px;
}

.FuenteOficialTitulares{
    font-family:Sommet;
    font-size: 40pt;
    font-weight: bold;
    color: white;
}

.FuenteOficialSubTitulos{
    font-family: Sommet;
    font-size: 18pt;
    color: white;
}

.MenuPrincipal{
    font-size: 8pt;
}

/*Configuracion Links footer*/
.MenuFooter:hover
{
    text-decoration: none;
    font-weight: bold;
    color:white;
}

/*Configuracion contenedor de informacion de uso general*/
#ContenedorGeneral{
    background-color:whitesmoke;
    width: 100%;
    height: 25%;
    margin-top: -25px;
}

/*Configuracion general botones ir arriba y contactenos de las paginas*/
.Arriba {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 5px;
    width: 40px;
    height: 40px;
    background-color: black;
    opacity: 0.8;
    color: white;
    cursor: pointer;
    font-size: 15pt;
    z-index: 100;
}

.Contacto {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 47px;
    width: 40px;
    height: 40px;
    background-color: black;
    opacity: 0.8;
    color: white;
    cursor: pointer;
    font-size: 15pt;
    z-index: 100;
}

.chatbox {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 5px;
    width: 40px;
    height: 40px;
    background-color: black;
    opacity: 0.8;
    color: white;
    cursor: pointer;
    font-size: 15pt;
    z-index: 100;
}

/*Configuracion de Links en pagina de inicio*/
.LinkInicio
{
    text-decoration: none;
    color:black;
    font-weight: bold;
}

.LinkInicio:hover
{
    color:red;
    text-decoration: none;
}

/*Configuracion del Blog*/
.LinkBlog
{
    text-decoration: none;
    color:gray;
}

.LinkBlog:hover
{
    text-decoration: none;
    color:gray;
    font-weight: bold;
}

.DatosPublicacion
{
    font-size: 25pt;
    font-weight: bold;
}

#ContenedorBlogAutor
{
    background-color:whitesmoke;
    width: 100%;
    height: 25%;
    padding: 30px;
}

/*Configuracion Sucursales*/
.LinkSucursal:hover
{
    text-decoration: none;
    font-size: 11pt;
}

/*Configuracion direcciones de contacto footer*/
.ContactosFooter
{
    margin-left: 10px;
}

/*Configuracion de migas de pan*/
.breadcrumb{
    position: absolute;
    margin-top: 15px;
}

/*Boton canal de deuncias*/
.CanalDenuncias{
    border-color: white;
    border-width: thin;
    border-style: solid;
    border-radius: 5px;
    color:white;
    margin-top: 10px;
    padding: 15px;
    text-decoration: none;
}

.CanalDenuncias:hover{
    color:white;
    text-decoration: none;
    border-color: yellow;
    box-shadow: 1px 0px 11px 2px rgb(255, 217, 0);
    -webkit-box-shadow: 1px 0px 11px 2px rgb(255, 217, 0);
    -moz-box-shadow: 1px 0px 11px 2px rgb(255, 217, 0);
    transition: all 0.3s ease 0s; 
}

#LogoFerreycorp{
    margin-top: 45px;
}

.Documentos{
    width: 255px;
    height: 250px;
    background-color: silver;
    border-radius: 15px;
}

.Documentacion{
    background-color: white;
    color: silver;
    font-weight: bold;
    border-radius: 2px;
    width: 150px;
    height: 40px;
    padding: 10px;
    margin: auto;
}

.LinkNormasCorporativas{
    font-weight: bold;
    color: black;
    text-decoration: underline;
}