/* 
    Created on : 04-06-2017, 0:58:52
    Author     : Programador
*/

body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
body, html {
    height: 100%;
    line-height: 1.8;
}

.w3-navbar li a {
    padding: 16px;
    float: left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 70%;
    margin: auto;
}
a{
    color: black;
}

#empresa{
    background-image: url(../Media/backgrounds/Quienes-Somos_transparente.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-origin: content-box;
    color: black;
    font-weight: bolder;
}

#soluciones{
    background-image: url(../Media/backgrounds/empresa.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-origin: content-box;
    color: white;
}

.area{
    text-align:center;
    font-size:2.5em;
    color:#fff;
    letter-spacing: -7px;
    font-weight:700;
    text-transform:uppercase;
    animation:blur .75s ease-out infinite;
    text-shadow:0px 0px 5px #fff,
        0px 0px 7px #fff;
}

text {
    background-color: transparent;
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    display: block;
    float:left;
    font-family: "Raleway",sans-serif;
    font-size: 14px;
    line-height: 25.2px;
    list-style-type: none;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    text-decoration: none rgb(0, 0, 0) solid;
    transition-delay: 0s, 0s, 0s, 0s, 0s, 0s;
    transition-duration: 0.25s, 0.15s, 0.15s, 0.25s, 0.25s, 0.15s;
    transition-property: background-color, color, box-shadow, opacity, filter, border;
    transition-timing-function: ease, ease, ease, ease, ease, ease;
    cursor: pointer;
}
text:hover{color:#000;background-color:#ccc}

#contact{
    background-image: url(../Media/backgrounds/villarrica.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-origin: content-box;
}



#soluciones li {
    margin: 10px;
}

@keyframes pulse_animation {
    0% { transform: scale(1); }
    30% { transform: scale(1); }
    40% { transform: scale(1.08); }
    50% { transform: scale(1); }
    60% { transform: scale(1); }
    70% { transform: scale(1.05); }
    80% { transform: scale(1); }
    100% { transform: scale(1); }
}

.pulse {
    animation-name: pulse_animation;
    animation-duration: 5000ms;
    transform-origin:70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}


@keyframes blur{
    from{
        text-shadow:0px 0px 10px #fff,
            0px 0px 10px #fff, 
            0px 0px 25px #fff,
            0px 0px 25px #fff,
            0px 0px 25px #fff,
            0px 0px 25px #fff,
            0px 0px 25px #fff,
            0px 0px 25px #fff,
            0px 0px 50px #fff,
            0px 0px 50px #fff,
            0px 0px 50px #7B96B8,
            0px 0px 150px #7B96B8,
            0px 10px 100px #7B96B8,
            0px 10px 100px #7B96B8,
            0px 10px 100px #7B96B8,
            0px 10px 100px #7B96B8,
            0px -10px 100px #7B96B8,
            0px -10px 100px #7B96B8;}
}

.idp_menu_element{
    border: none;
    background-color: white;
    padding: 16px;
    font-size: 15px;
}

.idp_menu_element:hover{
    color:#000;
    background-color:#ccc
}

.idp_promo{
    margin-left: -20px;
}