@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/lato-v25-latin_latin-ext-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/lato-v25-latin_latin-ext-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/lato-v25-latin_latin-ext-700.woff2') format('woff2');
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
}

  div.pobocky{background-color: #FC0F3B; border-bottom: 0px solid black;}
  div.pobocky p{font-size: 14px; padding: 4px 0px; text-align: center;}
  div.pobocky p a{color: black; text-decoration: underline;}
  div.pobocky p a:hover{color: black; text-decoration: none;}

	body{
		font-family: 'Lato', sans-serif;
		margin: 0px; padding: 0px 0px 0px 0px;
		text-align: center;
	}
	div.web{text-align: center; margin: 0px auto; background: white url('./img/header.jpg') repeat-x left top;}
	div.web div.telo{margin: 0px auto; background: url('./img/header-text.jpg') no-repeat left top;}
	div.container{padding: 0px;}

	div.web div.telo img#gohome{width: 420px; margin: 28px 0px 0px -170px; border: 0px; height: 53px;}
	div.web div.telo ul.menu{padding: 45px 0px 30px 191px; margin: 0px; border: 0px; float: left; text-align: center;}
	div.web div.telo ul.menu li{display: inline; float: left; list-style-type: none; font-size: 13px; font-weight: bold; margin: 0px 10px;}
	div.web div.telo ul.menu li a{text-decoration: none; color: #1e1e1e; padding: 4px 7px;}
	div.web div.telo ul.menu li a:hover{text-decoration: none; color: white; background-color: #31b7d4; border-bottom: 1px solid #0b536e;}
	div.web div.telo ul.menu li#sel a{text-decoration: none; color: white; background-color: #31b7d4;border-bottom: 1px solid #0b536e;}
	ul.menu a{text-decoration: none; display: block;width: 100%;line-height: 20px;}

  	/* tabulka v ceniku */
	div.web div.telo table{text-align: justify; line-height: 21px; font-size: 14px; }
	div.web div.telo td {}
	div.web div.telo td.cena {text-align:right;}
  div.web div.telo div.cenikT{padding: 15px 25px; border-left: 1px solid #EEEEEE;}
  div.web div.telo div.formC{padding: 15px 0px 15px 10px; border-left: 1px solid #EEEEEE;}
  div.web div.telo div.formC .form-group{text-align: left;}
  div.web div.telo div.formC .form-group.err input{border: 1px solid red;}
  div.web div.telo div.formC .form-group.err textarea{border: 1px solid red;}
  div.web div.telo div.formC label{padding: 0px 0px 5px 0px;}
  div.web div.telo div.formC .modal-footer{text-align: center;}
  div.web div.telo div.formC p{border-left: 0px; text-align: center; padding: 0px;}
  div.web div.telo div.formC #souhlas{margin-right: 10px;}
  .bold{font-weight: bold;}
  .nopad{padding-left: 0px; padding-right: 0px;}

	/* odkazy v tabulce */
	div.web div.telo table a{color: #F5030F; text-decoration: underline;}
	div.web div.telo table a:hover{color: #F5030F; text-decoration: none;}
	div.web div.telo table a img{border: 3px solid #EEEEEE; margin: 1px;}
	div.web div.telo table a:hover img{border: 3px solid #dadada;}


  nav.navbar div#navbar ul.nav{padding: 45px 0px 30px 0px; margin: 0px; border: 0px; float: left; text-align: center;}
  .navbar.affix{position: fixed; z-index: 2000; top: 0; left: 0; width: 100%; margin: 0px;}
	nav.navbar div#navbar ul.nav li{display: inline; float: left; list-style-type: none; font-size: 13px; font-weight: bold; margin: 0px 10px;}
	nav.navbar div#navbar ul.nav li a{text-decoration: none; color: #1e1e1e; padding: 4px 7px; border-bottom: 1px solid white;}
	nav.navbar div#navbar ul.nav li a:hover{text-decoration: none; color: white; background-color: #F5030F; border-bottom: 1px solid #0b536e;}
  nav.navbar div#navbar ul.nav li.active a{text-decoration: none; color: white; background-color: #F5030F;border-bottom: 1px solid #0b536e;}

  div.navbar-header{background-color: #EEE; border-bottom: 1px solid  white;}
  nav.navbar span.icon-bar{background-color: black;}
  .navbar-toggle{background-color: white;}

	div.web div.telo h1{text-align: left; font-size: 20px; border-left: 1px solid #EEEEEE; color: black;padding: 5px 0px 5px 60px; background: url('./img/h1.jpg') no-repeat 30px 50%;}
	div.web div.telo h2{text-align: left; font-size: 17px; border-left: 1px solid #EEEEEE; color: black;padding: 15px 0px 5px 30px; color: #F5030F;}
	div.web div.telo h3{text-align: left; font-size: 15px; font-weight: bold; border-left: 1px solid #EEEEEE; color: #1e1e1e; padding: 12px 0px 4px 30px;}
	div.web div.telo p{border-left: 1px solid #EEEEEE; padding: 2px 0px 2px 20px; margin: 5px 0px 10px 0px; text-align: justify; line-height: 21px; font-size: 14px;}
	div.web div.telo .dark-grey-box p{padding: 0px 0px 0px 0px; border: 0px;}
  div.web div.telo .dark-grey-box{margin: 20px 20px;}
  div.web div.telo .form-group p{border: 0px;}
  div.web div.telo img.spam{max-height: 34px;}
  div.web div.telo .alert{margin: 10px 20px;}



  div.web div.telo p a{color: #F5030F; text-decoration: underline;}
	div.web div.telo p a:hover{color: #F5030F; text-decoration: none;}
	div.web div.telo p img{padding: 1px;}
	div.web div.telo p a img{border: 3px solid #EEEEEE; margin: 1px;}
	div.web div.telo p a:hover img{border: 3px solid #dadada;}
	div.web div.telo p#small{font-size:11px;}

	div.web div.telo ul{border-left: 1px solid #EEEEEE; padding: 2px 0px 9px 30px; margin: 5px 0px 10px 0px; text-align: justify; line-height: 21px; font-size: 14px;}
	div.web div.telo ul li{list-style-type: square; margin: 2px 25px; padding-left: 10px; font-size: 14px;}

  	div.web div.telo ul li a{color: #F5030F; text-decoration: underline;}
	div.web div.telo ul li a:hover{color: #F5030F; text-decoration: none;}

  div.web div.telo ul.mapa{border-left: none; padding: 2px 0px 9px 30px; margin: 5px 0px 10px 70px; text-align: justify; line-height: 21px; font-size: 14px;}
	div.web div.telo ul.mapa li{list-style-type: circle; margin: 2px 25px; font-size: 14px;}
	div.web div.telo ul.mapa li a{color: #F5030F; text-decoration: underline;}
	div.web div.telo ul.mapa li a:hover{color: #F5030F; text-decoration: none;}


	div.web div.telo ol{border-left: 1px solid #EEEEEE; padding: 2px 0px 9px 30px; margin: 5px 0px 10px 170px; text-align: justify; line-height: 21px; font-size: 14px;}
	div.web div.telo ol li{list-style-type: decimal; margin: 2px 25px; font-size: 14px;}

	div.web div.telo ol li a{color: #F5030F; text-decoration: underline;}
	div.web div.telo ol li a:hover{color: #F5030F; text-decoration: none;}

	div.web div.telo ol.mapa{border-left: none; padding: 2px 0px 9px 30px; margin: 5px 0px 10px 70px; text-align: justify; line-height: 21px; font-size: 14px;}
	div.web div.telo ol.mapa li{list-style-type: decimal; margin: 2px 25px; font-size: 14px;}
	div.web div.telo ol.mapa li a{color: #F5030F; text-decoration: underline;}
	div.web div.telo ol.mapa li a:hover{color: #F5030F; text-decoration: none;}

 	div.pata{background: url('./img/pata.jpg') repeat-x left bottom; margin-top: 50px;}
	div.pata p{ padding: 5px 10px 30px 10px; text-align: center; font-size: 12px; color: #939393;}
	div.pata p a{text-decoration: underline;color: #939393;}
	div.pata p a:hover{text-decoration: none; color: #939393;}

	div.web div.telo ul.mapa{border-left: none; padding: 2px 0px 9px 30px; margin: 5px 0px 10px 70px; text-align: justify; line-height: 21px; font-size: 14px;}
	div.web div.telo ul.mapa li{list-style-type: circle; margin: 2px 25px; font-size: 14px;}
	div.web div.telo ul.mapa li a{color: #F5030F; text-decoration: underline;}
	div.web div.telo ul.mapa li a:hover{color: #F5030F; text-decoration: none;}

		/* kontaktní formulář */
	div.web div.telo table.kont tr td input[type=submit]{background: url('./img/submit.jpg') repeat-x left top; color: white; font-weight: bold; cursor: pointer; width: 140px;}
	div.web div.telo table.kont tr td input#spam{width: 90px;}
	div.web div.telo p.ok{padding: 12px 10px; background-color: #eee; color: green; font-weight: bold;}
	div.web div.telo p.false{padding: 12px 10px; background-color: #eee; color: red; font-weight: bold;}

	div.web div.telo table.kont{ }
	div.web div.telo table.kont tr td{padding: 3px 10px;}
	div.web div.telo table.kont tr td input{padding: 5px 10px; width: 200px; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d0c8c8; background: url('./images/bg-input.jpg') repeat-x scroll left 50% transparent;}
	div.web div.telo table.kont tr td input.chkbx {padding: 5px 10px; width: 20px; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d0c8c8; background: url('./images/bg-input.jpg') repeat-x scroll left 50% transparent;}

	div.web div.telo table.kont tr.err td input{border: 1px solid red;}
	div.web div.telo table.kont tr td textarea{padding: 5px 10px; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d0c8c8; background: url('./images/bg-textarea.jpg') repeat-x scroll left top transparent;}
 	div.web div.telo table.kont tr.err td textarea{border: 1px solid red;}

  /* blok s výzvou k akci */
  div.web div.telo div.cta{background-color: #F7F7F7; border: 1px solid #E3E3E3; border-radius: 4px; padding: 15px 20px; margin: 20px 20px;}
  div.web div.telo div.cta p{border-left: 0px; text-align: left; padding: 0px; margin: 0px 0px 12px 0px;}
  div.web div.telo div.cta p.akce{margin-bottom: 0px;}
  div.web div.telo div.cta a.btn-cta{display: inline-block; background-color: #F5030F; color: white; text-decoration: none; font-weight: bold; font-size: 14px; line-height: 20px; padding: 10px 22px; border-radius: 3px; margin-right: 12px;}
  div.web div.telo div.cta a.btn-cta:hover{background-color: #C00209; color: white; text-decoration: none;}
  div.web div.telo div.cta a.btn-cta:focus{color: white; text-decoration: none;}

  .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
 
}


	div.cleaner{clear: both;}
	div.web div.telo div.prostor{height: 100px;}
  div.web div.telo div.prostor2{height: 30px;}
  div.web div.telo div#links{margin: 15px 0px;}
  div.web div.telo div#links div{text-align: center;}
  div.web div.telo div#links div a{height: 130px;display: block;}
  div.web div.telo div#links div a img{margin: auto auto;}
  div.web div.telo div#links div:last-child{padding: 40px 0px 0px 0px;}
  div.web div.telo div#links div:last-child a{height: 90px;display: block;}
  div.web div.telo div#links div h3{font-size: 20px; color: #0b536e;}
  div.web div.telo div#links div p{border: 0px; text-align: center; padding: 5px 0px 0px 0px;}

@media (min-width: 1199px){ /* lg*/
div.web div.telo{padding-left: 0px;}
.container{width: 980px;}
nav.navbar div#navbar ul.nav{margin: 0px 0px 0px 220px;}
div.web div.telo img#gohome{margin: 28px 0px 0px -60px;}
div.web div.telo div.contik{min-height: 400px;}
}

@media (min-width: 992px) and (max-width: 1199px) { /* md*/
div.web div.telo{padding-left: 0px;}
nav.navbar div#navbar ul.nav{margin: 0px 0px 0px 130px;}
div.web div.telo img#gohome{margin: 28px 0px 0px -250px;}
div.web div.telo div.contik{min-height: 340px;}

}

@media (min-width: 768px) and (max-width: 992px){ /* sm */
nav.navbar div#navbar ul.nav{margin: 0px 0px 0px 110px;}
.container{width: 768px;}
nav.navbar div#navbar ul.nav li{margin: 0px 8px;}
div.web div.telo img#gohome{margin: 28px 0px 0px -40px;}

}

@media (max-width: 768px) { /* xs */
 nav.navbar{background-color: #EEE;}
 nav.navbar div#navbar ul.nav{padding: 5px 0px 10px 0px; width: 100%;}
 nav.navbar div#navbar ul.nav li{display: inline; list-style-type: none; font-size: 13px; width: 100%; font-weight: bold; margin: 4px 0px;}
nav.navbar div#navbar ul.nav li a{text-decoration: none; color: #1e1e1e; padding: 4px 7px 4px 7px; border-bottom: 1px solid #EEE;}
div.web div.telo ul.menu li a:hover{text-decoration: none; color: white; background-color: #31b7d4; border-bottom: 1px solid #0b536e;}
div.web div.telo{margin: 0px auto; background: url('./img/header-text-xs.jpg') no-repeat center top;}
nav.navbar{margin-top: 0px; margin-bottom: 30px;}
div.web div.telo img#gohome{margin: 28px 0px 0px -120px;}
div.web div.telo .dark-grey-box{margin: 20px 5px;}
div.web div.telo div.cta{margin: 20px 5px; padding: 12px 15px;}
div.web div.telo div.cta a.btn-cta{display: block; text-align: center; margin: 0px 0px 10px 0px;}
div.web div.telo div#links div{margin: 10px 0px 10px 0px;}
div.web div.telo ul li{padding-left: 0px;}
div.web div.telo div.formC .capca{text-align: center;}
div.web div.telo div.formC .capca img{margin-bottom: 10px;}
div.web div.telo img#gohome{width: 152px; height: 111px; border: 0px solid red; margin: 0px;}
}