/* CSS basico para GTRAN */
                
                html,body { 
                       font-size: 10px; 
                       font-family: Tahoma, sans-serif; 
                       color: #333; 
    		       width: 100%;
                       height:100%;
                      }

		/*
        h1 {
			margin-bottom: 1rem;
			text-align: center;
		   }

        h2{
          text-align: center;
          }

        h3{
          text-align: center;
          }

        h4{
          text-align: center;
          }

        h5{
          text-align: center;
          }
          */

		* {
			margin: 0;
			padding: 0;
		}

		fieldset {
			border: 0;
		}

		body, input, select, textarea, button {
			font-family: sans-serif;
			font-size: 1em;
		}
		
		.grupo:before, .grupo:after {
			content: " ";
			display: table;
		}
		
		.grupo:after {
			clear: both;
		}

		.campo {
			margin-bottom: 1em;
		}

		.campo label {
			margin-bottom: 0.2em;
			color: #666;
			display: block;
		}

		fieldset.grupo .campo {
			float:  left;
			margin-right: 1em;
		}

		.campo input[type="text"],
		.campo input[type="email"],
		.campo input[type="url"],
		.campo input[type="tel"],
		.campo select,
		.campo textarea {
			padding: 0.2em;
			border: 1px solid #CCC;
			box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
			display: block;
		}

		.campo select option {
			padding-right: 1em;
		}

		.campo input:focus, .campo select:focus, .campo textarea:focus {
			background: #FFC;
		}

		.campo label.checkbox {
			color: #000;
			display: inline-block;
			margin-right: 1em;
		}

		.botao {
			font-size: 1.0em;
			background: #606060;
			border: 0;
			margin-bottom: 1em;
			color: #FFF;
			padding: 0.2em 0.6em;
			box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
			text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		}

		.botao:hover {
			background: #FB0;
			box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2);
			text-shadow: none;
		}

		.botao, select, label.checkbox {
			cursor: pointer;
		}

/*----------------- GIF ANIMADO DE ESPERA DE PROCESSAMENTO -------------------*/

         .loader {
         	position: fixed;
         	left: 0px;
         	top: 0px;
         	width: 100%;
         	height: 100%;
         	z-index: 9999;
         	background: url('http://i.imgur.com/zAD2y29.gif') 50% 50% no-repeat white;
         }


/*----------------- CSS MENU TITULO -------------------*/

#headerwrapper {
  background:#f0f0f2;
  width: 100%;
  height: 60px;
  position: relative;	
  z-index:2;
}

/*----------------- CSS CORPO -------------------*/
#corpo {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index:1;
  margin: 0; 
  padding: 0;
  align:center;
  text-align: left;
  margin-top: 10px;       /*--- Margem no Topo*/
  
  /*
  h2{
  text-align: center;
  }
  */
  
}


/*----------------- CSS MANUT -------------------*/
#manut {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index:1;
  margin: 15px; 
  padding: 0;
  margin-top: 10px;       /*--- Margem no Topo*/

  /*
  h2{
  text-align: center;
  }
  */
  

} 

/*----------------- CSS DE TABELAS -------------------*/
table {
  border-collapse: separate;
  border-spacing: 0;
  color: #4a4a4d;
  font: 10px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: auto;
  margin-right: auto;
}

th,
td {
  padding: 10px 15px;
  vertical-align: top;
}
thead {
  background: #395870;
  color: #fff;
}

th {
  font-weight: bold;
}
th:first-child {
  text-align: left;
}
tbody tr:nth-child(even) {
  background: #f0f0f2;
}
td {
  border-bottom: 1px solid #cecfd5;
  border-right: 1px solid #cecfd5;
}
td:first-child {
  border-left: 1px solid #cecfd5;
}
.book-title {
  color: #395870;
  display: block;
}
.item-stock,
.item-qty {
  text-align: center;
}
.item-price {
  text-align: right;
}
.item-multiple {
  display: block;
}
tfoot {
  text-align: right;
}
tfoot tr:last-child {
  background: #f0f0f2;
}

/*----------------- CSS TABELAS TEMA-------------------*/
table.tema {
  border-collapse: separate;
  border-spacing: 0;
  color: #4a4a4d;
  font: 10px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: auto;
  margin-right: auto;
}

table.tema th, td {
  padding: 10px 15px;
  vertical-align: top;
}

table.tema thead {
  background: #ed9121;
  color: #000000;
}


table.tema th {
  font-weight: bold;
}
table.tema th:first-child {
  text-align: left;
}
table.tema tbody tr:nth-child(even) {
  background: #fae3c6;
}
table.tema td {
  border-bottom: 1px solid #cecfd5;
  border-right: 1px solid #cecfd5;
}
table.tema td:first-child {
  border-left: 1px solid #cecfd5;
}
table.tema .book-title {
  color: #395870;
  display: block;
}
table.tema .item-stock,
.item-qty {
  text-align: center;
}
table.tema .item-price {
  text-align: right;
}
table.tema .item-multiple {
  display: block;
}
table.temat foot {
  text-align: right;
}
table.tema tfoot tr:last-child {
  background: #f0f0f2;
}


/*----------------- CSS TABELAS LIMPAS -------------------*/

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:10px;
	border-width: 0px;
	border-color:none;
	background-color:none;
        width: 100%;          /*--- Largura */
    margin-right:0;
    margin-left:0;
}
table.gridtable th {
	border-width: 0px;
	vertical-align:top;
	background-color:none;
}
table.gridtable tr {
	border-width: 0px;
	vertical-align:top;
	background-color:none;
}
table.gridtable td {
	border-width: 0px;
	vertical-align:top;
	background-color:none;
}

table.gridtable tbody tr:nth-child(even) {
  background: none;
}

 
/*----------------- CSS DE MENUS -------------------*/

ul.menu, .menu li, .menu a{ margin:0; padding:0; list-style:none; text-decoration:none;position:relative;}
ul.menu ul{ position:absolute; display:none; box-shadow:3px 3px 2px #333;}
 
/* Configurações nivel 1*/
ul.menu{ float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; border-radius:5px; padding:0 5px;}
.menu li{ float:left; width:auto; position:relative;}
.menu li a{ display:block; padding:0 20px; line-height:45px; height:45px; float:left; transition:all 0.1s linear; }
 
/* Configurações nivel 2*/
.menu li:hover > ul.submenu-1{ display:block; top:45px; left:0; padding:5px; width:200px; border-radius:0 0 5px 5px;   }
.menu ul.submenu-1 a{  width:160px; padding:0 20px; border-radius:5px;  }
 
/* Configurações nivel 2*/
.menu li:hover > ul.submenu-2{ display:block; top:0; left:195px; padding:5px; width:200px;  border-radius: 0 5px 5px 5px; }
.menu ul.submenu-2 a{  width:160px; padding:0 20px; border-radius:5px; }
 
/* Configurações nivel 3*/
.menu li:hover > ul.submenu-3{ display:block; top:0; left:195px; padding:5px; width:200px;  border-radius: 0 5px 5px 5px; }
.menu ul.submenu-3 a{  width:160px; padding:0 20px; border-radius:5px; }
 
 
/*Configurações de cores*/
 
/*nivel 1*/
.menu{background:#f0f0f2; }
.menu a{ color:#000;}
.menu li:hover > a{ background:#999;  color:#fff;}
 
/*nivel 2*/
.submenu-1{ background:#f0f0f2;}
.submenu-1 a{color:#000;}
.submenu-1 li:hover > a{ background:#666; }
 
/*nivel 3*/
.submenu-2{ background:#666;}
.submenu-2 a{color:#fff;}
.submenu-2 li:hover > a{ background:#333; }
 
/*nivel 3*/
.submenu-3{ background:#333;}
.submenu-3 a{color:#fff;}
.submenu-3 li:hover > a{ background:#000; }



 
/*----------------- CSS DE GRAFICO DE BARRAS -------------------*/
#principal{
  width:500px;
  height:60px;
  margin-left:10px;
  font-family:Verdana, Helvetica, sans-serif;
  font-size:14px;
}
#barras{
  width:428px;
  height:30px;
  float:left;
  margin: 2px 0;
}
.barra1, .barra2, .barra3, .barra4{ 	
  color:#FFF;
  padding-left:10px;
  height:30px;
  line-height:30px;
}
.barra1{ background-color: #FF0000; }
.barra2{ background-color: #0000FF; }
.barra3{ background-color: #FF6600; }
.barra4{ background-color: #009933; }