*{
    margin		   :        0;
    padding		   : 		0;
    border-collapse: collapse;
}

body {
    background-color : #777C42;
}


@font-face {
    font-family: "Open-Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
}

#container {
    width : 350px;
    min-height : 260px;
    height : auto;
    margin-left : auto;
    margin-right : auto;
    background-color : #FCFCFC;
    margin-top : 30px;
}

#titlePage {
    width : 100%;
    height : auto;
    border-bottom : 2px solid #5f6060;
    font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size : 1.8em;
    padding-top : 20px;
    color : #5f6060;
    margin-bottom: 20px;
}

#titlePage p {
    margin-left : 25px;
}

#divUser {
    width : 100%;
}

#divPassword {
    width : 100%;
}


input {
    margin-top : 10px;
    width : 120px;
    padding : 4px;
    margin-left : 115px;
    font-size : 0.9em;
}

#divButton {
    width : 100%;
    height : 20px;
    margin-top : 30px;
}

#divButton button {
    float : right;
    margin-right : 20px;
    padding : 4px;
    font-size : 15px;
}

#divButton button:hover {
    cursor : pointer;
}

#backToSite {
    width : 100%;
    height : auto;
    font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color : #5f6060;
    font-size : 0.9em;
    margin-bottom : 0px;
    margin-top : 10px;
}

#backToSite p {
    margin-left : 25px;
}


#labelError{
    margin-right : auto;
    margin-left : auto;
    margin-top : 28px;
    text-align : center;
    transition : opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
}

#labelError label{
    font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size : 2.2em;
    color : rgb(235,235,235);
}