/**
 * karosar.cz style
*/

body {
  margin: 0;
  padding: 0;
  background: #050505;
  font-family: Tahoma;
  font-size: 12px;
  color: #e1e1e1;
}

input {
  font-family: Tahoma;
}

.clear {
  clear: both;
}

a {
  color: #767d7f;
}

span.star {
  color: #fcd13e;
}

a.link,
#boxes .box a.link,
#left a.link {
  background: url('images/arr-sngl-g.png') left 4px no-repeat;
  padding-left: 10px;
  font-size: 11px;
}

#karosar {
  width: 347px;
  height: 474px;
  background: url('images/index-karosar-image.png') no-repeat;
  position: absolute;
  right: -130px;
  top: -340px;
  z-index: 10;
}


/**
 * page
*/
#page {
  background-color: black;
}

#page .page-t {
  background: url('images/background-t.jpg') center top no-repeat;
}

#page .page-b {
  background: url('images/background-b.jpg') bottom center no-repeat;
  min-height: 700px;
}

#page .page-in {
}

#page .page-in,
#footer .footer-in {
  width: 922px;
  margin: 0 auto;
}

#backlinks .backlinks-in {
  width: 880px;
  margin: 0 auto;
}

#top-phone {
  float: left;
	font-size: 15px;
	font-weight: bold;
	color: white;
	line-height:30px;
}

#top-phone span {
  color: #fec719;
}

/**
 * backlinks
*/
#backlinks {
  background-color: #191919;
  border: none;
  width: 100%;
  color: #7e7e7e;
  font-size: 12px;
}

#backlinks .backlinks-in {
  padding: 4px 0 2px;
}

#backlinks a {
  color: #7e7e7e;
  text-decoration: none;
  float: right;
  display: block;
  margin-left: 20px;
  line-height: 30px;
}


/**
 * header
*/
#header {
  height: 104px;
}


/**
 * logo
*/
#header #logo a {
  text-decoration: none;
}

#header #logo img {
  margin: 17px 0 0 17px;
  float: left;
  display: block;
  border: none;
}
#header h6, #header h1{
  font-size: 14px;
  margin: 53px 0 0 50px;
  padding: 0 2px 10px 0;
  color: white;
  background: url('images/flash-header-y.png') right bottom no-repeat;
  float: left;
}


/**
 * navigation in header
*/
#navigation-header {
  text-align: right;
  height: 34px;
  margin-left: 450px;
  margin-right: 20px;
  padding-top: 22px;
}

#navigation-header .navigation-hl {
  height: 34px;
  width: 6px;
  background: url('images/top-nav-bg-l.png') left top no-repeat;
  float: right;
}

#navigation-header .navigation-hr {
  height: 34px;
  width: 6px;
  background: url('images/top-nav-bg-r.png') right top no-repeat;
  float: right;
}

#navigation-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: url('images/top-nav-bg-c.png') center top no-repeat;
  height: 34px;
  float: right;
}

#navigation-header ul li {
  float: left;
  display: inline-block;
  background: url('images/bot-nav-div.png') center left no-repeat;
}

#navigation-header ul li.first {
  background: none;
}

#navigation-header a {
  display: block;
  float: left;
  text-decoration: none;
  margin-left: 2px;
  padding: 0 10px;
  color: #858585;
  font-size: 11px;
  line-height: 34px;
}

#navigation-header a:hover {
  color: #1184df;
  text-decoration: underline;
}


/**
 * socials - header
*/
#header .socials {
  text-align: right;
  margin-right: 25px;
  height: 20px;
  margin-left: 450px;
  padding-top: 15px;
}

#header .socials a {
  float: right;
  text-decoration: none;
  display: block;
  margin-left: 2px;
}

#header .socials a img {
  border: none;
}


/**
 * socials - footer
*/
#footer .socials {
  height: 20px;
  padding-top: 10px;
}

#footer .socials a {
  float: left;
  text-decoration: none;
  display: block;
  margin-right: 2px;
}

#footer .socials a img {
  border: none;
}


/**
 * main navigation
*/
#navigation-main {
  height: 53px;
  background: url('images/main-nav-bg.png') no-repeat;
  margin: 0 7px;
}

#navigation-main ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#navigation-main ul li {
  float: left;
  display: inline-block;
  background: url('images/nav-main-div.png') left 6px no-repeat;
}

#navigation-main ul li.first {
  background: none;
}

#navigation-main ul li a {
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  float: left;
  text-shadow: 0 1px #000;
  padding-right: 6px;
}

#navigation-main ul li div {
  float: left;
  padding-left: 6px;
  margin: 0 4px 0 6px;
}

#navigation-main ul li a span {
  padding: 12px 6px 12px;
  display: block;
}

#navigation-main ul li:hover a {
  color: #0a0a0a;
  text-shadow: 0 1px #ffe99c;
  background: url('images/nav-main-bg-r.png') right 8px no-repeat;
}

#navigation-main ul li:hover div {
  background: url('images/nav-main-bg-l.png') left 8px no-repeat;
}

#navigation-main ul li:hover a span {
  background: url('images/nav-main-bg-c.png') center 8px no-repeat;
}


/**
 * content
*/
#content {
  background: transparent url('images/content-bg.png') left -53px no-repeat;
}

#content .content-in {
  background: #212121 url('images/index-main-bg-m.png') left top no-repeat;
  min-height: 276px;
}

#content .content-b {
  background: url('images/index-main-bg-b.png') left bottom no-repeat;
  padding-bottom: 32px;
  margin: 0 7px 18px;
}

.sub #content .content-b {
  background: url('images/sub-main-bg-b.png') left bottom no-repeat;
  padding-bottom: 63px;
}


/**
 * left
*/
#left {
  width: 313px;
  float: left;
}

#left .left-in {
  padding: 0 18px;
}

#left h2 {
  color: #fdca24;
  background: url('images/left-title-hr.png') left bottom no-repeat;
  padding-bottom: 10px;
  margin: 10px 0 12px 0;
  font-size: 14px;
}


/**
 * center
*/
#center {
  color: #454545;
  width: 585px;
  padding-left: 1px;
  background: url('images/center-vert-line.png') left top repeat-x;
  float: right;
  margin-top:30px;
}

#center .center-in {
  position: relative;
}



/**
 * multibbaner
*/
#multibanner {
  position: relative;
}

#multibanner .item {
  height: 279px;
  width: 585px;
  position: absolute;
  top: 0;
  left: 0;
}

#multibanner .item-in {
  position: relative;
}

#multibanner .info {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px 10px 14px 10px;
  background: url('images/multibanner-bg.png');
  font-size: 11px;
  color: #999;
}

#multibanner .info .infotext {
  width: 565px;
}

#multibanner h2.title {
  font-size: 13px;
  color: #fdca24;
  padding: 0 0 5px;
  margin: 0;
  background: none;
}

#multibanner h2.title a {
  color: #fdca24;
  font-size: 13px;
  text-decoration: none;
}

#center #mb-handles {
  position: absolute;
  left: 0;
  top: 0;
  margin: 6px 0 0 12px;
  z-index: 10;
}

#center #mb-handles a {
  display: block;
  width: 18px;
  line-height: 18px;
  background: url('images/mbanner-nactive.png') no-repeat;
  float: left;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  margin-right: 4px;
  color: white;
}

#center #mb-handles a.activeSlide {
  background: url('images/mbanner-active.png') no-repeat;
  color: black;
}

/**
 * multibbaner - subpage
*/
#multibanner-sub {
  height: 180px;
  width: 585px;
  overflow: hidden;
  position: relative;
}

#multibanner-sub .info {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url('images/multibanner-bg.png');
  width: 585px;
}

#multibanner-sub .info h2 {
  font-size: 16px;
  font-weight: bold;
  color: white;
  background: none;
  margin: 0;
  padding: 12px 20px;
  float: left;
}

#multibanner-sub .info .bcrumb {
  font-size: 10px;
  float: right;
  padding: 16px 20px;
  color: #7c7c7c;
}

#multibanner-sub .info .bcrumb a {
  color: #7c7c7c;
  text-decoration: none;
}

#multibanner-sub .info .bcrumb a:hover {
  text-decoration: underline;
}

#multibanner-sub .info .bcrumb a.this {
  color: #1186e4;
}


/**
 * regions
*/
#regions {
  position: relative;
}

#regions .map {
  background: url('images/map-left.png') center top no-repeat;
  width: 290px;
  height: 140px;
}

#regions .dates {
  padding-bottom: 60px;
}

#regions .dates .item {
  font-size: 11px;
  color: #e1e1e1;
  margin-bottom: 4px;
}

#regions .dates .date {
  margin-right: 10px;
}

#regions .dates span.blue {
  color: #1690dd;
  font-weight: bold;
}

#regions .dates span.yellow {
  color: #fdca23;
  font-weight: bold;
}

/*
#registration-c {
  left: 25px;
  top: -100px;
  width: 274px;
  position: absolute;
  z-index: 15;
}

#registration-c #registration  {
  position: relative;
  z-index: 12;
  background: url("images/registration-t-bg-index.png") left top no-repeat;
  padding: 7px 0 0;
  margin: 0;
}

#registration-c #registration .registration-in  {
  background: url("images/registration-b-bg-index.png") left bottom no-repeat;
  padding: 0 0 10px 10px;
  margin: 0;
}

#registration-c #registration .reg-button {
  width: 224px;
  height: 40px;
  background: url("images/reg-button-c-index.png") no-repeat;
  font-size: 17px;
  color: #fec514;
  padding-left: 50px;
  margin: 3px 0 0 2px;
}

#registration-c #registration.close .reg-button {
  background: url("images/reg-button-index.png") no-repeat;
}

#registration-c #registration .form-btn {
  margin-right: 20px;
}

#registration-c #registration.close form {
  display: none;
}

#registration-c #registration form {
  padding: 10px 0 0 10px;
}

#registration-c .registration-head {
  position: relative;
}

#registration-c .registration-head .link {
  position: absolute;
  left: 50px;
  top: 30px;
  display: block;
}
*/

/*
#regions .dates {
  margin-bottom: 4px;
}

#regions .dates .item {
  font-size: 12px;
  line-height: 20px;
}

#regions .dates .date {
  padding-right: 10px;
  font-weight: bold;
}

#regions .dates .item .blue {
  color: #0e81c9;
}

#regions .dates .item .yellow {
  color: #fdca24;
}
*/


/**
 * boxes
*/
#boxes {
  position: relative;
}

#boxes .boxes-b {
  padding-bottom: 10px;
  background: url('images/boxes-bg-b.png') center bottom no-repeat;
}

#boxes .boxes-t {
  padding-top: 10px;
  background: url('images/boxes-bg-t.png') top center no-repeat;
}

#boxes .boxes-in {
  background: url('images/boxes-bg-m.png') top center repeat-y;
  margin: 0;
  min-height: 1px;
  padding-left: 16px;
}

#boxes .box {
  float: left;
  width: 290px;
  margin-right: 8px;
  padding-top: 6px;
  font-size: 11px;
  background: url('images/box-bg-t.png') top center no-repeat;
  position: relative;
  z-index: 11;
}

#boxes .box.news {

}

#boxes .box a {
  color: #e1e1e1;
}

#boxes .box-in {
  min-height: 150px;
  background: url('images/box-bg-b.png') bottom center no-repeat;
  margin-bottom: -10px;
  padding-bottom: 45px;
  width: 290px;
}

#boxes h2 {
  margin: 0 0 0 4px;
  padding: 0 0 10px 5px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  background: url('images/flash-box-w.png') bottom left no-repeat;
}

#boxes h2.blue {
  color: #0e81c9;
  background-image: url('images/flash-box-b.png');
}

#boxes h2.yellow {
  color: #fdca24;
  background-image: url('images/flash-box-y.png');
}

#boxes h3 {
  margin: 6px 0;
  font-size: 13px;
}

#boxes .text {
  padding: 0 10px;
}

#boxes .boxes-in a.link {
  position: absolute;
  bottom: 15px;
  left: 10px;
  color: #767d7f;
}

#boxes ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#boxes ul li {
  background: url('images/box-list-arr.png') left 6px no-repeat;
  padding-left: 22px;
  margin: 0;
}

#boxes ul li h3 {
  margin: 8px 0;
  font-weight: normal;
}

#boxes .reference .image {
  width: 127px;
  height: 95px;
  margin: 5px 0 0 150px;
	position: relative;
	top: 0;
}

#boxes .reference .links {
  float: left;
  width: 140px;
  margin: 5px 0 0 8px;
}

#boxes .reference .links a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  height: 26px;
}

#boxes .reference .links a span {
  padding: 5px 0 0 8px;
  display: block;
  height: 26px;
}

#boxes .reference .links a.video span {
  background: url('images/icon-youtube-c.png') 3px 3px no-repeat;
  padding-left: 30px;
}


#boxes .reference .links a:hover {
  color: #fff;
}

#boxes .reference .image .mask {
  background: url('images/box-reference-mask.png') no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 127px;
  height: 95px;
}

#boxes .reference .image img {
  margin: 7px 0 0 11px;
  position: absolute;
  top: 0;
  left: 0;
}


/**
 * prefoot
*/
#prefoot {
  padding: 35px 25px;
}

#prefoot .title {
  font-size: 14px;
  color: #cacaca;
  font-weight: bold;
  padding: 0;
  margin: 0;
}


/**
 * newsletter
*/
#newsletter {
  float: left;
  width: 310px;
	display: none;
}

#newsletter .title {
  margin: 0 0 8px;
}

#newsletter form {
  margin-bottom: 5px;
}

#newsletter form,
#newsletter input {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
}

#newsletter input {
  height: 27px;
  float: left;
  top: 0;
}

#newsletter input.email {
  background: transparent url('images/newsletter-input-bg.png') no-repeat;
  width: 217px;
  color: #434343;
  font-size: 11px;
  padding-left: 10px;
  line-height: 27px;
}

#newsletter input.button {
  border: none;
  background: transparent url('images/newsletter-button-bg.png') no-repeat;
  font-size: 11px;
  font-weight: bold;
  text-shadow: 0px 1px #d2a839;
  width: 54px;
}

#newsletter a {
  color: #262626;
  font-size: 11px;
  padding-left: 6px;
}


/**
 * partners
*/
#partners {
  float: left;
}

#partners a {
  text-decoration: none;
  display: block;
  float: left;
  margin-right: 20px;
}

#partners a img {
  border: none;
}


/**
 * footer
*/
#footer {
  background: #050505 url('images/footer-bg.png') top center no-repeat;
  color: #343434;
  font-size: 11px;
  padding-top: 14px;
  min-height: 70px;
}

#footer a {
  color: #343434;
}

#footer a:hover {
  color: #fbca18;
}

#footer .footer-left {
  width: 650px;
  float: left;
  padding-left: 15px;
}

#footer .footer-right {
  margin-left: 650px;
  text-align: right;
  padding-right: 15px;
}

#footer .footer-right div {
  margin-bottom: 4px;
}

#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer ul li {
  float: left;
  display: inline-block;
  margin: 0;
  padding: 0;
}

#footer ul li a {
  text-decoration: none;
  padding: 0 5px;
  background: url('images/bot-nav-div.png') center left no-repeat;
  color: #4f4f4f;
}

#footer ul li.first a {
  background: none;
}

#footer .webdecor {
  padding-right: 26px;
  background: url('images/logo-wd.png') right top no-repeat;
}


/**
 * subnav
*/
#left .subnav {
  margin-bottom: 60px;
}

#left .subnav ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
  margin: 0;
}

#left .subnav div {
  min-height: 0;
}

#left .subnav a.head {
  background: url('images/left-list-bg.png') bottom no-repeat;
  padding-left: 16px;
  height: 18px;
  margin-bottom: 2px;
  display: block;
  color: #b2bdc4;
  text-decoration: none;
  padding-top: 3px;
}

#left .subnav a.head:hover {
  background: url('images/left-list-bg.png') top no-repeat;
  color: #fff;
}

#left .subnav ul li a {
  background: url('images/left-list2-bg.png') bottom no-repeat;
  padding-left: 24px;
  height: 18px;
  margin-bottom: 2px;
  display: block;
  color: #b2bdc4;
  text-decoration: none;
  padding-top: 3px;
}

#left .subnav ul li a:hover {
  background: url('images/left-list2-bg.png') top no-repeat;
  color: #fff;
}


/**
 * registration
*/
#registration {
  padding-bottom: 5px;
  background: url('images/registration-b-bg.png') bottom no-repeat;
  width: 280px;
  margin-bottom: 6px;
}

#registration .registration-in {
  background: url('images/registration-t-bg.png') top no-repeat;
  padding: 5px 10px 5px;
}

#registration .registration-head {
}

#registration.close form {
  display: none;
}

#registration form {
  margin: 0;
  padding: 0;
  clear: both;
  padding: 0 12px;
}

#registration form input,
#registration form textarea {
  margin: 0;
  padding: 0 6px;
  border: 1px solid #303030;
  background: #2b2b2b;
  width: 222px;
  color: #858585;
  font-size: 11px;
  margin-bottom: 4px;
}

#registration form input {
  height: 18px;
}

#registration form .form-btn,
#contact-forms .form-btn {
  background: url('images/reg-button-l.png') left no-repeat;
  padding-left: 7px;
  float: right;
  margin-top: 3px;
}

#registration form .form-btn-in,
#contact-forms .form-btn-in {
  background: url('images/reg-button-r.png') right no-repeat;
  height: 27px;
  float: left;
  padding-right: 7px;
}

#registration form input.button,
#contact-forms form input.button {
  width: auto;
  border: none;
  background: none;
  color: #1f1f1f;
  font-size: 11px;
  font-weight: bold;
  text-shadow: 0px 1px #62afeb;
  padding-top: 6px;
  height: auto;
}

#registration .registration-head .reg-map,
#registration .registration-head .reg-button {
  float: left;
}

#registration .registration-head .reg-map {
  width: 151px;
  height: 92px;
  background: url('images/reg-map.png') no-repeat;
}

#registration .registration-head .reg-button {
  width: 101px;
  height: 77px;
  background: url('images/reg-button.png') no-repeat;
  margin: 8px 0 0 6px;
  cursor: pointer;
}

#registration.close #reg-form {

}

#registration.close .registration-head .reg-button {
  background: url('images/reg-button-c.png') no-repeat;
}


/**
 * typo right
*/
#center {
  color: #444;
  position: relative;
}

#center #move-top {
  background: transparent url('images/move-top-btn.gif') center top no-repeat;
  position: absolute;
  bottom: -20px;
  right: 10px;
  text-align: center;
  padding-top: 26px;
  cursor: pointer;
}

#center #move-top span {
  font-size: 10px;
  color: #7e7e7e;
}

#center .text {
  padding: 30px 18px 80px;
  margin: 0 0 0 0;
  background: white url('images/sub-center-bg.png') no-repeat;
  line-height: 140%;
}

#center h2 {
  color: #060e15;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 8px;
  margin-bottom: 12px;
  background: url('images/text-heading-line.png') left bottom no-repeat;
}

#center h3 {
  color: #1186e4;
  font-size: 13px;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

#center h4 {
  color: #363636;
  font-size: 12px;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

#center a {
  color: #1186e4;
  text-decoration: underline;
}

#center i,
#center .italic {
  color: #fea700;
}

#center ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}

#center ul li {
  background: url('images/arr-dbl-o.png') left 4px no-repeat;
  padding-left: 16px;
}

#center ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

#center ol li {
  padding: 6px 0 0 16px;
  background: url('images/arr-dbl-o.png') left 10px no-repeat;
}


/**
 * reference
*/
#center #reference,
#center #technologie {
  padding: 25px 8px 80px;
  margin: 0 0 0 0;
  background: #212121 url('images/sub-center-ref-bg.png') no-repeat;
}

#center #reference .ref-container,
#center #reference .ref-container-t,
#center #reference .ref-container-b {
  padding: 10px 25px;
  color: #d5d5d5;
  background: #151515;
}

#center #reference .description-btn {
  background: url('images/arr-sngl-y.png') left 4px no-repeat;
  padding-left: 8px;
  margin-left: 370px;
  font-size: 11px;
  color: #fcd13e;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
  height: 16px;
}

#center #reference .description-btn .open {
  display: none;
}

#center #reference .description-btn .close {
  display: inline;
}

#center #reference .description-btn.closed .open {
  display: inline;
}

#center #reference .description-btn.closed .close {
  display: none;
}

#center #reference .description {
  font-size: 12px;
  padding-bottom: 20px;
  display: none;
}

#center #reference .ref-container-t {
  background: #151515 url('images/ref-bg-t.png') no-repeat;
  margin-bottom: 1px;
}

#center #reference .ref-container-t .category {
  background: url('images/arr-dbl-b.png') left 5px no-repeat;
  padding-left: 10px;
  color: white;
  float: left;
}

#center #reference .ref-container-b {
  background: #151515 url('images/ref-bg-b.png') bottom no-repeat;
  margin-top: 1px;
  padding: 15px 0 20px;
}

#center #reference .ref-container-b .title {
  float: left;
  color: #737373;
  width: 340px;
  margin-left: 25px;
}

#center #reference .ref-container-b .source {
  margin-left: 340px;
  color: white;
  font-size: 11px;
  text-align: right;
  margin-right: 25px;
}

#center #reference .ref-container-b .source a {
  color: #fcd13e;
}

#center #reference .ref-container {
  padding-bottom: 0;
  position: relative;
}

#center #reference .ref-frame {
  background: url('images/ref-frame-bg-t.png') no-repeat;
  padding-top: 8px;
  width: 533px;
}

#center #reference .ref-frame-in {
  background: url('images/ref-frame-bg-b.png') bottom no-repeat;
  padding-bottom: 50px;
  width: 533px;
}

#center #reference .ref-frame .video {
  padding-top: 10px;
  text-align: center;
}

#center #reference .ref-frame .image {

}

#center #reference .ref-frame .hint {
  margin: 0 0 4px 16px;
  font-size: 11px;
}

#center #reference .ref-container .title {
  margin: 8px 0 0 16px;
  color: #737373;
}

#center #reference .ref-frame img,
#center #reference .ref-frame object {
  border: none;
  display: block;
  margin: 0 auto;
}

#center #reference .image-btn {
  background: url('images/image-btn-l.png') left no-repeat;
  padding-left: 10px;
  position: absolute;
  right: 35px;
  bottom: 78px;
}

#center #reference .image-btn-in {
  background: url('images/image-btn-r.png') right no-repeat;
  padding-right: 10px;
  line-height: 25px;
  display: block;
  text-decoration: none;
  color: white;
}

#center #reference h3.title {
  color: #1186e4;
  font-size: 20px;
  margin: 0 0 5px 0;
  padding: 0;
}


/**
 * carousel
*/
#carousel {
  width: 571px;
  position: relative;
}

#carousel .carousel-in {
  overflow: hidden;
  height: 75px;
  width: 496px;
  padding-left: 6px;
}

#carousel .carousel-in,
#carousel .btn-left,
#carousel .btn-right {
  float: left;
}

#carousel .btn-left,
#carousel .btn-right {
  width: 32px;
  height: 75px;
  cursor: pointer;
}

#carousel .btn-left {
  background: url('images/carousel-btn-l.png') top center no-repeat;
}

#carousel .btn-right {
  background: url('images/carousel-btn-r.png') top center no-repeat;
}

#carousel .btn-left:hover,
#carousel .btn-right:hover {
  background-position: bottom center;
}

#carousel .item {
  float: left;
  margin-right: 7px;
}

#carousel .item a {
  width: 73px;
  height: 73px;
  display: block;
  border: 1px solid #1f1f1f;
}

#carousel .item a:hover {
  width: 69px;
  height: 69px;
  border: 3px solid #fcd13e;
}


/**
 * technologie
*/
#center #technologie h2 {
  color: white;
  padding-bottom: 14px;
  margin-bottom: 18px;
}

#center #technologie .box {
  background: url('images/technologie-box.png') top left no-repeat;
  width: 552px;
  height: 161px;
}

#center #technologie .box-in {
  padding: 0 10px 0 208px;
  text-align: justify;
  position: relative;
}

#center #technologie .box h3 {
  color: #fcd13e;
  font-size: 18px;
  background: url('images/technologie-line.png') left bottom no-repeat;
  margin: 0 0 5px;
  padding: 5px 0 13px;
}

#center #technologie .box .description {
  color: white;
  font-size: 11px;
  height: 55px;
  overflow: hidden;
  line-height: 13px;
}

#center #technologie .box .pdf {
  float: right;
  margin-top: -5px;
}

#center #technologie .box .pdf a {
  font-size: 11px;
  color: #1186e4;
  text-decoration: underline;
  background: url('images/technologie-pdf.png') right top no-repeat;
  height: 34px;
  display: block;
  padding: 8px 60px 0 0;
}


/**
 * kontakt
*/
.kontakt .item {
  margin-bottom: 25px;
}

.kontakt a.map {
  float: right;
  display: block;
    border: none;
}
.kontakt .map img{
  border: 1px solid #bababa;

}
.kontakt .name,
.kontakt .address {
  font-size: 12px;
  font-weight: bold;
}

.kontakt .address {
  color: #1186e4;
  margin-bottom: 4px;
}

.kontakt .small {
  color: #1186e4;
  font-size: 10px;
  padding-bottom: 5px;
}


/**
 * kontakt - form
*/
#contact-forms {
  width: 551px;
  background: url('images/contact-forms-bg-b.png') bottom no-repeat;
  padding-bottom: 5px;
}

#contact-forms .contact-forms-in {
  background: url('images/contact-forms-bg-t.png') top no-repeat;

}

#contact-forms form {
  width: 242px;
  margin-left: 20px;
}

#contact-forms .right form {

}

#contact-forms .left {
  width: 271px;
  float: left;
}

#contact-forms .left .title {
  font-size: 13px;
  font-weight: bold;
  color: #ffc40d;
  margin: 20px 16px 8px;
}

#contact-forms .left .orderby {
  color: #949494;
  font-size: 11px;
  margin: 4px 0;
}

#contact-forms .left .handles {
  color: #999;
  font-size: 12px;
  margin: 10px 20px 15px;
}

#center .text #contact-forms .left .handles a,
#center .text #contact-forms .right .handles a.active {
  color: #ffc40d;
}

#contact-forms .right .handles {
  color: white;
  font-size: 11px;
  margin: 10px 20px 6px;
}

#center .text #contact-forms .right .handles a {
  color: white;
}

#contact-forms .right {
  width: 280px;
  margin-left: 271px;
  background: url('images/form-div.gif') left top no-repeat;
  padding-top: 120px;
}

#contact-forms input,
#contact-forms textarea,
#contact-forms select {
  margin: 0 0 4px 0;
  padding: 0 0 0 6px;
  border: 1px solid #303030;
  background: #2b2b2b;
  width: 233px;
  color: #858585;
  font-size: 11px;
}

#contact-forms input {
  height: 18px;
}

#contact-forms select {
  height: 18px;
}

#contact-forms select option {
  border: none;
  padding-left: 6px;
  height: 18px;
}

#contact-forms select option:hover {
  background-color: white;
}

#contact-forms .terms .item {
  font-size: 14px;
  font-weight: bold;
  color: #55a5e5;
  border-bottom: 1px solid #393939;
  margin: 10px 20px 0;
  padding-bottom: 10px;
}

#contact-forms .terms .item .date {
  font-size: 11px;
  color: white;
  margin-top: 3px;
  font-weight: normal;
}


/**
 * pobocky - branches
*/
#branches {
}

#branches .branch {
  padding: 14px;
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #ebebeb;
  background-color: #dedede;
  margin-bottom: 10px;
}

#branches .branch .address,
#branches .branch .contact,
#branches .branch .map {
  float: left;
  width: 165px;
}

#branches .branch .contact {
  width: 213px;
}

#branches .branch .map {
  width: 142px;
}

#branches .branch .map img {
  border: 1px solid #bababa;
}

#branches .branch .title {
  font-weight: bold;
  font-size: 14px;
  color: #161616;
  margin-bottom: 5px;
}

#branches .branch .contact .title {
  margin-bottom: 2px;
}

#branches .branch .role {
  color: #1186e4;
  font-size: 11px;
  margin-bottom: 2px;
}

#branches .branch-b {
  float: left;
  width: 100%;
}

#branches .branch-b .title {
  color: #1186e4;
  font-size: 12px;
  margin-bottom: 8px;
}

#branches .branch-b .image {
  float: left;
  margin-right: 8px;
  background-color: #cacaca;
}

#branches .branch-b .image a {
  width: 73px;
  height: 73px;
  display: block;
  border: 1px solid #b1b1b1;
}

#branches .branch-b .image a:hover {
  width: 69px;
  height: 69px;
  border: 3px solid #1186e4;
}


/**
 * novinky na titulni strance
*/
#news-items {

}

#news-items .text {
  display: none;
  width: 270px;
}

#news-items .text.first {
  display: block;
}

#news-handles {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

#news-handles a {
  background: url('images/news-handle.png') no-repeat;
  height: 8px;
  width: 14px;
  display: block;
  float: left;
  font-size: 0px;
  text-decoration: none;
  color: #212121;
  text-align: center;
  padding-top: 6px;
}

#news-handles a.activeSlide {
  background: url('images/news-handle-active.png') no-repeat;
}


h1{
  font-size: 16px;
  font-weight: bold;
  color: white;
  background: none;
  margin: 0;
  padding: 12px 20px;
  float: left;
}


#reg{
    background: url('objednavka.png') no-repeat;
    display: block;
    text-decoration: none;
    width: 274px;
    height: 60px;
    position: relative;
}
#reg strong{
    color:#FEC514;
    font-size:17px;
    font-family: Tahoma;
    font-weight: normal;
    position: absolute;
    left: 60px;
    top: 10px;
}
#reg span{
    position: absolute;
    left: 70px;
    top: 36px;
    text-decoration: underline;
}

#boxes #reg {
  left: 25px;
  top: -100px;
  width: 274px;
  position: absolute;
  z-index: 15;
}
.inp{
    font: 12px verdana;
    border: 1px solid #DDD;
}
.frm th{
    text-align: left;
    padding-right: 1em;
    vertical-align: top;
}
.msg{width: 540px;background: yellow;text-align:center;padding:2px;font-weight:bold;margin: 0 0 1em 0}
.msg0,.msg1,.msg2{background: url('msg0.gif') 2px center no-repeat;padding: 1em 1em 1em 25px}
.msg1{background-image: url('msg1.gif')}
.msg2{background-image: url('msg2.gif')}


/*GALLERIE*/
.gallery div{
    background: #EFEFEF;
    width: 244px;
    height: 75px;
    padding: 10px 10px 10px 10px;
    margin: 10px 5px 10px 5px;
    float: left;
}
.gallery .datum{
    float: right;
    font-size: 80%;
}

.gallery img{
    float: left;
    margin-right: 1em;
    border: 1px solid #8D140C;
}

.gallery a{
    text-decoration: none;
}
.gallery a:hover{
    text-decoration: underline;
}
.gallery a:hover img{
    border-color: #8A0B04;
}
.galhd{
    margin: 0 !important;
    padding: 1em  0 0 34px !important;
    font-size: 13px;
}
.gallery{
    text-align: justify;
}
.galopen div{
    width: 100px;
    margin: 10px 8px 10px 8px;
}


/**
 * karosar.cz style
*/

body {
  margin: 0;
  padding: 0;
  background: #050505;
  font-family: Tahoma;
  font-size: 12px;
  color: #e1e1e1;
}

input {
  font-family: Tahoma;
}

.clear {
  clear: both;
}

a {
  color: #767d7f;
}

span.star {
  color: #fcd13e;
}

a.link,
#boxes .box a.link,
#left a.link {
  background: url('images/arr-sngl-g.png') left 4px no-repeat;
  padding-left: 10px;
  font-size: 11px;
}

#karosar {
  width: 347px;
  height: 474px;
  background: url('images/index-karosar-image.png') no-repeat;
  position: absolute;
  right: -130px;
  top: -340px;
  z-index: 10;
}


/**
 * page
*/
#page {
  background-color: black;
}

#page .page-t {
  background: url('images/background-t.jpg') center top no-repeat;
}

#page .page-b {
  background: url('images/background-b.jpg') bottom center no-repeat;
  min-height: 700px;
}

#page .page-in {
}

#page .page-in,
#footer .footer-in {
  width: 922px;
  margin: 0 auto;
}

#backlinks .backlinks-in {
  width: 880px;
  margin: 0 auto;
}

#top-phone {
  float: left;
	font-size: 15px;
	font-weight: bold;
	color: white;
	line-height:30px;
}

#top-phone span {
  color: #fec719;
}

/**
 * backlinks
*/
#backlinks {
  background-color: #191919;
  border: none;
  width: 100%;
  color: #7e7e7e;
  font-size: 12px;
}

#backlinks .backlinks-in {
  padding: 4px 0 2px;
}

#backlinks a {
  color: #7e7e7e;
  text-decoration: none;
  float: right;
  display: block;
  margin-left: 20px;
  line-height: 30px;
}


/**
 * header
*/
#header {
  height: 104px;
}


/**
 * logo
*/
#header #logo a {
  text-decoration: none;
}

#header #logo img {
  margin: 17px 0 0 17px;
  float: left;
  display: block;
  border: none;
}

#header h6 {
  font-size: 14px;
  margin: 53px 0 0 50px;
  padding: 0 2px 10px 0;
  color: white;
  background: url('images/flash-header-y.png') right bottom no-repeat;
  float: left;
}


/**
 * navigation in header
*/
#navigation-header {
  text-align: right;
  height: 34px;
  margin-left: 450px;
  margin-right: 20px;
  padding-top: 22px;
}

#navigation-header .navigation-hl {
  height: 34px;
  width: 6px;
  background: url('images/top-nav-bg-l.png') left top no-repeat;
  float: right;
}

#navigation-header .navigation-hr {
  height: 34px;
  width: 6px;
  background: url('images/top-nav-bg-r.png') right top no-repeat;
  float: right;
}

#navigation-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: url('images/top-nav-bg-c.png') center top no-repeat;
  height: 34px;
  float: right;
}

#navigation-header ul li {
  float: left;
  display: inline-block;
  background: url('images/bot-nav-div.png') center left no-repeat;
}

#navigation-header ul li.first {
  background: none;
}

#navigation-header a {
  display: block;
  float: left;
  text-decoration: none;
  margin-left: 2px;
  padding: 0 10px;
  color: #858585;
  font-size: 11px;
  line-height: 34px;
}

#navigation-header a:hover {
  color: #1184df;
  text-decoration: underline;
}


/**
 * socials - header
*/
#header .socials {
  text-align: right;
  margin-right: 25px;
  height: 20px;
  margin-left: 450px;
  padding-top: 15px;
}

#header .socials a {
  float: right;
  text-decoration: none;
  display: block;
  margin-left: 2px;
}

#header .socials a img {
  border: none;
}


/**
 * socials - footer
*/
#footer .socials {
  height: 20px;
  padding-top: 10px;
}

#footer .socials a {
  float: left;
  text-decoration: none;
  display: block;
  margin-right: 2px;
}

#footer .socials a img {
  border: none;
}


/**
 * main navigation
*/
#navigation-main {
  height: 53px;
  background: url('images/main-nav-bg.png') no-repeat;
  margin: 0 7px;
}

#navigation-main ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#navigation-main ul li {
  float: left;
  display: inline-block;
  background: url('images/nav-main-div.png') left 6px no-repeat;
}

#navigation-main ul li.first {
  background: none;
}

#navigation-main ul li a {
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  float: left;
  text-shadow: 0 1px #000;
  padding-right: 6px;
}

#navigation-main ul li div {
  float: left;
  padding-left: 6px;
  margin: 0 4px 0 6px;
}

#navigation-main ul li a span {
  padding: 12px 6px 12px;
  display: block;
}

#navigation-main ul li:hover a {
  color: #0a0a0a;
  text-shadow: 0 1px #ffe99c;
  background: url('images/nav-main-bg-r.png') right 8px no-repeat;
}

#navigation-main ul li:hover div {
  background: url('images/nav-main-bg-l.png') left 8px no-repeat;
}

#navigation-main ul li:hover a span {
  background: url('images/nav-main-bg-c.png') center 8px no-repeat;
}


/**
 * content
*/
#content {
  background: transparent url('images/content-bg.png') left -53px no-repeat;
}

#content .content-in {
  background: #212121 url('images/index-main-bg-m.png') left top no-repeat;
  min-height: 276px;
}

#content .content-b {
  background: url('images/index-main-bg-b.png') left bottom no-repeat;
  padding-bottom: 32px;
  margin: 0 7px 18px;
}

.sub #content .content-b {
  background: url('images/sub-main-bg-b.png') left bottom no-repeat;
  padding-bottom: 63px;
}


/**
 * left
*/
#left {
  width: 313px;
  float: left;
}

#left .left-in {
  padding: 0 18px;
}

#left h2 {
  color: #fdca24;
  background: url('images/left-title-hr.png') left bottom no-repeat;
  padding-bottom: 10px;
  margin: 10px 0 12px 0;
  font-size: 14px;
}


/**
 * center
*/
#center {
  color: #454545;
  width: 585px;
  padding-left: 1px;
  background: url('images/center-vert-line.png') left top repeat-x;
  float: right;
  margin-top:30px;
}

#center .center-in {
  position: relative;
}



/**
 * multibbaner
*/
#multibanner {
  position: relative;
}

#multibanner .item {
  height: 279px;
  width: 585px;
  position: absolute;
  top: 0;
  left: 0;
}

#multibanner .item-in {
  position: relative;
}

#multibanner .info {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px 10px 14px 10px;
  background: url('images/multibanner-bg.png');
  font-size: 11px;
  color: #999;
}

#multibanner .info .infotext {
  width: 565px;
}

#multibanner h2.title {
  font-size: 13px;
  color: #fdca24;
  padding: 0 0 5px;
  margin: 0;
  background: none;
}

#multibanner h2.title a {
  color: #fdca24;
  font-size: 13px;
  text-decoration: none;
}

#center #mb-handles {
  position: absolute;
  left: 0;
  top: 0;
  margin: 6px 0 0 12px;
  z-index: 10;
}

#center #mb-handles a {
  display: block;
  width: 18px;
  line-height: 18px;
  background: url('images/mbanner-nactive.png') no-repeat;
  float: left;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  margin-right: 4px;
  color: white;
}

#center #mb-handles a.activeSlide {
  background: url('images/mbanner-active.png') no-repeat;
  color: black;
}

/**
 * multibbaner - subpage
*/
#multibanner-sub {
  height: 180px;
  width: 585px;
  overflow: hidden;
  position: relative;
}

#multibanner-sub .info {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url('images/multibanner-bg.png');
  width: 585px;
}

#multibanner-sub .info h2 {
  font-size: 16px;
  font-weight: bold;
  color: white;
  background: none;
  margin: 0;
  padding: 12px 20px;
  float: left;
}

#multibanner-sub .info .bcrumb {
  font-size: 10px;
  float: right;
  padding: 16px 20px;
  color: #7c7c7c;
}

#multibanner-sub .info .bcrumb a {
  color: #7c7c7c;
  text-decoration: none;
}

#multibanner-sub .info .bcrumb a:hover {
  text-decoration: underline;
}

#multibanner-sub .info .bcrumb a.this {
  color: #1186e4;
}


/**
 * regions
*/
#regions {
  position: relative;
}

#regions .map {
  background: url('images/map-left.png') center top no-repeat;
  width: 290px;
  height: 140px;
}

#regions .dates {
  padding-bottom: 60px;
}

#regions .dates .item {
  font-size: 11px;
  color: #e1e1e1;
  margin-bottom: 4px;
}

#regions .dates .date {
  margin-right: 10px;
}

#regions .dates span.blue {
  color: #1690dd;
  font-weight: bold;
}

#regions .dates span.yellow {
  color: #fdca23;
  font-weight: bold;
}

/*
#registration-c {
  left: 25px;
  top: -100px;
  width: 274px;
  position: absolute;
  z-index: 15;
}

#registration-c #registration  {
  position: relative;
  z-index: 12;
  background: url("images/registration-t-bg-index.png") left top no-repeat;
  padding: 7px 0 0;
  margin: 0;
}

#registration-c #registration .registration-in  {
  background: url("images/registration-b-bg-index.png") left bottom no-repeat;
  padding: 0 0 10px 10px;
  margin: 0;
}

#registration-c #registration .reg-button {
  width: 224px;
  height: 40px;
  background: url("images/reg-button-c-index.png") no-repeat;
  font-size: 17px;
  color: #fec514;
  padding-left: 50px;
  margin: 3px 0 0 2px;
}

#registration-c #registration.close .reg-button {
  background: url("images/reg-button-index.png") no-repeat;
}

#registration-c #registration .form-btn {
  margin-right: 20px;
}

#registration-c #registration.close form {
  display: none;
}

#registration-c #registration form {
  padding: 10px 0 0 10px;
}

#registration-c .registration-head {
  position: relative;
}

#registration-c .registration-head .link {
  position: absolute;
  left: 50px;
  top: 30px;
  display: block;
}
*/

/*
#regions .dates {
  margin-bottom: 4px;
}

#regions .dates .item {
  font-size: 12px;
  line-height: 20px;
}

#regions .dates .date {
  padding-right: 10px;
  font-weight: bold;
}

#regions .dates .item .blue {
  color: #0e81c9;
}

#regions .dates .item .yellow {
  color: #fdca24;
}
*/


/**
 * boxes
*/
#boxes {
  position: relative;
}

#boxes .boxes-b {
  padding-bottom: 10px;
  background: url('images/boxes-bg-b.png') center bottom no-repeat;
}

#boxes .boxes-t {
  padding-top: 10px;
  background: url('images/boxes-bg-t.png') top center no-repeat;
}

#boxes .boxes-in {
  background: url('images/boxes-bg-m.png') top center repeat-y;
  margin: 0;
  min-height: 1px;
  padding-left: 16px;
}

#boxes .box {
  float: left;
  width: 290px;
  margin-right: 8px;
  padding-top: 6px;
  font-size: 11px;
  background: url('images/box-bg-t.png') top center no-repeat;
  position: relative;
  z-index: 11;
}

#boxes .box.news {

}

#boxes .box a {
  color: #e1e1e1;
}

#boxes .box-in {
  min-height: 150px;
  background: url('images/box-bg-b.png') bottom center no-repeat;
  margin-bottom: -10px;
  padding-bottom: 45px;
  width: 290px;
}

#boxes h2 {
  margin: 0 0 0 4px;
  padding: 0 0 10px 5px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  background: url('images/flash-box-w.png') bottom left no-repeat;
}

#boxes h2.blue {
  color: #0e81c9;
  background-image: url('images/flash-box-b.png');
}

#boxes h2.yellow {
  color: #fdca24;
  background-image: url('images/flash-box-y.png');
}

#boxes h3 {
  margin: 6px 0;
  font-size: 13px;
}

#boxes .text {
  padding: 0 10px;
}

#boxes .boxes-in a.link {
  position: absolute;
  bottom: 15px;
  left: 10px;
  color: #767d7f;
}

#boxes ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#boxes ul li {
  background: url('images/box-list-arr.png') left 6px no-repeat;
  padding-left: 22px;
  margin: 0;
}

#boxes ul li h3 {
  margin: 8px 0;
  font-weight: normal;
}

#boxes .reference .image {
  width: 127px;
  height: 95px;
  margin: 5px 0 0 150px;
	position: relative;
	top: 0;
}

#boxes .reference .links {
  float: left;
  width: 140px;
  margin: 5px 0 0 8px;
}

#boxes .reference .links a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  height: 26px;
}

#boxes .reference .links a span {
  padding: 5px 0 0 8px;
  display: block;
  height: 26px;
}

#boxes .reference .links a.video span {
  background: url('images/icon-youtube-c.png') 3px 3px no-repeat;
  padding-left: 30px;
}


#boxes .reference .links a:hover {
  color: #fff;
}

#boxes .reference .image .mask {
  background: url('images/box-reference-mask.png') no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 127px;
  height: 95px;
}

#boxes .reference .image img {
  margin: 7px 0 0 11px;
  position: absolute;
  top: 0;
  left: 0;
}


/**
 * prefoot
*/
#prefoot {
  padding: 35px 25px;
}

#prefoot .title {
  font-size: 14px;
  color: #cacaca;
  font-weight: bold;
  padding: 0;
  margin: 0;
}


/**
 * newsletter
*/
#newsletter {
  float: left;
  width: 310px;
	display: none;
}

#newsletter .title {
  margin: 0 0 8px;
}

#newsletter form {
  margin-bottom: 5px;
}

#newsletter form,
#newsletter input {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
}

#newsletter input {
  height: 27px;
  float: left;
  top: 0;
}

#newsletter input.email {
  background: transparent url('images/newsletter-input-bg.png') no-repeat;
  width: 217px;
  color: #434343;
  font-size: 11px;
  padding-left: 10px;
  line-height: 27px;
}

#newsletter input.button {
  border: none;
  background: transparent url('images/newsletter-button-bg.png') no-repeat;
  font-size: 11px;
  font-weight: bold;
  text-shadow: 0px 1px #d2a839;
  width: 54px;
}

#newsletter a {
  color: #262626;
  font-size: 11px;
  padding-left: 6px;
}


/**
 * partners
*/
#partners {
  float: left;
}

#partners a {
  text-decoration: none;
  display: block;
  float: left;
  margin-right: 20px;
}

#partners a img {
  border: none;
}


/**
 * footer
*/
#footer {
  background: #050505 url('images/footer-bg.png') top center no-repeat;
  color: #343434;
  font-size: 11px;
  padding-top: 14px;
  min-height: 70px;
}

#footer a {
  color: #343434;
}

#footer a:hover {
  color: #fbca18;
}

#footer .footer-left {
  width: 650px;
  float: left;
  padding-left: 15px;
}

#footer .footer-right {
  margin-left: 650px;
  text-align: right;
  padding-right: 15px;
}

#footer .footer-right div {
  margin-bottom: 4px;
}

#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer ul li {
  float: left;
  display: inline-block;
  margin: 0;
  padding: 0;
}

#footer ul li a {
  text-decoration: none;
  padding: 0 5px;
  background: url('images/bot-nav-div.png') center left no-repeat;
  color: #4f4f4f;
}

#footer ul li.first a {
  background: none;
}

#footer .webdecor {
  padding-right: 26px;
  background: url('images/logo-wd.png') right top no-repeat;
}


/**
 * subnav
*/
#left .subnav {
  margin-bottom: 60px;
}

#left .subnav ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
  margin: 0;
}

#left .subnav div {
  min-height: 0;
}

#left .subnav a.head {
  background: url('images/left-list-bg.png') bottom no-repeat;
  padding-left: 16px;
  height: 18px;
  margin-bottom: 2px;
  display: block;
  color: #b2bdc4;
  text-decoration: none;
  padding-top: 3px;
}

#left .subnav a.head:hover {
  background: url('images/left-list-bg.png') top no-repeat;
  color: #fff;
}

#left .subnav ul li a {
  background: url('images/left-list2-bg.png') bottom no-repeat;
  padding-left: 24px;
  height: 18px;
  margin-bottom: 2px;
  display: block;
  color: #b2bdc4;
  text-decoration: none;
  padding-top: 3px;
}

#left .subnav ul li a:hover {
  background: url('images/left-list2-bg.png') top no-repeat;
  color: #fff;
}


/**
 * registration
*/
#registration {
  padding-bottom: 5px;
  background: url('images/registration-b-bg.png') bottom no-repeat;
  width: 280px;
  margin-bottom: 6px;
}

#registration .registration-in {
  background: url('images/registration-t-bg.png') top no-repeat;
  padding: 5px 10px 5px;
}

#registration .registration-head {
}

#registration.close form {
  display: none;
}

#registration form {
  margin: 0;
  padding: 0;
  clear: both;
  padding: 0 12px;
}

#registration form input,
#registration form textarea {
  margin: 0;
  padding: 0 6px;
  border: 1px solid #303030;
  background: #2b2b2b;
  width: 222px;
  color: #858585;
  font-size: 11px;
  margin-bottom: 4px;
}

#registration form input {
  height: 18px;
}

#registration form .form-btn,
#contact-forms .form-btn {
  background: url('images/reg-button-l.png') left no-repeat;
  padding-left: 7px;
  float: right;
  margin-top: 3px;
}

#registration form .form-btn-in,
#contact-forms .form-btn-in {
  background: url('images/reg-button-r.png') right no-repeat;
  height: 27px;
  float: left;
  padding-right: 7px;
}

#registration form input.button,
#contact-forms form input.button {
  width: auto;
  border: none;
  background: none;
  color: #1f1f1f;
  font-size: 11px;
  font-weight: bold;
  text-shadow: 0px 1px #62afeb;
  padding-top: 6px;
  height: auto;
}

#registration .registration-head .reg-map,
#registration .registration-head .reg-button {
  float: left;
}

#registration .registration-head .reg-map {
  width: 151px;
  height: 92px;
  background: url('images/reg-map.png') no-repeat;
}

#registration .registration-head .reg-button {
  width: 101px;
  height: 77px;
  background: url('images/reg-button.png') no-repeat;
  margin: 8px 0 0 6px;
  cursor: pointer;
}

#registration.close #reg-form {

}

#registration.close .registration-head .reg-button {
  background: url('images/reg-button-c.png') no-repeat;
}


/**
 * typo right
*/
#center {
  color: #444;
  position: relative;
}

#center #move-top {
  background: transparent url('images/move-top-btn.gif') center top no-repeat;
  position: absolute;
  bottom: -20px;
  right: 10px;
  text-align: center;
  padding-top: 26px;
  cursor: pointer;
}

#center #move-top span {
  font-size: 10px;
  color: #7e7e7e;
}

#center .text {
  padding: 30px 18px 80px;
  margin: 0 0 0 0;
  background: white url('images/sub-center-bg.png') no-repeat;
  line-height: 140%;
}

#center h2 {
  color: #060e15;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 8px;
  margin-bottom: 12px;
  background: url('images/text-heading-line.png') left bottom no-repeat;
}

#center h3 {
  color: #1186e4;
  font-size: 13px;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

#center h4 {
  color: #363636;
  font-size: 12px;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

#center a {
  color: #1186e4;
  text-decoration: underline;
}

#center i,
#center .italic {
  color: #fea700;
}

#center ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}

#center ul li {
  background: url('images/arr-dbl-o.png') left 4px no-repeat;
  padding-left: 16px;
}

#center ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

#center ol li {
  padding: 6px 0 0 16px;
  background: url('images/arr-dbl-o.png') left 10px no-repeat;
}


/**
 * reference
*/
#center #reference,
#center #technologie {
  padding: 25px 8px 80px;
  margin: 0 0 0 0;
  background: #212121 url('images/sub-center-ref-bg.png') no-repeat;
}

#center #reference .ref-container,
#center #reference .ref-container-t,
#center #reference .ref-container-b {
  padding: 10px 25px;
  color: #d5d5d5;
  background: #151515;
}

#center #reference .description-btn {
  background: url('images/arr-sngl-y.png') left 4px no-repeat;
  padding-left: 8px;
  margin-left: 370px;
  font-size: 11px;
  color: #fcd13e;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
  height: 16px;
}

#center #reference .description-btn .open {
  display: none;
}

#center #reference .description-btn .close {
  display: inline;
}

#center #reference .description-btn.closed .open {
  display: inline;
}

#center #reference .description-btn.closed .close {
  display: none;
}

#center #reference .description {
  font-size: 12px;
  padding-bottom: 20px;
  display: none;
}

#center #reference .ref-container-t {
  background: #151515 url('images/ref-bg-t.png') no-repeat;
  margin-bottom: 1px;
}

#center #reference .ref-container-t .category {
  background: url('images/arr-dbl-b.png') left 5px no-repeat;
  padding-left: 10px;
  color: white;
  float: left;
}

#center #reference .ref-container-b {
  background: #151515 url('images/ref-bg-b.png') bottom no-repeat;
  margin-top: 1px;
  padding: 15px 0 20px;
}

#center #reference .ref-container-b .title {
  float: left;
  color: #737373;
  width: 340px;
  margin-left: 25px;
}

#center #reference .ref-container-b .source {
  margin-left: 340px;
  color: white;
  font-size: 11px;
  text-align: right;
  margin-right: 25px;
}

#center #reference .ref-container-b .source a {
  color: #fcd13e;
}

#center #reference .ref-container {
  padding-bottom: 0;
  position: relative;
}

#center #reference .ref-frame {
  background: url('images/ref-frame-bg-t.png') no-repeat;
  padding-top: 8px;
  width: 533px;
}

#center #reference .ref-frame-in {
  background: url('images/ref-frame-bg-b.png') bottom no-repeat;
  padding-bottom: 50px;
  width: 533px;
}

#center #reference .ref-frame .video {
  padding-top: 10px;
  text-align: center;
}

#center #reference .ref-frame .image {

}

#center #reference .ref-frame .hint {
  margin: 0 0 4px 16px;
  font-size: 11px;
}

#center #reference .ref-container .title {
  margin: 8px 0 0 16px;
  color: #737373;
}

#center #reference .ref-frame img,
#center #reference .ref-frame object {
  border: none;
  display: block;
  margin: 0 auto;
}

#center #reference .image-btn {
  background: url('images/image-btn-l.png') left no-repeat;
  padding-left: 10px;
  position: absolute;
  right: 35px;
  bottom: 78px;
}

#center #reference .image-btn-in {
  background: url('images/image-btn-r.png') right no-repeat;
  padding-right: 10px;
  line-height: 25px;
  display: block;
  text-decoration: none;
  color: white;
}

#center #reference h3.title {
  color: #1186e4;
  font-size: 20px;
  margin: 0 0 5px 0;
  padding: 0;
}


/**
 * carousel
*/
#carousel {
  width: 571px;
  position: relative;
}

#carousel .carousel-in {
  overflow: hidden;
  height: 75px;
  width: 496px;
  padding-left: 6px;
}

#carousel .carousel-in,
#carousel .btn-left,
#carousel .btn-right {
  float: left;
}

#carousel .btn-left,
#carousel .btn-right {
  width: 32px;
  height: 75px;
  cursor: pointer;
}

#carousel .btn-left {
  background: url('images/carousel-btn-l.png') top center no-repeat;
}

#carousel .btn-right {
  background: url('images/carousel-btn-r.png') top center no-repeat;
}

#carousel .btn-left:hover,
#carousel .btn-right:hover {
  background-position: bottom center;
}

#carousel .item {
  float: left;
  margin-right: 7px;
}

#carousel .item a {
  width: 73px;
  height: 73px;
  display: block;
  border: 1px solid #1f1f1f;
}

#carousel .item a:hover {
  width: 69px;
  height: 69px;
  border: 3px solid #fcd13e;
}


/**
 * technologie
*/
#center #technologie h2 {
  color: white;
  padding-bottom: 14px;
  margin-bottom: 18px;
}

#center #technologie .box {
  background: url('images/technologie-box.png') top left no-repeat;
  width: 552px;
  height: 161px;
}

#center #technologie .box-in {
  padding: 0 10px 0 208px;
  text-align: justify;
  position: relative;
}

#center #technologie .box h3 {
  color: #fcd13e;
  font-size: 18px;
  background: url('images/technologie-line.png') left bottom no-repeat;
  margin: 0 0 5px;
  padding: 5px 0 13px;
}

#center #technologie .box .description {
  color: white;
  font-size: 11px;
  height: 55px;
  overflow: hidden;
  line-height: 13px;
}

#center #technologie .box .pdf {
  float: right;
  margin-top: -5px;
}

#center #technologie .box .pdf a {
  font-size: 11px;
  color: #1186e4;
  text-decoration: underline;
  background: url('images/technologie-pdf.png') right top no-repeat;
  height: 34px;
  display: block;
  padding: 8px 60px 0 0;
}


/**
 * kontakt
*/
.kontakt .item {
  margin-bottom: 25px;
}

.kontakt a.map {
  float: right;
  display: block;
    border: none;
}
.kontakt .map img{
  border: 1px solid #bababa;

}
.kontakt .name,
.kontakt .address {
  font-size: 12px;
  font-weight: bold;
}

.kontakt .address {
  color: #1186e4;
  margin-bottom: 4px;
}

.kontakt .small {
  color: #1186e4;
  font-size: 10px;
  padding-bottom: 5px;
}


/**
 * kontakt - form
*/
#contact-forms {
  width: 551px;
  background: url('images/contact-forms-bg-b.png') bottom no-repeat;
  padding-bottom: 5px;
}

#contact-forms .contact-forms-in {
  background: url('images/contact-forms-bg-t.png') top no-repeat;

}

#contact-forms form {
  width: 242px;
  margin-left: 20px;
}

#contact-forms .right form {

}

#contact-forms .left {
  width: 271px;
  float: left;
}

#contact-forms .left .title {
  font-size: 13px;
  font-weight: bold;
  color: #ffc40d;
  margin: 20px 16px 8px;
}

#contact-forms .left .orderby {
  color: #949494;
  font-size: 11px;
  margin: 4px 0;
}

#contact-forms .left .handles {
  color: #999;
  font-size: 12px;
  margin: 10px 20px 15px;
}

#center .text #contact-forms .left .handles a,
#center .text #contact-forms .right .handles a.active {
  color: #ffc40d;
}

#contact-forms .right .handles {
  color: white;
  font-size: 11px;
  margin: 10px 20px 6px;
}

#center .text #contact-forms .right .handles a {
  color: white;
}

#contact-forms .right {
  width: 280px;
  margin-left: 271px;
  background: url('images/form-div.gif') left top no-repeat;
  padding-top: 120px;
}

#contact-forms input,
#contact-forms textarea,
#contact-forms select {
  margin: 0 0 4px 0;
  padding: 0 0 0 6px;
  border: 1px solid #303030;
  background: #2b2b2b;
  width: 233px;
  color: #858585;
  font-size: 11px;
}

#contact-forms input {
  height: 18px;
}

#contact-forms select {
  height: 18px;
}

#contact-forms select option {
  border: none;
  padding-left: 6px;
  height: 18px;
}

#contact-forms select option:hover {
  background-color: white;
}

#contact-forms .terms .item {
  font-size: 14px;
  font-weight: bold;
  color: #55a5e5;
  border-bottom: 1px solid #393939;
  margin: 10px 20px 0;
  padding-bottom: 10px;
}

#contact-forms .terms .item .date {
  font-size: 11px;
  color: white;
  margin-top: 3px;
  font-weight: normal;
}


/**
 * pobocky - branches
*/
#branches {
}

#branches .branch {
  padding: 14px;
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #ebebeb;
  background-color: #dedede;
  margin-bottom: 10px;
}

#branches .branch .address,
#branches .branch .contact,
#branches .branch .map {
  float: left;
  width: 165px;
}

#branches .branch .contact {
  width: 213px;
}

#branches .branch .map {
  width: 142px;
}

#branches .branch .map img {
  border: 1px solid #bababa;
}

#branches .branch .title {
  font-weight: bold;
  font-size: 14px;
  color: #161616;
  margin-bottom: 5px;
}

#branches .branch .contact .title {
  margin-bottom: 2px;
}

#branches .branch .role {
  color: #1186e4;
  font-size: 11px;
  margin-bottom: 2px;
}

#branches .branch-b {
  float: left;
  width: 100%;
}

#branches .branch-b .title {
  color: #1186e4;
  font-size: 12px;
  margin-bottom: 8px;
}

#branches .branch-b .image {
  float: left;
  margin-right: 8px;
  background-color: #cacaca;
}

#branches .branch-b .image a {
  width: 73px;
  height: 73px;
  display: block;
  border: 1px solid #b1b1b1;
}

#branches .branch-b .image a:hover {
  width: 69px;
  height: 69px;
  border: 3px solid #1186e4;
}


/**
 * novinky na titulni strance
*/
#news-items {

}

#news-items .text {
  display: none;
  width: 270px;
}

#news-items .text.first {
  display: block;
}

#news-handles {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

#news-handles a {
  background: url('images/news-handle.png') no-repeat;
  height: 8px;
  width: 14px;
  display: block;
  float: left;
  font-size: 0px;
  text-decoration: none;
  color: #212121;
  text-align: center;
  padding-top: 6px;
}

#news-handles a.activeSlide {
  background: url('images/news-handle-active.png') no-repeat;
}


h1{
  font-size: 16px;
  font-weight: bold;
  color: white;
  background: none;
  margin: 0;
  padding: 12px 20px;
  float: left;
}


#reg{
    background: url('objednavka.png') no-repeat;
    display: block;
    text-decoration: none;
    width: 274px;
    height: 60px;
    position: relative;
}
#reg strong{
    color:#FEC514;
    font-size:17px;
    font-family: Tahoma;
    font-weight: normal;
    position: absolute;
    left: 60px;
    top: 10px;
}
#reg span{
    position: absolute;
    left: 70px;
    top: 36px;
    text-decoration: underline;
}

#boxes #reg {
  left: 25px;
  top: -100px;
  width: 274px;
  position: absolute;
  z-index: 15;
}
.inp{
    font: 12px verdana;
    border: 1px solid #DDD;
}
.frm th{
    text-align: left;
    padding-right: 1em;
    vertical-align: top;
}
.msg{width: 540px;background: yellow;text-align:center;padding:2px;font-weight:bold;margin: 0 0 1em 0}
.msg0,.msg1,.msg2{background: url('msg0.gif') 2px center no-repeat;padding: 1em 1em 1em 25px}
.msg1{background-image: url('msg1.gif')}
.msg2{background-image: url('msg2.gif')}


/*GALLERIE*/
.gallery div{
    background: #EFEFEF;
    width: 244px;
    height: 75px;
    padding: 10px 10px 10px 10px;
    margin: 10px 5px 10px 5px;
    float: left;
}
.gallery .datum{
    float: right;
    font-size: 80%;
}

.gallery img{
    float: left;
    margin-right: 1em;
    border: 1px solid #8D140C;
}

.gallery a{
    text-decoration: none;
}
.gallery a:hover{
    text-decoration: underline;
}
.gallery a:hover img{
    border-color: #8A0B04;
}
.galhd{
    margin: 0 !important;
    padding: 1em  0 0 34px !important;
    font-size: 13px;
}
.gallery{
    text-align: justify;
}
.galopen div{
    width: 100px;
    margin: 10px 8px 10px 8px;
}

.dates .item a{
    color: #E1E1E1;
    text-decoration: none;
}