/* 
    Created on : 02/08/2016, 19:01:47
    Author     : llotaula
*/

#maincolumn
{
	width: 800px;
}

#LoginErrorMsg
{
	text-align: center;
	margin-top: 20px;
	font-size: 25px;
	color: red;
}


@media only screen and (max-width:400px) {
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}

    section#login{
        border: black;
        border-style: solid;
        margin-left: 3%;
    }

    #titol{
        margin-left: 5%;

    }


    #boto{
        margin-left: 3%;
    }


}

@media only screen and (min-width:400px){
    .col-t-1 {width: 8.33%;}
    .col-t-2 {width: 16.66%;}
    .col-t-3 {width: 25%;}
    .col-t-4 {width: 33.33%;}
    .col-t-5 {width: 41.66%;}
    .col-t-6 {width: 50%;}
    .col-t-7 {width: 58.33%;}
    .col-t-8 {width: 66.66%;}
    .col-t-9 {width: 75%;}
    .col-t-10 {width: 83.33%;}
    .col-t-11 {width: 91.66%;}
    .col-t-12 {width: 100%;}

    section#login{
        border: black;
        border-style: solid;
        margin-left: 13%;
    }

    #titol{
        margin-left: 15%;

    }
    #formulari{
        text-align: center;
    }

}




@media only screen and (min-width:800px) {
    .col-d-1 {width: 8.33%;}
    .col-d-2 {width: 16.66%;}
    .col-d-3 {width: 25%;}
    .col-d-4 {width: 33.33%;}
    .col-d-5 {width: 41.66%;}
    .col-d-6 {width: 50%;}
    .col-d-7 {width: 58.33%;}
    .col-d-8 {width: 66.66%;}
    .col-d-9 {width: 75%;}
    .col-d-10 {width: 83.33%;}
    .col-d-11 {width: 91.66%;}
    .col-d-12 {width: 100%;}

    section#login{
        border: black;
        border-style: solid;
        margin-left: 20%;
    }

    #titol{
        margin-left: 15%;

    }
    #formulari{
        text-align: center;
    }


}




*{
    margin: 0;
    padding: 0;
}



section#login{
    border: black;
    border-style: solid;
    height: 200px;
}
#imatge{
    width: 100px;

}

#texte{
    font-family: 'Fjalla One', sans-serif;
    display: inline-block;
}

#titol{
    margin-top: 75px;

}


#formulari{
    font-size: 25px;
    font-family: 'Fjalla One', sans-serif;
    margin-top: 5px;
    margin-left: 5px;
}

#boto{
    margin-top: 15px;
}