@charset "utf-8";
body {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    background: #888;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
}
#container {
    width: 900px;
    margin: 0 auto;
    text-align: left;
}
#cont_admin{
    width:600px;
    margin:-30px 0 0 190px;
    height:100%;
    min-height: 300px;
}
#cont_admin_ped{
    width:650px;
    margin:0 0 0 145px;
    height:100%;
}#cont_admin_large{
    width:650px;
    margin:0 0 0 160px;
    height:100%;
}

.botao
{
    background-color: #b9d500;
    padding: 5px;
    margin-right: 3px;
    border-radius: 2px;
}




/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



#cont_com{
    width:850px;
    margin:0 auto;
    height:100%;
}
#header {
    margin-top:20px;
    height:108px;
    background-image:url(layoutimgs/header_2017.png);
    padding: 0 10px 0 20px;
}
#mainContent {
}
.item{
    margin:20px 0;
}
.itemTop{
    background-image:url(layoutimgs/itemTop.png);
    height:20px;
}
.itemBottom{
    background-image:url(layoutimgs/itemBottom.png);
    height:20px;
}
.itemCenter{
    background-image:url(layoutimgs/itemCenter.png);
    padding:20px;
    min-height:400px;
}

.topMenu{
    margin:20px 0;
}
.topMenuTop{
    background-image:url(layoutimgs/topMenuTop.png);
    height:20px;
}
.topMenuBottom{
    background-image:url(layoutimgs/topMenuBottom.png);
    height:20px;
}
.topMenuCenter{
    background-image:url(layoutimgs/topMenuCenter.png);
    padding:10px;
}
.buts a, .buts a:visited{
    background-color:#B9D304;
    padding:7px;
    margin:15px 0;
    float:right;
    color:#000;
    text-decoration:none;
    border:#B9D304 solid 1px;
}
.buts a:hover, .buts a:active{
    background-color:#888;
    padding:7px;
    margin:15px 0;
    float:right;
    color:#FFF;
    border:#B9D304 solid 1px;
}

#menu ul a, #menu ul a:visited{
    text-align:center;
    width:auto;
    display:block;
    background-color:#FFF;
    padding:7px;
    margin:2px 0 0 10px;
    color:#000;
    text-decoration:none;
}
#menu ul a:hover, #menu ul a:active{
    text-align:center;
    width:auto;
    display:block;
    background-color:#B9D304;
    padding:7px;
    margin:2px 0 0 10px;
    color:#000;
    text-decoration:none;
}

#breadCrumbs{
    margin-left:20px;
    float:left;
    color:#999;
}
#breadCrumbs a, #breadCrumbs a:visited{
    color:#000;
    text-decoration:underline;
}
#breadCrumbs a:hover, #breadCrumbs a:active{
    color:#B9D304;
    text-decoration:none;
}

.logOut a, .logOut a:visited{
    background-color:#B9D304;
    padding:7px;
    color:#000;
    text-decoration:none;
    border:#B9D304 solid 1px;
}
.logOut a:hover, .logOut a:active{
    background-color:#888;
    padding:7px;
    color:#FFF;
    border:#B9D304 solid 1px;
}
.formOutputs{
    font-size:10px;
}
.tablePar{
    background-color:#DDD;
}
.tableImpar{
    background-color:#FFF;
}
.tableL{
    border-right:#B9D304 solid 1px;
    text-transform:uppercase;
}
.tableC{
    border-right:#B9D304 solid 1px;
    width:90px;
    text-align:center;
}
.tableR{
    width:10px;
}
.tableRes{
    font-size:10px;
}
.tableRes a, .tableRes a:visited{
    color:#000;
    text-decoration:none;
}
.tableRes a:active, .tableRes a:hover{
    color:#888;
    text-decoration:underline;
}
#filtros{
    display:none;
}
#logos{
    display:none;
}
.pagination{
    margin:20px auto;
    text-align:center;
    font-size:10px;
}
.pagination a{
    padding:2px 5px;
    color:#000;
    background-color:#B9D304;
    border:1px solid #B9D304;
    text-decoration:none;
    font-weight:bold;
}
.pagination a:hover{
    color:#FFF;
    background-color:#888888;
    border:1px solid #B9D304;
    text-decoration:none;
}
.current{
    padding:2px 5px;
    color:#000;
    text-decoration:none;
    font-weight:bold;
}

.printer{
    display:none;
}

.minContentCenterHeight{
    min-height: 300px;
}
#pedidosFlux td{ background-color: #B9D304; text-align: center; padding: 7px 0; border: 1px solid #B9D304; }

.close-store a, .close-store a:visited {
    background-color: #b9d304;
    border: 1px solid #b9d304;
    color: #000;
    margin: 15px 0;
    padding: 7px;
    text-decoration: none !important;
}

.close-store a:hover, .close-store a:active {
    background-color:#888;
    padding:7px;
    margin:15px 0;
    color:#FFF;
    border:#B9D304 solid 1px;
}