#conteudo>h1, #conteudo>#litDescricaoPagina {
  display: block;
}

#conteudo>#ContentPlaceHolder1_PanelNaoLogado {
  margin-top:30px;
}

#conteudo>#ContentPlaceHolder1_PanelNaoLogado>.panel {

}

#conteudo>#ContentPlaceHolder1_PanelNaoLogado>.panel>h2 {
  font-size:15px;
  padding:15px 5px 10px 10px;
}

#conteudo>#ContentPlaceHolder1_PanelNaoLogado>.panel>.campo.inline {
  margin: 15px 0;
  float: left;
}

#conteudo>#ContentPlaceHolder1_PanelNaoLogado>.panel>.campo.inline label {
  width:auto !important;
  height: 25px;
  margin-top: 4px;
}

#conteudo>#ContentPlaceHolder1_PanelNaoLogado>.panel>.campo.inline input {
  float:left;
  border-color: #ccc;
  height: 25px;
  line-height: 25px;
}

#conteudo>#ContentPlaceHolder1_PanelNaoLogado>.panel>span {
  margin-top: 25px;
  float: left;
}

#header {
  margin:0 auto;
}

#header>#box-login {
  width:1000px;
  margin:20px auto;
}

#header>#box-login>#caixa {
  background:url(images/box-login.png) 0 0 no-repeat;
  width: 201px;
  height: 201px;
  float:left;
  position:absolute;
  margin-left:13px;
}

#header>#box-login>#caixa>#logo {
  margin:0 auto;
  height:85px;
  float: none;
  background-size:auto;
}


#header>#box-login>#caixa>#campoLogin {
  position:relative;
  clear: both;
  float: left;
}

#header>#box-login>#caixa>#campoLogin table table {
  margin: 10px 0 0 10px;
}

#header>#box-login>#caixa>#campoLogin label {
  color:#999;
}

#header>#box-login>#caixa>#campoLogin span {
  color:#FFF;
  margin-left:2px;
}

#header>#box-login>#caixa>#campoLogin input[type=text],
#header>#box-login>#caixa>#campoLogin input[type=password]{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height:25px;
  margin:3px 0 0 3px;
  box-shadow:none;
  padding-left:5px;
  line-height:25px;
}

#header>#box-login>#caixa>#campoLogin input[type=text] {
  width:110px !important;
}

#header>#box-login>#caixa>#campoLogin input[type=password] {
  width: 73px !important;
}

#header>#box-login>#caixa>#campoLogin input[type=submit] {
  border:none;
  background:#474747;
  text-shadow:none;
  box-shadow:none;
  margin:0;
  float:left;
  width:30px;
  height:28px !important;
  color:#fff !important;
  font-size:12px;
  position:absolute;
  margin: -39px 0 0 -37px;
}

#header>#box-login>#caixa>#campoLogin input[type=submit]:hover {
  background-color:#5e5e5e;
}

#header>#box-login>#caixa>#campoLogin .error {
  position:absolute;
  margin:8px 0 0 10px;
  border:none;
  color:#e04444;
  font-style:italic;
  font-size:13px;
}

#header>#box-login>#caixa>#campoLogin .errorUser {
  position:absolute;
  margin:68px 0 0 10px;
  border:none;
  color:#e04444;
  font-size:13px;
  font-style:italic;
}


#header>#box-login>#banner {
  float:right;

}



#header>#menu {
  background:#333;
  margin:0 auto;
  display:table;
}

#header>#menu>#Control_Login1_Logado {
  width:1000px;
  margin: 8px auto 0 auto;
  color:#FFF;
}

#header>#menu>#Control_Login1_Logado span {
  color:#fff;
}

#header>#menu>#Control_Login1_Logado #Control_Login1_LoginStatus1 {
  color:#fd6a5e !important;
}


#header>#menu>ul {
  width:1000px;
  margin:0 auto;
  float:none;
}

#header>#menu>ul>li>a {
  font-size:16px;
}

#header>#menu>ul>li>a:hover {
  background:#474747;
}


#menu-logado {
  width:1000px;
  height: 35px;
  margin:0 auto;
}

#menu-logado>#logo {
  background-size:auto;
}

.logoUser {
  float:left !important;
  height:90px !important;

}

#menu-logado>#perfil {
  margin-top:40px;
}

#menu-logado>#nav {
    background: #389bca; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzM4OWJjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwODRiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  #389bca 1%, #0084b2 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#389bca), color-stop(99%,#0084b2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #389bca 1%,#0084b2 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #389bca 1%,#0084b2 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #389bca 1%,#0084b2 99%); /* IE10+ */
  background: linear-gradient(to bottom,  #389bca 1%,#0084b2 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#389bca', endColorstr='#0084b2',GradientType=0 ); /* IE6-8 */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width:100%;
}



#wrapper>#conteudo {
  background:none;
}

#wrapper>#conteudo>#texto {
  margin:20px;
  line-height:20px;
  font-size:13px;
}

#wrapper>#conteudo>#img {
  margin-left:20px;
  float:left;
}

#wrapper>#conteudo>#textoLife {
  line-height:20px;
  font-size:13px;
}


.Title {
  clear: both;
  padding: 30px 0 20px 0;
  text-align:left;
}

.Title > .report-period {
    float: right;
    padding-top: 10px;
    font-size: 14px;
}

.Title>div {
  float:left;
  margin: 2px 5px 0 0;
}

.Title>span {
    font-size: 25px;
  color:#717171;
}

#chart1, #chart2, #chart3, #chart4, #chart5 {
  display: block;
  float: left;
  width: 475px;
  height: 300px;
  color: #fff;
}

#calendar {
  width: 450px;
  margin-top: 0;
  margin-right: 12px;
}

#calendar h2 {
  font-size: 12px;
}


#perfil {
  float:right;
  margin: 0 12px 0 0;
  height: 38px;
  width: auto;
  text-align: right;
}

#buttons2 {
  position: absolute;
  bottom: 15px;
  width: 483px;
  margin-top: 0;
  z-index: 999;
  text-align:right;
}

#buttons2 > span.ui-button-wrap {
  background: none !important;
  border: none !important;
}

#buttons2 > #prev2,
#buttons2 > span > #prev2 {
  width: 35px;
  height: 35px;
  background: #fff url(images/prev.png) no-repeat 0 0;
  border: 0;
  cursor:pointer;
}

#buttons2 > #prev2:hover,
#buttons2 > span > #prev2:hover {
  width: 35px;
  height: 35px;
  background: #fff url(images/prev.png) no-repeat -35px 0;
  border: 0;
}

#buttons2 > #next2,
#buttons2 > span > #next2 {
  width: 35px;
  height: 35px;
  background: #fff url(images/next.png) no-repeat 0 0;
  border: none;
  cursor: pointer;
}

#buttons2 > #next2:hover,
#buttons2 > span > #next2:hover {
  width: 35px;
  height: 35px;
  background: #fff url(images/next.png) no-repeat -35px 0;
  border: 0;
}

#perfil>ul, .slideshow {
  display:inline-block;
  float: left;
}

#perfil>ul>li>label {
  width:auto;
}

#perfil li {
  list-style: none;
}

#iconPerfil {
  display: inline-block;
  float: right;
  width: 25px;
  height: 25px;
  margin: 3px 5px;
  background: url(images/iconPerfil.png) no-repeat 0 0;
}

#iconPerfil.ativo {
  background:url(images/iconPerfil.png) no-repeat -25px 0;
}

#blocos {
  width: 960px !important;
  height: 135px;
  display:block;
  clear:both;
  margin: 0 auto;
  text-align:center;
}

#blocos>#vendaHJ, #blocos>#itensHJ, #blocos>#pedidosHJ {
  width: 245px;
  height:90px;
  display:block;
  float:left;
  margin: 0 16px;
  text-align:left !important;
   font-family: "Helvetica Neue", 'Open Sans', Helvetica, Arial, sans-serif;
}

#blocos .icon{
  position:absolute;
  right:5px;
  bottom:5px;
  z-index:1
}

#blocos .icon i {
  color:rgba(0,0,0,0.1);
}

#blocos .icon i{
  font-size:100px;
  line-height:0;
  margin:0;
  padding:0;
  vertical-align:bottom
}

#blocos .icon i:before{
  margin:0;
  padding:0;
  line-height:0;
}


#blocos>#vendaHJ {
  background:#f56954;
    position:relative;
  display:block;
  padding:20px;
  margin-bottom:10px;
  overflow:hidden;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding;
  background-clip:padding-box;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out
}
#blocos>#vendaHJ:hover {
  background:#de5442;
}


#blocos>#itensHJ {
  background:#00a65a;
    position:relative;
  display:block;
  padding:20px;
  margin-bottom:10px;
  overflow:hidden;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding;
  background-clip:padding-box;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out
}


#blocos>#itensHJ:hover {
  background:#009348;
}

#blocos>#pedidosHJ {
  background:#00c0ef;
    position:relative;
  display:block;
  padding:20px;
  margin-bottom:10px;
  overflow:hidden;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding;
  background-clip:padding-box;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out
}

#blocos>#pedidosHJ:hover {
  background:#00aedc;
}

#blocos>#vendaHJ>label, #blocos>#itensHJ>label, #blocos>#pedidosHJ>label {
  font-weight:600;
  font-size:18px;
  color:#fff;
  width:auto;
  display:block;
}

#blocos>#vendaHJ>span, #blocos>#itensHJ>span, #blocos>#pedidosHJ>span {
  font-weight:normal;
  font-size:12px;
  color:#fff;
  width:auto;
  display:block;
}

#blocos>#vendaHJ>p, #blocos>#itensHJ>p, #blocos>#pedidosHJ>p {
  font-weight:normal;
  font-size:27px !important;
  font-weight:bold;
  color:#fff;
  margin-bottom:20px;
}

.tzCheckBox{
  position: relative;
  display: inline-block;
  min-width: 60px;
  height: 33px;
  margin-left: 14px;
  line-height: 33px;
  white-space: nowrap;
  background: url('images/background.png') no-repeat right bottom;
  cursor: pointer;
}

.tzCheckBox.checked{
  background-position:top left;
  margin:0 14px 0 0;

}

.tzCheckBox .tzCBContent{
  color: white;
  line-height: 31px;
  padding-right: 38px;
  text-align: right;

}

.tzCheckBox.checked .tzCBContent {
  padding: 0 0 0 38px;
  text-align: left;
}

.tzCBPart{
  position: absolute;
  top: 0;
  left: -14px;
  overflow: hidden;
  width: 14px;
  height: 33px;
  background: url('images/background.png') no-repeat left bottom;
}

.tzCheckBox.checked .tzCBPart{
  right: -14px;
  left: auto;
  background-position: top right;
}




/* Tiny Scrollbar */
#scrollbar1 {
  width: 100%;
  margin: 0 12px 10px 0;
}

#scrollbar1 .viewport {
  position: relative;
  width: 360px;
  height: 300px;
  overflow: hidden;
}

#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width:100%;}
#scrollbar1 .scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
#scrollbar1 ul li {
  border-bottom: 1px dashed #ccc;
  margin:5px;
  padding:10px;
  text-align:left;
  font-size:13px;
}

#scrollbar1 ul li a,  #scrollbar1 ul li strong{
  color:#666;
}

#scrollbar1 ul li a span.red {
  /*color:#fd6a5e;*/
  font-style:italic;
}

#scrollbar1 ul li a span.green {
  /*color:#00b56a;*/
  font-style:italic;
}

.jqplot-title {
  width:435px;
  height:19px !important;
  box-shadow:1px  inset #000;
  padding:11px 8px 9px 8px !important;
  font-size: 20px !important;
  margin-bottom:10px;
  display:block;
  position:absolute;
   font-family: "Helvetica Neue", 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight:normal !important;
  color:#fff;
}

#chart1, #chart3, #chart4, #chart5 {
  margin-left:5px;
}

#chart5 {
  margin-top: 0 !important;
  text-align: center;
}

#scrollbar1 label {
  width:435px;
  background:#00add7;
  padding:9px 8px;
  font-size:20px;
  color:#fff;
  text-align:center;
  font-weight:normal;
  display:none;
}


#chart6 {
  border:none;
}

#chart1 .jqplot-title {
  width:435px !important;
}


#chart6 .jqplot-title {
  background: none;
}

.jqplot-table-legend {
  padding:3px;
   font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size:12px;
}

.jqplot-pie-series {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #fff;
}

tspan:nth-child(1) {
  font-size:15px;
   font-family: "Helvetica Neue", 'Open Sans', Helvetica, Arial, sans-serif !important;
  font-weight:normal;
}

tspan:nth-child(2) {
   font-family: "Helvetica Neue", 'Open Sans', Helvetica, Arial, sans-serif !important;
  font-weight:bold;
  font-size:25px;
}

.tituloBloco {
  display: block;
  float: left;
  width: 270px;
  font-size: 20px;
  padding: 5px 0;
  height: auto;
}


/*----------------------------------------------------*/



#grafico1, #grafico2 {
  clear:both;
  display:block;
  float:left;
  text-align: center;
}

#grafico2 {
  margin-bottom:30px;
}

.jqplot-axis div {
  color:#666;
}
