@font-face {
    font-family: Ciutadella;
    font-weight: 400;
    font-style: normal;
    src: url(/fonts/ciutadella/325762_0_0.eot);
    src: url(/fonts/ciutadella/325762_0_0.eot?#iefix) format('embedded-opentype'),url(/fonts/ciutadella/325762_0_0.woff2) format('woff2'),url(/fonts/ciutadella/325762_0_0.woff) format('woff'),url(/fonts/ciutadella/325762_0_0.ttf) format('truetype');
}

@font-face {
    font-family: Ciutadella;
    font-weight: 600;
    font-style: normal;
    src: url(/fonts/ciutadella/32575E_0_0.eot);
    src: url(/fonts/ciutadella/32575E_0_0.eot?#iefix) format('embedded-opentype'),url(/fonts/ciutadella/32575E_0_0.woff2) format('woff2'),url(/fonts/ciutadella/32575E_0_0.woff) format('woff'),url(/fonts/ciutadella/32575E_0_0.ttf) format('truetype');
}

@font-face {
    font-family: CiutadellaSlab;
    font-weight: 400;
    font-style: normal;
    src: url(/fonts/ciutadella-slab/3237E8_1_0.eot);
    src: url(/fonts/ciutadella-slab/3237E8_1_0.eot?#iefix) format('embedded-opentype'),url(/fonts/ciutadella-slab/3237E8_1_0.woff2) format('woff2'),url(/fonts/ciutadella-slab/3237E8_1_0.woff) format('woff'),url(/fonts/ciutadella-slab/3237E8_1_0.ttf) format('truetype');
}

@font-face {
    font-family: CiutadellaSlab;
    font-weight: 700;
    font-style: normal;
    src: url(/fonts/ciutadella-slab/3237E8_0_0.eot);
    src: url(/fonts/ciutadella-slab/3237E8_0_0.eot?#iefix) format('embedded-opentype'),url(/fonts/ciutadella-slab/3237E8_0_0.woff2) format('woff2'),url(/fonts/ciutadella-slab/3237E8_0_0.woff) format('woff'),url(/fonts/ciutadella-slab/3237E8_0_0.ttf) format('truetype');
}

html {
    font-family: CiutadellaSlab,Arial,sans-serif !important;
    text-rendering: optimizelegibility;
}


.login {
    /*position: absolute;
    top: 30%;
    left: 50%;
    margin: -150px 0 0 -150px;*/
    margin:30px auto 0 auto;
    width:100%;
    max-width: 350px;
    text-align:center;
}

input {

    width: 92%;
    margin-bottom: 10px;
    background: rgba(0,0,0,0.6);
    border: none;
    outline: none;
    padding: 10px;
    font-size: 13px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 4px;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
    transition: box-shadow .5s ease;
}

.submit-button {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 4px;
    color: white;
    font-size: 14px;
}

ul {
    list-style-type: none;
    padding:0;
    margin:0;
}

.dynamik {
    background-color: #27476c;
}

.ecoup {
    background-color: #3d6188;
}