body {
  margin:0;
  padding:0;
  font-size:14px;
  color:#303030;
  @import url(http://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700&subset=latin,latin-ext);
  font-family: 'Dosis', sans-serif;
  background-color:#ffffff;
}
.kontrola { 
display:none;
}
.clear {
  clear: both;
  float: none;
  height: 1px;
  overflow: none;
}
a {
  color:#303030;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

h1, h2 {
  clear:both;
  text-align:center;
  font-size:31px;
  font-weight:normal;
  text-transform:uppercase;
  |margin-top:20px;
}
#footer h2 {
  color:#357ead;
  font-size:18px;
  font-weight:700;
  margin:0;
}

#container {
  position:relative;
  width:100%;
  height:100%;
}
#header #top {
  clear:left;
}
#header #top {
  position:relative;
  width:100%;
  height:74px;
  background: transparent url(img/dotted_back.png) repeat 0 0;
}
#container .content {
  position:relative;
  /*width:871px; */
  max-width:871px;
  margin:0 auto;
}
#header #top #logo {
  position:absolute;
  top:17px;
  display:block;
  width:254px;
  height:37px;
  background: transparent url(img/logo.png) no-repeat 0 0;
}
#header #top a#logo:hover {
  text-decoration:none;
}
#header #top .followus {
  position:absolute;
  top:17px;
  right:0;
  width:174px;
  height:34px;
  font-size:18px;
  color:#bdbdbd;
  line-height: 34px;
}     
#header #top .followus span {
position:relative;
  float:left;
  display: block;
  width: 130px;
  height:34px;
  font-size:100%;
  text-align:right;
  padding-right:10px;
}
#header #top .followus a {
position:relative;
  display:block;
  float:right;
  width:34px;
  height:34px;
  background: transparent url(img/fb_ico.png) no-repeat 0 0;
}
#header #top .followus a:hover {
  text-decoration:none;
  background-position:0 bottom;
}
#header #top_nav {
  position:relative;
  width:100%;
  height:100%;
  background-color: #0088d7;
  border-bottom:1px solid #0065a5;
  z-index:50;
}

#header #top_nav .block {
  position:relative;
  float:left;
  width:50%;
  min-width:304px;
  max-width:435px;
  height:174px;
  padding-top:20px;
  text-align:center;
  color:#ffffff;
  z-index:50;
}

#header #top_nav .block strong {
  display:block;
  font-size:18px;
  font-weight:normal;
  text-transform:uppercase;
}
#header #top_nav .block ul.list_ico {
  position:relative;
  display:block;
  width:304px;
  padding:15px 0 0;
  height:97px;
  margin:0 auto;
  border-top: 1px dotted #ffffff;
  z-index:100;
  background: transparent url(img/dotted_paths.png) no-repeat 32px 86px;
}

#header #top_nav .block ul.list_ico li {
  float:left;
  position:relative;
  width:69px;
  height:69px;
  margin-right:8px;
  list-style-type:none;
  z-index:200;
  background: transparent url(img/hw_1_ico.png) no-repeat 0 0;
}
#header #top_nav .block ul.list_ico li.last {
  margin:0;
}
#header #top_nav .block ul.list_ico li a.target_ico {
  display:block;
  width:69px;
  height:69px;
  background:none;
  position:absolute;
  top:0;
  left:0;
  z-index:800;
}
#header #top_nav .block ul.list_ico li a.target_ico:hover {
  text-decoration:none;
}

#header #top_nav .block ul.list_ico li.ico2 {
  background: transparent url(img/hw_2_ico.png) no-repeat 0 0;
}
#header #top_nav .block ul.list_ico li.ico3 {
  background: transparent url(img/hw_3_ico.png) no-repeat 0 0;
}
#header #top_nav .block ul.list_ico li.ico4 {
  background: transparent url(img/hw_4_ico.png) no-repeat 0 0;
}
#header #top_nav .block ul.list_ico li.ico5 {
  background: transparent url(img/sz_1_ico.png) no-repeat 0 0;
}
#header #top_nav .block ul.list_ico li.ico6 {
  background: transparent url(img/sz_2_ico.png) no-repeat 0 0;
}
#header #top_nav .block ul.list_ico li.ico7 {
  background: transparent url(img/sz_3_ico.png) no-repeat 0 0;
}
#header #top_nav .block ul.list_ico li.ico8 {
  background: transparent url(img/sz_4_ico.png) no-repeat 0 0;
}

#header #top_nav .block a.target_shop {
  position:relative;
  bottom:11px;
  /*left:142px; */
  color:#ffffff;
  font-size:16px;
  margin: 0 auto;
  padding: 4px 30px 4px 10px;
  text-align: left;
  background-color:#2b9cde; 
  border-radius: 5px; 
  
  -moz-border-radius:5px;
	-webkit-border-radius:5px;
  -webkit-appearance: none;
  behavior: url(PIE.htc);   
}
#header #top_nav .block a.target_shop i {
  position:absolute;
  display:block;
  top:7px;
  right:6px;
  width:21px;
  height:15px;
  z-index:10;
  background: transparent url(img/cart_ico.png) no-repeat 0 0 ; 
}
#header #top_nav .block a:hover i {
  background-position:0 bottom; 
}

#header #top_nav .block a.target_shop:hover {
  background-color:#ffffff;
  text-decoration:none;
  color:#0065a5;
}
#header #top_nav .block ul.list_ico li:hover {
  float:left;
  width:69px;
  height:69px;
  background-position: 0 bottom;
}

#header #top_nav .block ul.list_ico div {
  display:none;
  position: relative;
  top: 69px;
  margin:0 auto;
  padding:20px 0 0;
  background: transparent url(img/arrow_contact.png) no-repeat 19px 0;
  z-index:999;
  box-sizing: border-box;
   |width:160px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#header #top_nav .block ul.list_ico div.last {
  top: 69px;
  right:105px;
  width: 160px;
  background: transparent url(img/arrow_contact.png) no-repeat 128px 0;
}

#header #top_nav .block ul.list_ico li:hover div {
  display:block;
}

#header #top_nav .block ul.list_ico ul {
  display:inline-block;
  float:none;
  height:100%;
  max-width: 160px;
  padding:15px;
  margin:0;
  background-color:#ffffff;
  white-space: nowrap;
  z-index:999;
  -moz-border-radius:5px;
	-webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:1px 1px 10px 1px #4F4F4F;
  -webkit-box-shadow: 1px 1px 2px 0.5px #4F4F4F;
  box-shadow: 1px 1px 2px 0.5px #4F4F4F;
  behavior: url(PIE.htc);
}

#header #top_nav .block ul.list_ico ul li {
  display:inline;
  height:100%;
  width:100%;
  padding:0 0 0 10px;
  margin:0;
  color:#303030;
  text-align:left;
  cursor:text;
  background:transparent url(img/list_style.png) no-repeat 0 7px;
}
#header #top_nav .block ul.list_ico ul li:hover {
  height:100%;
  /*width:100%;*/
  margin:0;
  color:#303030;
  background-position:0 7px;
}
#content .alignText {
  text-align:justify;
}
#content .column {
  width:100%;
  /*height:100px; */
  overflow:hidden;
  position:relative;
  float:left;
  margin: 0;
  font-size:14px;
  text-align:justify;
}
#content .column.second {
  display:none;
}
.company_img.right {
  position: absolute;
  right:15px;
}
.company_img.left {
  position: absolute;
  left:15px;
}
.column .address,
.column .address {
  display:none;
  position:absolute;
  width:221px;
  height:221px;
  text-align:center;
  padding-top:29px;
  background: transparent url(img/com_photo_hover.png) no-repeat 0 0;
}
.column h2 {
  font-size:17px;
}
.column p {
}
.column .address.left {
  left:15px;
  
}
.column .address.right {
  right:15px;
}
.company_center {
  position:relative;
  /*width:430px; */
  max-width: 442px;
  min-width: 221px;
  height:221px;
  margin:20px auto 20px;
}
#content .company_center .column {
  width:221px;
  margin:0;
  height:221px;
  overflow: visible;
}
ul {
  min-width:2em;
  max-width: 40em;
  margin: 10px auto 20px;
  height: 30px;
  padding: 0;
}
.documents {
  margin-top:30px;
  text-align:center;
}
.documents ul.list {
  display:inline-block;
  width:inherit;
  max-width:inherit;
}
#content .documents .list li {
  display:inline;
  |line-height:35px;
  font-size:16px;
  padding: 6px 41px 5px 39px;
}
#content .quick_contact ul.list {
  padding: 0 15px;
}
#content .quick_contact .list li {
  display: block;
  font-size: 16px;
  float: left;
  height: 32px;
  line-height: 32px;
  padding-left: 39px;
  width: 26.3%;
  |width:27%;
}
#content .documents .list li.last {
  padding-right:0;
}
#content .quick_contact .list .phone {
  background: transparent url(img/phone_ico.png) no-repeat 0 0;
}
#content .quick_contact .list .mail {
  background: transparent url(img/mail_ico.png) no-repeat 0 0;
}
#content .quick_contact .list .map {
  background: transparent url(img/map_ico.png) no-repeat 0 0;
}
#content .documents .list .jpg {
  background: transparent url(img/jpg_ico.png) no-repeat 0 0;
}
#content .documents .list .doc {
  background: transparent url(img/doc_ico.png) no-repeat 0 0;
}
#content .documents .list .pdf {
  background: transparent url(img/pdf_ico.png) no-repeat 0 0;
}

#footer  {
  height:100%;
  width:100%;
  overflow:auto;
  background-color:#d4d4d4;
}

#footer .ticket {
  position:relative;
  width:27.3%;
  min-height:192px;
  float:left;
  margin: 20px 1% 0;
  font-size:14px;
  text-align:center;
  padding: 0 2%;
  background-color:#ffffff;
  -pie-background:#ffffff;
  border-radius: 10px;
  -moz-border-radius:10px;
	-webkit-border-radius:10px;
  behavior: url(PIE.htc);
}

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

#footer .ticket p {
  margin-bottom: 10px;
}

#footer .ticket span.arrow {
  display:block;
  width:28px;
  height:20px;
  position:relative;
  top:-20px;
  margin:0 auto;
  background: transparent url(img/arrow_contact.png) no-repeat 0 0;
}
#footer .foot {
  margin-top:20px;
  padding:5px 0;
  overflow: auto;
  border-top:2px dotted #676767;
}
#footer .foot .copy {
  float:left;
}
#footer .foot .author {
  float:right;
}
input {
  height:30px;
  line-height:30px;
}

input, textarea {
  width:100%;
  min-width:1em;
  max-width:35em;
  border:1px solid #d0d0d0;
  background:#f7f7f7 url(img/input_back.png) repeat-x 0 0;
  font-family: 'Dosis', sans-serif;
  padding: 0 10px;
  font-size:16px;
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 10px;
  -moz-border-radius:10px;
	-webkit-border-radius:10px;
  -webkit-appearance: none;
  behavior: url(PIE.htc);
  |width:97%;
  filter:chroma(color=#000000);
}
textarea {
  height:200px;
  padding: 10px;
}
form#contact {
  position:relative;
  clear:both;
  margin:0 auto 24px;
  padding: 0 15px;
  /*width:40em;*/
  min-width:2em;
  max-width:40em;
  text-align:center;
  overflow:auto;
  |overflow:none;
}
form#contact .column {
  width:48%;
  min-width:1em;
  margin:9px 0;
  |width:50%;
}
form#contact .column input {
  /*width:48%; */
  |width:92%;
}
form#contact .column.left {
  float:left;
  margin-right:5px;
}
form#contact .column.right {
  float:right;
}
form#contact .submit_btn,
form#news .submit_btn,
a#more {
  color:#ffffff;
  min-width:100px;
  max-width:250px;
  margin-top:16px;
  border:1px solid #00639d;
  background-image:none;
  cursor:pointer;
  background-color:#0088d7;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
a#more {
  position:relative;
  display:block;
  padding:2px 20px;
  min-width:80px;
  max-width:100px;
  margin:16px auto 0;
  text-align:center;
   border-radius: 10px;
  -moz-border-radius:10px;
	-webkit-border-radius:10px;
  -webkit-appearance: none;
  behavior: url(PIE.htc);
}
form#contact .submit_btn:hover,
form#news .submit_btn:hover,
a#more:hover {

  border:1px solid #004973;
  background-color:#0068a5;
}

form#news input {
  position:relative;
  height:22px;
  line-height:22px;
  |width:90%;
}
form#news .submit_btn {
  min-width:50px;
  max-width:103px;
  margin: 10px 0 15px;
}
div.logo {
  display:table;
  table-layout:fixed;
  width:100%;
  margin:15px 0;
  border-top: 2px dotted #676767;
  border-bottom: 2px dotted #676767;   
}
div.logo ul {
  display:table;
  table-layout:fixed;
  position:relative;
  margin:0 auto;
  width:100%;   
  max-width:inherit;
  height: auto;
  padding: 14px 0 11px;
  |max-width:100%;
}
div.logo ul li {
  display:table-cell;
  padding: 0 1%;
  width:13%;
  vertical-align:middle;
  |display:inline-block;
  |float:left;
  |padding:0 14px;
  |height:100%;
}
div.logo ul li img {
  max-width:100% !important;
  display:block;
  height:auto;
  margin:0 auto;
}
.minwidth { 
  position: inherit;
  width: 100%;
  max-width: inherit;
}
@media screen and (max-width: 800px){  
  #header #top #logo {
    margin-left:20px;
  }
  #header #top .followus {
    margin-right:20px;
  }
  #footer .foot {
    padding: 5px 8px 5px;
  }
  #content .column.text,
  #content .column.text.last {
    width:95%;
    margin:0;
    padding:0 15px;
  } 
}

@media screen and (max-width: 768px){
  #footer .ticket {
    width: 27%;
  }
}

@media screen and (max-width: 640px){ 

  #footer .ticket {
    margin: 20px 5px 0;
  }
  form#news .submit_btn {
    margin-top: 10px;
  }
  #footer .ticket.newsletter p {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px){
  
  #content #contact .column,
  #content #contact .column.last {
    padding:0px;
  }
  #content .column.text,
  #content .column.text.last {
    margin:0;
    padding:0 15px;
  }
  div.logo ul li {
    padding: 0 5px;
  }
  #footer h2 {
    font-size: 16px;
  }
  #footer .ticket {
    max-width: 26.6%;
    min-width:15%;
  }
  #header #top_nav .block {
    float:none;
    margin:0 auto;
    width:310px;
    height:163px;
  }
}
@media screen and (max-width: 560px){
  #content .quick_contact .list,
  #content .documents .list {
    display:block;
    height:100%;
    position: relative;
    width: 160px;
  }
  #content .quick_contact .list {
    height: 116px;
  }
  #content .documents .list li {
    display:block;
    font-size:16px;
    padding: 6px 0px 15px 40px;
  } 
  #content .quick_contact .list li {
    width: 100%;
    padding-bottom: 10px;
  } 
}
@media screen and (max-width: 360px){
  h1, h2 {
    font-size:20px;
  }
  #header #top #logo,
  #header #top .followus {
    position:relative;
    top:0;
    margin:20px auto 15px; 
  }
  #header #top {
    height:100%;
    overflow:auto;
  }
  #header #top {
    height:100%;
    overflow:auto;
  }
  #content .column.text, #content .column.text.last {
    width: 91.7%;
  }
  #footer .ticket,
  #footer .ticket.last {
    float:none;
    margin:20px auto 0;
    width: 100%;
    max-width: 243px;
    min-width: 175px;
  }
  #content #contact .column,
  #content #contact .column.last {
    padding:0px;
  }
  .company_img.left,
  .column .address.left,
  .company_img.right,
  .column .address.right {
    left:0;
  }
  #content .company_center {
    height:100%;
  }
  #content .company_center .column {
    position:relative;
    margin:0 auto;
    float:none;
  }
  #content .company_center .column.topMove {
    top:-25px;
  }
  #footer .foot {
    padding: 5px 8px 5px;
  }
  div.logo ul li {
    padding: 0 4px;
  }
  #footer .foot .copy,
  #footer .foot .author {
    float: none;
    margin: 0 auto;
    width: 234px;
    text-align: center;
  }
}  

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

#header #top #logo {
    background: transparent url(img/logo@2x.png) no-repeat;
    background-size:254px 37px;
  }
  #content .quick_contact .list .phone {
    background: transparent url(img/phone_ico@2x.png) no-repeat;
    background-size:32px 32px;
  }
  #content .quick_contact .list .mail {
    background: transparent url(img/mail_ico@2x.png) no-repeat;
    background-size:32px 32px;
  }
  #content .quick_contact .list .map {
    background: transparent url(img/map_ico@2x.png) no-repeat;
    background-size:32px 32px;
  }
  #content .documents .list .jpg {
    background: transparent url(img/jpg_ico@2x.png) no-repeat;
    background-size:26px 27px;
  }
  #content .documents .list .doc {
    background: transparent url(img/doc_ico@2x.png) no-repeat;
    background-size:26px 27px;
  }
  #content .documents .list .pdf {
    background: transparent url(img/pdf_ico@2x.png) no-repeat;
    background-size:26px 27px;
  }
  #header #top_nav .block ul.list_ico li {
    background: transparent url(img/hw_1_ico@2x.png) no-repeat;
    background-size:69px 138px;
  }
  
  #header #top_nav .block ul.list_ico li.ico2 {
    background: transparent url(img/hw_2_ico@2x.png) no-repeat;
    background-size:69px 138px;
  }
  #header #top_nav .block ul.list_ico li.ico3 {
    background: transparent url(img/hw_3_ico@2x.png) no-repeat;
    background-size:69px 138px;
  }
  #header #top_nav .block ul.list_ico li.ico4 {
    background: transparent url(img/hw_4_ico@2x.png) no-repeat;
    background-size:69px 138px;
  }
  #header #top_nav .block ul.list_ico li.ico5 {
    background: transparent url(img/sz_1_ico@2x.png) no-repeat;
    background-size:69px 138px;
  }
  #header #top_nav .block ul.list_ico li.ico6 {
    background: transparent url(img/sz_2_ico@2x.png) no-repeat;
    background-size:69px 138px;
  }
  #header #top_nav .block ul.list_ico li.ico7 {
    background: transparent url(img/sz_3_ico@2x.png) no-repeat;
    background-size:69px 138px;
  }
  #header #top_nav .block ul.list_ico li.ico8 {
    background: transparent url(img/sz_4_ico@2x.png) no-repeat;
    background-size:69px 138px;
  }
  #header #top_nav .block ul.list_ico li:hover,
  #header #top .followus a:hover,
   #header #top_nav .block a.target_shop:hover i {
    background-position:0 bottom;
  }
  #header #top_nav .block ul.list_ico div,
  #footer .ticket span.arrow {
    background: transparent url(img/arrow_contact@2x.png) no-repeat;
    background-size:28px 20px;
  }
  #header #top_nav .block ul.list_ico div.last {
  background: transparent url(img/arrow_contact@2x.png) no-repeat 128px 0;
  background-size:28px 20px;
  }
  #header #top_nav .block ul.list_ico div {
    background-position: 19px 0;
  }
  #header #top .followus a {
    background: transparent url(img/fb_ico@2x.png) no-repeat;
    background-size:34px 68px;
  }

  #header #top_nav .block a.target_shop i {
    background: transparent url(img/cart_ico@2x.png) no-repeat 0 0 ; 
    background-size:21px 30px;
  }
  #header #top_nav .block ul.list_ico {
    background: transparent url(img/dotted_paths@2x.png) no-repeat 32px 86px; 
    background-size:238px 26px;
  }
  .column .address {
    background: transparent url(img/com_photo_hover@2x.png) no-repeat 0 0;
    background-size:221px 221px;
  }

}