﻿body 
{
    margin:0;
    padding:0;
}

/******************************* LayOut Principal Master ************************************/
.background
{
    background-color:#FF0000;
    width:100%;
    height:660px;
}
.cabe
{
    width:100%;
    height:90px;
    border-bottom: 1.9px dashed #CCC;
    border-top: 1.9px dashed #CCC;
    margin-bottom:4.5px;
    margin-top:1.5px;
    background-color:White;
}
.cabe .TituloApp 
{
        float:inherit;
        font-size: 2em;
        position:absolute;
        top:20px;
        left:25%;
        width:50%;
        text-align:center;
        z-index:1;
}
.cabe .logoArea
{
    float:left;
    width:159px;
    height:55px;
    background-image:URL("../Images/dow_logo.png");
    margin-top:18px;
    z-index:2;
}
.cabe .userArea
{
    float:right;
    width: 220px;
    height:45px;
    background-color:#F9F9F9;
    padding-left:4px;
}
.cabe .userArea .spanUserName
{
    background-image:URL("../Images/user_card.png");
    background-repeat:no-repeat;
    background-position:left bottom;
    padding: 15px 0 0 24px; 
    text-align:left;
    font-size: 0.8em;
}
.cabe .userArea .spanUserName img
{
    cursor:pointer;
    cursor:hand;
}
.cabe .userArea .logar
{
    text-align:right;
    padding-right:15px;
    padding-top:15px;
    text-decoration:none;
}
.cabe .userArea .logar a
{
    text-decoration:none;
    font-weight:bold;
}

.MenuArea
{
    width:100%;
    background-color: Gray;
    background-image:URL('../Images/bk_menus.jpg');
    background-image: linear-gradient(to top, white, gray);
    float:left;
    height:35px;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
}
.MenuArea div.m
{
    text-align:center;
    font-weight:bold;
    height:22px;
    padding:5px 0.5% 5px 0.5%;
    float:left;
    width:18.5%;
    border-left: 1px solid black;
    border-right: 1px solid white;
    background-color: Gray;
    background-image:URL('../Images/bk_menus.jpg');
    background-image: linear-gradient(to top, white, gray);
}
.MenuArea div.m:hover{ color:Red; text-shadow: 0 0 20px Red;}
.submn
{
    display:none;
    z-index:1010;
    position: relative;
    height:100px;
    background:none;
}
.submn div
{
    width:99%;
    height:30px;
    padding-top: 10px;
    background-color:White;
    border: 1px dashed #ccc;
    text-align:center;
    float:left;
    cursor:hand;
    cursor:pointer;
}
.submn div:hover
{
    width:99%;
    height:30px;
    padding-top: 10px;
    background-color:#ebebeb;
    border: 1px dashed #ccc;
    text-align:center;
    float:left;
    cursor:hand;
    cursor:pointer;
    color:red; 
    text-shadow: 0 0 20px red, 0 0 40px red, 0 0 80px red;
}

.navega
{
    background-color:#FEFEFE;
    height:20px !Important;
    width:99%;
    float:left;
    padding: 5px 0 0 1%;
}
.navega div
{
    font-size: 0.7em;
    text-decoration:none;
    color:Black;
    height:12px;
}
.navega div a,span
{
    /*background-color:#ccc;*/
}
.pagTitulo
{
    padding: 10px 0 3px 0;
    background-color:White;
    width:100%;
}
.pagTitulo h3
{
    font-size:1.1em;
    color:Black;
    text-align:center;
}
.pagTitulo div{ float:right; height:45px; width:auto; position:relative; top:2px; z-index:113; right:10px; margin-top:-60px;}
.pagTitulo div input { text-align:right; }

.hr
{
    height: 3px;
    background-color:Red;
    width:100%;
}

.pag
{
    border-top: 1.9px dashed #CCC;
    border-bottom: 1.9px dashed #CCC;
    width:100%;
    background-color:#FEFEFE;
    height:420px;
}

.rodaArea
{    
    width:100%;
    background-color:White;
    height:80px;
    border-bottom: 1.9px dashed #CCC;
    border-top: 1.9px dashed #CCC;
    margin-top:4.5px;
}
.rodaArea .block
{
    padding: 40px 0 0 2px;
    font-size:0.7em;
}

.form
{
    border-top: 1.9px dashed #CCC;
    border-bottom: 1.9px dashed #CCC;
    width:100%;
    background-color:#FEFEFE;
    height:420px;
}

.form .a .block{ margin-top:5px;}
.form .b .block{ margin-top:5px;}
.form .c .block{ margin-top:5px;}
.form .d .block{ margin-top:5px;}
.form .e .block{ margin-top:5px;}
.form .f .block{ margin-top:5px;}

.form input,select,textarea
{
    width:90%;
    border: 1.9px dashed #CCC;
    font-size:0.82em !Important;
    height:25px;
}

.form input:hover,select:hover,textarea:hover
{
    border: 1.9px dashed #CCC;
    background-color:#ebebeb;
    font-size:0.82em;
}

.form select:hover option
{
    border: 1.9px dashed #CCC;
    background-color: White;
    font-size:0.82em;
}

.form .olabel
{
    width: 90%;
    padding: 5px 0 0 1%;
    background-color:#ebebeb;
    font-weight:bold;
    border-bottom: 1px dashed #CCC;
    height:24px !Important;
}

.form input:button 
{
    background-color:#d3d3d3;
    width:120px;
    height:40px;
}

.error
{
    color:Red;
}
.validation-summary-errors
{
    color:Red;
}
.clicavel
{
    cursor:hand;
    cursor:pointer;
}

/*****************************botoes*************************/
.divBotoes{ width: 100%; text-align:center; margin-top: 30px; float:left;}
.divBotoes input{ margin-right: 15px;}
.bntCad
{
    background:none;
    background-image:URL("/Images/add.png");
    height:48px !Important;
    width:48px !Important;
    margin:0;
    padding:0;
    border:0;
    cursor:hand;
    cursor:pointer;
}
.bntOk
{
    background:none;
    background-image:URL("/Images/ok.png");
    height:48px !Important;
    width:48px !Important;
    margin:0;
    padding:0;
    border:0;
    cursor:hand;
    cursor:pointer;
}
.bntCancel
{
    background:none;
    background-image:URL("/Images/cancel.png");
    height:48px !Important;
    width:48px !Important;
    margin:0;
    padding:0;
    border:0;
    cursor:hand;
    cursor:pointer;
}
.bntVinc
{
    background:none;
    background-image:URL("/Images/Vinculagroup.png");
    height:48px !Important;
    width:48px !Important;
    margin:0;
    padding:0;
    border:0;
    cursor:hand;
    cursor:pointer;
}
.bntPrint
{
    background:none;
    background-image:URL("/Images/print.png");
    height:48px !Important;
    width:48px !Important;
    margin:0;
    padding:0;
    border:0;
    cursor:hand;
    cursor:pointer;
}
.bntDown
{
    background:none;
    background-image:URL("/Images/Download.png");
    height:48px !Important;
    width:48px !Important;
    margin:0;
    padding:0;
    border:0;
    cursor:hand;
    cursor:pointer;
}
/**********************************************pag config mibi *****************************************************/

fieldset
{
    border: 1px solid #ccc;
    height: 90px;
    width: 240px;
    margin: 20px 0 0 20px;
    float:left;
}
fieldset legend
{
    background-color:#ccc;
    width:99%;
    border-left : 1px solid #fff;
    border-right : 1px solid #fff;
    border-top: 1px solid #aaa;
    padding-top:1px;
    text-align:center;
    font-weight:bold;
}
fieldset div
{
    width:100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 18px;
    padding-top: 3px;
    text-align:center;
    cursor: hand;
    cursor: pointer;
}
fieldset div:hover
{
    background-color: #EAEAEA;
    width:100%;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
    height: 18px;
    padding-top: 3px;
    text-align:center;
    cursor: hand;
    cursor: pointer;
}

/*  ------------------------conteiners -----------------------*/

div .a{ width:100%; float:left;}
div .a .block{ width:48%; float:left;}

div .b{ width:100%; float:left;}
div .b .block{ width:32.5%; float:left; height:32px;}

div .c{ width:100%; float:left;}
div .c .block{ width:24%; float:left; height:32px;}

div .d{ width:100%; float:left;}
div .d .block{ width:19%; float:left; height:32px;}

div .e{width:100%; float:left;}
div .e .block{ width:16%; float:left; height:32px;}

div .f{width:100%; float:left;}
div .f .block{ width:14%; float:left; height:32px;}



/**************************************************---pag Usuario -- *********************************************************/

