@import url(https://fonts.googleapis.com/css?family=Arimo&subset=latin-ext);

h1, h2, h3, h4, h5, .navbar a {
  font-family: 'Arimo', sans-serif;
}

h1, h1.title.text-center {
  color: #1abc9c;
  text-align: left;
  margin-bottom: 35px;
}
h2, h3, h4, h5, a {
  color: #089a7a;
}
h2, h2.title {
  color: #1abc9c;
  font-size: 28px;
}

html body {
  background-image: url(/obrazek/3/pozadi-web-jpg/);
  background-size: cover;
  background-position-y: -150px;
}
article {
  margin-top: 30px;
  padding-bottom: 30px;
}
main {
  background: rgba(255, 255, 255, 0.83);
  float: left;
}


#top-ribbon {
  display: none;
}
.text-primary {
  color: #089a7a;
  padding-right: 3px;
}

/*--------------------MENU---------------*/
.navbar .navbar-nav > li > a {
  font-weight: 200;
  text-transform: none;
}
.navbar .navbar-nav > li > a, #footer-contact .fa {
  color: #b5b5b5;
}
.navbar-default li.active > a:before {
  border-left: 10px solid #1abc9c !important;
}

.navbar-nav > li:last-child a {
  background-image: url(/obrazek/3/offi-FB-png/);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
  color: transparent;
}
.navbar-nav > li:last-child a:hover {
  color: transparent;
  background-image: url(/obrazek/3/offi-FB-blue-png/);

}

/*------------------BAREVNOST------------------*/
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, #topbar .btn-default, #basket .btn-danger, #search-bar .btn-danger, .btn-warning, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning, .label.label-stock1, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-danger, .btn-danger:hover, .btn-default, .btn-default:hover, table#cart tbody tr td:first-child a.sremove, .alert-warning {
  border-color: #089a7a;
}
.navbar .dropdown-menu > li > a:hover, .navbar .dropdown-menu > li > a:focus, .navbar .dropdown-menu > .active > a, .navbar .dropdown-menu > .active > a:hover, .navbar .dropdown-menu > .active > a:focus, a.abutton, h3.ltype2, .rubric #list-rubrics li .subtitle.media-heading, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, #topbar .btn-default, #topbar .btn-default:hover, #topbar .btn-default:focus, #topbar .btn-default:active, #topbar .btn-default.active, #topbar .open > .dropdown-toggle.btn-default, #basket .btn-danger, #search-bar .btn-danger, .dropdown.open ul.dropdown-menu, .dropdown.active > ul.dropdown-menu, span.cir, .copy, #list-comments h3.media-heading, a.btn.btn-link, .btn-warning, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning, .label.label-stock1, .product-label-special, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-default, .btn-danger, .btn-danger:hover, #eshop-products .more a.btn-default, #tab-related .more a.btn-default, .btn-default, .btn-default:hover, table#cart tbody tr td:first-child a.sremove, #listdata.download li h2, #listdata.folder li h2, .alert-warning {
  background-color: #1abc9c;
}
.navbar .dropdown-menu > li > a:hover, .navbar .dropdown-menu > li > a:focus, .navbar .dropdown-menu > .active > a, .navbar .dropdown-menu > .active > a:hover, .navbar .dropdown-menu > .active > a:focus, a.abutton, h3.ltype2, .rubric #list-rubrics li .subtitle.media-heading, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, #topbar .btn-default, #topbar .btn-default:hover, #topbar .btn-default:focus, #topbar .btn-default:active, #topbar .btn-default.active, #topbar .open > .dropdown-toggle.btn-default, #basket .btn-danger, #search-bar .btn-danger, span.cir, .copy, #list-comments h3.media-heading, a.btn.btn-link, .btn-warning, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning, .label.label-stock1, .product-label-special, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-default, .btn-danger, .btn-danger:hover, #eshop-products .more a.btn-default, #tab-related .more a.btn-default, .btn-default, .btn-default:hover, table#cart tbody tr td:first-child a.sremove, #listdata.download li h2, #listdata.folder li h2, .alert-warning {
  background-color: #fff;
}
.navbar .dropdown-menu > li > a:hover, .navbar .dropdown-menu > li > a:focus, .navbar .dropdown-menu > .active > a, .navbar .dropdown-menu > .active > a:hover, .navbar .dropdown-menu > .active > a:focus, a.abutton, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, #listdata.download li h2 a, #listdata.folder li h2 a, ul.dropdown-menu a, #topbar .btn-default:hover, #topbar .btn-default:focus, #topbar .btn-default:active, #topbar .btn-default.active, #topbar .open > .dropdown-toggle.btn-default, #topbar .btn-default, h3.ltype2 a, .alert-warning, .rubric #list-rubrics li .subtitle.media-heading a {
  color: #1abc9c;
}


#border {
  display: block;
  border-bottom: 20px solid #f6f6f6;
  padding-bottom: 30px;
}
h1.uvodni, h2.uvodni {
  text-align: center;
  color: rgba(0, 0, 0, 0.68);
  text-transform: uppercase;
}
h1.uvodni {
  border-bottom: 1px solid rgba(0, 0, 0, 0.68);
  padding-bottom: 30px;
}

/*---------------UVODNI STRANA SLUZBY------------*/
.cardbox {
  background-color: #fff;
  border-radius: 0;
  margin-top: 15px;
  border-radius: 3px;
  border: 0.5px solid #1abc9c;
}
.cardbox a {
  position: relative;
  overflow: hidden;
}

.cardbox a img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cardbox a:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.sluzby h2 {
  color: rgba(0, 0, 0, 0.68);
  font-size: 1.6em;
  background: rgb(167, 237, 223);
  padding: 10px;
  border-radius: 3px;
  line-height: 1.1;

}
.sluzby h2 small {
  font-size: 62%;
  color: #838383;


}
.sluzby {
  text-align: center;
}
.sluzby a.btn.btn-primary {
  margin-top: 23px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 11px;
}
.sluzby a.btn.btn-primary:hover {
  border-radius: 3px;
  opacity: 0.6;
}

/*------------VYPIS RUBRIKY---------*/
.rubric h4 {
  font-size: 1.5em;
  padding-top: 10px;
  text-align: left;
  padding-bottom: 20px;
}
.rubric h4 a {
  color: #089a7a;
}
img.perex-image {
  padding-right: 25px;
}
.rubric ul#list-pages > li {
  background: #ffffff;
  margin: 40px auto;
  border: 2px solid #1abc9c;
  padding: 16px;
  border-radius: 5px;
  padding: 20px !important;
}

.rubric article ul#list-pages li {
  border-bottom: 2px solid #1abc9c;
}
.rubric article ul#list-pages li:last-child { /*spodni border posledniho prvku*/
  border-bottom: 3px solid #1abc9c;
}
span.rub { /*info, o kterou rubriku jde*/
  display: none;
}

a.btn.btn-primary:after {
  content: '⇒';
  padding-left: 5px;
}
#index a.btn.btn-primary:after {
  content: '';
  padding-left: 0;
}
#list-pages h3 {
  font-size: 19px;
  margin-top: -17px;
  margin-bottom: 26px;
}
#list-pages .row img {
  max-height: 25px;
  position: relative;
  top: -3px;
}
#list-pages .row > div {
  background: #fafffe;
  padding: 13px 10px 8px 26px;
  border-radius: 10px;
  border: 1px solid #a7eddf;
}
#list-pages a.btn.btn-primary {
  float: right;
  margin-left: 12px;
  background: transparent;
  color: #089a7a;
  border: none;
}


/*--------kurzy - buttony s infem----*/
.row.kurzy {
  margin-bottom: 29px;
}

/*---------kurzy - uprava odrazkoveho seznamu-----*/
ul.no-format li {
  padding: 5px!important;
  margin: 0;
  border: none !important;
  margin-left: 30px;
}
ul.no-format li:last-of-type {
  margin-bottom: 20px;
}


/*------perex k rubrice skoleni-firmy---------*/
.firmy-uvod img {
  min-width: 0;
  min-height: 0;
  margin-right: 18px;
  float: left;
}

/*----------LEKTORI-----------*/

#lektori p, #lektori li {
  text-align: left;
}
#lektori p, #lektori li {
  text-align: left;
}
#lektori ul {
  padding-left: 20px; 
}


/*----------------KONTAKTY---------------*/
#support h3.panel-title:before {
  content: 'Napište nám';
  visibility: visible;
}
#support h3.panel-title {
  visibility: hidden;
}
#support .panel-body h3.panel-title {
  font-weight: normal;
  margin-bottom: 0;
}
#support iframe {
  position: relative;
  right: 0px;
  border-radius: 10px;
  margin-top: 25px;
}

.support-ul li {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  line-height: 1.8;
  text-indent: -21px;
}
.support-ul ul {
  margin-left: 0;
  padding-left: 36px;
  margin-bottom: 27px;
}

/*------------CAST NAD FOOTER--------------*/

.na-miru {
  display: none;
  line-height: 2.5;
}
.na-miru-boxy {
  line-height: 1.3;
}

.rubric footer hr {
  display: block;
  border-color: transparent;
}
.rubric .na-miru {
  display: block;
}
.rubric footer > .container:first-child {
  display: block;
}
.na-miru li {
  list-style-type: none;
}
.na-miru ul {
  padding-left: 0;
}
#footbox .na-miru a.btn.btn-primary {
  color: #089a7a;
  border: none;

}
.row.firmy-uvod.na-miru-boxy p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.firmy-uvod.na-miru-boxy .cardbox {
  height: 113px;
}


/* FORM */
.modal-dialog {/* upravit responzivitu */
  margin: 150px auto 0 auto;
} 
.form-horizontal span.asterisk {
  left: 7px;
}
form input, form select, form textarea {
  border: 1px solid #b1b1b1 !important;
}
input#mail { /*paticka*/
  text-align: center;
}
form button.btn.btn-primary, input#mailform-submit { /*paticka*/
  text-transform: uppercase;
  font-weight: normal;
  font-size: small;
  margin: 4px;
}

/*----------FOOTER-paticka-------*/
footer > .container:first-child {
  display: none;
}
footer hr {
  display: none;
}
#footbox img {
  display: block;
  padding: 20px;
  margin: 0 auto;
}
#footbox {
  text-align: center;
}
#footbox a {
  color: #ececec;
}
footer .container {
  margin-bottom: 50px;
  margin-top: 10px;
}
div#imp {
  display: none;
}

#idForm {
  text-align: right;
  width: 50%;
}
footer p {
  text-align: center;
  margin-bottom: 5px;
}

#footbox div.container-fluid {
  background-color: #089a7a;
  margin-top: -60px
}
#footbox > div.container:last-of-type {
  background: #089a7a;
  width: 100%;
  margin-top: -79px;
  padding-top: 44px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}
.row.kontakt {
  color: #fff;
  padding: 60px;
  max-width: 1280px;
  margin: 0 auto;
}
.contact-padding {
  padding-left: 2px;
  margin-bottom: 5px;
}
.copy {
  font-size: 13px;
  background: #089a7a;
  /* border-top: 1px solid; */
}




/*-----------------responsivni-------------*/
@media screen and (max-width: 767px) { /*zobrazení pro mobil*/ 
  h1.uvodni { margin: 0 0; font-size: 1.5em;}
  .navbar .navbar-nav > li > a {   font-size: 15px;  padding-top: 10px; padding-bottom: 5px;}
  .image-perex { width: 100%;}
  img.perex-image {padding-right: 0;}
  h1, h1.title.text-center {  text-align: center; margin-bottom: 10px;   font-size: 24px;}
  article .firmy-uvod img {  width: 25px;}
  /* .kontakt div:last-child {    margin-top: 30px;    border-top: 2px dashed white;    padding-top: 30px; }*/
  #support iframe {   width: 100%;}
  #lektori .col-xs-12 {  padding: 0;}
}

@media screen and (min-width: 768px) { /*zobrazení pro tablet*/
  h1.uvodni { margin: 0 217px;}
  .navbar .navbar-nav > li > a {   font-size: 15px;  padding-top: 10px; padding-bottom: 5px;}
  #list-pages .row > div {margin-right: 0;}
  #lektori .cardbox {    height: 767px;}
  #lektori img {  max-height: 324px;   width: auto;  padding: 0 20px 20px;}
  #lektori p, #lektori li { font-size: 14px;}
  #support iframe {   width: 100%;}
  .kontakt div:nth-child(3) { clear: both;   margin-top: 35px;}
  .kontakt div:nth-child(4) { margin-top: 35px;}

}

@media screen and (min-width: 992px) { /*zobrazení pro malý notebook*/
  .navbar .navbar-nav > li > a {   font-size: 15px;  padding-top: 15px; padding-bottom: 15px;}
  article .firmy-uvod .cardbox { height:  113px;   padding: 20px; }
  article .firmy-uvod img {  width: 35px;}
  #list-pages .row > div {margin-right: 13px;}
  #lektori .cardbox {    height: 570px;}
  #lektori img {  max-height: 100%;   width: auto;  padding: 0;}
  #lektori p, #lektori li { font-size: 14px;}

  #support iframe {   width: 208%;}
  .kontakt div:nth-child(3) { clear: none;   margin-top: 0;}
  .kontakt div:nth-child(4) { margin-top: 0;}


}

@media screen and (min-width: 1200px) { /*zobrazení pro monitor*/
  .navbar .navbar-nav > li > a {   font-size: 17.6px;  padding-top: 15px; padding-bottom: 15px;}
  article .firmy-uvod .cardbox { padding: 16px 0 0 60px; height: 95px; /*font-size: 15px;*/  position: relative; }
  article .firmy-uvod img {  width: 36px; position: absolute;     left: 10px;     top: 20px;}
  article .firmy-uvod .caption {     padding-right: 15px;}
  #list-pages .row > div {margin-right: 13px;}
  #lektori .cardbox {  height: 500px;}
  #lektori p, #lektori li { font-size: 15px;}

  .kontakt div:nth-child(3) { clear: none;   margin-top: 0;}
  .kontakt div:nth-child(4) { margin-top: 0;}

}


/*own form*/
.kontakt {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center
}
@media(max-width:768px) {
  .kontakt > div:last-of-type {
    margin-top:30px
  }
}

.section-dynamic .form .panel-title {
  display:none;
}



.own-form .form-container {
  text-align:center
}

.own-form .form-container span.asterisk {
  position: relative;
  right: 0px;
}

.own-form .panel-title,
.own-form .aster {
  display:none;
}

.own-form .form-container {
  background:transparent;
  padding:0;
}
.section-dynamic .form,
.section-dynamic .form-container,
.own-form .comms {
  background:transparent!important;
}

.own-form .panel-body {
  padding:0;
}

.own-form label {
  font-weight:400
}
.own-form .form-group {
  margin-top:0!important;
  padding-top:10px!important;
  margin:0;
}

.own-form .form-group:nth-of-type(3) label {
  display:block
}

@media(min-width:768px) {
  .own-form .form-group:nth-of-type(3) img,
  .own-form .form-group:nth-of-type(3) input{
    width:49%;
    display:inline-block!important;
    padding:0!important;
  }
}