/*
-- 2E1A47 Violeta
-- FE5000 Naranja

-- 280071 Azul
-- 009ACE Celeste 
-- 44D62C Verde 
-- E1CD00 Amarillo

-- F1F0EE Gris
*/
/* ========== SILKA FONT FAMILY ========== */

@font-face {
    font-family: 'Wallman';
    src: url('../font/Wallman/Wallman-Bold-free.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Thin Italic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
}
/* Extra Light */
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Extra Light.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Extra Light Italic.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
}
/* Light */
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Light Italic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}
/* Regular */
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Regular Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}
/* Medium */
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Medium Italic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
}
/* SemiBold */
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka SemiBold Italic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}
/* Bold */
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Bold Italic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}
/* Black */
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Silka';
    src: url('../font/silka/Silka Black Italic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
}

#header {
    font-family: 'Silka';
}

#main {
    font-family: 'Silka';
}

#footer {
    font-family: 'Silka';
}

#headerContact {
    margin-top: 5px;
    margin-bottom: 5px;
}

#headerContact a {
    color: #2E1A47;
    text-transform: none !important;
    font-size: 12px;
    margin-right: 10px;
}

#headerContact i {
    margin-right: 10px;
}

#headerContent {
    background: #FE5000 !important;
}

#firstHero {
    background: url('../img/slide/color-divider-2.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}

#firstHero > div {
    padding: 100px 50px;
}

#firstHero h3 {
    text-align: center;
    padding-bottom: 20px;
}

#firstHero p {
    text-align: justify;
    font-size: 12px;
}

#firstText {
    padding: 20px 50px;
}

#firstText div {
    width: auto;
    margin: 0 auto;
}

#firstText div p {
    text-align: center;
    font-size: 12px;
    display: inline;
    width: auto;
    padding: 0px 20px;
    color: #2E1A47;
}

#firstService {
    background-color: #2E1A47;
    color: white;
}

#firstService div {
    padding: 50px;
}

#firstService h4 {
    text-align: center;
    color: #FE5000;
}

#firstService ol {
    font-size: 12px;
}

#firstService ul {
    font-size: 12px;
}

#firma {
    padding: 50px;
}

#firmaDetalle {
    padding-bottom: 25px;
}

#firmaDetalle h3 {
    color: #2E1A47;
    text-align: center;
}

#firmaDetalle p {
    text-align: justify;
    font-size: 14px;
}


#firmaDemas  h5{
    color: #2E1A47;
    text-align: center;
}

#firmaDemas p {
    font-size: 14px;
}

#servicios {
    background-color: #F1F0EE;
    padding: 50px;
}


#serviciosTitulo h3{
    color: #FE5000;
    text-align: center;
}

#serviciosTitulo p {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
}

#servicioContenido>div>div>img {
    height: 150px;
    padding: 15px;
}

#servicioContenido h6 {
    color: #2E1A47;
    text-align: center;
    height: 40px;
}

#servicioContenido p {
    font-size: 12px;
    text-align: center;
}

#sector {
    padding: 50px;
}

#sector h3 {
    color: #2E1A47;
    text-align: center;
}

#sector p {
    font-size: 14px;
}

#sector ul {
    font-size: 14px;
}

.textoNaranja {
    color: #FE5000;
    font-size: 12px;
}

#discla {
    font-size: 48px;
    text-align: center;
    font-family: 'Wallman', sans-serif;
    color: #2E1A47;
}

.footer {
    background: url('../img/slide/face-divider.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    font-size: 12px;
    text-align: center;
    padding: 50px;
}

.footerForm {
    margin-bottom: 50px;
}

.footerForm h3 {
    color: #FE5000;
    text-align: left;
}

.footerFormLogo div img{
width: 250px;
}

.formularioFooter {
    text-align: left;
    color: #E1CD00;
}

input {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 0px;
    margin: 10px 0px 20px 0px;
}

textarea {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0px;
}

select {
    padding: 10px;
    width: 100%;
    margin: 10px 0px;
    border-radius: 5px;
}