html, body{
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  height:100%;
  background: url(../img/layout_bamboo_03.gif) repeat-y center;
}
.layout {
  background: url('../img/layout.jpg') no-repeat;
  width: 764px;
  height: 261px;
  margin:170px auto 0px auto;
  padding-top:50px;
}

.layout .perrors {
	margin-top: 20px;
	padding-left: 230px;
	text-align: center;
	color:#de4051;
}

.layout .pinput {
 width: 250px;
 height: 25px;
 font-size: 18px;
 color: #848484;
 margin-top: 15px;
 border: 1px solid #cecece;
}

.layout .psubmit {
	margin: 7px 0px 0px 420px;
}

.layout label{
  font-size: 16px;
  color: #848484;
  font-weight:bold;
  margin-right: 16px;
}

.layout div{
	margin-top: 10px;
	padding-left: 360px
}
#body{
  margin:10px auto 0px auto;
  height:100%;
  width:950px;
  margin:auto;
  padding-left:25px;
}

#boxHeader {
 text-align:center;
 background: url(../img/menu_header.gif) no-repeat bottom;
 width:220px;
 height:10px;
}


#boxM{
  text-align:center;
  background: url(../img/menu_contentbg.gif) repeat-y left;
  width:220px;
}

#boxFooter {
 text-align:center;
 background: url(../img/menu_footer.gif);
 width:220px;
 height:19px;
}

#eticheta {
 width:83px;
 height:90px;
}

#header{
	height: 120px;
	width:923px;
}

#mainBg{
  float: left;
  text-align: justify;
}

#menuBg{
	width: 205px;
  float:left;
}

#menuBg .item{
  text-align: left;
  margin-left: 6px;
}

#menuBg .item a:hover{
  background-color: #9f9d9e;
  border-left: 1px dashed  #fff;
  padding: 5px 5px 5px 7px;
}

#menuBg .item a{
  color: #fff;
  padding: 5px 5px 5px 8px;
  font-size: 12px;
  font-weight: bold;
  display: block;
	text-decoration: none;
}

#menuBg .itemSel{
	text-align: left;
	margin-left: 6px;
	background-color: ;
}

#menuBg .itemSel a{
  color: #fff;
  padding: 5px 5px 5px 7px;
  font-size:12px;
  font-weight: bold;
  display: block;
	text-decoration: none;
	border-left: 1px dashed  #fff;
}

div.half{
  float:left;
  width: 50%;
}

.err{
  color: #de4019;
}

h1{
  padding: 0px;
  margin: 0px;
  color: H1_FONT;
  font-weight: bold;
  font-size: 16px;
}

h2{
  text-align: left;
  font-size:14px;
  font-weight:bold;
  color: #898788;
}

.ok{
  color: #52a400;
}

a{
  font-size:11px;
  text-decoration: none;
  color: #394f82;
}

a:hover{
  font-size:11px;
  text-decoration: underline;
  color: #5673b6;
}

a.cont{
  font-size:10px;
  text-decoration: none;
  color: #394f82;
}

a.cont:hover{
  font-size:11px;
  text-decoration: none;
  color: #5673b6;
}

td.tab{
  padding-top:10px;
  padding-left:5px;
  padding-right:5px;
  border-left:1px solid #bbc7c7;
}

td.tab a{
  text-decoration: none;
  font-size:14px;
  color: #bbc7c7;
}

div.center{
  width:670px;
  padding: 4px 29px 4px 15px;
  background: url('../img/content.gif') repeat-y;
}

.cssform p{
  width: 190px;
  clear: left;
  margin: 0px;
  margin-left: 10px;
  padding: 2px 0px 2px 140px;
}

.cssform p.medium{
  width: 350px;
}

.cssform p.large{
  width: 510px;
}

.cssform label{
  font-weight: bold;
  color: #FFF;
  font-size: 11px;
  float: left;
  margin-left: -140px; /*width of left column*/
  width: 128px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
  text-align: left;
}

.cssform label.normal{
  font-weight: normal;
  color:#898788;
  float: none;
  margin: 0px; /*width of left column*/
}

.cssform label.blue{
  background-color: #898788;
  padding: 4px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
  width: 180px;
}

.cssform input[type="password"]{
  width: 180px;
}

.cssform input[type="submit"]{
  margin-left: 0px;
  padding: 0px;
}

.cssform select.match{
  width: 183px;
}

.cssform textarea {
  width: 250px;
  height: 150px;
}

.header {
 background: url('../img/header.gif');
 width:699px;
 height:14px;
}

.footer {
 background: url('../img/bottom.gif');
 width:699px;
 height:14px;
}

td.tab a:hover{
text-decoration: none;
color: ;
}

td.tabSel{
color: ;
font-size: 14px;
padding: 10px 5px 0px 5px;
border-left: 1px solid #bbc7c7;
}

.pnHeaderRow {
background-color: ;
}

.pagination a.currentpage {
background-color: ;
color: #ffffff !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a:hover, .pagination a:active {
border: 1px solid #2b66a5;
color: #000000;
background-color: ;
}

.headerR{
   background-color:;
   color:white;
   font-weight:bold;
}

.pages{
	background-color:#9f9d9e;
	border:1px solid #fff;
	margin:10px 10px 10px 10px;
	width:190px;

}

#menuBg .itemPag{
  width: 170px;
  text-align: left;
  padding:5px;
  margin-left:5px;
  background-color:#898788;
  cursor: pointer;
}

#menuBg .itemPag:hover{
  background-color: #9f9d9e;
  border-left:1px dashed  #dadada;
}

#menuBg .itemPag span{
  color: #fff;
  padding-left: 8px;
  font-size:12px;
  font-weight: bold;
}

#menuBg .itemPagSel span{
  color: #fff;
  padding-left: 8px;
  font-size:12px;
  font-weight: bold;
}

#menuBg .itemPagSel{
width: 170px;
text-align: left;
padding:5px;
margin-left:5px;
background-color:;
border-left:1px dashed  #fff;
}

/*Table INC */
.pnTableContainer {
	/*width: 665px;*/
	background: url(../img/tableinc/tableTitleHead.gif) top repeat-x #cddef3;
	border-left: 1px solid #94accc;
	border-right: 1px solid #94accc;
	border-bottom: 1px solid #94accc;
	font-size: 12px;
	color: #15428b;
}

.pnTableContainer .left {
	float: left;
	padding: 3px;
}

.pnTableContainer .right {
	float: right;
	padding: 3px;
}

.pnTableContainer table {
	width: 100%;
}

.pnTableContainer td {
	padding: 3px 10px 3px 3px;
	border-bottom: 1px solid #E0E0E0;
}

.pnTableContainer .pnRowHover {
	background: url(../img/tableinc/rowOver.gif) top repeat-x #dedede;
}

.pnTableContainer .pnBottom {
	padding: 0px 3px 3px 3px;
}

.pnHeaderRow {
	color: #000;
	background: url(../img/tableinc/header.gif) repeat-x bottom #fff;
}

.pnHeaderRow th {
	font-size: 12px;
	font-weight: normal;
	padding-left: 3px;
}

.pnHeaderRow th.pnOver {
	font-size: 12px;
	font-weight: normal;
	padding-left: 3px;
	background: url(../img/tableinc/headerOver.gif) repeat-x bottom #fff;
}

.pnEvenRow {
	background-color: #f8f8f8;
}

.pnOddRow {
	background-color: #f1f1f1;
}

.pnFilterContainer {
	margin: 10px 2px 0px 0px;
	border:1px solid ;
	padding:5px;
}

.pnForm {
	width: 98%;
	border: 1px solid #94accc;
	background: url(../img/tableinc/bgTabel.gif) repeat-x #d0def0;
	margin-left: auto;
	margin-right: auto;
}

.pnSubmit {
	background: url(../img/tableinc/butonBg.gif) top repeat-x #6c9cda;
	margin: 3px 0 3px 3px;
	border: 1px solid #15428b;
	color: #15428b;
	font-weight: bold;
}

.pnSubmContainer {
	height: 21px;
}

.pnFilterContainer legend{
	border:1px solid ;
	padding: 2px
}

form{
margin:0px;
padding:0px;
}

* html .yui-picker-bg{ /*Requires CSS. Do not edit/ remove*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://yui.yahooapis.com/2.5.1/build/colorpicker/assets/skins/sam/picker_mask.png',sizingMethod='scale');
}

/*Style used in demos below. Edit if desired*/

.colorpreview{ /*CSS for sample Preview Control*/
border: 1px solid black;
padding: 1px 10px;
cursor: hand;
cursor: pointer;
}

form div{
margin-bottom: 5px;
}





a.order0{
	float:left;
	background:url(../img/0/order.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
	margin-left:3px;
}

a.orderSel0{
	float:left;
	background:url(../img/0/order_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}


a.order0:hover{
	background:url(../img/0/order_d.jpg) center no-repeat;
}





a.track0{
	float:left;
	background:url(../img/0/track.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.trackSel0{
	float:left;
	background:url(../img/0/track_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.track0:hover{
	background:url(../img/0/track_d.jpg) center no-repeat;
}


a.report0{
	float:left;
	background:url(../img/0/report.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.reportSel0{
	float:left;
	background:url(../img/0/report_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.report0:hover{
	background:url(../img/0/report_d.jpg) center no-repeat;
}






a.config0{
	float:left;
	background:url(../img/0/config.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
}

a.configSel0{
	float:left;
	background:url(../img/0/config_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
}

a.config0:hover{
	background:url(../img/0/config_d.jpg) center no-repeat;
}





a.order1{
	float:left;
	background:url(../img/1/order.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
	margin-left:3px;
}

a.orderSel1{
	float:left;
	background:url(../img/1/order_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}


a.order1:hover{
	background:url(../img/1/order_d.jpg) center no-repeat;
}





a.track1{
	float:left;
	background:url(../img/1/track.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.trackSel1{
	float:left;
	background:url(../img/1/track_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.track1:hover{
	background:url(../img/1/track_d.jpg) center no-repeat;
}


a.report1{
	float:left;
	background:url(../img/1/report.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.reportSel1{
	float:left;
	background:url(../img/1/report_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.report1:hover{
	background:url(../img/1/report_d.jpg) center no-repeat;
}



a.config1{
	float:left;
	background:url(../img/1/config.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
}

a.configSel1{
	float:left;
	background:url(../img/1/config_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
}

a.config1:hover{
	background:url(../img/1/config_d.jpg) center no-repeat;
}















a.order2{
	float:left;
	background:url(../img/2/order.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
	margin-left:3px;
}

a.orderSel2{
	float:left;
	background:url(../img/2/order_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}


a.order2:hover{
	background:url(../img/2/order_d.jpg) center no-repeat;
}
a.track2{
	float:left;
	background:url(../img/2/track.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.trackSel2{
	float:left;
	background:url(../img/2/track_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.track2:hover{
	background:url(../img/2/track_d.jpg) center no-repeat;
}


a.report2{
	float:left;
	background:url(../img/2/report.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.reportSel2{
	float:left;
	background:url(../img/2/report_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.report2:hover{
	background:url(../img/2/report_d.jpg) center no-repeat;
}



a.config2{
	float:left;
	background:url(../img/2/config.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
}

a.configSel2{
	float:left;
	background:url(../img/2/config_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
}

a.config2:hover{
	background:url(../img/2/config_d.jpg) center no-repeat;
}









a.order3{
	float:left;
	background:url(../img/3/order.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
	margin-left:3px;
}

a.orderSel3{
	float:left;
	background:url(../img/3/order_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}


a.order3:hover{
	background:url(../img/3/order_d.jpg) center no-repeat;
}
a.track3{
	float:left;
	background:url(../img/3/track.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.trackSel3{
	float:left;
	background:url(../img/3/track_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.track3:hover{
	background:url(../img/3/track_d.jpg) center no-repeat;
}


a.report3{
	float:left;
	background:url(../img/3/report.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.reportSel3{
	float:left;
	background:url(../img/3/report_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
	margin-right:10px;
}

a.report3:hover{
	background:url(../img/3/report_d.jpg) center no-repeat;
}



a.config3{
	float:left;
	background:url(../img/3/config.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
}

a.configSel3{
	float:left;
	background:url(../img/3/config_d.jpg) center no-repeat;
	display:block;
	width:165px;
	height:90px;
}

a.config3:hover{
	background:url(../img/3/config_d.jpg) center no-repeat;
}