html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:0 0}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

* {
    margin: 0;
    padding: 0;
}
       
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body { 
	font: 14px/1.4 Georgia, Serif; 
}

.center{
    margin: 0 auto; /*centralizando o conteúdo no navegador */
    width: 960px; /*largura do layout */     
}

/*.clearfix usado para adicionar um espaço vazio antes e depois dos elementos
  evitando que os floats se aglomerem.
*/
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*fim do clearfix*/

img, picture, video, embed {
    max-width: 100%; /*define a largura máxima em até 100%*/
}

/************************************************************************************
STRUCTURE
*************************************************************************************/

.box { float: left; }

#corpo { width: 960px; margin: 20px auto; }
#cabecalho { width: 100%; text-align: center; }

#instrucao { width: 100%; text-align: center; }
#instrucaoContent{padding:2%;}

#titulo { width: 100%; }

#envolucro { width: 100%; text-align: center; }
#info { width: 56%; float: left; padding: 2% }
#trocasenha { width: 36%; float: left; text-align: center; padding: 2% }

#pesquisa { width: 100%; text-align: center;}
#titulopesquisa { width: 30%; text-align: right; padding: 2%; float: left;  }
#textopesquisa { width: 16%; text-align: center; padding: 2%; float: left; }
#botoespesquisa { width: 42%; text-align: left; padding: 2%; float: left;  }

#lista { width: 100%; }
#quantidades { width: 30%; text-align: center; padding: 2%; }
#navega {width: 62%; text-align: center; padding: 2%; }

#login { width: 96%; text-align: center; padding: 2%; }
#senha { width: 96%; text-align: center; padding: 2%; }
#confere { width: 96%; text-align: center; padding: 2%; }
#botao { width: 96%; text-align: center; padding: 2%; }

#erro { width: 96%; text-align: center; padding: 2%; }

#main-img {
    height: 250px;
    width: 100%
} 

.labelE { font-family: Arial; font-size: medium;}
.textE { font-family: Arial; font-size: medium;}

.auto-style55 {
    width: 55%;
    height: 40px;
    float: left
}

.auto-style45 {
    width: 45%;
    height: 80px;
    float: right
}

.left50 {width: 48%; float: left; height: 45px;}

.P100 { width: 100%; text-align: center; height: 30px}


.BotaoAzul {
    background-color: #7F7F7F; 
    background-position:  10px 2px;
    background-repeat: no-repeat;
	-webkit-border-top-left-radius:15px;
	border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	text-indent:5px;
    padding-right: 10px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:40px;
	width:130px;
	text-decoration:none;
	text-align: right;
    background-size: contain; 
    }
.BotaoAzul:hover {
    background-position:  10px 2px;
    background-repeat: no-repeat;
	background-color:#44CC44;
}.BotaoAzul:active {
	position:relative;
	top:1px;
}

.texto0 {
    font-family: Arial;
    font-size:x-small ;
    font-weight: normal;
    color: #000070;
    text-align: left;
}

.texto1 {
    font-family: Arial;
    font-size: medium;
    font-weight: normal;
    color: #000070;
    text-align: left;
}

.texto1It {
    font-family: Arial;
    font-size: medium;
    font-style: italic;
    font-weight: normal;
    color: navy;
    text-align: left;
}

.texto2 {
    font-family: Arial;
    font-size: medium;
    font-weight: bold; 
    background-color: #7F7F7F; 
    color: #FFFFFF; 
    text-align: center; 
}

.imgcab {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(http://localhost:49782/Pictures/cabecalhoCPCG.jpg) no-repeat;
    /* width: 180px; /* Width of new image */
    /* height: 236px; /* Height of new image */
    /* padding-left: 180px; /* Equal to width of new image */
}

.clearfix {
    clear:both;
}

/* Tablet (980px) */
@media screen and (max-width: 980px) {
    #corpo { width: 94%; margin: 20px auto; }
    #cabecalho { width: 100%; }
    #instrucao { width: 100%; text-align: center; }
    #instrucaoContent { padding: 2%; }
    #titulo { width: 100%; }
    #info { width: 66%; padding: 2%; }
    #trocasenha { width: 26%; padding: 2%; }
    #pesquisa { width: 100%; text-align: center;}
    #titulopesquisa { width: 30%; text-align: right; padding: 2%; }
    #textopesquisa { width: 20%; text-align: center; padding: 2%; }
    #botoespesquisa { width: 38%; text-align: left; padding: 2%; }
    #lista { width: 100%; }
    #lista1 { width: 100%; }
    #quantidades { width: 35%; text-align: center; padding: 2%; }
    #navega {width: 57%; text-align: center; padding: 2%; }
    #login { width: 96%; text-align: center; padding: 2%; }
    #senha { width: 96%; text-align: center; padding: 2%; }
    #confere { width: 96%; text-align: center; padding: 2%; }
    #botao { width: 96%; text-align: center; padding: 2%; }
    #erro { width: 96%; text-align: center; padding: 2%; }

    .labelE { font-family: Arial; font-size:small; }
    .textE { font-family: Arial; font-size: small; }

    .BotaoAzul {
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        height: 35px;
        width: 105px;
    }

    .texto2 {
        font-family: Arial;
        font-size: small;
        font-weight: bold; 
        text-align: center; 
    }

    .auto-style55 {
        width: 100%;
        height: 40px;
        float: left
    }

    .auto-style45 {
        width: 100%;
        height: 70px;
        text-align: right;
        float: right
    }

    .imgcab {
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(http://localhost:49782/Pictures/cabecalhoCPCG.jpg) no-repeat;
        /* width: 180px; /* Width of new image */
        /* height: 236px; /* Height of new image */
        /* padding-left: 180px; /* Equal to width of new image */
    }

}

/* Phone Landscape (680px) */
@media screen and (max-width: 680px)  {
    #corpo { width: 94%; margin: 0 auto; }
    #cabecalho { width: 100%; }
    #instrucao { width: 100%; text-align: center; }
    #instrucaoContent{padding:2%;}
    #titulo { width: 100%; }
    #info { width: 71%; padding: 2%; }
    #trocasenha { width: 21%; padding: 2%; }
    #pesquisa { width: 100%; text-align: center;}
    #titulopesquisa { width: 56%; text-align: right; padding: 2%; }
    #textopesquisa { width: 36%; text-align: center; padding: 2%; }
    #botoespesquisa { width: 96%; text-align: center; padding: 2%; }
    #lista { width: 100%; }
    #quantidades { width: 35%; text-align: center; padding: 2%; }
    #navega { width: 57%; text-align: center; padding: 2%; }
    #login { width: 96%; text-align: center; padding: 2%; }
    #senha { width: 96%; text-align: center; padding: 2%; }
    #confere { width: 96%; text-align: center; padding: 2%; }
    #botao { width: 96%; text-align: center; padding: 2%; }
    #erro { width: 96%; text-align: center; padding: 2%; }

    .labelE { font-family: Arial; font-size: smaller;}
    .textE { font-family: Arial; font-size: smaller;}

    .BotaoAzul {
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        height: 30px;
        width: 90px;
    }

    .texto1 {
        font-family: Arial;
        font-size: x-small;
        font-weight: normal;
        color: #000070;
        text-align: left;
    }

    .texto1It {
        font-family: Arial;
        font-size: x-small;
        font-style: italic;
        font-weight: normal;
        color: navy;
        text-align: left;
    }

    .texto2 {
        font-family: Arial;
        font-size: smaller;
        font-weight: bold; 
        text-align: center; 
    }

    .imgcab {
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(http://localhost:49782/Pictures/cabecalhoMenorCPCG.jpg) no-repeat;
        /* width: 180px; /* Width of new image */
        /* height: 236px; /* Height of new image */
        /* padding-left: 180px; /* Equal to width of new image */
    }

}


/* Phone  (500px) */
@media screen and (max-width: 500px)  {
    #corpo { width: 94%; margin: 0 auto; }
    #cabecalho { width: 100%; }
    #instrucao { width: 100%; text-align: center; }
    #instrucaoContent{padding:2%;}
    #titulo { width: 100%; }
    #info { width: 71%; padding: 2%; }
    #trocasenha { width: 21%; padding: 2%; }
    #pesquisa { width: 100%; text-align: center;}
    #titulopesquisa { width: 56%; text-align: right; padding: 2%; }
    #textopesquisa { width: 34%; text-align: center; padding: 2%; }
    #botoespesquisa { width: 96%; text-align: center; padding: 2%; }
    #lista { width: 100%; }
    #quantidades { width: 96%; text-align: center; padding: 2%; }
    #navega { width: 96%; text-align: center; padding: 2%; }
    #login { width: 96%; text-align: center; padding: 2%; }
    #senha { width: 96%; text-align: center; padding: 2%; }
    #confere { width: 96%; text-align: center; padding: 2%; }
    #botao { width: 96%; text-align: center; padding: 2%; }
    #erro { width: 96%; text-align: center; padding: 2%; }

    .labelE { font-family: Arial; font-size: smaller;}
    .textE { font-family: Arial; font-size: smaller;}

    .texto1 {
        font-family: Arial;
        font-size: x-small;
        font-weight: normal;
        color: #000070;
        text-align: left;
    }

    .texto1It {
        font-family: Arial;
        font-size: x-small;
        font-style: italic;
        font-weight: normal;
        color: navy;
        text-align: left;
    }

   .texto2 {
        font-family: Arial;
        font-size: smaller;
        font-weight: bold; 
        text-align: center; 
    }

    .imgcab {
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(http://localhost:49782/Pictures/cabecalhoMenorCPCG.jpg) no-repeat;
        /* width: 180px; /* Width of new image */
        /* height: 236px; /* Height of new image */
        /* padding-left: 180px; /* Equal to width of new image */
    }
}

/* Phone Portrait (320px) */
@media screen and (max-width: 320px) {
    #corpo { width: 100%; margin: 0 auto; }
    #cabecalho { width: 100%; }
    #instrucao { width: 100%; text-align: center; }
    #instrucaoContent{padding:2%;}
    #titulo { width: 100%; }
    #info { width: 96%; padding: 2%; }
    #trocasenha { width: 96%; padding: 2%; }
    #pesquisa { width: 100%; text-align: center;}
    #titulopesquisa { width: 96%; text-align: center; padding: 2%; }
    #textopesquisa { width: 96%; text-align: center; padding: 2%; }
    #botoespesquisa { width: 96%; text-align: center; padding: 2%; }
    #lista { width: 100%; }
    #quantidades { width: 96%; text-align: center; padding: 2%; }
    #navega {width: 96%; text-align: center; padding: 2%; }
    #login { width: 96%; text-align: center; padding: 2%; }
    #senha { width: 96%; text-align: center; padding: 2%; }
    #confere { width: 96%; text-align: center; padding: 2%; }
    #botao { width: 96%; text-align: center; padding: 2%; }
    #erro { width: 96%; text-align: center; padding: 2%; }

    .labelE { font-family: Arial; font-size: x-small;}
    .textE { font-family: Arial; font-size: x-small;}

    .texto1 {
        font-family: Arial;
        font-size: x-small;
        font-weight: normal;
        color: #000070;
        text-align: left;
    }

    .texto1It {
        font-family: Arial;
        font-size: x-small;
        font-style: italic;
        font-weight: normal;
        color: navy;
        text-align: left;
    }

    .texto2 {
        font-family: Arial;
        font-size: x-small;
        font-weight: bold;
        text-align: center;
    }

    .imgcab {
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(http://localhost:49782/Pictures/cabecalhoMenorCPCG.jpg) no-repeat;
        /* width: 180px; /* Width of new image */
        /* height: 236px; /* Height of new image */
        /* padding-left: 180px; /* Equal to width of new image */
    }


}


        .Label2 {
            font-family: Verdana, Geneva, Tahoma, sans-serif; 
            font-size: small; 
            font-weight: normal; 
            color: #000070; 
            text-align: left; 
        }
        .Label4 {
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: smaller;
        }
        .LabelErro {
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: medium; 
            font-weight: normal; 
            color: #ff0000; 
            text-align: center; 
        }
        .Texto {
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: small;
            background-color: white;
            color: #000000;
        }
       .Info {
             background-color: #199ADA; 
             font-family: Verdana, Geneva, Tahoma, sans-serif; 
             font-size: medium; 
             color: #FFFFFF;
             padding: 4px;
             margin: 0px;
        }

        .Hover{
            background-color: lightgray;
            font-size: smaller;
            color: darkred;
        } 

        .Botao {
            font-family: Verdana, Geneva, Tahoma, sans-serif; 
            font-size: small;
            background-color: azure; 
            color: #000070; 
        }
                
       .LinhaNormal {
            font-family: Verdana, Geneva, Tahoma, sans-serif; 
            font-size: small;
            background-color: white;
        }
        .LinhaSelecionada {
            font-family: Verdana, Geneva, Tahoma, sans-serif; 
            font-size: small;
            background-color: lightgrey;
        }