@charset "utf-8";
body { margin:0; padding:0; width:100%;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }

/********** header **********/
.header { min-height:57px; background:#f3f3f3; }

.block_header {margin:0 auto; max-width:950px; padding:0; border:none; }
/* logo */
.logo { float:left; padding:0; margin:0; width:256px;}
/* menu */	
.menu { padding:0; margin:0; float:right;}
.menu ul { padding:20px 0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0; line-height: 20px;}
.menu ul li a { margin:0; padding:0px 17px; color:#003249; font:normal 12px  Arial, Helvetica, sans-serif; text-decoration:none; border-right:1px dashed #949494;}
.menu ul li a:hover { color:#0099cc;}
.menu ul li a.active {color:#0099CC;} 
.menu input{
  border: 1px solid grey;
  background: none;
  padding: 0;
  margin: 0;
  height: 16px;
  color: #039ce2;
  margin-left: 5px;
}
.menu input.search-input{
  visibility: hidden;
  display: inline-block;
  width: 0px;
  transition: width 1s;
  -webkit-transition: width 1s;
}
.menu input.search-input.show{
  visibility: visible;
  width: 150px;
}
  


/* menu pôvodné farby
.menu ul li a:hover { color:#ac5400;}
.menu ul li a.active {color:#ac5400;}
*/
/********** slider **********/
.slider {background: url(images/bg_slider6.jpg) top center repeat-x; margin:0 auto; padding:0; height:378px;}
.slider div.slice1 { 
  width:840px;
  margin:0 auto; 
  padding:0;
}
/*
.slider div div div { margin:0; padding:0; 
  width:970px;  border:0;
  overflow: hidden;
}
.slider .slide{
  position: relative;
}
*/
.slider p.img { 
  float:right; width:483px; padding:29px 0 0 0; margin:0;}
.slider h2 {width:378px;font:bold 36px Arial, Helvetica, sans-serif; color:#fff;  margin:0; padding:50px 0 0 10px; line-height:1.2em; text-transform:uppercase;}
.slider p { width:378px;font:normal 14px   Arial, Helvetica, sans-serif; color: white; margin:0; padding:20px 0 0 10px; line-height:1.8em;}
/********* slider2 ************/

.slider2 {background: #fff url(images/slider_bg2.gif) top repeat-x; margin:0 auto; padding:0; height:89px;}
.slider2_resize { width:950px; margin:0 auto; padding:0;}
.slider2_resize h2 {width:445px; float: left; font:bold 36px Arial, Helvetica, sans-serif; color:#fff;   margin:0; padding:20px 0 0 30px; line-height:1.2em; text-transform:uppercase;}
.slider2_resize p { width:350px; float: right; font:normal 11px   Arial, Helvetica, sans-serif; color:#212121; margin:0; padding:20px 0 0 10px; line-height:1.8em;}


/*bloga_resize*/
.bloga_resize {background: url(images/bg_body_top.gif) top repeat-x; height:234px;}
.bloga_resize2 {background: url(images/bg_body_top2.gif) top repeat-x; height:46px;}
.bloga_resizee { width:950px; margin:0 auto;  padding:0;}
.bloga { width:289px; float:left; margin:0; padding:10px 5px 10px 20px;}
.bloga h2 { font: bold 18px Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #3d3d3d; padding:10px 5px; margin:0;}
.bloga p { color:#acacac; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 5px; margin:0;}
.bloga img { float:left; margin:10px 10px; padding:0;}
.bloga a { color:#0099cc; text-decoration:none;}
.menu_sub { padding:0; margin:0; float:left;}
.menu_sub ul { padding:9px 0; margin:0; list-style:none; border:0;}
.menu_sub ul li { float:left; margin:0; padding:0; border:0;}
.menu_sub ul li a { float:left; margin:0; padding:11px 17px; color:#fff; font:normal 12px  Arial, Helvetica, sans-serif; text-decoration:none;}
.menu_sub ul li a:hover { background:#ebebeb; color:#282828;}
.menu_sub ul li a.active {background:#ebebeb; color:#282828;} 
/********** block index **********/
.body { border-top:1px solid #fff; background:#ebebeb; min-height: 500px; }
.body h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#0b0b0b; border-bottom:1px solid #dcdcdc; padding:10px 5px; margin:0;}
.body h3 { font:bold 20px Arial, Helvetica, sans-serif; color:#252525;  padding:10px 5px; margin:0;}
.body h4 { font:bold 12px Arial, Helvetica, sans-serif; color:#252525;  padding:10px 5px; margin:0;}
.body p { font:normal 14px Arial, Helvetica, sans-serif; color:#6d6d6d; line-height:1.8em; padding:5px 5px; margin:0; text-align:justify;}
.body p.grey { font: normal 13px Arial, Helvetica, sans-serif; color:#202020; line-height:1.8em; padding:5px 5px; margin:0;}
/* .body p span { color:#006699;} */
.body a { font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#5f5f5f; text-decoration:none;}
.body a:hover { color:#ac5400; text-decoration:underline; }
.body em { color:#383838;}
.body img { float: left; margin:10px 5px; padding:0;}
.body img.nomargin { float:none; text-align:center; margin:10px 1px; padding:0;}
.body img.work { float:left; margin:10px 30px 10px 10px; padding:0;}
.body_resize { max-width:950px; margin:0 auto; padding:0;}
.right { max-width:604px; float:left; margin:20px 5px 10px 5px; padding:5px;}
.right ul { list-style:none; margin:5px 20px; padding:0;}
.right li { font: bold 12px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 20px; margin:0; background:url(images/about_ul_li.gif) left no-repeat;}
.left { width:300px; float:left; margin:20px 5px 10px 5px; padding:5px;}
.buttoms { width:200px; margin:10px auto; text-align:center; padding:0;}
.buttoms a { font: bold 12px Arial, Helvetica, sans-serif; color:#9f9f9f; text-decoration:none; padding:3px 5px; margin:0 3px;}
.buttoms a:hover { color:#000; background:#f1f1f1; border:1px solid #d6d6d6;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color: black;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#6d6d6d; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:380px; border:1px solid #d4d4d4; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { height:80px; width:380px; border:1px solid #d4d4d4; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#666666; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
/*************footer**********/
.footer {padding:10px 0;  margin:0; border-top:1px solid #fff; background:#e1e1e1;}
.footer_resize {max-width:950px; margin:0 auto; padding:0; }
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#5f5f5f;}
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#5f5f5f; text-decoration:underline; padding:5px 5px; margin:0;}
.footer img {margin:2px 5px; padding:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:20px 0; float:left;} 
.footer p.rightt { text-align:right; width:50%; margin:0; padding:20px 0; float:right;}
.footer p.middle {
	text-align:left;
  margin: 0;
	padding:0;
}


/*twitter*/
.twitter { background:url(images/twitter_bg.gif); width:283px; margin:0 auto; padding:0;}
.twitter_footer { background:url(images/twitter_bot.gif) no-repeat bottom;}
.twitter_top { background:url(images/twitter_top.gif) no-repeat top; padding:10px 20px 55px 20px; }
.twitter a { color:#128fb4; font:normal 10px Tahoma, Geneva, sans-serif;}
.twitter img { float: none;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dcdcdc; padding:0; margin:20px 0; background:none; line-height:0;}

/*moje nove css*/
.menu1, menu2, menu3 { padding:0; margin:0; width:25%; float:left; }
.menu1 ul { padding:10px 0; margin:0; list-style:none; border:0;}
.menu1 ul li { float:left; margin:0; padding:0; border:0; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: none;}
.menu1 ul li a { float:left; margin:0; padding:0px 0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline;}
.menu1 a { float:left; margin:0; padding:0px 0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline;}
.menu1 a:hover { color:#ac5400;}
.menu1 a.active {color:#ac5400;} 
.menu1 h2 { float:left; margin:0; padding:10px 0px; color:#5f5f5f; font: bold 11px  Arial, Helvetica, sans-serif; text-align: center }
.menu1 p { float: left; margin:0; padding:0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: none;}

.menu3 { padding:0 ; margin:0; width:25%; float:left; }
.menu3 ul { padding:0; margin:0; list-style:none; border:0; }
.menu3 ul li { clear:left;}
.menu3 ul li li{ float:left; margin:0; padding:0 40px 0 7px; border:0; }
.menu3 ul li a { float:left; margin:0; padding:0px 0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline;}
.menu3 a { float:left; margin:0; padding:0px 0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline;}
.menu3 a:hover { color:#ac5400;}
.menu3 a.active {color:#ac5400;} 
.menu3 h2 { margin:0; padding:10px 0 10px 0px; color:#5f5f5f; font: bold 11px  Arial, Helvetica, sans-serif; text-align: left }

.menu4 { padding:0; margin:0; width:25%; float:left;  }
.menu4 ul { padding:0 ; margin:0 ; list-style:none; border:0; }
.menu4 ul li { float: left; margin:0; padding:0; border:0;}
.menu4 ul li a { float:left; margin:0; padding:0px 0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline;}
.menu4 a { float:left; margin:0; padding:0px 0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline;}
.menu4 a:hover { color:#ac5400;}
.menu4 a.active {color:#ac5400;} 
.menu4 h2 { margin:0; padding:10px 0px 10px 13px; color:#5f5f5f; font: bold 11px  Arial, Helvetica, sans-serif; text-align: left }
.menu4 h3 { float: left; margin:0; padding:0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: none;}

.menu5 { padding:0; margin:0; width:235px; float:left; }
.menu5 ul { padding:0; margin:0; list-style:none; border:0;}
.menu5 ul li { float:left; margin:0; padding:0; border:0;}
.menu5 ul li a { float:left; margin:0; padding:0px 0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline;}
.menu5 ul li a:hover { color:#ac5400;}
.menu5 ul li a.active {color:#ac5400;} 
.menu5 h2 { float:left; margin:0; padding:10px 0px 10px 7px; color:#5f5f5f; font: bold 11px  Arial, Helvetica, sans-serif; text-align: center }
.menu5 a { float:left; margin:0; padding:0px 0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline;}
.menu5 a:hover { color:#ac5400;}
/** button **/
a.btn, a:hover.btn, button.btn{
  display: inline-block;
  height: 15px;
  min-width: 89px;
  background: #292829;
  border: none;
  border-left: 1px solid #393839;
  border-right: 1px solid #525152;
  color: white;
  padding: 5px;
  font-size: 13px;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  margin: 10px 5px;
  font-smooth: never;
  -webkit-font-smoothing : none;
  box-sizing: content-box;
}

label{
  font: bold 13px  Arial, Helvetica, sans-serif; 
  color:#6d6d6d; 
}
label span{
  color: red;
}

.form-wide label{
  display: inline-block;
  width: 110px;
}
.form-wide input{
  width: 150px;
}

.input-small{
  height: 20px;
}

.clanok{ 
  font:normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d; line-height:1.8em; padding:5px 5px; margin:0; text-align:justify;
}

.hamburger-button{
  box-sizing: border-box;
  float: right;
  margin: 12px;
  height: 28px;
  width: 28px;
  border: 1px solid #033043;
  border-radius: 5px;
  background: none;
  padding: 5px;
}

.hamburger-button span{
  display: block;
  background: #033043;
  width: 100%;
  height: 2px;
  margin: 2px;
  margin-right: 0px;
  margin-left: 0px;
}

.menu-column{
  padding:0; margin:0; width:25%; float:left; 
  height: 100%;
  box-sizing: border-box;
}
.menu-column ul { padding:10px 0; margin:0; list-style:none; border:0;}
.menu-column ul li { margin:0; padding:0; border:0; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: none;}
.menu-column ul.inline li{
  float: left;
  line-height: 24px;
}
.menu-column ul li a { 
  margin:0; padding:0px 0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline;
    line-height: 24px;
  vertical-align: bottom;

}
.menu-column a { 
  margin:0; padding:0px 0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline;
}
.menu-column a:hover { color:#ac5400;}
.menu-column a.active {color:#ac5400;} 
.menu-column h2 {
   margin:0; padding:0; color:#5f5f5f; font: bold 11px  Arial, Helvetica, sans-serif; 
 }
.menu-column p { margin:0; padding:10px 0px; color:#5f5f5f; font:normal 11px  Arial, Helvetica, sans-serif; text-align: left; text-decoration: none;}

.bonus-item img{
  max-width: 100%;
}


/* mobile-only */
@media (max-width: 768px) {
  .mobile-hide{
    display: none;
  }
  .menu{
    float: none;
    clear: both;
    max-width: 100%;
  }
  .menu ul{
    padding: 0;
  }
  .menu ul li{
    display: block;
    float: none;
    padding: 14px;
    border-top: 1px dashed white
  }
  .menu ul li a{
    display: block;
    float: none;
    border: none;
  }

  .slider div.slice1 { 
    width:500px;
  }
  .slider div div div {
    width:500px;
  }
  .slider div div div p.img { 
    display: none;
  }
  .footer .menu-column{
    width: 50%;
    padding-left: 5px;
  }

}

/* desktop-only */
@media (min-width: 768px) {
  .desktop-hide{
    display: none;
  }
  .footer .menu-column{
    padding-bottom: 0px;
  }
}

#menutoggler{
  display: none;
}

#menutoggler:checked ~ .menu{
  display: block;
}

.bx-wrapper .bx-viewport{
  background: none;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.bx-wrapper .bx-prev {
    left: -39px;
}


.highlight {
    background-color: #fff34d;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}

.highlight {
    padding:1px 4px;
    margin:0 -4px;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */





/* PRIDANE PRE GOOGLE MAPS */
.map-container-docs{
overflow:hidden;
padding-bottom: calc(55%*3/4);
position:relative;
height:0;
border: 1px solid black;
border-radius: 5px;
}
.map-container-docs iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}