/**
 * @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;}



html, body {height:100%!important;}
body {
    font-family: 'Josefin Sans', sans-serif;
line-height:1.5;
	
    color: #666666;
    font-size: 30px;
    padding: 0px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
}
.edit-icon {display:none;}

body:before {
  content: "";
  display: block;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
    background: #ffe3b3 url(../images/uvod-obrazek.png) no-repeat;
		background-position: top right;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*--typo--*/
a {color:#666666;text-decoration:none;position:relative;}
.item-page a:after {border-bottom:2px solid #99c0b3;content:"";width:100%;position:absolute;bottom:-0.5em;left:0;}
h2 {display:none}
p {margin-bottom:1em;}

#mainx {width:calc(100% - 260px);max-width:1600px;padding:0 130px;margin:0 auto;height:100%;position:relative;height:100vh;}
#header {border-bottom:0px solid #ffffff;padding-top:120px;text-align:left;vertical-align:bottom;position:relative;}
#logo {width:380px;height:auto;display:inline-block;padding-bottom:20px;}
#logo img {width:100%;height:auto;}
#navi {display:inline-block;vertical-align:bottom;width:calc(100% - 365px);margin-right:20px;}


#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;}
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:130%;margin-bottom:0;}
.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;
}
.item-page img {width:90px; height:auto;}

.viceuvod {display:none;}
.nesly {display:inline-block;vertical-align:middle;font-size:70%;}
.neslyx img {display:inline-block;vertical-align:middle;}
.sluzba {display:inline-block;text-align:center;padding:20px 20px 10px 20px;width: calc(100% - 40px)}
.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:30px;}
	.item-page {max-width:800px;padding-bottom:1em;padding-top:1em;width:50%;font-size:110%;}


 .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+0) {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;}

@media (min-width: 1400px) { body {font-size: 25px;}}

@media (min-width: 1200px) and (max-width: 1400px){
    body {font-size: 20px;}
#mainx {width:calc(100% - 220px);padding:0 110px;margin:0 auto;}

}



@media (min-width: 992px) and (max-width: 1200px){
    body {font-size: 18px;}
		#mainx {width:calc(100% - 80px);padding:0 40px;}
#logo {width:380px;height:auto;display:inline-block;padding-bottom:40px;}
.item-page img {width:80px; height:auto;}



}


@media (min-width: 500px) and (max-width: 992px){
    body {font-size: 15px;}
		
	
	/*--sluzby--*/
	



}

@media  (max-width: 992px){
#mainx {padding:0!important;width:100%!important;height:100vh;}
#nadpis {display:none;}
body:before {background-image:none;}
#header {padding-top: 40px!important;border-bottom:1px solid white;padding: 0 40px;margin-bottom:0;position:relative;}
#logo {width:350px;height:auto;padding-bottom:20px;}
.main {padding: 0 40px;
    position:relative;
}

.main:before { content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
    background: #ffe3b3 url(../images/uvod-obrazek.png) no-repeat;
		background-position: top right;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


.item-page {font-size:140%;width:70%;min-width:400px;}
#clanek {}
.uvod {background:rgba(255, 227, 179, 0.7);padding:20px;}
.uvod img {width:75px; height:auto;}
.viceuvod {display:inline-block;}

}

@media (max-width: 500px) {
	
    body {font-size: 14px;}
	#mainx {width:100%;min-width:auto;}
#logo {width:220px;height:auto;padding-bottom:20px;}
#navi {width:calc(100% - 260px);}
#header {padding:40px 20px 0 20px;}
.item-page {font-size:120%;width:100%}
  .uvod img {width:50px; height:auto;}

.main {padding: 0 20px;
  
	
}
	
	/*--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(2n+0) {margin-right:0px;}
.blog .items-row:nth-child(4n+0) {margin-right:0px;}
.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;
}