﻿/* RESET
----------------------------------------------------------*/

* { margin: 0; padding: 0; border: 0; outline: 0; list-style: none; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* DEFAULTS
----------------------------------------------------------*/
body { font-size: .80em; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #696969; }

a:link, a:visited { }

a:hover { color: #5E881B; text-decoration: none; cursor: pointer; }

a:active, a { color: #85C226; }

p { margin-bottom: 10px; line-height: 1.6em; }



/* HEADINGS   
----------------------------------------------------------*/

h3, h4, h5, h6 { font-size: 1.5em; color: #666666; font-variant: small-caps; text-transform: none; font-weight: 200; margin-bottom: 0px; }

h1 { font-size: 1.6em; padding-bottom: 0px; margin-bottom: 0px; }

h2 { font-size: 1.5em; font-weight: 600; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5, h6 { font-size: 1em; }

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0px; }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page { width: 1020px; background-color: #fff; margin: 0px auto; }

.header { position: relative; margin: 0px; padding: 0px; width: 100%; }

    .header h1 { font-weight: 700; margin: 0px; padding: 0px 0px 0px 0px; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em; }

.main { padding: 0px 5px; margin: 12px 0px 8px 0px; min-height: 420px; }

.leftCol { padding: 6px 0px; margin: 12px 8px 8px 8px; width: 200px; min-height: 200px; }

.footerLogin { width: 1020px; display: table; padding: 8px 0px 0px 0px; margin: 0px auto; margin-top: 100px; text-align: center; line-height: normal; border-top: 1px solid #EBEBEB; }


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink { /*    background-color:#3a4f63;*/ width: 100%; border-bottom: 1px #DEDEDE solid; height: 53px; padding-top: 0px; }

div.menu { padding: 4px 0px 4px 8px; margin-top: -10px; }

    div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; }

        div.menu ul li a, div.menu ul li a:visited { font-family: "Segoe WPC Light", Segoe UI, Helvetica, Arial; font-size: 20px; /*    background-color: #465c71;     border: 1px #4e667d solid;     color: #dde4ec;*/ color: #333333; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }

            div.menu ul li a:hover { color: #85C226; text-decoration: none; }

            div.menu ul li a:active { text-decoration: none; }

/* MENU LE
----------------------------------------------------------*/

a.menuCurrent { color: #85C226!important; }

#menuLE { width: 180px; float: left; }

    #menuLE h2 { font-family: "Segoe UI", Helvetica,Arial,sans-serif !important; font-size: 32px; font-weight: normal; color: #333; }

    #menuLE ul { list-style: none; padding-left: 0px; font-family: "Segoe UI",Helvetica,Arial,sans-serif; font-size: 14px; }

        #menuLE ul li { margin-bottom: 20px; }

            #menuLE ul li a { text-decoration: none; color: #666; }

                #menuLE ul li a:hover { text-decoration: none; color: #85C226; }

/* PAINEL DE NAVEGACAO
----------------------------------------------------------*/

#painelNavegacao { min-height: 350px; width: 820px; padding-left: 5px; float: left; }

    #painelNavegacao a { color: #85C226; }

        #painelNavegacao a:hover { color: #5E881B; }

    #painelNavegacao h2, #painelNavegacao p { color: #333; }


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset { margin: 1em 0px; padding: 1em; border: 1px solid #ccc; display: table; min-height: 220px; }

    fieldset p { margin: 2px 12px 5px 10px; }

    fieldset.login label, fieldset.register label, fieldset.changePassword label { display: block; }

    fieldset label.inline { display: inline; }

legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; color: #666; }

input.textEntry { width: 310px; border: 1px solid #ccc; }

input.passwordEntry { width: 310px; border: 1px solid #ccc; }

input.textEntry, input.passwordEntry { color: #999999; }
    input.textEntry:focus, input.passwordEntry:focus { color: #333333; }

.faixaTopoLogin { width: 100%; height: 70px; border-bottom: 1px solid #E5F5CC; background-color: #FFF; }

div.conteudo  {
    box-shadow: 10px 10px 5px #888;
    margin: 80px 80px 80px 80px;
    border: 1px solid #ccc;
    height: 440px;
}
div.conteudo ul > li{
    display: inline-block;   /* You can also add some margins here to make it look prettier */
    zoom:1;
    *display:inline; /* this fix is needed for IE7- */
}

div.conteudo ul > li:last-child {
    padding-bottom: 80px;

}

div.accountInfo { width: 254px;
    
    
    margin-left: 30px;

}

    div.accountInfo p { line-height: 0.95em; }

    div.accountInfo label { margin-bottom: 5px; }
    /*div.accountInfo input[type="submit"] { padding: 5px 8px; height: 32px; font-size: 13px; }*/
    div.accountInfo input[type="submit"]:hover { cursor: pointer; }
    div.accountInfo input[type="text"], div.accountInfo input[type="password"] { padding: 5px; }

div.texto {

    width: 552px;
    height: 340px;
    margin-left: 80px;
    margin-top: 31px;
   
    padding: 40px 30px 0 30px;
    background-color: #1a75ce;

}

div.texto p {
    text-align: justify;
    color: #fff;
}

div.texto p.parUltimo {
    padding-top: 40px;

}

div.cabecalho {
    position: absolute;
    top: 10px;
    width: 95%;
    text-align: right;
    
}

div.rodape li:first-child {

    padding-left: 168px;
}

div.rodape {
        bottom: 0;
    z-index:100;
    display:block;
	position:fixed;
	background-color:#fff;
    width:100%;

}
div.conteudo{

    width:1200px;
}

div.accountInfo , div.texto{ 

width:calc((100%-1200)/2);
}



.submit-Button { border: 1px solid #76AA22; color: white; text-shadow: 0 1px rgba(0, 0, 0, 0.1); background-color: #85C226; background-image: -webkit-gradient(linear,left top,left bottom,from(#85C226),to(#6A991E)); background-image: -webkit-linear-gradient(top,#85C226,#6A991E); background-image: -moz-linear-gradient(top,#85C226,#6A991E); background-image: -ms-linear-gradient(top,#85C226,#6A991E); background-image: -o-linear-gradient(top,#85C226,#6A991E); background-image: linear-gradient(top,#85C226,#6A991E); }

/* MISC  
----------------------------------------------------------*/

.clear { clear: both; }

.title { display: block; float: left; text-align: left; width: auto; margin: 16px 0px 0px 0px; }

.loginDisplay { font-family: Verdana; font-size: 10px; margin-top: 20px; float: right; text-align: right; padding: 8px; color: #666; }

    .loginDisplay a:link { color: #666; font-size: 11px; }

    .loginDisplay a:visited { color: #666; }

    .loginDisplay a:hover { color: #85C226; }
a#lkUsuarioLogadoLogoff:hover { color: Red; }

.failureNotification { font-size: 12px; color: Red; text-align: right; float: right; }

.bold { font-weight: bold; }

.submitButton { text-align: right; padding-right: 10px; }

/* Font Style */

/*@font-face { font-family: "Segoe WPC Light"; src: url("fonts/segoeuil.ttf") format("truetype"); font-style: normal; font-weight: normal; }*/

@font-face { font-family: "Segoe WPC Light"; src: url("fonts/SegoeWPC.ttf") format("truetype"); font-style: normal; font-weight: normal; }

@font-face { font-family: "Segoe UI Light"; src: url("fonts/segoeuil.ttf") format("truetype"); font-style: normal; font-weight: lighter; }

/*CUSTOM*/
.floatRight { float: right; }
.floatLeft { float: left; }

.middle { vertical-align: middle; }



/* TAB MENU   
----------------------------------------------------------*/
ul#menu { /*    border-bottom: 1px #DEDEDE solid;*/ padding: 0 0 2px; position: relative; margin: 0; text-align: left; float: left; height: 50px; }

    ul#menu li { display: inline; list-style: none; }

        ul#menu li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; }

        ul#menu li a { padding: 10px 20px; /*font-weight: bold;*/ font-family: "Segoe WPC Light", Segoe UI, Helvetica, Arial; font-size: 20px; text-decoration: none; line-height: 2.8em; /*    background-color: #e8eef4;*/ color: #333333; }

            ul#menu li a:hover { /*background-color: #fff;*/ text-decoration: none; color: #85C226; }

            ul#menu li a:active { /*    background-color: #a6e2a6;*/ text-decoration: none; }

        ul#menu li.selected a { background-color: #fff; color: Red; /*  color: #000;*/ }


/* MENU FOOTER
----------------------------------------------------------*/
ul#menuFooterLogin { /*    border-bottom: 1px #DEDEDE solid;*/ padding: 0 0 2px; position: relative; margin: 0; text-align: left; float: left; height: 50px; }

    ul#menuFooterLogin li { display: inline; list-style: none; }

        ul#menuFooterLogin li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; }

        ul#menuFooterLogin li a { padding: 10px 20px; /*font-weight: bold;*/ font-family: Verdana; font-size: 10px; text-decoration: none; line-height: 2.8em; /*    background-color: #e8eef4;*/ color: #333333; }

            ul#menuFooterLogin li a:hover { /*background-color: #fff;*/ text-decoration: none; color: #85C226; }

            ul#menuFooterLogin li a:active { /*    background-color: #a6e2a6;*/ text-decoration: none; }

        ul#menuFooterLogin li.selected a { background-color: #fff; /*  color: #000;*/ }

a.esqueciSenha { font-size: 11px; text-decoration: underline; margin-right: 8px; }

h1.titulo { font-family: "Segoe UI Light", "Segoe UI", Helvetica,Arial,sans-serif !important; font-size: 32px; font-weight: normal; color: #333; margin-bottom: 25px; }

.submitButton2 { background: #FFFFFF url("../Images/ArrowRight.png") no-repeat; vertical-align: top; width: 34px; height: 34px;margin-top: 8px; }/* */
/*table td input[type=submit] { margin-top:0px; padding-top:0px; top:0px; position:relative!important; vertical-align:top!important; }*/
#submitCell { width: 100%; text-align: right}
/*#imgLogoCell {  border:1px solid orange; background: url("../Images/logSIMRodape.png") no-repeat}*/
/*#Login1_LoginButton { border:1px solid red; }*/