/* ---------------------------------------------

* Filename:     custom-style.css
* Version:      1.0.0 (2016-01-12)
* Website:      http://www.zymphonies.com
                http://www.freebiezz.com
* Description:  System Style
* Author:       Zymphonies Dev Team
                info@zymphonies.com

-----------------------------------------------*/

body,html{
  font-family: 'Arial', Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.62em;
  color: #232B43;
  overflow-x: hidden;
   min-height:100vh;
}
body
{
	padding-bottom: 6rem;
    position: relative;
    margin: 0;

}
p{ margin: 0 0 20px 0; text-align: justify; }

h1, .h1{ font-size: 22px; color: #232B43; }

h2, .h2{ font-size: 20px; color: #232B43; }

h3, .h3{ font-size: 16px; color: #232B43; }

h4, .h4{ font-size: 14px; color: #232B43; }

img{ max-width: 100%; }

a{
  color: #1c4ec7;
}

a:hover{
  color: #1c4ec7;
}

ol, ul {
  padding-left: 20px;
}

ul.links.inline{
  padding: 0;
}

ul.links.inline li{
  list-style: none;
}

.block{
  margin-bottom: 20px;
}

.container {
  max-width: 1000px;
}



.main-header{
 /* background: url(../images/bg-header_ku.jpg);*/

 /* border-bottom: 1px solid #EBEBEB;*/
  background-image: linear-gradient(to right , #19388a,#5BECC0);
  position: relative;
  -webkit-box-shadow: -1px 2px 18px #021736;
  -moz-box-shadow: -1px 2px 18px rgb(2, 23, 54);
  box-shadow: -1px 2px 18px #021736;
  padding-top: 20px;
 /* position: fixed;*/
  top: auto;
  width: 100%;
   z-index: 100;
}

#wrapper
{
	margin: 0 auto;
}

.navbar-default {
  border-color: #e7e7e7;
  margin: 0;
  border: 0;
  border-radius: 0;
  /*border-bottom: 2px solid #19388a;*/
  /*padding-top: 20px;*/
  background: none;
  position: relative;
  bottom: -2px;
}

.sticky
{
	position: fixed;
    top: -14px;
    z-index: 500;
    box-shadow: 5px 10px 8px #888888;
    background-color: #efefef;
    border-radius: 13px;
   /* -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;*/
     width: 999px;
}

.main-menuwrap nav{
  border: 0;
  margin: 0;
  position: relative;
  z-index: 2;
  border-radius: 0;
}

.main-header .region{
  position: relative;
  z-index: 2;
}

/*region header*/

.site-branding{
  margin: 0;
}

.brand.logo{
  margin-right: 5px;
  width: 260px;
}

.region-header .brand{
  /*display: inline-block;*/
  vertical-align: middle;
  line-height: 190%;
}

.site-name a{
  font-size: 26px;
  color: #fff;

}
.site-name{
margin-top: 10px;

}

/*Banner*/

.welcome-banner-text{
  text-align: center;
  line-height: 160%;
  max-width: 600px;
  padding: 90px 0;
}

.welcome-banner-text h2{
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}

/*top widget*/

.topwidget{
  padding: 20px 0;
}

.topwidget .fa{
  font-size: 60px;
  background: #4D4F4A;
  width: 120px;
  height: 120px;
  padding: 32px;
  border-radius: 50%;
  color: #fff;
  margin-bottom: 20px;
}

.topwidget .region{
  background: #FCFCFC;
  border: 1px solid #F1F1F1;
  padding: 15px;
}

.topwidget h2{
  margin-top: 0;
}

.topwidget p{

}

.topwidget p:last-child{
  margin: 0;
}

/*footerwidget*/

.footerwidget{
  background: url(../images/body.png);
  color: #8A8A8A;
  padding: 10px 0;
}

.footerwidget img.left{
  float: left;
  margin: 10px 10px 0 0;
}

.copyright{
  background: url(../images/bg-header.jpg);
  color: #fff;
}

.copyright p{
  margin: 13px 0;
}

.footerwidget h2,
.footerwidget .h2{
  color: #333;
}

/*bottom-widgets*/

.bottom-widgets{
  text-align: center;
  background: #FBFBFB;
  padding: 10px 0;
}

.bottom-widgets .region{
  padding: 10px;
  background: #DEDEDE;
}

/*Footer menu*/

.footer-menu{
  margin: 0;
  border: 0;
  background: #EEEEEE;
  color: #fff;
}

.footer-menu ul{
  margin: 10px 0;
  padding: 0;
}

.footer-menu nav li{
  display: inline-block;
}

.footer-menu nav li a{
  display: block;
  padding: 4px 20px 4px 0;
}

.google_map p,
.google_map .block{
  margin: 0;
}

.google_map iframe{
  display: block;
}

/*Credit link*/

.credit-link{
  text-align: left;
}

/*SOCIAL MEDIA*/

.social-media{
  margin: 10px 0;
  overflow: hidden;
  float: left;
}

.social-media a {
  width: 30px;
  height: 30px;
  color: #fff;
  float: left;
  margin: 0 10px 0 0;
  text-align: center;
  background: #3262b9;
  font-size: 14px;
  line-height: 220%;
}

.social-media a.google-plus{
  background: #de2020;
}

.social-media a.twitter{
  background: #29C5F6;
}

.social-media a.linkedin{
  background: #069;
}

.social-media a.pinterest{
  background: #C61118;
}

.social-media a.rss{
  background: #FF6D00;
}

.social-media a:hover{
  opacity: .6;
}

/*FORM*/

input, button, select, textarea{
  padding: 9px;
  border: 1px solid #C7C7C7;
}

.contact-message-form label{
  display: block;
}

.btn,
input[type="submit"]{
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #E3E3E3));
  background-image: -webkit-linear-gradient(top, #FFF 0%, #E3E3E3 100%);
  background-image: linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E3E3E3');
  border: 1px solid #dbdbdb;
  color: #333;
  font-weight: bold;
  padding: 9px;
}

.btn:hover,
input[type="submit"]:hover{
  background-image: -ms-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: -moz-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: -o-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DBDBDB), color-stop(1, #F2F2F2));
  background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#F2F2F2');
}

/*FRONT PAGE*/

.path-frontpage .feed-icon{
  display: none;
}

/*MENU*/

.main-menuwrap{
  margin-bottom: 20px;
}

.navbar-default .navbar-toggle{
  background: #fff;
  margin: 5px;
}

nav h2{
  display: none;
}

.menu-base-theme,
.menu-base-theme a{
  background: none;
}

.menu-base-theme a:hover,
.menu-base-theme a:focus,
.menu-base-theme a:active,
.menu-base-theme a.highlighted{
  background: #6b6b6b;
}

.menu-base-theme li a{
  background: #FBFBFB;
  color: #525252;
  font-weight: bold;
}

.main-menu {
  position: relative;
  z-index: 9999;
}

.menu-base-theme a{
  border-bottom: 1px solid #EEF0F7;
}

.menu-base-theme a span.sub-arrow{
  color: #999;
  font-size: 22px;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #DCDCDC;
  background: #EFEFEF;
}

.navbar-toggle{
  z-index: 999;
}

/*breadcrumb*/

.breadcrumb{
  background: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #eee;
}

.breadcrumb ul{
  padding: 0;
}

.breadcrumb ul li{
  display: inline-block;
}

/*search form*/

#search-block-form{
  display: table;
  width: 100%;
}

#search-block-form .form-item,
#search-block-form .form-actions{
  display: table-cell;
  vertical-align: top;
}

#search-block-form input{
  width: 100%;
}

/*Demo typography*/

.bd-example {
  position: relative;
  padding: 20px;
  border: 2px solid #f7f7f9;
}

.highlight{
  padding: 20px;
  background-color: #f7f7f9;
}

.highlight pre{
  border: 0;
  background: none;
}

.bd-example-type .table tr:first-child td {
  border-top: 0;
}

.bd-example-type h1,
.bd-example-type h2,
.bd-example-type h3,
.bd-example-type h4,
.bd-example-type h5,
.bd-example-type h6 {
  margin: 0;
}

.bd-example-type .table td {
  padding: 15px 0;
  border-color: #eee;
}

/*Contact form*/

.path-contact{}

.contact-message-feedback-form{
  max-width: 650px;
  margin: 0 auto;
  border: 1px solid #D8D8D8;
  padding: 10px 30px;
  background: #F5F5F4;
}

.contact-message-feedback-form .form-text,
.contact-message-feedback-form .form-email,
.contact-message-feedback-form .form-textarea{
  width: 100%;
}

/*user-login-form*/

.user-login-form,
.user-form,
.user-pass{
  max-width: 650px;
  margin: 40px auto;
  border: 1px solid #ddd;
  padding: 10px 30px;
  background: #FBFBFB;
}

.user-login-form .form-text,
.user-login-form .form-email,
.user-form .form-text,
.user-form .form-email,
.user-pass .form-text{
  width: 100%;
}

.form-composite > .fieldset-wrapper > .description,
.form-item .description {
  font-size: 11px;
  color: #999;
  font-style: italic;
}


/*Maintainance*/

.maintenance-page{
  background: url(../images/maintenance-bg.png) #66CBFF center no-repeat;
  color: #fff;
  text-align: center;
  padding-top: 220px;
  padding-bottom: 100px;
  font-size: 18px;
  color: #000;
}

.maintenance-msg {
  margin: 20px 0;
  background: rgba(242, 244, 207, 0.88);
  padding: 20px 30px;
  display: inline-block;
  color: #404040;
  border: 1px solid #fff;
  box-shadow: 5px 5px 0px #FFFFFF;
  font-size: 14px;
}

.maintenance-msg h1{
  text-transform: uppercase;
  font-weight: bold;
}

.maintenance-page .brand,
.maintenance-page .name-and-slogan{
  display: inline-block;
  vertical-align: middle;
}

.maintenance-page .site-name a{
  color: #404040;
}

.maintenance-page .site-slogan,
.maintenance-page .name-and-slogan{
  display: none;
}

/*Comment*/

.comment-wrap{
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F5F5F5;
}

.comment-wrap .author-details{
  float: left;
  width: 20%;
}

.comment-wrap .author-comments{
  padding-left: 5px;
  float: left;
  width: 80%;
}

.comment-submitted{
  padding: 5px 10px;
  border: 1px solid #eee;
  font-size: 12px;
  margin-bottom: 5px;
  display: block;
}

.comment-wrap .author-comments h3{
  margin-top: 10px;
}

.comment-wrap .author-comments p{
  margin-bottom: 10px;
}

/*links inline*/

ul.links.inline li{
  display: inline-block;
  padding-right: 10px;
}

/*profile*/

.profile > div{
  padding-right: 5px;
  display: inline-block;
  vertical-align: top;
}

.profile h4.label{
  color: #333;
  display: block;
  text-align: left;
  margin-bottom: 5px;
}

/*Carousel*/

.slideshow{
  /*display: none;*/
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img{
  width: 100%;
}

.carousel-control.left,
.carousel-control.right{
  width: 50px;
  height: 50px;
  background: #000;
  top: 50%;
  padding: 12px;
  margin-top: -25px;
}



/*Styly pro tabulky*/
table {
  border-spacing: 1;
  border-collapse: collapse;
  background: white;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
th
{
  color: white;
  background-color: #19388a;
}
table * {
  position: relative;
}
table td, table th {
  padding-left: 8px;
  padding-top: 9px;
}
table thead tr {
  height: 60px;
  background: #36304a;
}
table tbody tr {
  height: 50px;
}
table tbody tr:last-child {
  border: 0;
}
table td, table th {
  text-align: left;
}
table td.l, table th.l {
  text-align: right;
}
table td.c, table th.c {
  text-align: center;
}
table td.r, table th.r {
  text-align: center;
}


.table100-head th{

  font-size: 18px;

  line-height: 1.2;
  font-weight: unset;
  color: white;
  background-color: #19388a;
}

tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}

tbody tr {

  font-size: 15px;
  /*color: #808080;*/
  line-height: 1.2;
  font-weight: unset;
}

tbody tr:hover {
  color: #555555;
  background-color: #f5f5f5;
  cursor: pointer;
}

.column1 {
  width: 260px;
  padding-left: 40px;
}

.column2 {
  width: 160px;
}

.column3 {
  width: 245px;
}

.column4 {
  width: 110px;
  text-align: right;
}

.column5 {
  width: 170px;
  text-align: right;
}

.column6 {
  width: 222px;
  text-align: right;
  padding-right: 62px;
}


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

.sticky
{
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
    box-shadow: 5px 10px 8px #888888;
    background-color: white;
   /* width:740px;*/
}
 .main-menuwrap{
  margin-bottom: 10px;
}
.site-name a {
    font-size: 22px;
}
  table {
    display: block;
  }
  table > *, table tr, table td {
    display: block;
  }
  table thead {
    display: none;
  }
  th{display: none;}
  table tbody tr {
    height: auto;
    padding: 37px 0;
  }
  table tbody tr td {
   /* padding-left: 40% !important;*/
    margin-bottom: 24px;
  }
  table tbody tr td:last-child {
    margin-bottom: 0;
  }
  table tbody tr td:before {

    font-size: 14px;
    color: #999999;
    line-height: 1.2;
    font-weight: unset;
    position: absolute;
    width: 40%;
    left: 30px;
    top: 0;
  }
  td
  {
  width: 100%;
  }
  table tbody tr td:nth-child(1):before {
    content: "Funkce";
    display: none;
  }
  table tbody tr td:nth-child(2):before {
    content: "jméno";
    display: none;
  }
  table tbody tr td:nth-child(3):before {
    content: "telefon";
    display: none;
  }
  table tbody tr td:nth-child(4):before {
    content: "e-mail";
    display: none;
  }
  table tbody tr td:nth-child(5):before {
    content: "Quantity";
    display: none;
  }
  table tbody tr td:nth-child(6):before {
    content: "Total";
    display: none;
  }

  .column4,
  .column5,
  .column6 {
    text-align: left;
  }

  .column4,
  .column5,
  .column6,
  .column1,
  .column2,
  .column3 {
    width: 100%;
  }

  tbody tr {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .container-table100 {
    padding-left: 15px;
    padding-right: 15px;
  }

}

article
{
	border-bottom: solid 1px;
	overflow: auto;
}

.node--type-article img
{
	float: left;
    display: inline;
    margin-right: 10px;


}

.quickedit-field > a
{
  display:none;
}

.align-left, img {
    margin: 5px;
}

.mfp-thumbnail {
    float: left;
    margin: 5px;
}


/*extra CSS pro pětnouství*/
#pestounstvi .site-name
{
	display: none;
}

#pestounstvi .main-header
{
	padding-top:0px;
}

#pestounstvi .brand.logo{
  margin-right: 5px;
  width: 156px;
  height:140px;

}

#pestounstvi  .brand.logo img{
position:absolute;
width:150px;
}


/*File icons*/

.file--mime-text-csv, .file--package-x-generic, .file--x-office-spreadsheet,
.file--mime-application-pdf, .file--x-office-document, .file--mime-application-rtf, .file--mime-image-jpeg,
.file--mime-image-png, .file--mime-image-gif, .file--image, .file--x-office-presentation, .file--x-fo,
.check-ico, .down-ico, .print-ico, .send-ico, .exlink, .globe, .phone16
{
background-repeat: no-repeat;
padding-left: 20px;  /* width of the image plus a little extra padding */
padding-top: 1px;  /* width of the image plus a little extra padding */
/*display: block;*/  /* may not need this, but I've found I do */
background-position: left center;
}

.globe24, .phone24
{
background-repeat: no-repeat;
padding-left: 26px;  /* width of the image plus a little extra padding */
padding-top: 1px;  /* width of the image plus a little extra padding */
/*display: block;*/  /* may not need this, but I've found I do */
background-position: left center;
}


.file--x-fo
{
background-image: url('/themes/contrib/ku_theme/images/fo.png');
}
.file--x-office-document
{
background-image: url('/themes/contrib/ku_theme/images/word.png');
}

.file--mime-application-pdf
{
background-image: url('/themes/contrib/ku_theme/images/pdf.png');
}

.file--x-office-spreadsheet
{
background-image: url('/themes/contrib/ku_theme/images/xls.png');
}

.file--x-office-spreadsheet
{
background-image: url('/themes/contrib/ku_theme/images/xls.png');
}

.file--package-x-generic
{
background-image: url('/themes/contrib/ku_theme/images/zip.png');
}

.file--mime-text-csv
{
background-image: url('/themes/contrib/ku_theme/images/xls.png');
}
.file--mime-application-rtf
{
background-image: url('/themes/contrib/ku_theme/images/word.png');
}
.file--mime-image-jpeg, .file--mime-image-png, .file--mime-image-gif, .file--image
{
background-image: url('/themes/contrib/ku_theme/images/img.png');
}

.file--x-office-presentation
{
	background-image: url('/themes/contrib/ku_theme/images/prezentace.png');
}

.big-table
{
	overflow-x: scroll;
	overflow-Y:scroll;

}

	/*Dopravní stavby*/
.h-blue
{
	background-color: #19388a;
	color:white;
	padding: 8px;
}

.h-red
{
	background-color: #eb1212;
	color:white;
	padding: 8px;
}

.event-date {
  -webkit-box-shadow: 0px 4px 26px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 26px 3px rgba(0, 0, 0, 0.1);
  width: 48px;
  height: 65px;
  float: left;
  text-align: center;
  line-height: 1.1;
  padding-top: 15px;

  background: #fff;

}

.event-date .date {
  font-size: 20px;
  font-weight: 700;
  color: #19388a;
  display: block;
}
 .event-date .month {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
}

.event
{
  height: 94px;
  text-align: center;
  /* vertical-align: middle; */
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}

.event .event-title
{
  font-size: 16px;
  padding-left: 5px;
  font-weight: 700;
}


/**/