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

body {
  background: #484848;
  font-family: Arial, sans-serif;
}

p {
  line-height: 140%;
}

div.wrapper {
  margin: 0 auto 0 auto;
  width: 994px;
}

/****************************************************************************************************************
 *
 *  rough backgrounds
 *
 ****************************************************************************************************************/

#rough-bg-top {
  background: url(../img/main-bg-top.gif) repeat-y 50% 0;
}

#rough-bg-bottom {
  background: url(../img/main-bg-bottom.gif) no-repeat 50% 0;
}

/****************************************************************************************************************
 *
 *  header
 *
 ****************************************************************************************************************/

#header {
  background: url(../img/header-bg.gif) repeat-x;
  height: 88px;
  min-height: 88px;
  padding: 23px 47px 0 47px;
}

h1.index_title_hu {
  background: url(../img/logo_hu_index.gif) no-repeat;
  height: 67px;
  position: relative;
  width: 297px;
}
h1.index_title_bg {
  background: url(../img/logo_bg_index.gif) no-repeat;
  height: 67px;
  position: relative;
  width: 297px;
}
h1.index_title_ro {
  background: url(../img/logo_ro_index.gif) no-repeat;
  height: 67px;
  position: relative;
  width: 297px;
}
h1.index_title_tr {
  background: url(../img/logo_tr_index.gif) no-repeat;
  height: 67px;
  position: relative;
  width: 297px;
}
h1.index_title_pt {
  background: url(../img/logo_pt_index.gif) no-repeat;
  height: 67px;
  position: relative;
  width: 297px;
}
h1.index_title_ov {
  background: url(../img/logo_ov_index.gif) no-repeat;
  height: 67px;
  position: relative;
  width: 297px;
}

h1.index_title_hu span,
h1.index_title_bg span,
h1.index_title_tr span,
h1.index_title_pt span,
h1.index_title_ro span,
h1.index_title_ov span {
  color: #484848;
  font-size: 12px;
  font-weight: normal;
  position: relative;
  top: 40px;
}

h1.index_title_hu span {
  left: 170px;
}
h1.index_title_tr span {
  left: 70px;
}
h1.index_title_bg span {
  left: 105px;
}
h1.index_title_ro span {
  left: 105px;
}
h1.index_title_pt span {
  left: 90px;
}
h1.index_title_ov span {
  left: 120px;
}



/****************************************************************************************************************
 *
 *  short info
 *
 ****************************************************************************************************************/

#short-info {
  background: #505972;
  padding: 39px 47px 0 47px;
}

#description {
  float: left;
  width: 495px;
}

#description h2 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 39px;
}

#description p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 48px;
}

#register, #register span {
  display: block;
  float: left;
}

#register {
  background: url(../img/button-reg-right.gif) no-repeat 100% 0;
  margin-bottom: 53px;
  padding-right: 20px;
  text-decoration: none;
}

#register span {
  background: url(../img/button-reg-left.gif) no-repeat 0 0;
  color: #000;
  cursor: pointer;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  line-height: 60px;
  padding-left: 50px;
  padding-right: 30px;
}

#register:hover {
  background-position: 100% -60px;
}

#register:hover span {
  background-position: 0 -60px;
}

/****************************************************************************************************************
 *
 *  short info form
 *
 ****************************************************************************************************************/

#short-info form {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  float: right;
  padding: 12px 21px 15px;
  width: 306px;
}

#short-info form h2 {
  color: #484848;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 34px;
}

#short-info form label {
  color: #484848;
  float: left;
  font-size: 13px;
  margin-right: 5%;
  text-align: right;
  width: 35%;
}

#short-info form div.row {
  margin-bottom: 8px;
}

#short-info form div.row div {
  float: left;
  width: 60%;
}

#short-info form div.row div.terms {
  text-align: center;
  font-size: 13px;
  color: #484848;
  width: 100%;
}

#short-info form div.row div.terms a{
  text-align: center;
  font-size: 13px;
  color: #484848;
}

#short-info form a {
  color: #04f;
  font-size: 11px;
}

#short-info form a:hover {
  color: #ff5d0c;
  text-decoration: underline;
}

#short-info form div.reg {
  border-top: 1px solid #aaa;
  color: #000;
  font-size: 13px;
  padding-top: 16px;
  margin-top: 22px;
}

#short-info form div.reg a {
  font-size: 13px;
}

/****************************************************************************************************************
 *
 *  content
 *
 ****************************************************************************************************************/

#content {
  background: url(../img/content-bg-top.gif) repeat-x #f0f0f0 0 0;
  padding: 57px 47px 27px 47px;
}

/****************************************************************************************************************
 *
 *  services
 *
 ****************************************************************************************************************/

#services {
  /*
  border-bottom: 1px solid #aaa;
  margin-bottom: 53px;
  padding-bottom: 43px;
  */
}

#services div {
  float: left;
  margin-right: 6%;
  padding-left: 6%;
  width: 23%;
}

#services div.ak-ser {
  background: url(../img/content-services-ak-ser.gif) no-repeat;
}

#services div.pp {
  background: url(../img/content-services-pp.gif) no-repeat;
}

#services div.webshop {
  background: url(../img/content-services-webshop.gif) no-repeat;
}

#services div.last {
  margin-right: 0;
}
#services div.ppplast {
  margin-right: 0;
  padding:0;
}

#services * {
  font-size: 12px;
}

#services h3, #services a {
  color: #0043ff;
  font-weight: bold;
}

#services p {
  color: #484848;
  margin: 1em 0 1.5em;
}

#services a:hover {
  color: #ff5d0c;
}

/****************************************************************************************************************
 *
 *  plus
 *
 ****************************************************************************************************************/

#plus {
  padding-bottom: 59px;
}

#plus div.video, #plus div.blog {
  float: left;
  margin-right: 8%;
  width: 28%;
}

#plus div.blog {
  margin-right: 0;
}

#plus div h3 {
  border-bottom: 1px solid #aaa;
  color: #ff5d0c;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 11px;
  padding-bottom: 6px;
}

#plus a img {
  border: 1px solid #aaa;
}

#plus a:hover img {
  border: 1px solid #ff5d0c;
}

#plus div.blog h4 {
  color: #225cfe;
  font-size: 12px;
  font-weight: bold;
}

#plus div.blog p {
  color: #484848;
  font-size: 11px;
  margin-bottom: 20px;
}

#plus div.blog a {
  background: url(../img/content-link-icon.gif) no-repeat 100% 2px;
  color: #225cfe;
  font-size: 11px;
  padding-right: 8px;
}

#plus div.blog a:hover {
  background-position: 100% -25px;
  color: #ff5d0c;
  text-decoration: underline;
}

#plus div.blog div.more {
  border-top: 1px solid #aaa;
  padding-top: 3px;
}

#plus div.blog div.more a {
  font-size: 12px;
  font-weight: bold;
  padding-right: 8px;
  text-decoration: none;
}

#plus div.blog div.more a:hover {
  text-decoration: underline;
}

/****************************************************************************************************************
 *
 *  partners
 *
 ****************************************************************************************************************/

#partners {
  border-top: 1px solid #aaa;
  color: #aaa;
  padding-top: 4px;
  font-size: 12px;
}

#partners a {
  margin-right: 40px;
}

#partners a.last {
  margin-right: 0;
}

#partners a img {
  border: 1px solid #aaa;
}

#partners a:hover img {
  border: 1px solid #ff5d0c;
}

#partners div {
  margin-top: 15px;
  text-align: center;
}

/****************************************************************************************************************
 *
 *  footer
 *
 ****************************************************************************************************************/

#footer-columns {
  padding: 80px 47px 75px;
}

#footer-columns div {
  float: left;
  margin-right: 4%;
  /*width: 22%;*/
  width: 30%;
}

#footer-columns div.last {
  margin-right: 0;
}

#footer-columns * {
  font-size: 12px;
  font-weight: normal;
  color: #EEE;
}

#footer-columns h3 {
  border-bottom: 1px solid #aaa;
  color: #fff;
  font-weight: bold;
  margin-bottom: 11px;
  padding-bottom: 4px;
}

#footer-columns ul ul {
  margin-top: 6px;
}

#footer-columns li {
  margin-bottom: 8px;
}

#footer-columns li li {
  margin-left: 14px;
}

#footer-columns li a {
  color: #fff;
  text-decoration: none;
}

#footer-columns li a {
  color: #aaa;
}

#footer-columns li a:hover, #footer-columns li a:hover {
  color: #ff5d0c;
  text-decoration: underline;
}

#footer-columns div a {
  color: #EEE;
  text-decoration: none;
  display: block;
}

#footer-columns div.sublink {
  padding-left: 10px;
  width: 100%;
  color: #AAAAAA;
}

#footer-columns a {
  padding: 0 0 5px 0;
}

#footer-columns div.nolink {
  padding: 0 0 5px 0;
  display: block;
  float: none;
  width: 100%;
}

#footer-columns div.sublink a {
  color: #AAAAAA;
}

#footer-columns div a:hover {
  text-decoration: underline;
}

#footer-ending {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 0 47px 123px;
}

#footer-ending ul, #footer-ending ul li {
  display: inline;
}

#footer-ending ul li {
  border-right: 1px solid #909090;
  margin-right: 7px;
  padding-right: 6px;
}

#footer-ending ul li.last {
  border: 0;
  margin-right: 0;
  padding-right: 0;
}

#footer-ending ul a {
  color: #ff5d0c;
  font-weight: normal;
  text-decoration: none;
}

#footer-ending ul a:hover {
  text-decoration: underline;
}

#footer-ending p {
  border-top: 1px solid #aaa;
  color: #aaa;
  font-size: 11px;
  font-weight: normal;
  margin-top: 5px;
  padding-top: 5px;
}

#footer-ending a {
  color: #ff5d0c;
  padding: 0 10px;
  text-decoration: none;
}

#footer-ending a:hover {
  text-decoration: underline;
}

#whitebox_login {
  /*display: none;*/
}

#whitebox_repassword {
  display: none;
}

#whitebox_registration {
  display: none;
}

.info {
  margin-bottom: 12px;
  padding:1.6% 3.5% 1.6% 1.6%;
  position: relative;
  font-weight: bold;
}

.info p, .info h3, .info div {
  margin-left: 41px;
}

.info a.message_close {
  background: url(../img/close.gif) no-repeat 0 0;
  display: block;
  height: 17px;
  left: 97.4%;
  position: absolute;
  top: 10%;
  width: 17px;
}

.error {
  background: url(../img/error.gif) no-repeat 15px 15px #ffeded;
  border: 1px solid #900;
  color: #900;
  min-height: 30px;
}

.ok {
  background: url(../img/info.gif) no-repeat 15px 15px #edffec;
  border: 1px solid #078c00;
  color: #078c00;
  min-height: 30px;
}

.warning {
  background: url(../img/warning.gif) no-repeat 15px 15px #ffffcc;
  border: 1px solid #330000;
  color: #330000;
  min-height: 30px;
}

.info h3 {
  font-size: 18px;
  margin-bottom: 4px;
}

.info h3 a {
  font-weight: bold;
  color: inherit;
  font-size: inherit;
}

div.hidden {
  display: none;
}

div#content {
  font-size: 14px;
  line-height: 20px;
}

div#content h1 {
  color: #505972;
  font-size: 24px;
  padding: 0 0 20px 0;
  font-weight: bold;
}
div#content table {
  text-align: center;
}
div#content table.bordered {
  border-color: #000;
  border-width: 0 0 1px 1px;
  border-style: solid;
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0;

}
div#content table.bordered td, div#content table.bordered th {
  border-color: #000;
  border-width: 1px 1px 0 0;
  border-style: solid;
  margin: 0;
  padding: 4px;
}
div#content table.bordered th {
  font-weight: bold;
}
div#content ul {
 list-style-type: disc;
 padding: 10px 20px;
}
a.logolink {
  width: 100%;
  height: 67px;
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  background: transparent;
  text-decoration: none;
}
div#services div.pickpackbanner {
  padding-top: 7px;
  width: 250px;
  height: 130px;
  background: url(../img/pick-pack-banner-w-shadow.png) no-repeat;
}

div#services div.pickpackbanner p {
  width: 120px;
}