html {height:100%}
body {margin:0; padding:0; background:#F7EBC4 url("/images/background.png") repeat-x; font-family:Verdana; font-size:13px; height:100%}
form {height:100%}
form > .login {height:auto;min-height:100%}
.clear {clear:both}
.field {background:url(/images/field.png) no-repeat;border:0;padding:4px;width:294px}
.fleft {float:left}
.fright {float:right;padding-right:3px}
.footerlogin {font-size:12px;position:relative;width:100%;margin-top:-115px;height:115px;clear:both}
.footerlogin .logo {margin:0 auto;display:block;padding-bottom:15px}
.footer {font-size:12px;position:relative;width:100%;padding-bottom:20px;height:20px;clear:both}
.footer .logo {margin:0 auto;display:block;padding-bottom:15px}
.login {margin-left:auto;margin-right:auto;width:383px;height:100%;}
.login h1, .login h2 {font-family:"Myriad Pro";font-weight:normal}
.login h1 {font-size:36px;padding-bottom:50px;padding-top:20px;margin:0}
.login h2 {font-size:26px}
.login .label {width:78px;padding:3px 0 15px 0}
.login .main {padding-bottom:115px}
.t-center {text-align:center}
.row::after{display: table; clear: both}
.column1 {float: left; width: 48%;} 
.column2 {float: right; width: 48%; padding-left:4%}
.controle {margin:auto; width:1000px; height:85%; text-align:center;}
.controle .cleft {border:2px solid}
.controle .cright {border:2px solid}
.controle .crightG {position:relative; border:2px solid; margin-top:8%; align-content:center}
.controle .paddingL {padding-left:20px}
.controle .paddingR {padding-right:20px}
.errorContent{margin:5px 0 0 10px;}
.wrapAg {width:1900px; margin:auto; position:relative;}

/*#region top*/
.top {padding:20px 0 0 0; text-align:center;position:relative}
    .top h1 {
        font-weight:normal;
        font-size:36px;
        font-family:"Myriad Pro";
        margin:0
    }
    .top .logo {
        position: absolute;
        left: 0;
    }
    .top .title {
        padding:12px 0 25px 0;
    }
    .top .menu {
        background:url(/images/bg-menu-center.png) repeat-x;
        height:40px;
        width:100%;
        border-radius:5px;
    }
    .top .welcome {
        height:25px;
        text-align:right;
    }

    .top .welcome a {
        color: #0066CC;
    }
/*#endregion*/

/*#region menu*/
.menu ul {
    list-style:none;
    margin:0;
    padding:0 10px;
}

    .menu ul li {
        float:left;
        height:31px;
        padding:0px 10px;
        margin-top:9px;
        color:#FFF;
        text-align:left
    }

        .menu ul li a {
            color:#FFF;
            text-decoration:none;
        }
        .menu ul li:hover a {
            color:#000;
        }
        .menu ul li:hover ul a {
            color:#fff;
        }

    .menu ul li.separator {
        background:url(/images/separator.png) no-repeat;
        width:2px;
        margin: 5px 10px 0;
        padding: 0;       
    }

    .menu .submenu {
        background:#8D8B8E;
        margin:13px 0 0 -20px;
        border-radius:0 0 5px 5px;
        display:none;
        position:absolute;
    }

    .menu .submenu li {
        float:none
    }

    .menu .submenu li:hover a {
        color:#000
    }

    .menu .subOpcoes {
        background:#8D8B8E;
        margin:13px 0 0 -20px;
        border-radius:0 0 5px 5px;
        display:none;
        position:absolute;
    }

    .menu .subOpcoes li {
        float:none;
    }

    .menu .subOpcoes li:hover a {
        color:#000
    }

    .menu .subConfiguracoes {
        background:#8D8B8E;
        margin:13px 0 0 -20px;
        border-radius:0 0 5px 5px;
        display:none;
        position:absolute;
    }

    .menu .subConfiguracoes li {
        float:none;
    }

    .menu .subConfiguracoes li:hover a {
        color:#000
    }

    .menu .subfecha {
        background:#8D8B8E;
        margin:13px 0 0 -20px;
        border-radius:0 0 5px 5px;
        display:none;
        position:absolute;
    }

    .menu .subfecha li {
        float:none;
    }

    .menu .subfecha li:hover a {
        color:#000
    }

/*#endregion*/

/*#region content*/
.content {
    background:#FFF;
    border:#B2B4B7 1px solid; 
    border-radius:5px;
    margin-top:10px;
    min-height:200px;
    padding:15px;
    margin-bottom:50px;
}

    .content h2 {
        font-weight:normal;
        font-family:Verdana;
        font-size:20px;
        margin-top:0;
    height: 26px;
}

    .content h3 {
        font-weight:normal;
        font-family:Verdana;
        font-size:16px;
        margin-top:0
    }

    .content table {
        border: 1px solid #CCCCCC;
        border-radius: 6px;
        color: #222222;
        text-align: left;
        }

        .content table tr.head {
            background: url("/images/bg-content-box.gif") repeat-x scroll 0 0 transparent;
            height: 40px;
            width: 100%;
        }

        .content table th {
            font-weight: bold;
            vertical-align: middle;
            padding-left: 10px;
        }

        .content table td {
            padding:10px
        }

        .content table .even {
            background:#F5F5F5;
        }

    .content .type {
        margin-bottom:12px;
        width:170px;
        clear:both;
        float:left
    }

    .content .value {
        float:left;
        width:226px
}

    .content .ttype {
        margin-bottom:12px;
        width:160px;
        clear:both;
        float:left
    }

    .content .vvalue {
        float:right;
        width:100px;        
}

    .content .date {
        padding:10px 10px 0 0;
        float:left;
        margin-right:70px
    }

        .content .date img {
            display: block;
            float: right;
            margin: 2px 5px;
        }
/*#endregion*/

.topNavigation {width:100%;}

.txt {width:300px;padding:5px;}

.multiline {height:80px;}

.group {margin-bottom:30px;}

.label {display:block;margin-bottom:5px;}

.btn {padding:10px 15px;}

.grid {width:350px;}