body 
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    font-family: 'Trebuchet MS',Verdana,'Helvetica Neue', Helvetica, sans-serif; 
	background: #FFFFFF url('images/fundo.png') top left repeat-x fixed;
    font-size: small;
}

strong
{
    font-weight: bolder;
}

a, a:visited
{
    text-decoration: none;
    color: blue;
}

/*
@media (min-width: 640px) { body {font-size:1rem;} }
@media (min-width:960px) { body {font-size:1.2rem;} }
@media (min-width:1100px) { body {font-size:1.5rem;} }
*/

.logoPrincipal
{
    width: 100%;
}

.TituloOpcoes
{
    font-size: 18pt;
    color: Gray;
}

.GP
{
    display: block;
}

.pCampanha
{
    font-size: large;
   	background: #FFFFFF url('images/fundoAlt.png') top right repeat-y fixed;
}


.Tabela 
{
	width: auto;
	text-align: center;
}

.TabelaCampos
{
    clear: both;
    margin-left: auto;
    margin-right: auto;
   	background: #FFFFFF url('images/fundoAlt.png') top right repeat;
    border: 1px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-weight: bolder;
}

.LegendaEnvioPedido
{
    background-color: Blue;
    color: White;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 150%;
    border: 1px solid black;
}

.LegendaTextoEnvioPedido
{
    background-color: lightgray;
    color: blue;
    font-weight: bold;
    width: 100%;
    text-align: center;
    font-size: 150%;
}

.LegendaRetiradaCaixa
{
    background-color: darkgreen;
    color: White;
    font-weight: bold;
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 150%;
    border: 1px solid black;
}

.LegendaTextoRetiradaCaixa
{
    background-color: lightgray;
    color: darkgreen;
    font-weight: bold;
    width: 100%;
    text-align: center;
    font-size: 150%;
}

.LegendaCampanha
{
    text-align: center;
    margin-bottom: auto;
    margin-top: auto;
    font-weight: bold;
    background-color: transparent;
    color: white;
    display: inline-block;
    font-size: 125%;
}

.BotaoCamp
{
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
}

.TextoEndereco
{
    font-size: 10pt;
    display: block;
    min-height: 115px;
    color: white;
    text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.4);
}

.SerRevendedora
{
    background-image: url('images/revistas50a.png');
    background-repeat: no-repeat;
    background-position: center;
    color: white;
}

.SerRevendedora div
{
    font-size: 110%;
    font-weight: normal;
}

.AbelhaRainha
{
    background-image: url('images/capasAB.png');
    background-repeat: no-repeat;
    background-position: center;
    color: white;
}

input[type=text], input[type=password], select {
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: -2px;
    border: 0.5px solid #c7d0d2;
    border-radius: 1px;
    box-shadow: inset 0 1px 3px rgba(190, 190, 190, 0.4), 0 0 0 3px #f5f7f8;
    font-size: medium;
    width: 100%;
}


label
{
    line-height: 25px;
    width: 100%;
}

div
{
	margin: 2px;
}

.FreezePaneOff
{
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.FreezePaneOn
{
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #666;
    z-index: 999;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    opacity:0.85;
    padding-top: 20%;
}

.InnerFreezePane
{
    text-align: center;
    width: 66%;
    background-color: #171;
    color: White;
    font-size: large;
    border: dashed 2px #111;
    padding: 9px;
}

.divTable
{
    font-size: small;
    display:  table;
    width:auto;
    background-color: transparent;
    border:1px solid  #666666;
    border-spacing:5px;/*cellspacing:poor IE support for  this*/
    /* border-collapse:separate;*/
}

.divRow
{
    display:table-row;
    width:auto;

}

.divCell
{
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width: 100px;
}

.divCell2
{
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width: 280px;
}

.divInfo
{
    display: inline-block;
    min-width: 80%;
    overflow: hidden;
}

.imgSelecioneLojaPreenchaEmail
{
    width: 90%;
}

.botaoEnviar
{
    background-image: url('/images/btnEnviarGrande.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    background-color: transparent;
    height: 200px;
    width: 100%;
}

.botaoContinuar
{
    background-image: url('/images/btnContinuar.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    background-color: transparent;
    height: 86px;
    width: 100%;
}

.botaoNovo
{
    height: 0px;
    visibility: collapse;
}

.divGrade
{
    overflow-y: scroll;
    height: 200px;
    width: 100%;
    font-size: 125%;
}

.divGrade2
{
    overflow-y: scroll;
    width: 100%;
    font-size: 90%;
}

.divGrade table
{
}

.divGrade tr
{
    background-color: yellow;
    border: none;
}

.divGrade th
{
    background-color: darkorange;
    border: 1px solid lightgray;
}

.divGrade td
{
    border: 1px solid lightgray;
    text-overflow: ellipsis;
    overflow: hidden;
    color: black;
    word-break: normal;
    white-space: nowrap;
}

.divGrade2 td
{
    border: 1px solid lightgray;
    word-break: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.divGrade a
{
    color: black;
    font-weight: normal;
}

.MenuPrincipal
{
    min-height: 420px;
}

.MenuPrincipal a, .MenuPrincipal a:visited, .MenuPrincipal a, .MenuPrincipal a:hover
{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
    font-weight: bolder;
    color: white;
    font-size: 115%;
    white-space: nowrap;
}
			
.MenuPrincipal img
{
    margin-top: 15px;
}

.Calendario a, .Calendario a:visited, .Calendario a, .Calendario a:hover
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
    font-weight: bolder;
    color: white;
    font-size: 100%;
}

.Calendario table
{
}

.Calendario tr
{
}

.Calendario th
{
    background-color: #0099CC;
    border: 1px solid lightgray;
}

.MesCalendario
{
    font-size: 130%;
    font-weight: bold;
}

.DiaSemanaCalendario
{
    font-size: 100%;
}

.DiaCalendario
{
    font-size: 120%;
}

.Aviso {
    font-size: 130%;
    line-height: 32px;
    color: black;
}

.Ajuda
{
    display: inline-block;
    line-height: 20px;
}

.Ajuda span
{
    font-size: 110%;
    color: black;
    display: inline-block;
    vertical-align: middle;
    float: right;
    height: 32px;
    line-height: 32px;
}

.Ajuda img
{
    display: inline-block;
    vertical-align: middle;
    float: left;
}

/* Easy Tooltip */

#easyTooltip
{
	padding:5px 5px;
	border:1px solid #5e5e5e;
	background-color: yellow;
	color: black;
    margin-top: 30px;
    visibility: collapse;
}
					
/* // Easy Tooltip */


input[type=button], input[type=submit], input[type=image]
{
    background-color: darkorange;
    border: 2px solid white;
    color: white;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: large;
    font-weight: bolder;
    border-radius: 4px;
    white-space: normal;
}

input[type=button]:hover:enabled, input[type=submit]:hover:enabled, input[type=image]:hover:enabled
{
    background-color: yellow;
    border: 2px solid black;
    color: black;
}

input:disabled
{
    background-color: lightgray;
    color: darkgray;
}

.highlight {
  border: 2px solid gray;
  background-color: yellow;
}

.oculto
{
    height: 0px;
    visibility: collapse;
}

.rbl
{
    width: 100%;
    font-size: large;
}

.rbl input[type="radio"]
{
    margin-left: 20px;
    margin-right: 5px;
}

.rbl label
{
    width: 88%;
}

.divInstrucoes
{
    background-color: lightyellow;
    color: black;
    line-height: 22px;
    font-size: medium;
    width: 70%;
    border: 2px solid black;
    padding: 15px;
   	background: lightyellow url('images/important2.png') top center no-repeat;
}

.divInstrucoesOculta
{
    visibility: collapse;
}

.with_backgroundcolor
{
    background-color: darkorange !important;
    padding-bottom: 5px;
}

input[type=checkbox] {
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    width: 12px;
    background-color: yellow;
    text-align: center;
    display: table;
}

label {
    padding-right: 10px;
    display: inline-block;
    width: 25%;
    color: white;
    font-weight: bold;
}

.fulllabel label {
    width: 100%;
}