body {
  font-family:Arial;
  font-size:0.8em;
}
#pageContainer {
  width:1280px;
  margin:0 auto;
}
#head .top { height:45px; }
#head #logo {
  padding:0;
  display:block;
  position:absolute;
  width:200px;
  height:185px;
  top:64px;
  left:84px;
}
#head #afs {
  position:absolute;
  left:375px;
  top:88px;
  width:410px;
  height:75px;
  text-indent:-99999px;
  background:transparent url('../images/afs.png') no-repeat;
}
#head #lph {
  position:absolute;
  left:375px;
  top:170px;
  width:410px;
  height:83px;
  text-indent:-99999px;
  background:transparent url('../images/lph.png') no-repeat;
}
#head #cistern {
  position:absolute;
  top:49px;
  right:40px;
  width:430px;
  height:296px;
  background:transparent url('../images/cistern.png') no-repeat;
}
#head {
  width:1200px;
  padding:0 40px;
  height:300px;
  position:relative;
  background:transparent url('../images/head.png') no-repeat;
}
#pageL {
  width:1240px;
  padding-left:40px;
  background:transparent url('../images/left.png') repeat-y left;
}
#pageR {
  width:1200px;
  padding-right:40px;
  background:transparent url('../images/right.png') repeat-y right;
}
.page p { line-height:120%; }
.page ul li { line-height:120%; }
.page ul { margin:5px 0 5px 15px; }
.page a:hover {
  color:white;
  background-color:#02431e;
  text-decoration:none;
}
.page a {
  color:#02431e;
  padding:0 2px;
}
.page h1 {
  padding:5px 0 5px 35px;
  font-size:2em;
  font-weight:bold;
  color:#02431e;
  text-shadow:white 2px 2px 2px;
  background:transparent url('../images/harrow.png') no-repeat center left;
}
.page h2 {
  font-size:1.5em;
  text-align:center;
  margin:10px 0;
}
.page h3 {
  padding:5px 0 5px 25px;
  font-size:14px;
}
.page .print {
  background-image:url('../images/print.png');
  background-repeat:no-repeat;
  padding-left:26px;
  line-height:24px;
  vertical-align:middle;
}
.page .pageContent #breadcrumbs {
  height:45px;
  line-height:45px;
  color:#02431e;
}
.page .pageContent .content { padding-top:5px; }
.page .pageContent p {
  text-align:justify;
  text-indent:15px;
  margin:5px 0;
}
.page .pageContent img.left {
  margin-right:5px;
  border:1px solid silver;
}
.page .pageContent img.right {
  margin-left:5px;
  border:1px solid silver;
}
.page .pageContent {
  float:right;
  background:transparent url('../images/page-top.png') no-repeat;
  padding:0 15px 15px 15px;
  width:870px;
}
.page {
  width:1200px;
  background-color:#bfd44f;
}
#left { width:300px; }
.support .help {
  margin-top:10px;
  font-weight:bold;
}
.support { padding:15px; }
#menu ul li a:hover {
  text-shadow:black 2px 2px;
  background:transparent url('../images/menu-arrow-hover.png') no-repeat;
}
#menu ul li a {
  display:block;
  height:45px;
  line-height:45px;
  vertical-align:middle;
  margin:0 15px;
  padding:0;
  padding-left:47px;
  color:#fff500;
  text-decoration:none;
  font-size:18px;
  font-weight:bold;
  font-family:'Square721 BT', Helvetica;
  background:transparent url('../images/menu-arrow.png') no-repeat;
  border-bottom:1px dotted #fff500;
}
#menu ul li ul li a {
  padding-left:67px;
  background-position:20px 0;
}
#menu ul li ul li.last a { border-bottom:1px dotted #fff500; }
#menu ul li ul li.active a { background-position:20px 0; }
#menu ul li {
  background:transparent url('../images/menu-item.png') no-repeat;
  line-height:1;
}
#menu ul li.active a {
  color:white;
  text-shadow:black 2px 2px;
  background:transparent url('../images/menu-arrow-active.png') no-repeat;
  border-bottom:1px dotted white;
}
#menu ul li.active ul li a {
  padding-left:67px;
  background:transparent url('../images/menu-arrow.png') no-repeat;
  background-position:20px 0;
  color:#fff500;
  border-bottom:1px dotted #fff500;
  text-shadow:none;
}
#menu ul li.last a { border-bottom:1px solid #02431e; }
#menu ul li.last ul li.last a { border-bottom:1px solid #02431e; }
#menu ul { margin:0; }
#menu {
  width:300px;
  background-color:#02431e;
}
.social a { padding:0; }
.social a.first { margin-right:15px; }
.social { padding:0 15px 15px 15px; }
#pageFooter .bold { color:black; }
#pageFooter a { color:#02431e; }
#pageFooter {
  padding:40px 55px 20px 55px;
  width:1170px;
  background:transparent url('../images/footer.png') no-repeat;
  color:#02431e;
}
div.confirm_dialog p {
  font-size:1.2em;
  line-height:140%;
}
a.no-hover:hover { background-color:transparent; }
a.no-hover img { background-color:transparent; }
a:hover img { background-color:transparent; }
.contentActions a.icon { line-height:24px; }
.contentActions a.text {
  position:relative;
  top:-7px;
}
.contentActions {
  float:right;
  height:24px;
  margin-top:10px;
  display:inline-block;
  vertical-align:middle;
}
.pageActions #totop {
  float:right;
  padding-left:18px;
  background-image:url('../images/up_arrow.png');
  background-repeat:no-repeat;
  line-height:16px;
  vertical-align:middle;
}
.pageActions {
  padding:0 15px;
  text-align:center;
}
#footer .icons a {
  display:block;
  float:left;
  width:24px;
  height:24px;
  padding-right:15px;
}
#footer .icons {
  height:24px;
  margin-bottom:5px;
}
#footer .company { float:left; }
#footer .autor a { color:black; }
#footer .autor { float:right; }
#footer {
  color:black;
  font-size:12px;
  line-height:150%;
  margin-top:5px;
  border-top:2px dotted #02431e;
  min-height:60px;
  padding:10px 15px 0 15px;
}
#footer a:hover { color:white; }
#footer a { color:#02431e; }
#footer img { float:left; }
#footer .oggy {
  float:left;
  margin-top:15px;
}
.no-underline a { text-decoration:none; }
.clear {
  clear:both;
  height:0;
  line-height:0;
}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clearfix { height:1%; }
.clearfix { display:block; }
.tab {
  background:url('../images/tab_b.png') repeat-x 0 0;
  height:42px;
  position:relative;
  top:0;
  z-index:999;
}
.tab .topPage {
  width:1200px;
  margin:0 auto;
}
.tab ul.login {
  display:block;
  position:relative;
  float:right;
  clear:right;
  height:42px;
  width:auto;
  font-weight:bold;
  line-height:42px;
  margin:0;
  right:150px;
  color:white;
  font-size:80%;
  text-align:center;
}
.tab ul.login li.left {
  background:url('../images/tab_l.png') no-repeat left 0;
  height:42px;
  width:30px;
  padding:0;
  margin:0;
  display:block;
  float:left;
}
.tab ul.login li.right {
  background:url('../images/tab_r.png') no-repeat left 0;
  height:42px;
  width:30px;
  padding:0;
  margin:0;
  display:block;
  float:left;
}
.tab ul.login li {
  text-align:left;
  padding:0 6px;
  display:block;
  float:left;
  height:42px;
  background:url('../images/tab_m.png') repeat-x 0 0;
}
.tab ul.login li a { color:#15adff; }
.tab ul.login li a:hover { color:white; }
.tab .sep { color:#414141; }
.tab a.open, .tab a.close {
  height:20px;
  line-height:20px !important;
  padding-left:30px !important;
  cursor:pointer;
  display:block;
  position:relative;
  top:11px;
}
.tab a.open { background:url('../images/bt_open.png') no-repeat left 0; }
.tab a.close { background:url('../images/bt_close.png') no-repeat left 0; }
.tab a:hover.open { background:url('../images/bt_open.png') no-repeat left -19px; }
.tab a:hover.close { background:url('../images/bt_close.png') no-repeat left -19px; }
#toppanel {
  position:absolute;
  top:0;
  width:100%;
  z-index:999;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
#panel {
  width:100%;
  height:270px;
  color:#999999;
  background:#272727;
  overflow:hidden;
  position:relative;
  z-index:3;
  display:none;
}
#panel h2 {
  font-size:1.6em;
  padding:5px 0 10px;
  margin:0;
  color:white;
}
#panel h3 {
  font-size:1.2em;
  padding:10px 0 5px;
  margin:0;
  color:white;
}
#panel p {
  margin:5px 0;
  padding:0;
  line-height:160%;
  font-size:1.1em;
}
#panel a {
  text-decoration:none;
  color:#15adff;
}
#panel a:hover { color:white; }
#panel a-lost-pwd {
  display:block;
  float:left;
}
#panel .content {
  width:1200px;
  margin:0 auto;
  padding-top:15px;
  text-align:left;
  font-size:0.85em;
}
#panel .content .left {
  width:280px;
  float:left;
  padding:0 15px;
  border-left:1px solid #333333;
}
#panel .content .right { border-right:1px solid #333333; }
#panel .content .notice { width:251px; }
#panel .content .reg { width:575px; }
#panel .content form { margin:0 0 10px 0; }
#panel .content form fieldset { clear:both; }
#panel .content .control {
  width:280px;
  height:43px;
  position:relative;
  float:left;
}
#panel .content .group input[type=checkbox] { float:left; }
#panel .content .group label {
  width:auto;
  float:none;
  clear:none;
}
#panel .content .group { padding-top:8px; }
#panel .content label {
  float:left;
  padding-top:8px;
  clear:both;
  width:280px;
  display:block;
}
#panel .content .reg label { float:none; }
#panel .content input.field {
  border:1px #1a1a1a solid;
  background:#414141 !important;
  margin-right:5px;
  margin-top:4px;
  width:220px;
  color:white;
  height:16px;
}
#panel .content input:focus.field { background:#545454; }
#panel .content input.form-control-error { border:1px solid #bb0000; }
#panel .content input[type=submit] { margin-top:8px; }
#panel .content input[type=checkbox] { width:auto; }
#panel .content input.bt_login, #panel .content input.bt_register {
  display:block;
  float:left;
  clear:left;
  height:24px;
  text-align:center;
  cursor:pointer;
  border:none;
  font-weight:bold;
  margin:10px 0;
}
#panel .content input.bt_login {
  width:74px;
  background:transparent url('../images/bt_login.png') no-repeat 0 0;
}
#panel .content input.bt_register {
  width:94px;
  color:white;
  background:transparent url('../images/bt_register.png') no-repeat 0 0;
}
#panel .lost-pwd {
  display:block;
  float:left;
  clear:right;
  padding:15px 5px 0;
  font-size:0.95em;
  text-decoration:underline;
}
form .errors {
  position:relative;
  top:-30px;
  left:40px;
}
.form-control-error { border:1px solid #bb0000; }
.form-error {
  background:url('../images/exclamation.png') no-repeat scroll 0 0 transparent;
  color:#bb0000;
  font-size:12px;
  margin-left:5px;
  min-height:16px;
  line-height:16px;
  vertical-align:middle;
  min-width:20px;
  padding-left:20px;
  position:absolute;
  top:6px;
  left:60px;
}