/*
#grid {
  z-index: -1000;
  background: url('./../images/grid/index-v33.jpg') center top repeat-y;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -700px;
  width: 1400px;
  height: 2000px;
}
*/

/* zakladni css styly pro stranky */

/* nav {background-color: yellow;} */
/* header {background-color: blue;} */
/* #slider {background-color:pink;} */

/* main */


/* slider */

#slider {
  height: 68px;
  background: url('/images/subimage.jpg') center center no-repeat;
}

/* #breadcrumb */

#breadcrumb {
  border-bottom: 1px solid #d5d8dc;
  height: 30px;
  padding-top: 20px;
}

#breadcrumb ul {
  list-style-type: none;
  float: left;
}

#breadcrumb ul li {
  float: left;
}

#breadcrumb ul li {
  padding-left: 13px;
  background: url('/images/breadcrumb-arrow.png') left center no-repeat;
  margin-left: 5px;
}

#breadcrumb ul li.orange.first {
  padding-left: 0;
  background: none;
  margin-left: 0;
}

#breadcrumb ul li {
  color: #333333;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

#breadcrumb ul li.orange a, #breadcrumb ul li.orange a:visited {
  color: #4274b9;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

#breadcrumb ul li.orange a:hover {
  color: #00ad62;
}

/*#breadcrumb ul li.orange a span {
  border-bottom: 1px solid #fae2cd;
}*/

/*#breadcrumb ul li.orange a:hover span {
  border-bottom: 0 none;
}*/

/* columns */

#leftColumn {
  width: 650px;
}

#leftColumn h1 {
  color: #000000;
  font-size: 33px;
  font-weight: 700;
  text-decoration: none;
  margin-top: 30px;
  line-height: 45px;
}

#leftColumn h2 {
  border-bottom: 0 none;
  font-size: 26px;
  margin: 20px 0px;
  padding-bottom: 0px;

}

#leftColumn h3 {
  border-bottom: 0 none;
  font-size: 21px;
  margin: 10px 0px;
  margin-top: 43px;
  color: #333333;
  font-weight: normal;
  font-size: 24px;
}

#leftColumn p.perex {
  margin-top: 25px;
}

#leftColumn p {
  color: #333333;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 10px;
}

#leftColumn p.link {
  margin-top: 10px;
}
/*
#leftColumn p.link a, #leftColumn p.link a:visited, #leftColumn a, #leftColumn a:visited {
  color: #ed8d37;
  text-decoration: none;
  border-bottom: 1px solid #fae2cd;
  background: url('/images/link-arrow.png') center right no-repeat;
  padding-right: 13px;
}

#leftColumn p.link a:hover, #leftColumn a:hover {
  border-bottom: none;
}*/

#leftColumn .textimage {
  float: right;
  margin-left: 30px;
}

#leftColumn li {
  color: #424344;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}

/* FORMULAR */

#leftColumn .form {
  background-color: #eaf3f8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#leftColumn .form fieldset.contact-information div, #leftColumn .form fieldset.verify div {
  float: left;
  width: 175px;
  margin: 10px 0;
}

#leftColumn .form fieldset.contact-information div {
  margin-top: 15px;
}

#leftColumn .form fieldset.verify div {
  margin-bottom: 0px;
}

#leftColumn .form fieldset.contact-information div, #leftColumn .form fieldset.message, #leftColumn .form fieldset.verify div {
  margin-left: 30px;
}

#leftColumn .form label {
  width: 175px;
  display: block;
  font-size: 16px;
  color: #828384;
  margin: 10px 0;
}

#leftColumn .form label span.required {
  background: url('/images/form-required.png') right top no-repeat;
  padding-right: 10px;
}

#leftColumn .form legend {
  display: none;
}

#leftColumn .form fieldset.contact-information div input, #leftColumn .form fieldset.verify div input {
  width: 165px;
  height: 41px;
  padding: 0 5px;
  font-size: 16px;
  border: 1px solid #b3b3b3;
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.21) inset;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.21) inset;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.21) inset;
}

#leftColumn .form fieldset.message textarea {
  width: 575px;
  height: 90px;
  border: 1px solid #b3b3b3;
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.21) inset;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.21) inset;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.21) inset;
  resize: none;
  padding: 5px;
  font-size: 16px;
}

#leftColumn .form fieldset.verify label {
  width: 480px;
  margin: 5px 0 10px 0;
}

#leftColumn .form fieldset.submit {
  background: url('/images/contactFormLine.png') center 22px repeat-x;
  height: 75px;
  width: 617px;
  text-align: right;
  padding-right: 32px;
  position: relative;
}

#leftColumn .form fieldset.submit span.hint {
  position: absolute;
  top: 35px;
  left: 30px;
  padding-left: 10px;
  background: url('/images/form-required.png') left top no-repeat;
  color: #8a8c8d;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
}

/* DOTAZY */

#leftColumn .asks {
  
}

#leftColumn .asks .pack {
  margin-top: 20px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#leftColumn .asks .pack .ask {
  padding: 25px 30px 25px 70px;
  background: url('/images/asks-plus.png') 30px 25px no-repeat;
  cursor: pointer;
}

#leftColumn .asks .pack.showReply .ask {
  background: url('/images/asks-minus.png') 30px 25px no-repeat;
}

#leftColumn .asks .pack .ask h3 {
  color: #8c8d8e;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

#leftColumn .asks .pack .ask p {
  color: #4274b9;
  font-size: 16px;
  line-height: 22px;
}

#leftColumn .asks .pack .ask:hover p {
  color: #00ad62;
}

#leftColumn .asks .pack.showReply .ask p {
  color: #3487bc;
}

#leftColumn .asks .pack .reply {
  display: none;
  background-color: #E6F1F9;
  border-top: 1px solid #cccccc;
  padding: 25px 30px;
}

#leftColumn .asks .pack.showReply .reply {
  display: block;
}

#leftColumn .asks .pack .reply h3 {
  color: #828384;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin: 0;
}

#leftColumn .asks .pack .reply p {
  color: #828384;
  font-size: 16px;
  line-height: 22px;
}

/* PRAVY SLOUPEC */

#rightColumn {
  width: 250px;
}

#rightColumn .list {
  border: 1px solid #cccccc;
  border-left: 1px solid #0072C0;
  margin-top: 28px;
  padding: 25px 20px 10px 20px;
}

#rightColumn .list h3 {
  font-size: 21px;/* o 1px menší */
  color: #333333;
  font-variant: 700;
}

#rightColumn .list ul, #leftColumn ul {
  list-style-type: none;
  margin-top: 5px;
}

#rightColumn .list ul li{
  background: url('/images/list-style.png') center left no-repeat;
  padding-left: 30px;
  color: #828384;
  font-variant: 700;
  font-size: 16px;
  line-height: 32px;
}
#leftColumn  ul li {
  background:#FFF url('/images/list-style.png') left 8px no-repeat;
  padding-left: 30px;
  padding-bottom:12px;
  color: #333;
  font-size: 17px;
  line-height: 24px;
}



/* BOX KONTAKT */

#rightColumn .contact {
  background-color: #E6F1F9;
}

#rightColumn .contact h3 {
  /*background: url('/images/right-h3-button.png') center center no-repeat;*/
  width: 230px;
  height: 40px;
  margin-top: 20px;
  font-size: 22px;
  color: #ffffff;
  font-weight: 700;
  padding: 20px 0px 0px 20px;

  background: none transparent;
  width: auto;
  background-color: #0072C0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0072c0),color-stop(95%, #0071bf),color-stop(100%, #004b7e));
  background-image: -moz-linear-gradient(top, #0072c0 0%,#0071bf 95%,#004b7e 100%);
  background-image: -webkit-linear-gradient(top, #0072c0 0%,#0071bf 95%,#004b7e 100%);
  background-image: linear-gradient(to bottom, #0072c0 0%,#0071bf 95%,#004b7e 100%);
  /*border: 1px solid #B3B3B3;*/
}

#rightColumn .contact .content {
  padding: 20px 20px;
}

#rightColumn .contact .content p {
  font-size: 18px;
  color: #828384;
  line-height: 24px;
}

#rightColumn .contact .content p.tel {
  margin-top: 10px;
}

#rightColumn .contact .content p.mail {
  margin-top: 7px;
}

#rightColumn .contact .content p.tel, #rightColumn .contact .content p.mail {
  background: url('/images/contact-icons.png') left 5px no-repeat;
  padding-left: 25px;
}

#rightColumn .contact .content p.more a {
  background: url('/images/contact-icons.png') right -70px no-repeat;
  padding-right: 18px;
}

#rightColumn .contact .content p.tel, 
#rightColumn .contact .content p.mail, 
#rightColumn .contact .content p.more, 
#rightColumn .contact .content p.tel a, 
#rightColumn .contact .content p.mail a, 
#rightColumn .contact .content p.more a, 
#rightColumn .contact .content p.tel a:visited, 
#rightColumn .contact .content p.tel a:visited, 
#rightColumn .contact .content p.more a:visited {
  color: #4274b9;
  text-decoration: none;
  font-size: 16px;
}

#rightColumn .contact .content p.tel a:hover,
#rightColumn .contact .content p.mail a:hover,
#rightColumn .contact .content p.more a:hover {
  border-bottom: 0 none;
  color: #00ad62;
}

#rightColumn .contact .content p.mail {
  background-position: left -29px;
}

#rightColumn .contact .content p.more {
  margin-top: 20px;
}

/* BANNER */

#rightColumn .banner {
  margin-top: 20px;
  text-align: center;
}

/* zakaznici */

#rightColumn .customers {
  border: 1px solid #cccccc;
  border-left: 1px solid #0072C0;
  margin-top: 20px;
  padding: 25px 20px 15px 20px;
}

#rightColumn .customers h3 {
  font-size: 21px;/* o 1px menší */
  color: #333333;
  font-variant: 700;
  margin-bottom: 10px;
}

#rightColumn .customers p {
  color: #828384;
  font-variant: 700;
  font-size: 16px;
  line-height: 22px;
}

#rightColumn .customers p.sign {
  color: #0072C0;
}

/* KALKULACE */

#calc {
  border-top: 1px solid #dcddde;
  margin-top: 50px;
}