* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Segoe UI", MYRIADPRO , Arial, Helvetica, Verdana, sans-serif;
}
*:focus {
        outline: none;
    }
p {
    font-family: "Segoe UI", MYRIADPRO, Arial, Helvetica, Verdana, sans-serif;
}

span {
    font-family: "Segoe UI", MYRIADPRO, Arial, Helvetica, Verdana, sans-serif;
}

a {
    font-family: "Segoe UI", MYRIADPRO, Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}
    a:link {
        text-decoration: none
    }

    a:hover {
        text-decoration: none
    }

    a:visited {
        text-decoration: none
    }
h1, h2, h3, h4, h5, h6 {
    font-family: "Segoe UI", MYRIADPRO, Arial, Helvetica, Verdana, sans-serif;
}
body {
    background: #282828;
    background-color: #282828;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-family: "Segoe UI", MYRIADPRO, Arial, Helvetica, Verdana, sans-serif;
}
header {
    position: fixed;
    margin: 0px;
    padding: 0px;
    width: 100%;
    top: 0px;
    z-index: 999;
    border: 0px;
}

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}

.headroom--pinned {
    transform: translateY(0%);
}

.headroom--unpinned {
    transform: translateY(-110%);
}

.ventEmergente{
    z-index:1000;
    position:relative;
}
.cabecera {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    background-color: #09ab9b;
    border-top: 4px solid #057b6f;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}
.cuerpo {
    width: 100%;
    height: auto;
    background: #f2f2f2;
    background-color: #f2f2f2;
    /*margin: 105px 0px 0px 0px;*/
    margin: 0px;
    padding: 0px;
    float: left;
    position: relative;
    z-index: 88;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}
.pie {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    background-color: #282828;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}

/*********************************************************************************/

@media ( max-width:960px){
    .cabecera {
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
        -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
    }
}