body {
    /* background-color: #F8F8F8; */
    background-color: white;
    font-family: Helvetica, Arial;
    overflow-x: hidden;
}
.top{
    background-color: #b2d0eb;
    height: 35px;
}
.down{
    background-color: #b2d0eb; 
    height:35px
}
.IniciPag{
    width: 80%;
    margin: auto;
    height: 60px;
    min-width: 300px;
}
.IniciPag > div.img{
    width: 30%;
    min-width: 200px;
    float: left;
}
div.img img{
    max-width: 100%;
}
div.nav{
    width: 70%;
    min-width: 300px;
}
.contingut{
    width: 80%;
    height: 80%;
    margin: auto;
    min-width: 300px;
}
.pantalla{
    background-color: #F0F0F0;
    border: outset;
    overflow-y: auto;
    width: 100%;
}
.titol{
    background-color: #dff0ff;
    height: 40px;
    text-transform: uppercase;
}
.titol h1{
    margin: auto;
    text-align: center;
    font-size: 25px;
}
.cos{
    height: 600px;
    font-size: 15px;
    padding: 1%;
}
.nav{
    float: left; 
    height:100%;
}
.navbar{
    list-style: none; 
    display:flex; 
    float: left; 
    width:65%;
}
.navbar li{
    text-transform: uppercase;
    padding-left: 1.5%;
    padding-right: 1.5%;
    padding-top: 5px;
    padding-bottom: 5px;
    border: inset;
    border-color: gray;
    margin-left: 5px;
    background-color: #dff0ff;
    border-width: 1px;
}
.navbar a{
    color: black;
    text-decoration: none;
}
a{
    color: blue;
    text-decoration: underline;
}
textarea.descripcio{
    width: 200px;
    height: 80px;
}
div.Condicions > h1{
    font-size: 20px;
    text-align: center;
}
table.formSchema{
    width: 70%;
    margin-left: 5%;
}
.col1{
    width: 20%;
}
.col2{
    width: 25%;
}
#FormSubmit{
    margin-left: 40%;
    margin-top: 20px;
}
input.txt{
    width: 120px;
}
input.txt2{
    width: 250px;
}
input.output{
    background-color: #DDDDDD;
}
.float-right{
    float: right;
    color: #4579A9;
    max-height: 30px;
    width: 50%;
    min-width: 300px;
}
.marques div{
    position: relative;
    float: left;
    display: block;
}
.marques{
    margin: auto;
}
.marques td{
    height: 50px;
    width: 15%;
}
img.marca{
    max-height: 100%;
    max-width: 100%;
}
.telefon{
    width: 45%;
    min-width: 300px;
    float: left;
    margin-top: 10px;
}
.social{
    width: 50%;
    min-width: 200px;
    float: right;
    margin-top: 2px;
}
.social > a{
    float: right;
    padding-right: 5px;
}
.showHide { 
    display:none;
}
.form{
    float: left;
    width: 70%;
    min-width: 250px;
}
.extraDec{
    width: 45%;
    float: right;
    height: 250px;
}
.Condicions{
    clear: left;
}
textarea{
    width: 100%;
    height: 50px;
}
.alert-box{
    width: 40%;
    margin-left: 30%;
    min-width: 300px;
}

.success{
    font-weight: bold;
    color: #9eec68;
}
.avis{
    font-weight: bold;
    color: #fa6568;
}
.edit{
    font-weight: bold;
    color: #fa6568;
}
.errors{
    width: 30%;
    min-width: 300px;
    float: left;
}
table.condicions td{
    width: 10%;
}
.btnPrincipal{
    width: 75%;
    max-width: 330px;
    height: 50px;
    margin: 3px;
    text-transform: uppercase;
    font-weight: bold;
}
.captcha-div{
    width: 300px;
    margin-left: 10%;
}
.captcha-div img{
    width: 200px;
    max-width: 60%;
}
.captcha{
    height: 40px;
    width: 40px;
    vertical-align: bottom;
    background-color: #cbe036;
    border-radius: 20px;
    font-size: x-large;
}
.btnTornar{
    width: 150px;
    height: 40px;
    margin-left: 40%;
    margin-top: 15px;
    background-color:#9DC8F8;
}
@media screen and (max-width: 600px){
    .alert-box{
        margin-left: 0px;
    }
    .titol{
        height: 60px;
    }
    .errors{
        clear: left;
    }
    .top{
        height: 65px;
    }
    .social{
        clear: left;
    }
    .social > a{
        clear: left;
    }
    .contingut{
        overflow-x: hidden;
    }
    .errors{
        width: 100%;
        clear: left;
    }
    .alert-box{
        width: 100%;
    }
    .btnPrincipal{
        margin-left: 20px;
    }
    .btnTornar{
        margin-left: 30%;
    }
}
@media screen and (max-width: 450px){
    .contingut{
        width: 100%;
    }
}