/* =============================================================================
   Reset
   ========================================================================== */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: Arial,sans-serif; }
html,body,td,th,fieldset,button{margin:0;padding:0}
body{margin: 0; font-size: 1em; line-height: 1.4em; background:#DDD;font-family:Arial,Helvetica,Sans-Serif;}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,table,legend{margin:0 0 15px}
/* Main Colour */
html,body,button,input,select,textarea,
a,a:hover,a:focus,a:active{color:#000}
p{font-size:1em}
abbr{border:none;cursor:help}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* Lists */
ul,ol{padding:0}
ul{list-style:disc}
ol{list-style:decimal}
li{margin:0}
dt{float:left;margin:0 4px 0 0}
dd{margin:0}
/* Links */
a{cursor:pointer;line-height: 1em;}
a,a:hover{text-decoration:none}
a img{border:0}
/* Tables */
table{border-collapse:collapse;border-spacing:0}
td,th{vertical-align:middle;font-weight: normal}
/* Forms */
fieldset{border:0}
label,input[type="submit"],input[type="reset"]{cursor:pointer}
input[type="submit"] {-webkit-appearance: none}
input[type="search"] {-webkit-appearance: textfield;}
input,textarea{font:1.3em Arial,Helvetica,Sans-Serif}
input.radio{width:auto!important;border:0!important;padding:0!important}
button{background:none;border:0;cursor:pointer}
/* Titles */
h1{font-size:2.4em}
h2{font-size:2.2em}
h3{font-size:2em}
h4{font-size:1.8em}
h5{font-size:1.6em}
h6{font-size:1.4em}
h1,h2,h3,h4,h5,h6,strong{font-weight: normal;line-height: 1em;}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* =============================================================================
   Spacing Helpers
   ========================================================================== 
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0)
*/
.ptn,.pvn,.pan{padding-top:0!important}
.pts,.pvs,.pas{padding-top:5px!important}
.ptm,.pvm,.pam{padding-top:10px!important}
.ptl,.pvl,.pal{padding-top:20px!important}
.prn,.phn,.pan{padding-right:0!important}
.prs,.phs,.pas{padding-right:5px!important}
.prm,.phm,.pam{padding-right:10px!important}
.prl,.phl,.pal{padding-right:20px!important}
.pbn,.pvn,.pan{padding-bottom:0!important}  
.pbs,.pvs,.pas{padding-bottom:5px!important}
.pbm,.pvm,.pam{padding-bottom:10px!important}
.pbl,.pvl,.pal{padding-bottom:20px!important}
.pln,.phn,.pan{padding-left:0!important}
.pls,.phs,.pas{padding-left:5px!important}
.plm,.phm,.pam{padding-left:10px!important}
.pll,.phl,.pal{padding-left:20px!important}
.mtn,.mvn,.man{margin-top:0!important}
.mts,.mvs,.mas{margin-top:5px!important}
.mtm,.mvm,.mam{margin-top:10px!important}
.mtl,.mvl,.mal{margin-top:20px!important}
.mrn,.mhn,.man{margin-right:0!important}
.mrs,.mhs,.mas{margin-right:5px!important}
.mrm,.mhm,.mam{margin-right:10px!important}
.mrl,.mhl,.mal{margin-right:20px!important}
.mbn,.mvn,.man{margin-bottom:0!important}  
.mbs,.mvs,.mas{margin-bottom:5px!important}
.mbm,.mvm,.mam{margin-bottom:10px!important}
.mbl,.mvl,.mal{margin-bottom:20px!important}
.mln,.mhn,.man{margin-left:0!important}
.mls,.mhs,.mas{margin-left:5px!important}
.mlm,.mhm,.mam{margin-left:10px!important}
.mll,.mhl,.mal{margin-left:20px!important}
.mra,.mha{margin-right:auto!important}
.mla,.mha{margin-left:auto!important}

/* =============================================================================
   Border Helpers
   ========================================================================== 
b = border
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,d,dd = solid,dotted,dashed
bw,bk,bg = white, black, grey
*/

.bw{border-color: #fff;}
.bk{border-color: #000;}
.bg{border-color: #ccc;}

.bas,.bts,.brs,.bbs,.bls,.bhs,.bvs{border-style: solid;}
.bad,.btd,.brd,.bbd,.bld,.bhd,.bvd{border-style: dotted;}
.badd,.btdd,.brdd,.bbdd,.bldd,.bhdd,.bvdd{border-style: dashed;}

.bas,.bad,.badd{border-width:1px;}
.bts,.btd,.btdd{border-width:1px 0 0;}
.brs,.brd,.brdd{border-width:0 1px 0 0;}
.bbs,.bbd,.bbdd{border-width:0 0 1px;}
.bls,.bld,.bldd{border-width:0 0 0 1px;}
.bhs,.bhd,.bhdd{border-width:0 1px;}
.bvs,.bvd,.bvdd{border-width:1px 0;}

.ban{border:none!important}
.btn{border-top:none!important}
.brn{border-right:none!important}
.bbn{border-bottom:none!important}
.bln{border-left:none!important}
.bhn{border-right: none!important;border-left: none!important;}
.bvn{border-top: none!important;border-bottom:none!important;}

/* =============================================================================
   Error message
   ========================================================================== */

.errorBody{background: #FFFFFF;margin: 30px 0}
.errorBody img{margin: 20px auto;display:block}
div.error{border: 2px solid red;margin: 50px auto 0;padding: 15px; background: white;color:#333}
div.error h1{font-size: 1.5em;margin: 0 0 10px;color:red;}
div.error h2{}
div.error h3{}
div.error p, div.error li{font-size: 1em}

/* =============================================================================
   Useful classes
   ========================================================================== */
.floatLeft{float:left}
.floatRight{float:right}
.noMargin{margin:0!important}
.noPadding{padding:0!important}
.noBackground{background:none!important}
.noBorder{border:0!important}
.displayNone{display:none}
.invisible {visibility:hidden}
.displayBlock{display:block}
.alignCenter{text-align:center}
.alignRight{text-align:right}
.alignLeft{text-align: left}
.alignJustify{text-align: justify}
.bold{font-weight:700!important}
.italic{font-style:italic}
.underline{text-decoration:underline}
.upperCase{text-transform:uppercase}
.lowerCase{text-transform:lowercase}
.clear{clear:both}
.center{display:block;margin:auto}
.indentedText{text-indent:-9999px}
ul.unstyled{list-style:none}
ul.unstyled li{margin:0}
ul.horizontal{list-style:none}
ul.horizontal li{float:left}
ul.horizontal.right li{float: right!important}

a.blue:focus,a.blue:active,a.blue:visited,.blue{color:#0055aa;}

.sprites{
    background-image: url('../img/sprites.png');
    background-repeat: no-repeat;
    background-color: transparent!important;
}
/* =============================================================================
   CSS3
   ========================================================================== */
.rounded{-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}
.roundedM{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.roundedTop{-moz-border-radius:12px 12px 0 0;-webkit-border-radius:12px 12px 0 0;border-radius:12px 12px 0 0}
.roundedRight{-moz-border-radius:0 12px 12px 0;-webkit-border-radius:0 12px 12px 0;border-radius:0 12px 12px 0}
.roundedRightTop{-moz-border-radius:0 12px 0 0;-webkit-border-radius:0 12px 0 0;border-radius:0 12px 0 0}
.roundedRightBottom{-moz-border-radius:0 0 12px 0;-webkit-border-radius:0 0 12px 0;border-radius:0 0 12px 0}
.roundedBottom{-moz-border-radius: 0 0 12px 12px;-webkit-border-radius: 0 0 12px 12px;border-radius: 0 0 12px 12px}
.roundedLeft{-moz-border-radius:12px 0 0 12px;-webkit-border-radius:12px 0 0 12px;border-radius:12px 0 0 12px}
.roundedLeftTop{-moz-border-radius:12px 0 0 0;-webkit-border-radius:12px 0 0 0;border-radius:12px 0 0 0}
.roundedLeftBottom{-moz-border-radius:0 0 0 12px;-webkit-border-radius:0 0 0 12px;border-radius:0 0 0 12px}
.gradient{background-image: -moz-linear-gradient(top, #52555b, #86888b);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #86888b),color-stop(1, #52555b)); filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#52555b', endColorstr='#86888b'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#52555b', endColorstr='#86888b')"}
.gradientRadial{background: -moz-radial-gradient(center 45deg, circle closest-corner, #FFFFFF 65%, #C1C1C1 90%);background: -webkit-gradient(radial, center center, 65, center center, 90, from(#FFFFFF), to(#C1C1C1))}
.rotate{-webkit-transform: rotate(180deg);-moz-transform: rotate(-180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)/* 1 = 90°, 2 = 180° or 3 = 270° */}
.textShadow{text-shadow:1px 1px 1px #666}
.boxShadow{-moz-box-shadow:1px 1px 3px #ccc;-webkit-box-shadow:1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc}
.boxShadowInner{-moz-box-shadow:inset 1px 1px 3px #ccc;-webkit-box-shadow:inset 1px 1px 3px #ccc;box-shadow:inset 1px 1px 3px #ccc}

/* =============================================================================
   Main Layout
   ========================================================================== */
.wrap{width:980px;margin:auto}
.columna{width:50%;float: left}
.columna40{width:40%;float: left}


/*DATOS*/
form.busqueda{
  width: 400px;
  float: left;
  padding: 15px 5px;
}
form.datos{
  padding: 15px 5px;
  width:  475px;
}
form.datos label, form.busqueda label{
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  padding: 10px 0 0 3px;
  color: #008300;
  font-weight: bold;
}

form.datos input{
  font-size: 12px;
}
/* =============================================================================
   Header
   ========================================================================== */
#header{
    width: 1100px;
    height: 113px;
    background-color: #B6DA86;
    margin: 40px auto 0;
    padding-top: 1px;
}
#header h1{
    float: left;
}
#header h1 a{
    background: url(../img/logo.png) no-repeat left;
    margin: 20px 30px 0 80px;
    display: block;
    padding: 20px 0 12px 70px;
    font-size: 18px;
    color: #3a7124;
}
#header .top{
  float: right;
  color: #008300;
  font-size: 0.7em;
  /*background: url(../img/top-bg.jpg) repeat-y right;*/
}
#header .subnav{
  float: right;
  clear: right;
  padding: 10px 10px 0
}
#header .subnav li{
  position: relative;
}
#header .subnav li.barras:after, #header .subnav li.barras:before{
  content: '/';
  padding: 0 5px;
  font-size: 0.875em
}
#header .subnav li a{
  color: #666666;
  font-size: 0.825em
}
#header .subnav li a:hover{color: #C7BD4F;}

/*#header p{
    font-size: 13px;
    margin: 40px 100px 0 0;
    float: right;
}
#header .salir{
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
#header .salir:hover{
  color: #3a7124
}*/

/* =============================================================================
   Nav
   ========================================================================== */
#nav{clear:both;}
#nav li{
    float: left;
    width: 20%;
    height: 28px;
    background: url(../img/menu.png) no-repeat;
    text-align: center;
}
#nav li.selected,#nav li:hover{
    background: url(../img/menu-selected.png) no-repeat;
}
#nav li a{
    color: white;
    font-size: 11px;
    display: block;
    width: 100%;
    line-height: 28px;
}

/* =============================================================================
   Footer
   ========================================================================== */
#footer{
  width: 1070px;
  margin: 0 auto 40px auto;
  background: #fff;
  padding: 0 15px 35px 15px;
  border-bottom: 20px solid #E5DA9B;
}

/* =============================================================================
   Common
   ========================================================================== */
/* Button */
.button{}
.button:hover{}
.button:focus{}
.button:active{}
.button:visited{}
/* Accessibility */
#go-main-content{width:1px;height:1px;overflow:hidden;position:absolute;left:-10000px;top:auto}
/* Messages */
.error{}
.success{}
.notice{}
/* Pagination */
/* Widgets */
/* Search form */
/* Articles */

/* =============================================================================
   Fonts
   ========================================================================== */
@font-face{
font-family:'FONTNAME';
src: url('../fonts/FONTFILE.eot');
src: url('../fonts/FONTFILE.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/FONTFILE.woff') format('woff'),
	 url('../fonts/FONTFILE.ttf') format('truetype'),
	 url('../fonts/.svg#FONTNAME') format('svg');
font-weight:normal;
font-style:normal
}

/* =============================================================================
   Primary styles
   ========================================================================== */

#main{
    width: 910px;
    background-color: white;
    padding: 70px 150px 30px 40px;
}

table{
    width: 999px;
    margin: 10px auto;
    font-size: 11px;
}
table .small{font-size: 10px}
table th{
    background-color: #CBDE86;
    color: #39393A;
    font-weight: bold;
    text-align: center;
    border: 1px solid white;
    
}
table td{
    background-color: #eaf2cf;
    padding: 4px 10px;
    border: 1px solid white;
    color: #39393a
}
table tr.par td{
    background-color: #F2F8E0;
}
table tbody tr.noBackground >td {background: none !important}
table td.estado{
  text-align: center;
  font-size: 3em
}
.agregar input{
  border:none;
  width: 99%;
  padding: 1px 1px;
  font-size: 11px
}
.agregar input[type="radio"]{
  width: 20px
}
.boton{
    background-color: #8CC63F;
    color: #fff !important;
    width: 125px;
    display:block;
    text-align: center;
    height: 28px;
    font-size: 11px;
    line-height: 2.6em;
}
.boton:hover{
    background-color: #79AB35;
}
.botonSmall{
  width: 80px;
  height: 18px;
  background-color: #96BD0D;
  color: white !important;
  font-size: 11px;
  display: block;
  text-align: center;
  border-bottom: none !important;
  line-height: 1.7em;
}
.botonSmall:hover{
    background-color: #79AB35;
    color: white;
}
/* LOGIN */

#main.login{
    width: 1000px;
    height: 420px;
    background: url(../img/backLogin.png) no-repeat;
    margin-top: 40px;
    padding: 180px 0 0 0;
    position: relative;
}
.login > h1{
    margin: 0 auto 1px;
    width: 420px;
    line-height: 38px;
    background: url(../img/gradien_home-01.jpg) repeat-x;
    font-size: 16px;
    color: white;
    text-align: center;
}
.login > div{
    margin: 0 auto;
    width: 420px;
    background-color: white;
    padding: 45px 0 25px;
    position: relative;
}
.login form{
      
}
.login label{
    width: 158px;
    text-align: right;
    font-size: 13px;
    display: block;
    float: left;
}
.login input{
    background-color: #DDD;
    width: 217px;
    border: 0;
    font-size: 14px;
    margin-left: 18px;
    padding: 2px;
}
.login .botonSmall{
    margin: 35px 3px 10px;
}
.login button[type=submit]{margin-left: 175px;}
.login .btn-olvido{
    font-size: 12px;
    color: #666;
    width: 217px;
    display: block;
    border-bottom: 1px solid #666;
    padding: 3px 0;
    margin-left: 175px;
}
.login .btn-olvido:hover{
    color: #AFE007;
}
#main.login .botonSmall:hover{
    background-color: #AFE007;
    color: white;
}
.login p.error{
  font-size: 0.825em;
  color: #ca0000;
  position: absolute;
  top: 8px;
  left: 30px;
  line-height: 1.1em;
  text-align: left;
}
.login h2{
  font-size: 0.87em;
  position: absolute;
  top: 18px;
  left: 0;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  color: #96BD0D;
  font-weight: bold;
}
.login p{
  font-size: 0.825em;
  text-align: center;
}
.login a.volver{
  width: 120px;
  margin: 0 auto
}
.login .powered{
  position: absolute;
  right: 0;
  bottom: 46px;
  width: 185px;
  height: 60px;
  text-indent: -9999px;
  border-bottom: 0;
}
.listar table tbody tr:hover{opacity: 0.7}
.listar input[type="checkbox"]{
  float: left;
  margin-top: 4px
}

.pop-error{
  position: fixed;
  width: 100%;
  height: 100%;
  background: url('../img/bg-black.png');
  z-index: 99;
  top: 0;
  left: 0
}
.pop-error:hover{cursor: pointer;}
.pop-error .btn-close{
  width: 16px;
  height: 16px;
  background: url(../img/close.png) no-repeat;
  position: absolute;
  top: 20px;
  right: 20px;
  text-indent: -9999px
}
.mensaje-error{
  background: #EAF2CF;
  width: 375px;
  padding: 20px 15px;
  min-height: 160px;
  color: #39393a;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 20%;
  margin: 0 0 0 -180px;
  text-transform: uppercase;
  font-size: 12px;
  z-index: 100;
  text-align: center;
}
.mensaje-error h3{
  font-size: 13px;
  color: #008300;
  font-weight: bold;
  margin: 0 0 20px 0;
}

/*Correcciones para IE*/

@media screen\9 {
  .boton{line-height: 2.5em} 
  .botonSmall{line-height: 1.6em} 
  .subnav li{line-height: 1em}
  .subnav .barras{ margin: 0 5px; border-left: 1px solid #666; border-right: 1px solid #666; padding: 0 5px}
}/*IE7*/

/* =============================================================================
   Other devices
   ========================================================================== */
/* Smartphones (portrait and landscape) */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
    
.mClearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.mClearfix {display: inline-block;}

* html .mClearfix {height: 1%;}
.mClearfix {display: block;}

.mptn,.mpvn,.mpan{padding-top:0!important}
.mpts,.mpvs,.mpas{padding-top:5px!important}
.mptm,.mpvm,.mpam{padding-top:10px!important}
.mptl,.mpvl,.mpal{padding-top:20px!important}
.mprn,.mphn,.mpan{padding-right:0!important}
.mprs,.mphs,.mpas{padding-right:5px!important}
.mprm,.mphm,.mpam{padding-right:10px!important}
.mprl,.mphl,.mpal{padding-right:20px!important}
.mpbn,.mpvn,.mpan{padding-bottom:0!important}  
.mpbs,.mpvs,.mpas{padding-bottom:5px!important}
.mpbm,.mpvm,.mpam{padding-bottom:10px!important}
.mpbl,.mpvl,.mpal{padding-bottom:20px!important}
.mpln,.mphn,.mpan{padding-left:0!important}
.mpls,.mphs,.mpas{padding-left:5px!important}
.mplm,.mphm,.mpam{padding-left:10px!important}
.mpll,.mphl,.mpal{padding-left:20px!important}
.mmtn,.mmvn,.mman{margin-top:0!important}
.mmts,.mmvs,.mmas{margin-top:5px!important}
.mmtm,.mmvm,.mmam{margin-top:10px!important}
.mmtl,.mmvl,.mmal{margin-top:20px!important}
.mmrn,.mmhn,.mman{margin-right:0!important}
.mmrs,.mmhs,.mmas{margin-right:5px!important}
.mmrm,.mmhm,.mmam{margin-right:10px!important}
.mmrl,.mmhl,.mmal{margin-right:20px!important}
.mmbn,.mmvn,.mman{margin-bottom:0!important}  
.mmbs,.mmvs,.mmas{margin-bottom:5px!important}
.mmbm,.mmvm,.mmam{margin-bottom:10px!important}
.mmbl,.mmvl,.mmal{margin-bottom:20px!important}
.mmln,.mmhn,.mman{margin-left:0!important}
.mmls,.mmhs,.mmas{margin-left:5px!important}
.mmlm,.mmhm,.mmam{margin-left:10px!important}
.mmll,.mmhl,.mmal{margin-left:20px!important}
.mmra,.mmha{margin-right:auto!important}
.mmla,.mmha{margin-left:auto!important}

/* =============================================================================
   Border Helpers
   ========================================================================== 
b = border
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,d,dd = solid,dotted,dashed
bw,bk,bg = white, black, grey
*/
.mbw{border-color: #fff;}
.mbk{border-color: #000;}
.mbg{border-color: #ccc;}

.mbas,.mbts,.mbrs,.mbbs,.mbls,.mbhs,.mbvs{border-style: solid;}
.mbad,.mbtd,.mbrd,.mbbd,.mbld,.mbhd,.mbvd{border-style: dotted;}
.mbadd,.mbtdd,.mbrdd,.mbbdd,.mbldd,.mbhdd,.mbvdd{border-style: dashed;}

.mbas,.mbad,.mbadd{border-width:1px;}
.mbts,.mbtd,.mbtdd{border-width:1px 0 0;}
.mbrs,.mbrd,.mbrdd{border-width:0 1px 0 0;}
.mbbs,.mbbd,.mbbdd{border-width:0 0 1px;}
.mbls,.mbld,.mbldd{border-width:0 0 0 1px;}
.mbhs,.mbhd,.mbhdd{border-width:0 1px;}
.mbvs,.mbvd,.mbvdd{border-width:1px 0;}

.mban{border:none!important}
.mbtn{border-top:none!important}
.mbrn{border-right:none!important}
.mbbn{border-bottom:none!important}
.mbln{border-left:none!important}
.mbhn{border-right:none!important;border-left:none!important}
.mbvn{border-top:none!important;border-bottom:none!important}

.hm{display:none !important}
.sm{display:block !important}

.mDisplayBlock{display:block;}
.mNoBackground{background:none!important}
.mFloatLeft{float:left!important}
.mFloatRight{float: right!important}
.mFloatNone{float:none!important}
.mIndentedText{text-indent:-9999px;}
.mClear{clear:both;}
.wrap,.mFull{width: 290px!important;}

}

/* Smartphones (landscape) */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
.hideTablet{display:none!important}
.showTablet{display:block!important}
.tabletWidth{width: 100%!important}
}

/* iPads (landscape) */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* Print */
@media print{
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")"}
a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
}


/* =============================================================================
   SubMenu
   ========================================================================== 
*/
.wrap {
    width: 1099px;
    margin: auto;
    background-color: #ffffff;
}
#navSub {
    height: 27px;
    display: table;
    width: 100%;
}
#navSub li {
    display: table-cell;
    width: auto;
}
#navSub ul {
    display: table-row;
    background-color: #c7dc7e;
}
#navSub a {
    height: 13px;
    padding: 7px 0;
    background-color: #c7dc7e;
    color: white;
    font-size: 11px;
    white-space: pre;
}
#navSub a:hover, #navSub li.selected a, .bgOcreG:hover, li.selected .bgOcreG {
    background: #9b9426 !important;
}