html, body {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
}

body {
	font-family:'Arial', sans-serif;
	background-position:left top;
	background-repeat:repeat-x;
	background-image:url('../graph/bg.png');
}

input, textarea {
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
}

.aligncenter {
	text-align:center;
}

.responsive-image-max-w {
	width:100%;
	height:auto;
}

.display-object {
	width:100%;
	text-align:center;
	display:object;
}

/*

top searchbox

*/

#mobile-searchbox {
	padding:7px;
	background:#000;
	
}

#mobile-searchbox input {
	float:left;
	padding:4px 3px;
	width:calc(100% - 52px);
	height:28px;
	border:1px solid black;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;		
}

.btn-mobile-search {
	float:left;
	background-color:#f7c003;
	color:#000;
	border:1px solid black;
	display:inline-block;
	height:28px;
	width:34px;
	text-align:center;
	padding:4px 3px;
	font-size:16pt;
	
-webkit-box-shadow: inset 0px 0px 17px 0px rgba(179,137,0,0.83);
-moz-box-shadow: inset 0px 0px 17px 0px rgba(179,137,0,0.83);
box-shadow: inset 0px 0px 17px 0px rgba(179,137,0,0.83);
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;	
}

.btn-mobile-search:active {
	opacity:0.6;
}

.boxContent {
	width:calc(100% - 20px);
	margin:13px 10px 13px 10px;
	float:left;
}

#searchbox-query {
	border:1px solid #ccc;
	padding:4px 3px;
	width:178px;
	height:20px;
	float:left;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.btn-search {
	cursor:pointer;
	cursor:hand;
	float:left;
	background-color:#072b49;
	color:#fff;
	border:1px solid #072b49;
	display:inline-block;
	height:20px;
	width:34px;
	text-align:center;
	padding:4px 3px;
	font-size:14pt;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;	
}
.btn-search:hover {
	background-color:#0a487b;
}
.btn-search:active {
	background-color:#f7c003;
	color:#000;
}

/*

top

*/

#topblock {
	float:left;
	width:100%;
	height:100px;
	z-index:500;
}

#top-left {
	float:left;
	padding-left:20px;
	margin-top:15px;
}

#top-right {
	float:right;
	padding-right:20px;
	margin-top:15px;
}


#top-left #main-h {
	display:block;
	clear:both;
	float:left;
	color:#fff;
	font-size:25pt;
	font-weight:700;
}
#top-left #sub-h {
	display:block;
	clear:both;
	float:left;
	color:#8cc8fb;
	font-style:italic;
	font-size:13pt;
	font-weight:100;
}


#top-right a {
	font-size:8pt;
	padding:6px 10px;
	margin-left:5px;
	display:inline-block;
	color:#000;
	background-color:#f7c003;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px #b38105;
}
#top-right a:hover {
	text-decoration:none;
}

/*

left side

*/

#left-side {
	float:left;
	width:250px;
}


/*

sidemenu

*/

#sidemenu {
	float:left;
	width:210px;
	background-color:#f7c003;
	font-size:10pt;
	font-weight:700;
	padding:0px 20px;
	box-shadow: inset 0px 0px 20px #b38105;
}


#sidemenu, .box {
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

#sidemenu ul {
	margin-left:0;
	padding-left:0;
}
#sidemenu ul li {
	margin-left:0;
	padding-left:0;
}


#sidemenu ul li {
	list-style-type: none;
	border-bottom:1px solid #ce9100;
	padding:10px 1px;
}

#sidemenu a {
	display:inline-block;
	color:#000;
	text-decoration:none;
}
#sidemenu a.toplev {
	width:90%;
}

#sidemenu a:hover {
	color:#054f8f;
}
#sidemenu a.active {
	color:#054f8f;
}


a.tag-cloud-link {
	color:#054f8f;
}
a.tag-cloud-link:hover {
	color:#f7c003;
}


#sidemenu ul.level1 {
	background-color:#ffe998;
	font-weight:400;
	margin:15px 0;
	border-top:2px solid #ce9100;
	border-bottom:2px solid #ce9100;
}
#sidemenu ul.level1 li {
	width:auto;
	border:none;
	padding:0;
}

#sidemenu ul.level1 li::before {
	content: '';
	display:none;
	background:none;
}

#sidemenu ul.level1 li a {
	display:block;
	padding:10px 18px 10px 18px;
}
#sidemenu ul.level1 li a:hover, #sidemenu ul.level2 li a:hover {
	background-color:#072b49;
	color:#ffe998;
}

#sidemenu ul.level2 li a {
	display:block;
	font-size:9pt;
	font-weight:200;
	padding:10px 18px 10px 38px;
}

#sidemenu ul.level1 li a.active {
	background-color:#072b49;
	color:#ffe998;
}

#sidemenu ul.level2 li a.active {
	background-color:#072b49;
	color:#ffe998;
}

/*
box
*/

.box {
	margin-top:20px;
	margin-bottom:0px;
	float:left;
	width:100%;
	background:#fff;
	overflow:hidden;
	font-size:10pt;
	-webkit-box-shadow: inset 0px 0px 74px 0px rgba(171,171,171,0.47);
	-moz-box-shadow: inset 0px 0px 74px 0px rgba(171,171,171,0.47);
	box-shadow: inset 0px 0px 74px 0px rgba(171,171,171,0.47);
}
.box:first-child {
	margin-top:0;
}
.box:last-child {
	margin-bottom:20px;
}

.box h2 {
	color:#054f8f;
	margin-top:5px;
}

.box a {
	color:#054f8f;
}
.box a:hover {
	color:#f7c003;
}

.boxContentBorder {
	width:99%;
	width:calc(100% - 2px);
	float:left;
	border:1px solid #ddd;
}

.boxTitle {
	width:100%;
	padding:6px 0;
	background: #072b49; /* Old browsers */
	background: -moz-linear-gradient(left, #072b49 0%, #0e63ab 35%, #072b49 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #072b49 0%,#0e63ab 35%,#072b49 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #072b49 0%,#0e63ab 35%,#072b49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#072b49', endColorstr='#072b49',GradientType=1 ); /* IE6-9 */	
}

.boxTitle h2.bt {
	text-align:center;
	color:#fff;
	letter-spacing:1px;
	font-size:14pt;
	font-weight:700;
	margin:3px 0;
}




/*

maincontent

*/

#maincontent h1 {
	color:#fff;
	font-size:17pt;
	text-shadow:#093e6a 1px 1px 3px;
}
#maincontent {
	font-size:11pt;
}

.sub-sites-section {
	border-top:1px dotted #ccc;
	margin-top:20px;
	padding-top:10px;
}

#pageinfo {
	color:#fff;
}

#breadcrumbs {
	font-size:8.5pt;
	line-height:1.5em;
}

#breadcrumbs a.breadcrumb-link {
	color:#fff;
}
#breadcrumbs a.breadcrumb-link:hover {
	color:#f7c003;
}

	
#innercontent {
	background:#fff;
	padding:7px 7px 7px 7px;
	line-height:1.5em;
	font-size:10pt;
}
#innercontent a {
	color:#054f8f;
	text-decoration:underline;
	line-height:1.6em;
}
#innercontent a:hover {
	text-decoration:none;
}

#innercontent h2, #innercontent h3 {
	color:#8e5800;
}
#innercontent h2 {
	font-size:13.5pt;
	margin-top:16px;
	margin-bottom:3px;
}
#innercontent h3 {
	font-size:12.5pt;
}


#rightblock {
	float:left;
	width:250px;
	padding:0px;
}



/*

mobile

*/
@media (max-width: 767px) {

	#mobile-searchbox {
		display:block;
		width:100%;
		width:calc(100% - 14px);
		height:40px;
		position:fixed;
		left:0;
		top:-60px;
		z-index:2222;
	}

	body {
		background-image:none;
	}

	#topblock {
		float:left;
		width:100%;
		height:60px;
		position:fixed;
		
		background: #061826; /* Old browsers */
		background: -moz-linear-gradient(top, #061826 0%, #0d324d 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #061826 0%,#0d324d 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #061826 0%,#0d324d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061826', endColorstr='#0d324d',GradientType=0 ); /* IE6-9 */
	}
	
	#top-left, #top-right {
		margin-top:0px;
	}

	#top-left #main-h {
		font-size:17pt;
		font-weight:700;
	}
	#top-left #sub-h {
		font-size:10pt;
	}
	
	
	#pageinfo {
		padding-left:7px;
		width:100%;
		position:fixed;
		z-index:100;
		left:0;
		top:60px;
		min-height:70px;
		
		background: #0d324d; /* Old browsers */
		background: -moz-linear-gradient(top, #0d324d 0%, #1073c8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #0d324d 0%,#1073c8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #0d324d 0%,#1073c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d324d', endColorstr='#1073c8',GradientType=0 ); /* IE6-9 */		
	}

	#maincontent {
		float:left;
		width:100%;
		min-height:400px;
	}
	
	#innercontent {
		margin-top:125px;
	}

	.maincontainer {
		width:100%;
	}
	
	.footer {
		width:100%;
	}
	
	#left-side {
		position:fixed;
		left:-100%;
		z-index:1000;
		height:100%;
		overflow-x:hidden;
	}
	
	#left-side::-webkit-scrollbar { 
		display: none; 
	}	
	
	.box-search	{
		display:none;
	}
	
	#mobile-search-icon {
		position:absolute;
		right:65px;
		top:7px;
		color:#fff;
		font-size:1.8em;
	}
	#mobile-search-icon:active {
		opacity:0.5;
	}
	
	#sidemenu {
		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
		border-top-left-radius: 0px;
	}
	
	#sidemenu ul li::before {
		content: ' ';
		display:inline-block;
		width:12px;
		height:12px;
		position:relative;
		top:2px;
		background-size: 12px 12px;
		background-image:url('../graph/sipka.svg');
		background-repeat:no-repeat;
		margin-right:7px;
	}
	
	
	#top-left {
		padding-top:4px;
		padding-left:7px;
	}
	#top-right {
		display:none;
	}
	
	#maincontent h1 {
		font-size:14pt;
	}
	
	#rightblock {
		clear:both;
		float:right;
		margin-right:0px;
		margin-bottom:20px;
		width:100%;
	}

}

/*

desktop

*/
@media (min-width: 768px) {

	#mobile-searchbox {
		display:none;
	}

	#tgm {
		display:none;
	}

	#maincontent {
		float:left;
		width:440px;
		min-height:700px;
		margin:0 20px;
	}

	#mobile-search-icon {
		display:none;
	}

	#sidemenu ul li::before {
		content: ' ';
		display:inline-block;
		width:11px;
		height:12px;
		background-size: 11px 11px;
		background-position: 0 1px;
		background-image:url('../graph/menu_li.png');
		background-repeat:no-repeat;
		margin-right:7px;
	}
	.maincontainer {
		width:980px;
		margin:0 auto;
	}

	#innercontent {
		min-height:500px;
		-webkit-border-top-left-radius: 15px;
		-moz-border-radius-topleft: 15px;
		border-top-left-radius: 15px;
	}
	
	.footer {
		width:980px;
		margin:0px auto 0 auto;
	}

	footer.footer, #rightblock {
		-webkit-border-top-left-radius: 15px;
		-moz-border-radius-topleft: 15px;
		border-top-left-radius: 15px;
	}
	footer.footer {
		-webkit-border-top-right-radius: 15px;
		-moz-border-radius-topright: 15px;
		border-top-right-radius: 15px;
	}
	
	.wow {
		visibility:hidden;
	}
	
}

/* tablet */
@media (max-width: 992px) and (min-width: 768px) {
	
	.maincontainer {
		width:100%;
		width:calc(100% - 10px);
		margin:0 5px;
		float:right;
		clear:both;
	}
	#maincontent {
		float:left;
		width:492px;
		min-height:200px;
		margin:0 0 0 15px;
	}
	.footer {
		width:100%;
		clear:both;
		float:left;
	}
	
	#rightblock {
		float:right;
		margin-right:0px;
		width:492px;
	}
	
}



/*

footer

*/

footer.footer {
	text-align:center;
	font-size:10pt;
	clear:both;
	color:#fff;
	padding:20px 0;
	background-position:left -50px;
	background-repeat:repeat-x;
	background-image:url('../graph/bg.png');
}


/*

FX

*/


/* Mobile menu toggler */

#tgm {
  width: 34px;
  height: 35px;
  position: absolute;
  right:8px;
  top:8px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#tgm span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}



#tgm span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#tgm span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#tgm span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#tgm.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 6px;
}

#tgm.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#tgm.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 22px;
  left: 6px;
}


/*

products

*/

.product {
	background-color:#fff;
	padding:15px;
	margin-bottom:10px;
	border:1px solid #ddd;
	-webkit-box-shadow: inset 0px 0px 74px 0px rgba(171,171,171,0.47);
	-moz-box-shadow: inset 0px 0px 74px 0px rgba(171,171,171,0.47);
	box-shadow: inset 0px 0px 74px 0px rgba(171,171,171,0.47);
}
.product h3 {
	font-size:11pt;
	margin:0 0 5px 0;
}


/*

kontaktni formular

*/

.wpcf7 {
	width:100%;
}

.invalid {
	width:100%;
}

.wpcf7 input[type="tel"],
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
	position:relative;
	z-index:1 !important;
	border:1px solid #ccc;
	padding:7px 5px;
    background-color: #fff;
    color: #000;
    width: 100%;
	width: calc(100% - 15px);
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.wpcf7 input[type="submit"] {
	cursor:pointer;
	cursor:hand;
	border:1px solid #072b49;
	color:#fff;
	font-weight:400px;
	padding:10px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #072b49; /* Old browsers */
	background: -moz-linear-gradient(left, #072b49 0%, #0e63ab 35%, #072b49 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #072b49 0%,#0e63ab 35%,#072b49 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #072b49 0%,#0e63ab 35%,#072b49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#072b49', endColorstr='#072b49',GradientType=1 ); /* IE6-9 */	
}
.wpcf7 input[type="submit"]:hover {
	background:#f7c003;
	color:#000;
	border-color:#ccc;
}


.wpcf7-form .wpcf7-response-output {
	float:left;
	clear:both;
    width: 100%;
	width: calc(100% - 20px);
	margin:10px 0 10px 0 !important;
}

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #D8000C;
    background-color: #FFBABA;
    border: 0;
    padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 0;
    padding: 10px;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
    font: 26px/30px dashicons;
    margin-right: 16px;
    vertical-align: middle;
}

.wpcf7-list-item {
display: block !important;
}