@CHARSET "UTF-8";

body {
        font: 12pt Arial, Helvetica, sans-serif;
}

div#topbar {
        background-image: url("imagens/metrovia-logo.png");
        background-repeat: no-repeat;
        background-position: 15%;
        background-color: rgba(245,245,245,0.5);
        width  : 100%;
        height : 80px;
        padding: 0px;
        top :0.0%;
        left : 0%;
        position:absolute;
        float:none;
        overflow:auto;
        border-bottom: 1px solid rgba(220,220,220,0.5);
        box-shadow : 0px 0px 0px rgba(220,220,220,0.5);
}

div#contato {

/*        background-image: url("imagens/caixa-login.png");
        background-repeat: no-repeat;
        background-position: 100%;
        background-color: rgba(245,245,245,0.5);
        width  : 650px;
        height : 300px;
        padding: 0px;
        margin : auto;
        margin-top: 12%;
        border: 1px solid rgba(108,166,205,0.5);
        box-shadow : 0px 0px 4px rgba(0,0,255,0.5); */
}

div#contato h1 {
        font-size  : 15pt;
        text-transform : uppercase;
        padding: 15px;
        margin: 0px;
        color : white;
        text-shadow: 0px 0px 1px #FFFFFF;
        background-color: rgba(108,166,205,.5);
}

div#contato fieldset {
/*        border : 0;
        width:468px;
        height:133px;
        padding: 10% 10% 10% 20%;*/
}

div#contato form input, form textarea
{
        border:0;
        padding: 8px;
        background-color: rgba(255, 255, 255, .8);
        margin-bottom:5px;
        border:1px solid #6CA6CD;
        -moz-border-radius: 5px; /* Para Firefox */
        -webkit-border-radius: 5px; /*Para Safari e Chrome */
        border-radius: 5px; /* Para Opera 10.5+*/
	font: 10pt Arial, Helvetica, sans-serif;

}

div#contato input[type="submit"]
{
        border:0;
        padding: 8px 20px 8px 20px;
        background-color:#efefef;
        margin-top:18px;
        border:1px solid #6CA6CD;
        -moz-border-radius: 5px; /* Para Firefox */
        -webkit-border-radius: 5px; /*Para Safari e Chrome */
        border-radius: 5px; /* Para Opera 10.5+*/
}

div#contatoerror {
        background-image: url("imagens/warning.png");
        background-repeat: no-repeat;
        background-position: 1%;
        opacity: .7;
        position:absolute;
        float:none;
        overflow:auto;
        background-color: rgba(255,255,150,0.5);
        width  : 360px;
        height : 40px;
        padding: 5px;
        margin-left: 27%;
        margin-top: 4.5%;
        border:1px solid rgba(255 ,255 ,0 ,0.5);
        box-shadow : 0px 0px 4px rgba(255 ,255 ,0 ,0.5);
}

div#contatoerror h1 {
        font-size  : 10pt;
        padding: 11px;
        padding-left: 15%;
        margin: 0px;
        color : black;
}

footer#contatopage {
        font: 10pt Arial, Helvetica, sans-serif;
        text-align : center;
        background-color: rgba(255,255,255,.5);
        color : #AAA;
        width  : 75%;
        height : 10px;
        padding-top: 10px;
        bottom :0.0%;
        margin : auto;
        margin-top : 132px;
        border-top: 1px solid rgba(220, 220, 220, 1);
}