@font-face {
	font-family: 'HandelGotDBolRegular';
	src: url('handgotb.eot');
	src: local('HandelGotDBol'), local('HandelGotD-Bold'), url('handgotb.ttf') format('truetype');
}


/**
 * TYPOGRAFIE
 */
body {
  background: #fff url('../images/skin/body-bg.png') repeat-x;
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}
.italic {
  font-style: italic;
}
.cleaner {
  clear: both;
}


/**
 * LAYOUT
 */
#main {
  width: 1012px;
  margin: 0 auto;
  background: url('../images/skin/main-shadow.png') no-repeat;
}
#middle {
  width: 600px;
  float: right;
  padding-top: 22px;
  margin-right: 33px;
}
#sidebar {
  width: 347px;
  float: left;
}
#content-wrapper {
  padding: 0 16px;
}
/* hlavicka */
#header-wrapper {
  padding: 0 16px;
  position: relative;
}
#header {
  height: 99px;
  position: relative;
  background: #fff; /*url('../images/skin/header-shadow.png') repeat-x left bottom*/
}
/* logo */
#header .logo {
  position: absolute;
  left: 32px;
  top: 17px;
}
#header .logo h1 {
  margin: 0;
  padding: 0;
}
#header .logo a {
  display: block;
  width: 200px;
  height: 67px;
  overflow: hidden;
  position: relative;
}
#header .logo a span {
  width: 200px;
  height: 67px;
  position: absolute;
  left: 0;
  top: 0;
  background: url('../images/skin/header-logo.png') no-repeat;
}
/* ikonky jazyku */
#header .language-icons {
  position: absolute;
  /*left: 488px;*/
  left: 800px;
  top: 43px;
}
#header .language-icons a {
  float: left;
  width: 26px;
  height: 16px;
  margin-right: 20px;
}
#header .language-icons a.lang-cs { background: url('../images/skin/language-icon-cs.png') no-repeat; }
#header .language-icons a.lang-de { background: url('../images/skin/language-icon-de.png') no-repeat; }
#header .language-icons a.lang-en { background: url('../images/skin/language-icon-en.png') no-repeat; }
#header .language-icons a span {
  display: none;
}
/* menu */
#menu {
  height: 54px;
  width: 980px;
  background: url('../images/skin/menu-bg.png') repeat-x;
}
#menu ul,
#menu ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menu > ul > li {
  position: relative;
  float: left;
}
#menu > ul > li > .item {
  float: left;
  height: 54px;
  line-height: 45px;
  display: block;
  text-decoration: none;
  color: #666;
  font-size: 12px;
  position: relative;
  cursor: default;
}
#menu > ul > li > a.item {
  cursor: pointer;
}
#menu > ul > li.small > .item {
  min-width: 147px;
}
#menu > ul > li > .item .label {
  display: block;
  margin: 0 7px 0 8px;
  padding: 9px 44px 0 43px;
}
.locale-en #menu > ul > li > .item .label {
  padding: 9px 39px 0 38px;
}
#menu > ul > li.small > .item .label {
  min-width: 45px;
}
#menu > ul > li:hover > .item .label {
  color: #e5e5e5;
  background-color: #003f7d;
}
#menu > ul > li:first-child > .item .label {
  padding-left: 72px;
  margin-left: 0;
}
#menu > ul > li > .item .border-left,
#menu > ul > li > .item .border-right {
  position: absolute;
  top: 0;
  height: 54px;
  z-index: 10;
  background: url('../images/skin/menu-separator.png') no-repeat;
}
#menu > ul > li > .item .border-left {
  left: 0;
  width: 8px;
  background-position: -7px 0px;
}
#menu > ul > li:hover > .item .border-left {
  left: -7px;
  width: 17px;
  z-index: 11;
  background-position: 0 -54px;
}
#menu > ul > li:first-child > .item .border-left {
  display: none;
}
#menu > ul > li > .item .border-right {
  right: 0;
  width: 7px;
  background-position: 0px 0px;
}
#menu > ul > li:hover > .item .border-right {
  right: -10px;
  width: 17px;
  z-index: 11;
  background-position: -17px -54px;
}
#menu > ul > li:last-child > .item .border-right {
  display: none;
}
#menu > ul > li:last-child:hover > .item .border-right {
  display: block;
}
/* dropdown menu */
#menu .items-wrapper {
  display: none;
  position: absolute;
  z-index: 19;
  left: -6px;
  top: 54px;
  padding-left: 20px;
  margin-right: 5px;
  background: url('../images/skin/submenu-left.png') no-repeat left bottom;
}
#menu > ul > li:hover .items-wrapper,
#menu > ul > li.hover .items-wrapper {
  display: block;
}
#menu .items {
  float: left;
  padding-right: 20px;
  background: url('../images/skin/submenu-right.png') no-repeat right bottom;
  position: relative;
  z-index: 20;
}
#menu .items ul {
  float: left;
  background: url('../images/skin/submenu-bg.png') repeat-x left bottom;
  padding: 12px 0 10px 0;
}
#menu .items li {
  float: left;
  width: 100%;
  position: relative;
  left: -20px;
  height: 30px;
}
#menu .items li a {
  line-height: 30px;
  height: 30px;
  display: block;
  width: 100%;
  padding: 0 9px 0 31px;
  color: #666;
  text-decoration: none;
  font-size: 12px;
  background: url('../images/skin/submenu-arrow.png') no-repeat -10000px 0;
}
#menu .items li a:hover,
#menu .items li a.active {
  background-position: 16px 11px;
  color: #006ad3;
}
/* obrazek pod menu */
#header-image {
  height: 120px;
  padding: 7px 33px 20px 33px;
  background: url('../images/skin/header.png') no-repeat left top;
}
#header-image-index {
  padding: 7px 33px 20px 33px;
  height: 259px;
  background: url('../images/skin/header-index.png') no-repeat left top;
  position: relative;
}
#header-image-index object {
  position: absolute;
  left: 33px;
  top: 7px;
  z-index: 10;
}
#header-image-index .about {
  color: #fff;
}


/* postranni menu */
.sidemenu {
  width: 293px;
  padding: 3px 0 22px 26px;
  margin: 0;
}
.sidemenu li {
  background: url('../images/skin/sidemenu.png') no-repeat;
  width: 279px;
  height: 66px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  padding: 5px 7px 6px 7px;
}
.sidemenu li .item {
  height: 66px;
  position: relative;
}
.sidemenu li .item:hover,
.sidemenu li.active .item {
  background-color: #fff;
  cursor: pointer;
}
.sidemenu li .item .label {
  display: block;
  height: 66px;
  line-height: 64px;
  color: #fff;
  font-size: 19px;
  letter-spacing: -0.9px;
  font-family: HandelGotDBolRegular;
  text-decoration: none;
  padding: 0 0 0 17px;
}
.sidemenu li .item:hover .label,
.sidemenu li.active .item .label {
  color: #003f7d;
}
.sidemenu li .item .read-more {
  position: absolute;
  /*left: 144px;*/
  left: 160px;
  top: 14px;
  color: #f2d329;
  font-size: 11px;
  text-decoration: underline;
}
.sidemenu li .item .read-more:hover {
  text-decoration: none;
}
.sidemenu li .item:hover .read-more,
.sidemenu li.active .item .read-more {
  color: #e32518;
}
.sidemenu li .item .inquiry {
  position: absolute;
  /*left: 144px;*/
  left: 160px;
  top: 36px;
  color: #f2d329;
  font-size: 11px;
  text-decoration: underline;
}
.sidemenu li .item .inquiry:hover {
  text-decoration: none;
}
.sidemenu li .item:hover .inquiry,
.sidemenu li.active .item .inquiry {
  color: #e32518;
}
.locale-en .sidemenu li .item .read-more,
.locale-en .sidemenu li .item .inquiry{
  left: 200px;
}


/* oznameni */
.notices {
  padding: 10px 0 10px 0;
  color: #3d75ac;
  font-size: 12px;
  font-weight: bold;
}
.notices .flash-error {
  color: #e32518;
}
.notices.empty {
  display: none;
}

/* boxy se sluzbami */
#top-boxes {
  padding: 8px 0 0 26px;
}
.services .service-box {
  width: 171px;
  height: 202px;
  background: url('../images/skin/boxes-bg.png') no-repeat left top;
  margin-left: 20px;
  padding: 23px 21px 9px 25px; /* 5 7 9 7 + 18 */

  float: left;
  overflow: hidden;
}
.services .service-box:first-child {
  margin-left: 0px;
}
.services .service-box h2 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: HandelGotDBolRegular;
  font-size: 20px;
  letter-spacing: -1px;
  height: 23px;
  width: 180px;
  /* pokud nejaky prohlizec spatne vykresli pismo,
     je lepsi ho priblizit k pravemu okraji nez
     pretect do textu pod nim */
}
.services .service-box .box-content {
  padding: 10px 0 0 0;
  margin-bottom: 5px;
  height: 103px;
  overflow: hidden;
}
.services .service-box .description {
  margin: 0;
  color: #b7cfe6;
  font-size: 12px;
  line-height: 16px;
  min-height: 64px;
}
.services .service-box .read-more {
  display: block;
  padding: 6px 0 0 0;
  margin: 0;
}
.services .service-box .read-more a {
  color: #f2d329;
  font-size: 12px;
  line-height: 16px;
  text-decoration: underline;
}
.services .service-box .read-more a:hover {
  text-decoration: none;
}
.services .service-box .inquiry {
  margin: 0;
  padding: 22px 0 0 5px;
}
.services .service-box.box-outsourcing .inquiry {
  padding-top: 13px;
}
.locale-en .services .service-box.box-spedition .inquiry,
.locale-en .services .service-box.box-customs-services .inquiry {
  padding-top: 13px;
}
.services .service-box .inquiry a {
  color: #ff9284;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: -0.3px;
}
.services .service-box .inquiry a:hover {
  text-decoration: none;
}

/* boxy obecne */
.box {
  border: 1px solid #e6e6e6;
  padding: 1px;
  float: left;
}
.box .box-title {
  height: 46px;
  overflow: hidden;
  background: url('../images/skin/boxes-title.png') repeat-x;
  position: relative;
}
.box .box-title {
  height: 46px;
  overflow: hidden;
  background: url('../images/skin/boxes-title.png') repeat-x;
  position: relative;
}
.box .box-title h2 {
  font-family: HandelGotDBolRegular;
  color: #003f7d;
  font-size: 20px;
  letter-spacing: -1.1px;
  line-height: 44px;
  margin: 0;
  padding: 2px 0 0 17px;
}
.box .box-title a.subtitle {
  color: #e32518;
  font-size: 12px;
  text-decoration: underline;
  line-height: 12px;
  position: absolute;
  right: 21px;
  top: 21px;
}
.box .box-title a.subtitle:hover {
  text-decoration: none;
}
/* newsletter */
.box.box-newsletter form {
  margin: 0;
  padding: 20px 0 0 0;
}
.box.box-newsletter .email {
  width: 278px;
  height: 47px;
  margin: 0 0 0 16px;
  background: url('../images/skin/newsletter-input.png') no-repeat;
}
.box.box-newsletter .email label {
  display: none;
}
.box.box-newsletter .email input {
  border: 0;
  background: transparent;
  height: 13px;
  width: 238px;
  padding: 11px 20px 10px 20px;
  color: #666;
  font-size: 12px;
  line-height: 13px;
}
.box.box-newsletter .submit {
  width: 163px;
  height: 47px;
  margin: 1px 0 0 118px;
  background: url('../images/skin/newsletter-button.png') no-repeat;
  position: relative;
}
.box.box-newsletter .submit input {
  border: 0;
  background: transparent;
  width: 163px;
  height: 35px;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  letter-spacing: -1.1px;
}
.box.box-newsletter .notices {
  height: auto;
  padding: 0 0 0 16px;
  line-height: 18px;
  background: url("../images/skin/navigator-arrow.png") no-repeat 2px 7px;
  position: relative;
  top: -6px;
  margin-left: 20px;
}
.box.box-newsletter .cancel-link {
  color: #3d75ac;
  margin: 0 17px;
  text-align: center;
  padding: 0 23px 0 100px;
}
.box.box-newsletter .cancel-link input {
  color: #e32518;
  font-size: 12px;
  font-family: Arial, sans-serif;
  border: 0;
  background:transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-decoration: underline;
}
.box.box-newsletter .cancel-link input:hover {
  text-decoration: none;
}
/* aktuality */
.news-article {
  float: left;
  height: 106px;
  width: 242px;
  padding: 18px 17px 17px 17px;
  overflow: hidden;
}
.news-article .time {
  display: inline;
  font-size: 11px;
  line-height: 16px;
  color: #3d75ac;
  color: #808080;
  margin-right: 6px;
  padding-right: 6px;
  position: relative;
  top: -2px;
}
.news-article .separator {
  border-right: 1px solid #3d75ac;
  height: 11px;
  position: absolute;
  right: 1px;
  top: 3px;
}
.news-article .title {
  display: inline;
  font-size: 12px;
  line-height: 15px;
  color: #3d75ac;
  font-weight: bold;
  text-align: justify;
}
.news-article .description {
  font-size: 12px;
  line-height: 16px;
  color: #3d75ac;
  padding-top: 8px;
}
.news-article .description .read-more,
.news-article .description .uploaded-file {
  text-align: right;
}
.news-article .description .read-more a,
.news-article .description .uploaded-file a {
  color: #e32518 !important;
  font-size: 12px;
  text-decoration: underline;
}
.news-article .description a:hover {
  text-decoration: none;
}
#content .news-article {
  clear: left;
  width: auto;
  height: auto;
  padding: 0 0 40px 0;
  width: 600px;
}
#content .news-article .description {
  text-align: justify;
}
#sidebar .news-article {
  height: auto;
}
/* na uvodni strance */
#bottom-boxes {
  padding: 27px 0 0 33px;
}
#bottom-boxes .box {
  height: 186px;
}
#bottom-boxes .box.box-newsletter {
  width: 311px;
  margin-right: 33px;
}
#bottom-boxes .box.box-news {
  width: 562px;
}
/* v postrannim panelu */
#sidebar .box {
  width: 275px;
  margin-left: 33px;
}
#sidebar .box.box-newsletter {
  height: 186px;
  margin-top: 28px;
}
#sidebar .box.box-newsletter .submit {
  margin-left: 86px;
}
#sidebar .box.box-newsletter .email {
  width: 249px;
  background-image: url('../images/skin/newsletter-sidebar-input.png');
}
#sidebar .box.box-newsletter .email input {
  width: 206px;
}
#sidebar .box.box-newsletter .cancel-link {
  padding-left: 70px;
  padding-right: 20px;
}
/* strankovani */
.pagination {
  text-align: center;
  padding: 0 100px;
  width: 400px;
  float: left;
  position: relative;
}
.pagination a {
  color: #461681;
  font-weight: bold;
  font-size: 12px;
  text-decoration: underline;
  padding: 0 5px;
}
.pagination span {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  padding: 0 5px;
}
.pagination a:hover {
  text-decoration: none;
}
.pagination span.hidden {
  visibility: hidden;
}


/* navigator */
.navigator {
  margin: 0;
  padding: 0;
}
.navigator li {
  padding: 0 0 0 23px;
  margin: 0;
  color: #5f5f5f;
  font-size: 11px;
  float: left;
  list-style-type: none;
  background: url('../images/skin/navigator-arrow.png') no-repeat 9px 4px;
}
.navigator li.first {
  padding-left: 0;
  background: transparent;
}
.navigator li a {
  text-decoration: underline;
  color: #5f5f5f;
  font-size: 11px;
}
.navigator li a:hover {
  text-decoration: none;
}
.navigator li.last a {
  color: #e32518;
  text-decoration: none;
}


/* titulek */
#title {
  padding: 19px 0 0 0;
}
#title h1 {
  padding: 0 0 8px 0;
  margin: 0;
  font-size: 34px;
  color: #356fa9;
  font-family: HandelGotDBolRegular;
  /*letter-spacing: -4.2px;*/
  letter-spacing: -2.2px;
}


/* typografie */
#content p {
  font-size: 12px;
  line-height: 18px;
  color: #5f5f5f;
  padding: 0 0 14px 0;
  margin: 0;
  text-align: justify;
}
#content strong {
  font-weight: bold;
  color: #e32518;
}
#content a {
  color: #461681;
  font-weight: bold;
  text-decoration: underline;
}
#content a:hover {
  text-decoration: none;
}
#content h2 {
  padding: 7px 0 8px 0;
  margin: 0;
  color: #356fa9;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: -0.3px;
  clear: both;
}
#content ul {
  padding: 0 0 4px 0;
  margin: 0;
  position: relative;
  top: -5px;
}
#content li {
  font-size: 12px;
  line-height: 24px;
  color: #5f5f5f;
  padding: 0 0 0 16px;
  background: url('../images/skin/navigator-arrow.png') no-repeat 2px 10px;
  margin: 0;
  list-style-type: none;
  text-align: justify;
}
#content img {
  border: 10px solid #e6ebf2;
  margin-left: 20px;
  position: relative;
  top: -7px; /* posuneme o vysku rameceku nahoru */
}
#content li img {
  top: 0;
}
#content img.legend {
  border: none;
  top: 2px;
}
/* google mapa */
#content .contact-info {
  clear: left;
  width: 320px;
}
#content .contact-info p {
  padding: 0;
  text-align: left;
}
#content .contact-info .with-margin {
  margin-top: 5px;
}
#content .contact-image {
  float: left;
  margin: 0;
  border: 0;
}
#content .contact-detail.with-image {
  padding-left: 110px;
}
#content .contact-gallery {
  clear: both;
  padding: 10px 0 0 0;
  width: 320px;
}
#content .contact-gallery a {
  float: left;
  margin: 5px 5px 0 0;
}

/* reference */
#content .references-wrapper {
  clear: left;
  padding: 20px 0 0 0;
  float: left;
  line-height: 60px;
  width: 600px;
}
#content .references-wrapper img {
  position: static;
  border: none;
  padding: 0;
  margin: 0 10px 0 20px;
  vertical-align: middle;
}


/* kontakt */
#content .contacts-left,
#content .contacts-right {
  float: left;
  width: 283px;
}
#content .contacts-right {
  padding-left: 34px;
}
#content p.contact {
  float: left;
  width: 283px;
  clear: left;
}
#content p.contact.right {
  padding-left: 34px;
  clear: none;
}
#content p.contact span {
  font-style: italic;
}

/* formulare */
#content form {
  /*background-color: #f7f7f7;*/
  padding: 21px 0;
}
#content form .field-wrapper {
  padding: 4px 23px 5px 23px;
  position: relative;
}
#content form .field-wrapper .label {
  float: left;
  width: 190px;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  padding: 10px 0 0 0;
}
#content form .field-wrapper .error {
  float: right;
  clear: right;
  width: 343px;
}
#content form .field-wrapper .help {
  font-size: 12px;
  color: #666;
  clear: left;
  font-style: italic;
}
#content form .field-wrapper .unit {
  position: absolute;
  left: 585px;
  min-width: 50px;
  top: 14px;
  font-style: normal;
}
#content form > .errors {
  display: none;
}
#content form .field-wrapper .error ul {
  padding: 0;
  margin: 0;
  position: static;
}
#content form .field-wrapper .error li {
  color: #e32518;
  font-weight: bold;
  line-height: 18px;
  padding-bottom: 6px;
  background-position: 2px 7px;
}
#content form .field-wrapper input {
  width: 311px;
  height: 35px;
  border: none;
  padding: 0;
  margin: 0;
  float: right;
  color: #666;
  line-height: 35px;
  padding: 0 16px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  background: url('../images/skin/form-input.png') no-repeat;
}
#content form .field-wrapper textarea {
  width: 311px;
  height: 100px;
  border: none;
  padding: 0;
  margin: 0;
  float: right;
  color: #666;
  line-height: 18px;
  padding: 11px 16px 12px 16px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  background: url('../images/skin/form-textarea.png') no-repeat;
  resize: none;
  scroll: auto;
}
#content form .field-combo {
  width: 343px;
  height: 35px;
  position: relative;
  float: right;
}
#content form .field-combo .arrow {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 34px;
  height: 35px;
  cursor: pointer;
  z-index: 105;
}
#content form .field-combo .value {
  height: 35px;
  overflow: hidden;
  width: 293px;
  padding: 0 34px 0 16px;
  line-height: 35px;
  color: #666;
  font-size: 12px;
  z-index: 101;
  background: url('../images/skin/form-combo.png') no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
#content form .field-combo ul.options {
  position: absolute;
  left: 0px;
  top: 35px;
  padding: 0;
  width: 341px;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-top: none;
  z-index: 110;
}
#content form .field-combo ul.options li {
  list-style-type: none;
  padding: 6px 16px;
  margin: 0px;
  min-height: 18px;
  line-height: 18px;
  color: #666;
  font-size: 12px;
  cursor: pointer;
  background: transparent;
}
#content form .field-combo ul.options li.active {
  background-color: #f7f7f7;
}
#content form input.submit {
  width: 154px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-family: Tahoma, sans-serif;
  background: url('../images/skin/form-submit.png') no-repeat;
  border: none;
  cursor: pointer;
  float: right;
  margin: 8px 212px 0 0;
  padding: 0;
  letter-spacing: -0.8px
}
/* datum */
.ui-datepicker, .ui-datepicker * {
  z-index: 200 !important;
}
#content form .datepicker-field input {
  background: url('../images/skin/form-combo.png') no-repeat;
  z-index: 101;
  width: 277px;
  margin-right: 34px;
}
#content form .datepicker-field .ui-datepicker-trigger {
  position: absolute;
  right: 23px;
  top: 4px;
  border: 0;
  background: url('../images/skin/form-combo.png') no-repeat right top;
  width: 34px;
  height: 35px;
  cursor: pointer;
  z-index: 105;
  text-indent: -10000px;
}
#content form input.file {
  height: auto;
  line-height: auto;
  background: transparent;
  width: 343px;
  padding: 0;
  margin: 10px 0 0 0;
}

/* google mapa */
#gmap {
  height: 500px;
  width: 598px;
  border: 1px solid #356fa9;
}

/* paticka */
#footer-wrapper {
  padding: 0 16px;
}
#footer {
  height: 75px;
  margin: 30px 0 0 0;
  background: url('../images/skin/footer-shadow.png') repeat-x left bottom;
}
#footer-inner {
  padding: 0 15px;
  background-color: #f1f1f1;
}
#footer-menu {
  height: 51px;
  margin: 0;
  padding: 0;
  float: left;
}
#footer-menu li {
  margin: 0;
  padding: 2px 0 0 0;
  float: left;
  list-style-type: none;
}
#footer-menu li a {
  line-height: 50px;
  text-decoration: none;
  color: #666;
  font-size: 12px;
  border-left: 1px solid #666;
  padding: 0 13px;
}
#footer-menu li a:hover {
  text-decoration: underline;
  color: #e32518;
}
#footer-menu li:first-child a {
  border-left: none;
}
#footer .raynet-logo {
  line-height: 46px;
  font-size: 12px;
  color: #666;
  float: right;
  margin: 0;
  padding: 4px 17px 0 0;
}

/* hlaska o nepodporovanem prohlizeci */
.unsupported-browser {
  padding: 10px 20px;
}
.unsupported-browser p,
.unsupported-browser li {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}
.unsupported-browser a {
  color: #f2d329;
  text-decoration: underline;
}
.unsupported-browser a:hover {
  text-decoration: none;
}