@charset "utf-8";
/* CSS Document */

body {
        margin:0px;
        background-color: #ffffff;
        background-image:url(imagens/background17.jpg);
        background-repeat: repeat-x;
}

#todo {
        position: relative;
        width: 955px;
        margin:0px auto;
        background-color: white;
        list-style:none;
        border:none;
        display: table;

}


#linha_topo {
        position: relative;
        width: 955px;
        height: 40px;
        background-color: #f1f1f1;
}

#areacliente {
        float: right;
        width: 120px;
        height: 40px;
        text-align: center;
        background-color: #f1f1f1;
        margin-right: 5px;
        vertical-align:middle;
}

#home {
        float: right;
        width: 120px;
        height: 40px;
        text-align: center;
        background-color: #f1f1f1;
        margin-right: 5px;
        vertical-align:middle;
}

#linha_menu {
        position: relative;
        width: 955px;
        height: 97px;
}

#miolo {
        width: 955px;
        height: 100%;
}

.secao_miolo1 {
        width: 955px;
        height: 250px;
}

.secao_miolo2 {
        width: 955px;
        height: 230px;
        text-align: left;
        background-image:url(imagens/fundo_linha2.jpg);
        /*font-family: Times, serif;*/
        vertical-align: middle;
}

.secao_miolo3 {
        width: 955px;
        height: 200px;
        background-color: #f1f1f1;
}

.secao_miolo3e {
        width: 50%;
        height: 200px;
        text-align:center;
        float:left;
        margin:auto;

}

.secao_miolo3d {
        width: 50%;
        height: 200px;
        text-align:left;
        float:right;
}

.secao_miolo_geral {
        width: 100%;
        height: 600px;
        text-align: left;
        background-image:url(imagens/fundo_texto.jpg);
        background-repeat:repeat-x;
        vertical-align: middle;
        background-color:#fbfbfb;
}

.secao_miolo_tutorial {
        width: 100%;
        height: 720px;
        text-align: left;
        background-image:url(imagens/fundo_texto.jpg);
        background-repeat:repeat-x;
        vertical-align: middle;
        background-color:#fbfbfb;
}

.font14cinzabold {

        font-family: Tahoma, Verdana, Arial, Sans-Serif;
        font-size:14px;
        color:#333;
        /*font-weight:bold;   */
}

.font14brancobold {

        font-family: Tahoma, Verdana, Arial, Sans-Serif;
        font-size:14px;
        color:#FFF;
        font-weight:bold;
}

.font16verdebold {

        font-family: Tahoma, Verdana, Arial, Sans-Serif;
        font-size:16px;
        color:#015b64;
        font-weight:bold;
}

.font16pretobold {

        font-family: Tahoma, Verdana, Arial, Sans-Serif;
        font-size:16px;
        color:#000;
        font-weight:bold;
}

.font14branco {
        font-family: Tahoma, Verdana, Arial, Sans-Serif;
        font-size:14px;
        color:#FFF;
}

.font14verde {
        font-family: Tahoma, Verdana, Arial, Sans-Serif;
        font-size:14px;
        color:#015b64;
}

#areacliente a:link, a:active{font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; color: #3c3c3c; text-decoration: none; font-weight: bold;}
#areacliente a:visited{font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; color: #3c3c3c; text-decoration: none; font-weight: bold;}
#areacliente a:hover{font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; color: #06C; text-decoration: underline; font-weight: bold;}

#home a:link, a:active{font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; color: #1a4a78; text-decoration: none; font-weight: bold;}
#home a:visited{font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; color: #1a4a78; text-decoration: none; font-weight: bold;}
#home a:hover{font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; color: #06C; text-decoration: underline; font-weight: bold;}

#miolo a:link, a:visited, a:active{ font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 14px; color:#015b64; text-decoration: none; font-weight: bold;}
#miolo a:hover{font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 14px; color: #017f8c; text-decoration: underline; font-weight: bold;}

#menu {
text-align:center;
table-layout:auto;
}

#menu ul {
list-style: none;
}

#menu ul li{
display:inline;
}

#menu ul li a{
font:14px Tahoma, Verdana, Arial, Sans-Serif;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
float:left;
padding:10px 15px;
}

#menu ul li a:hover{
color:#05c4d5;
}


label {

        /*display: table;
        margin-top: 5px; */

}


/*Aqui são definidas as características das mensagens de erro do login*/
label.error {

        float: none;
        color:#FC3;
        /*margin: 0 .10em 0 0;*/
        vertical-align: top;
        font-size: 11px;
        background: url('imagens/erro.png') no-repeat;
        padding-left: 10px;
        /*margin-left: .10em;*/
        font-family: Tahoma, Verdana, Arial, Sans-Serif;
}


#linha_base {
        position: relative;
        width: 955px;
        height: 25px;
        background-color: #333333;
        font-family: Tahoma, Verdana, Arial, Sans-Serif;
        color: #ffffff;
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
        top:20%;
        margin-top:-5px;
}