html {
    height: 100%;
    width: 100%;
}
body {
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

body.presentacio {
    background: #ffffff url("../img/bg_index.jpg") no-repeat center center;
}
body.bg_web {
    background: #2d2d2d url("../img/bg_ladrillos.jpg") no-repeat center center fixed;
    background-size: cover;
}

.wrap_imgluv {
    display: inline-block;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.imgluv {
    /*width: 809px;*/
    
    width: 100%;
    opacity: 0.3;
}

.contingut {
    display: inline-block;
    /*width: 1024px;*/
    margin: 0 auto;
    /*width: 90%;*/
    width: 100vw;
}

header {
    display: flex;
    flex-direction: row;
    flex-flow: row nowrap;

    margin-top: 0px;
    padding: 15px;
}

header .item {
    width: 50%;
    vertical-align: top;
}

header .item.img {
    text-align: left;
}
img.logo {
    height: 40px;
}
img.logoapp {
    margin-top: 0px;
    margin-left: 0px;
    height: 30px;
}

header .item.idioma {
    text-align: right;
    margin-top: 10px;
}

.header_menu_element {
    display: inline-block;
    margin-left: 0px;
    padding-right: 5px;
}

main {
    margin-bottom: 40px;
}

.wrap_explicacio {
    margin-top: 40px;
}

.wrap_botons--prese {
    margin-top: 60px;
    display: flex;

    flex-flow: row nowrap;
}
.wrap_botons--prese .item {
    width: 50%;
    vertical-align: top;
}

.wrap_botons--prese .item.boto--esquerra {
    text-align: right;
    margin-right: 10px;
}
.wrap_botons--prese .item.boto--dreta {
    text-align: left;
    margin-left: 10px;
}

.wrap_inputs {
    display: inline-block;
    text-align: left;
}
.wrap_boto--entrar {
    margin-top: 40px;
}
.wrap_acceptar {
    text-align: left;
    margin-top: 28px;
}

.espai_v {
    margin-top: 40px;
}

.espai_v--mitja {
    margin-top: 25px;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 74px;
    z-index: -10;
}
.footer_linia--w {
    border-top: 1px solid rgba(255,255,255,0.55);
}
.footer_linia--g {
    border-top: 1px solid rgba(44,50,65,0.29);
}

.wrap_peu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
}
.item_peu--link {
    width: 200px;
    text-align: left;
}
.item_peu--logo {
    text-align: right;
    flex-grow: 2;
}

a {
    text-decoration: none;;
}
.wrap_link--peu {
    margin-top: 30px;
}
.wrap_link--peu > a:link,
.wrap_link--peu > a:visited {
    font-size: 14px;
    font-weight: 500;
}
.wrap_link--peu > a:hover {
    font-size: 15px;
}
a.blanc:link,
a.blanc:visited,
a.blanc:hover {
    color:white;
}
a.gris:link,
a.gris:visited,
a.gris:hover {
    color: #2C3241;
    opacity: 0.6;
}

.wrap_img--peu {
    margin-top: -10px;
    text-align: right;
}
.blanc {
    color: white;
}
.gris {
    color: #2C3241;
    opacity: 0.6;
}
.recuperar_pswd {
    margin-top: 40px;
}

.ajuda {
    margin-top: 15px;
    font-size: 12px;
    font-weight: normal;
    font-style: oblique;
    text-align: center;
}

.cursiva {
    font-style: oblique;
}

.pot_de--mel {
    display: none;
}

.wrap_video {
    display: block;
    text-align: center;
}

.el_video {
    max-width: 960px; 
    margin: 0 auto;
}

.bg_login {
    background-image: url("../img/CARTEL_blanco.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.main {
    display: inline-block;

    margin: -20px auto 80px;
    padding: 50px 25px;

    background-color: #eee;

    background: url(../img/CARTEL_blanco.png) no-repeat center center fixed; 
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
/*
    box-shadow: 10px 0px 15px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 10px 0px 15px rgba(0, 0, 0, 1);
    -moz-box-shadow: 10px 0px 15px rgba(0, 0, 0, 1);
    -o-box-shadow: 10px 0px 15px rgba(0, 0, 0, 1);
*/
}