/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, input, textarea, select,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 1em;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
input, select, textarea {
  border: 1px solid #88a0b8;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Layout */

body {
 background: #ffffff;
 text-align: left;
 font-family: Verdana, Arial, Helvetica;
 font-weight: normal;
 font-style: normal;
 font-size: 0.9em;
}

p {
  margin: 0.5em 1em 1.2em;
  text-indent: 0;
  line-height: 1.4em;
}


ul {
  margin: 0.5em 3em 1.2em;
  list-style: disc inside;
}

li {
  margin: 0;
  text-indent: -0.5em;
  line-height: 1.4em;
}

p.code {
  text-indent: 0;
  line-height: 1.5em;
  font-family: Consolas,Source Code,Monaco,Lucida Console,Monospace;  
  font-size: 1.2em;
  background: #d8d8d8;
  white-space: nowrap;
  overflow: hidden;
  clear: both;
}

p.cr {
  font-size: 0.75em;
  vertical-align: middle;
  margin: 0 0 0 4em;
  line-height: 1.5em;
  text-indent: 0;
}

p.tt {
  font-size: 1.8em;
  font-weight: bold;
  margin: 0.5em 1em 1em 2em;
  line-height: 1em;
  text-indent: 0;
}

p.em {
  font-size: 1.25em;
  margin: 0em 0.8em 0em;
}

p.pr {
  margin-left: 8em;
  text-indent: -5em;
}

p.wide {
  margin-right: 0;
  margin-left: 0;
}

a {
  color: #004fa5;
  text-decoration: none;
}

a:hover {
  color: #da4200;
}

.clear {
  clear: both;
}

img {
  max-width: 100%;
  margin: 10px 0;
}

.ifl {
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}

.ifr {
  float: right;
  margin-left: 1%;
  margin-right: 1%;
}

.ifrs {
  float: right;
  margin-left: 1%;
  margin-right: 1%;
  width: 50%;
}

.ifx {
  display: block;
  min-width: 16em;
  height: 1px;
  overflow: hidden;
}

.i6 {
  width: 100%;
}

.il1 {
  float: left;
  width: 15%;
  margin-right: 1%;
}

.il1_5 {
  float: left;
  width: 21%;
  margin-right: 1%;
}

.il2 {
  float: left;
  width: 32%;
  margin-right: 1%;
}

.il3 {
  float: left;
  width: 48%;
  margin-right: 1%;
}

.il4 {
  float: left;
  width: 65%;
  margin-right: 1%;
}

.ir1 {
  float: right;
  width: 15%;
  margin-left: 1%;
}

.ir1_5 {
  float: right;
  width: 21%;
  margin-left: 1%;
}

.ir2 {
  float: right;
  width: 32%;
  margin-left: 1%;
}

.ir3 {
  float: right;
  width: 48%;  
  margin-left: 1%;
}

.ir4 {
  float: right;
  width: 65%;
  margin-left: 1%;
}

.mx, .mxe, .mf {
  display: block;
  line-height: 1.4em;
  min-height: 21px;
  text-indent: 0;
  width: 100%;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  background: #ffffff;
  border-bottom: 1px solid #a0a0a0;
}

.mx, .mxe {
  padding-left: 21px;
  background-repeat: no-repeat;
  background-position: center left;
}

.mx {
  background-image: url("/gr/adw.png");
}

.mxe {
  background-image: url("/gr/arw.png");
}

.mf {
  padding-left: 30px;
}

p.mx, p.mxe {
  color: #404040;
}

a.mx, a.mxe {
  
}

p.mf {
  color: #404040;
}

a.mf {
  
}

.note {
  clear: both;
  border: 1px solid #ff0000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 10px #d0d0d0;
  -moz-box-shadow: 5px 5px 10px #d0d0d0;
  box-shadow: 5px 5px 10px #d0d0d0;
  font-size: 0.9em;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5em;
  width: 90%;
}

.green {
  clear: both;
  display: block;
  border: 4px solid #4b90ad;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 5px 5px 10px #d0d0d0;
  -moz-box-shadow: 5px 5px 10px #d0d0d0;
  box-shadow: 5px 5px 10px #d0d0d0;
  margin: 0 auto 1.5em auto;
  padding: 0.5em;
  width: 95%;
}

.tbl, .tblf {
  clear: both;
  border: 2px solid #c0c0c0;
  margin: 0.5em auto 1em;
  line-height: 1.4em;
  table-layout: fixed;
  width: 90%;
}

.tblf {
  table-layout: fixed;
}

.th1, .th2, .th3, .th4, .th5, .th6 {
  text-align: center;
  border: 2px solid #c0c0c0;
  background-color: #fcf5dc;
  padding: 0.5em;
  overflow: hidden;
}

.th1 {
  width: 16.667%;
}

.th2 {
  width: 33.333%;
}

.th3 {
  width: 50%;
}

.th4 {
  width: 66.667%;
}

.th5 {
  width: 83.333%;
}

.th6 {
  width: 100%;
}

.td, .tdc {
  border: 2px solid #c0c0c0;
  padding: 0.5em;
  overflow: hidden;
}

.td {
  text-align: left;
  text-indent: 0;
}

.tdc {
  text-align: center;
  text-indent: 0;
}

.em {
  font-weight: bold;
}

.curs {
  display: block;
  float: left;
  margin: 0 2% 1em 0;
  width: 21%;
  border: 2px solid #a0a0a0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 20px;
  -webkit-box-shadow: 5px 5px 10px #c0c0c0;
  -moz-box-shadow: 5px 5px 10px #c0c0c0;
  box-shadow: 5px 5px 10px #c0c0c0;
  background-color: #fcf5dc;
  text-indent: 0;
  overflow:hidden;
}

.curs>img {
  display: block;
  margin: 2em auto 1em;
  width: 75%;
}

.curs>p {
  display: block;
  text-align: center;
  font-size: 1.8em;
  text-indent: 0;
  margin: 0 auto 1em;
  overflow:hidden;
}

.pl {
  width: 95%;
  margin: 0.5em auto;
  border: 1px solid #a0a0a0;
}

.pli {
  display: block;
  float: left;
  width: 15%;
  margin: 0 2% 0 0;
}

.pli>img {
  width: 100%;
  margin: 5px;
}

.plt {
  display: block;
  float: left;
  width: 50%;
  margin: 0;
  overflow: hidden;
}

.plh, .pld, .plp, .pla {
  margin: 0.2em;
  text-indent: 0;
}

.plr {
  display: block;
  float: right;
  width: 32%;
  max-width: 10em;
  margin: 0;
  overflow: hidden;
}

.plp {
  font-size: 1.1em;
  text-align: right;
  overflow: hidden;
  
}

.pla {
  display: block;
  border: 1px solid #a0a0a0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 10px #c0c0c0;
  -moz-box-shadow: 5px 5px 10px #c0c0c0;
  box-shadow: 5px 5px 10px #c0c0c0;
  background-color: #fcf5dc;
  overflow: hidden;
  white-space: nowrap;
  line-height: 2em;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  max-width: 100%;
}

.plb {
  display: block;
  clear: both;
  width: 100%;
  height: 1px;
}

.prr {
  display: block;
  float: right;
  width: 30%;
  margin: 10px 1%;

}

.prr>img {
  margin: 0 0 10px 0;
}

.prl {
  display: block;
  float: left;
  width: 58%;
  max-width: 58%;
  margin: 10px 1%;
}

.prc {
  float: left;
  width: 100%;
  border: 2px solid #c0c0c0;
  line-height: 1.8em;
  margin: 0 0 10px 0;
}

.prch, .prcq, .prcp {
  border: 2px solid #c0c0c0;
  white-space: nowrap;
  overflow: hidden;
}

.prch {
  text-align: center;
  background-color: #fcf5dc;
}

.prcq {
  text-align: center;
}

.prcp {
  text-align: right;
  padding-right: 10%;
}

.qty {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  clear: left;
}

.qtye {
  display: block;
  float: left;
  width: 4em;
  height: 2em;
  margin: 0.5em 0.5em 0 0;
}

.qtyb {
  display: block;
  float: left;
  margin: 0.5em 0.5em 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 10px #d0d0d0;
  -moz-box-shadow: 5px 5px 10px #d0d0d0;
  box-shadow: 5px 5px 10px #d0d0d0;
  border: 1px solid #808080;
  background-color: #fcf5dc;
  color: #000001;
  height: 2em;
  font-size: 1em;
}

.qtyb:hover {
  background-color: #90a0b0;
}

.shcc {
  display: block;
  width: 95%;
  max-width: 95%;
  margin: 10px auto;
}

.shc {
  width: 100%;
  float: right;
  border: 2px solid #c0c0c0;
  line-height: 1.8em;
  margin: 0 0 1em 0;
}

.shch, .shcn, .shca, .shcp, .shcq, .shct, .shcb {
  border: 2px solid #c0c0c0;
  white-space: nowrap;
  overflow: hidden;
}

.shch {
  text-align: center;
  background-color: #fcf5dc;
}

.shcn, .shca, .shcb {
  text-align: left;
  padding-left: 1%;
}

.shca {
  line-height: 1.2em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

.shcp {
  text-align: right;
  padding-right: 2%;
}

.shcq {
  text-align: center;
}

.shct {
  text-align: right;
  padding-right: 2%;
}

.chk {
  display: block;
  float: right;
  width: 100%;
  margin: 0 0 1em 0;
}

.chko {
  display: block;
  float: right;
  margin: 0.5em 0 0 0.5em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 10px #d0d0d0;
  -moz-box-shadow: 5px 5px 10px #d0d0d0;
  box-shadow: 5px 5px 10px #d0d0d0;
  border: 1px solid #808080;
  background-color: #fcf5dc;
  color: #000001;
  height: 2em;
  font-size: 1em;
}

.chkcs {
  display: block;
  width: 70%;
  margin-left: 25%;
  margin-top: 0.7em;
  font-size: 0.8em;
}

.chko:hover {
  background-color: #5db3d7;
}

.chko:disabled {
  background-color: #dddddd;
} 

.eml {
  clear: both;
  display: block;
  width: 95%;
}

.emla, .emln, {
  display: block;
  width: 100%;
  margin: 0;
}

.emlai, .emlat, .emlni, .emlnt, .emlncc, .emlti {
  display: block;
  height: 2em;
  margin: 0.5em 0 0 0;
}

.emlat, .emlnt {
  clear: both;
  float: left;
  text-align: right;
  line-height: 2em;  
  width: 20%;
  overflow: hidden;
}

.emlai, .emlni, .emlti, .emlncc {
  float: right;
  width: 75%;
}

.emlncc {
  border: 1px solid #88a0b8;
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-top: 0.5em;
  height: 1.6em;
}

.emlti {
  height: 12em;
  font: inherit;
  line-height: 1.2em;
  padding-top: 0.5em;
}

.emlb {
  display: block;
  clear: both;
  float: right;
  margin: 0.5em 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 10px #d0d0d0;
  -moz-box-shadow: 5px 5px 10px #d0d0d0;
  box-shadow: 5px 5px 10px #d0d0d0;
  border: 1px solid #808080;
  background-color: #fcf5dc;
  color: #000001;
  height: 2em;
  font-size: 1em;
}

.emlb:hover {
  background-color: #5db3d7;
}

.scri {
  display: block;
  margin: 2em auto;
  width: 60%;
}

.scrh, .scrp {
  margin 1em;
  text-indent: 0;
  text-align: center;
}

.scrh {
  font-weight: bold;
}


.pg {
 background: #ffffff;
 margin: 0 auto;
 width: 100%;  
}

.hd {
 position: fixed;
 top: 0px;
 background: #c6c6c6 url("/gr/logob.jpg") no-repeat;
 width: 100%;
 height: 80px;
}

.hdbuy, .hdeml, .hdprog, .hdhome {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 80px;
  hight: 20px;
  background: #4b90ad;
  border: 1px solid #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 10px #808080;
  -moz-box-shadow: 5px 5px 10px #808080;
  box-shadow: 5px 5px 10px #808080;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  overflow:hidden;
}

.hdbuy:hover, .hdeml:hover, .hdprog:hover, .hdhome:hover {
  color: #ffffff;
  background-color: #5db3d7;
}

.hdbuy	 {
  right: 10px;
}

.hdeml {
  right: 100px;
}

.hdprog {
  right: 190px;
}

.hdhome {
  right: 280px;
}

.tp {
 width: 100%;
 height: 80px;
}

.md {
 width: 100%;
}

.lf {
 float: left;
 background: #ffffff;
 width: 18.8%;
 min-height: 500px;
}

.mn {
 float: left;
 background: #ffffff;
 width: 60%;
 min-height: 500px;
 margin-left: 1%;
 margin-right: 1%;
}

.rt {
 float: right;
 width: 18.8%;
 min-height: 500px;
}

.bt {
 background: #808080;
 width: 100%;
 clear: both;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
}

.bm {
 display: none;
 clear: both;
 line-height: 2.5em;
 text-indent: 0;
 text-align: center;
 width: 100%;
 margin: 0;
 white-space: nowrap;
 overflow: hidden;
 background: #ffffff;
 border-top: 2px solid #a0a0a0;
}

@media (min-width: 1500px) {

 .pg {
  width: 1500px;
 }
 
 .hd {
  width: 1500px;
 }

}

@media (max-width: 1000px) {

 .lf {
  width: 22.8%;
 }

 .mn {
  float: right;
  width: 75%;
 }

 .rt {
  display: none;
 } 
 
}

@media (max-width: 700px) {
 .ifrs {
   width: 100%;
 }
}

@media (max-width: 600px) {

 .pg {
  background: #ffffff;
 }

 .lf {
  display: none;
 }

 .mn {
  float: none;
  width: 98.8%;
 }

 .rt {
  display: none;
 }
 
 .bm {
   display: block;
 }
 
}

@media (max-width: 630px) {
  .hdbuy {
    right: 10px;
  }

  .hdeml {
    right: 100px;
  }
  
  .hdprog {
    right: 190px;
  }

  .hdhome {
    right: 280px;
  }
  
}

@media (max-width: 540px) {
  .hdbuy {
    right: 10px;
  }

  .hdeml {
    right: 100px;
  }
  
  .hdprog {
    right: 190px;
  }

  .hdhome {
    right: 280px;
  }
}

@media (max-width: 450px) {
  .hdbuy {
    right: 10px;
  }

  .hdeml {
    display: none;
  }
  
  .hdprog {
    right: 100px;
  }

  .hdhome {
    right: 190px;
  }
}

@media (max-width: 360px) {
  .hdbuy {
    right: 10px;
  }
  
  .hdprog {
    display: none;
  }

  .hdhome {
    right: 100px;
  }
}

@media (max-height: 400px) {

  .hd {
    background-image: url("/gr/logos.jpg");
    height: 40px;
  }
 
  .tp {
    height: 40px;
  }
 
}

@media print {

  .pg {
    width: 90%;
    background: #ffffff;
  }

  .tp {
    display: none;
  }

  .lf {
    display: none;
  }

  .mn {
    float: none;
    width: 100%;
  }

  .rt {
    display: none;
  } 
 
  .bt {
    display: none;
  } 
 
  .bm {
    display: none; 
  }
 
  .hdbuy {
    display: none; 
  }

  .hdeml {
    display: none; 
  }
  
  .hdprog {
    display: none; 
  }

  .hdhome {
    display: none;
  }

}