/**
 * @author Design & Accessible Team ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2016 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */
* {margin:0;padding:0;outline:none;}
.cleaner {clear:both;margin:-1px 0 0 0;padding:0;height:1px;border:none;visibility:hidden;}
.edit-icon {display:none!important;}
.login, form, fieldset {border:none!important;}

body, html {height:100%}

body {

    font-family: 'Josefin Sans', sans-serif;
line-height:1.5;
    background: #ffe3b3;
    color: #666666;
    font-size: 30px;
    padding: 0px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*--typo--*/
a {color:#666666;text-decoration:none;position:relative}
.item-page a:after {border-bottom:1px solid #99c0b3;content:"";width:100%;position:absolute;bottom:-0.4em;left:0;}
h2 {font-size: 200%;font-weight:bold;margin-bottom:1em;}
h4 {font-size: 100%;font-weight:bold;margin-bottom:1em;}

h3 {line-height:1.2;display: table;margin:0 auto;
    margin-bottom:2em;margin-top:2em;text-transform:uppercase;font-weight:bold;letter-spacing:0.2em;font-size:100%;min-width:300px;white-space:nowrap;}
   h3:before, h3:after {
      border-top: 1px solid #99c0b3;
      content: '';
      display: table-cell;
      position: relative;
      top: 0.6em;
      width: 10em;
	  min-width:30px;max-width:130px;
    }
    h3:before { right:1em; }
    h3:after { left: 1em;}

p {margin-bottom:0.8em;}
.zeleny {color:#99c0b3;}

#mainx {height:100%;position:relative;}
.inside {padding:0 50px;max-width:1500px;margin:0 auto;width:calc(100% - 100px);}
#header {border-bottom:1px solid #ffffff;padding-top:80px;margin-bottom:30px;text-align:left;vertical-align:bottom;position:relative;}
#logo {width:350px;height:auto;display:inline-block;padding-bottom:40px;}
#logo img {width:100%;height:auto;}
#navi {display:inline-block;vertical-align:bottom;width:calc(100% - 365px);}


#nadpis h1 {font-weight:400;letter-spacing:0.4em;font-size:130%;text-transform:uppercase;display:inline-block;border-bottom: 8px solid #e7f0e2;padding-bottom:40px;}
.item-page li {list-style-type:none;}
.item-page li:before {
  content: "\f068"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -2.8em; /* same as padding-left set on li */
  width: 2.8em; /* same as padding-left set on li */
  color:#99c0b3;
  font-size:50%;vertical-align:middle;
}
img { border: 0 none; }


/*--resp--*/
#nadpis {position:absolute;bottom:0px;overflow:visible;text-align:center;margin: 0 auto;
bottom:0;
left:0;
right:0;}

/*--služby--*/
.blog h2 {font-weight:400;font-size:120%;margin-bottom:0;line-height:1.1}

.sluzba {display:inline-block;text-align:center;padding:20px 25px 10px 25px;width: calc(100% - 50px)}
.ikona {background:#99c0b3;border-radius:50%;width:30%;display:inline-block;padding:10%;margin:10%;line-height:0;}

.item-page .ikona {width:20%;min-width:60px;max-width:80px;padding:30px;margin:0 0 30px 0;}
.item-page {margin:0 auto;padding-bottom:7em;}
.uvod {margin-top:3em;}
.uzky {max-width:800px;margin-left: auto;margin-right:auto;}
.levysloupec, .pravysloupec {display:inline-block;width:calc(50% - 4em);vertical-align:top;}
.levysloupec {padding-right:4em;}
.pravysloupec {padding-left:4em;}

 .items-row:hover .ikona {background:#666666;-webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;}
.ikona img {width:100%;height:auto;}

.blog .items-row {display:inline-block;width:calc(25% - 20px);background:#e7f0e2;margin:0;padding:0;margin-right:20px;vertical-align:top;margin-bottom:20px;}
.blog .items-row:nth-child(4n+4) {margin-right:0px;}
.items-row:hover{background:#99c0b3!important;-webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;}
.blog .items-row:hover a {color:#ffe3b3!important;-webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;}

.item-separator, .row-separator {display:none;}
.item {margin:0;padding:0;}
.obrazek {width:50%;max-width:350px;margin:0 auto;display:inline-block; margin-right:3em;vertical-align:top;}
.nepretekat {overflow:hidden;text-align:left;max-width:700px;display:inline-block;width:calc(50% - 3.2em);min-width:300px;}
.jenmobil {display:none;}
.text2 {margin:0 0 0 0;padding:4em 0 0 0;max-width:800px;margin:0 auto;width:100%;}
.text2:before {content:"";border-top: 10px solid #99c0b3;width:10vw;position:relative;top:-2em;display:inline-block;min-width:100px;}
.mapka {width:100%;height:100px;display:block;position:absolute;bottom:0;left:0;opacity:1;line-height:0;}
.mapka iframe {width:100%;border:none;}
.obrazek img {width:100%;height:auto;}
.dolnipad {padding-bottom:2em;}
#clanek {}
.uvod {}
.ramecek {border: 1px solid #99c0b3;padding:1.3em;margin:0 auto;margin-bottom:1em;max-width:500px;}

@media (min-width: 1200px) {
    body {font-size: 20px;}
}



@media (min-width: 992px) and (max-width: 1361px){
	#header {padding-top:40px;}
    body {font-size: 18px;}
		.inside {width:calc(100% - 60px);padding:0 30px;}
		#nadpis h1 {padding-bottom:30px;}
.ikona {background:#99c0b3;border-radius:50%;width:30%;display:inline-block;padding:8%;margin:8%;line-height:0;}
	#logo {width:300px;height:auto;padding-bottom:30px;}
	.blog h2 {font-size:110%;}
#navi {width:calc(100% - 320px);}

.item-page .ikona {width:20%;min-width:60px;max-width:65px;padding:25px;margin:0 0 25px 0;}
}
@media (max-width: 992px){

#nadpis {display:none;}
.jenmobil {display:inline-block;}
.levysloupec, .pravysloupec {display:inline-block;width:100%;vertical-align:top;}
.levysloupec {padding-right:0;padding-bottom:2em;}
.pravysloupec {padding-left:0;padding-bottom:2em;}
}

@media (min-width: 500px) and (max-width: 992px){
    body {font-size: 16px;}
		.inside {width:calc(100% - 60px);padding:0 30px;}

	#logo {width:300px;height:auto;padding-bottom:40px;}
#navi {width:calc(100% - 320px);}

	/*--sluzby--*/
	

.blog .items-row {display:inline-block;width:calc(50% - 17px);background:#e7f0e2;margin:0;padding:0;margin-right:15px;vertical-align:top;margin-bottom:15px;}
.blog .items-row:nth-child(4n+4) {margin-right:15px;}

.blog .items-row:nth-child(2n+2) {margin-right:0px;}

.obrazek {float:none;margin:0;}
.nepretekat {text-align:center;margin-top:2em;width:100%;}

}



@media (max-width: 500px) {
	
    body {font-size: 14px;}
	.inside {width:calc(100% - 40px);padding:0 20px;}
	
#logo {width:220px;height:auto;padding-bottom:20px;}
#navi {width:calc(100% - 250px);}
#header {padding-top: 40px;}

h3 {line-height:1.2;white-space:normal;display:inline-block;min-width:auto!important;}
  h3:before, h3:after {
      display:none;
    }
    h3:before { right:0em; }
    h3:after { left: 0em;}
	
	/*--sluzby--*/
	.blog h2 {font-weight:400;font-size:140%;}
.sluzba {padding: 20px;}
	.blog .items-row {display:inline-block;width:100%;background:#e7f0e2;margin:0;padding:0;margin-right:0;vertical-align:top;margin-bottom:15px;}
	.blog .items-row:nth-child(4n+4) {margin-right:0px;}
.blog .items-row:nth-child(2n+2) {margin-right:0px;}
.obrazek {margin:0!important;float:none;}
.nepretekat {margin:0;text-align:center;margin:2em auto 0 auto;display:block;min-width:auto;width:100%}

.dj-megamenu-select-override .dj-mobile-open-btn,
.dj-megamenu-offcanvas-override .dj-mobile-open-btn,
.dj-megamenu-accordion-override .dj-mobile-open-btn {
	
bottom:20px!important;
}


}


label {
	display: block;
	margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	display: inline-block;
	height: 18px;
	padding: 4px 6px;
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
}
input,
textarea,
.uneditable-input {
	width: 206px;
}
textarea {
	height: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: rgba(82,168,236,0.8);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	*margin-top: 0;
	margin-top: 1px \9;
	line-height: normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
	width: auto;
}
select,
input[type="file"] {
	height: 28px;
	*margin-top: 4px;
	line-height: 28px;
}
select {
	width: 220px;
	border: 1px solid #ccc;
	background-color: #fff;
}
select[multiple],
select[size] {
	height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}