@import url("font-awesome.min.css");

:root {
    --primary-color: #2ec4b6;
    --primary-text-color: #333;
    --secondary-text-color: #aaa;
    --white-color: #fff;
	--orange-color: #e26c07;
	--dmpz-green-font-color: #54a100;
	--dmpz-blue-font-color: #00a6eb;
    --light-gray-color: #f4f4f4;  
    --mid-gray-color: #e9e9e9;
    --dark-gray-color: #1a1a1a;
    --black-color: #000;
    --ok-message-color:  #3bb900;  
    --wrong-message-color: #3b3b3b;
    --navy-blue-color: #68B3C8;
    --light-blue-color:  #68B3C8;
    --info-lightblue-color: #1ac3e3;
    --error-font-color:  #721c24;
    --error-bg-color:  #f8d7da;  
    --animation-base: ease-in-out;
    --body-bgcolor: #f4f3ef;
    /* --shadow-base: 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .02); */
    --shadow-base: 0 0 20px rgba(0, 0, 0, .12);
    --icon-user-color: #F3BB45;
    --icon-graduation-color: #7AC29A;
    --icon-question-color:  #7AC29A;
    --icon-teacher-color: #EB5E28;
    --icon-learning-color: #68B3C8;
    --icon-history-color: #F3BB45;
	
    --table-details-label-color: #058ea8;
    --category-badge-bg-color: rgba(0,0,0,0.05); 
    --list-item-border: 1px solid rgba(120,120,120,0.2);

	--shadow-portlet: 1px 1px 5px rgba(0, 0, 0, 0.07);
    --shadow-hovered: 1px 1px 5px rgba(0, 0, 0, 0.17);

	--header-blue-color: #00a6eb;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/OpenSans-Light.ttf);
  src: url(../fonts/OpenSans-Light.ttf) format('ttf'),
       url(../fonts/OpenSans-Light.ttf) format('truetype');    
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url(../fonts/OpenSans-LightItalic.ttf);
  src: url(../fonts/OpenSans-LightItalic.ttf) format('ttf'),
       url(../fonts/OpenSans-LightItalic.ttf) format('truetype');    
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/OpenSans-Regular.ttf);
  src: url(../fonts/OpenSans-Regular.ttf) format('ttf'),
       url(../fonts/OpenSans-Regular.ttf) format('truetype');  
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/OpenSans-Italic.ttf);
  src: url(../fonts/OpenSans-Italic.ttf) format('ttf'),
       url(../fonts/OpenSans-Italic.ttf) format('truetype');  
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  src: url(../fonts/OpenSans-Bold.ttf);
  src: url(../fonts/OpenSans-Bold.ttf) format('ttf'),
       url(../fonts/OpenSans-Bold.ttf) format('truetype');  
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: bold;
  src: url(../fonts/OpenSans-BoldItalic.ttf);
  src: url(../fonts/OpenSans-BoldItalic.ttf) format('ttf'),
       url(../fonts/OpenSans-BoldItalic.ttf) format('truetype');  
}





/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
  
  body#iframebody { padding: 1em !important; }

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}
  
  strong { font-weight: bold; }
  
  /* added */
   ul.style1 { list-style-type: square; margin: 20px 0 0 30px; }
   ul.style1 li { border: 0 !important; padding: 1.0em 0; }
   
   ul.style2 { list-style-type: square; margin: 20px 0 2.0em 30px; }
   ul.style2 li { border: 0 !important; padding: 0.5em 0; }

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;

		padding-right: 0;
		padding-left: 0;
	}

	@media (min-width: 1200px) {
		.container {
		max-width: 1200px;
		}
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 1200px;
		min-width: 960px;
	}

	.container.\37 5\25 {
		width: 720px;
	}

	.container.\35 0\25 {
		width: 480px;
	}

	.container.\32 5\25 {
		width: 240px;
	}

	.container {
		width: 960px;
	}

	@media screen and (min-width: 737px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 1500px;
			min-width: 1200px;
		}

		.container.\37 5\25 {
			width: 900px;
		}

		.container.\35 0\25 {
			width: 600px;
		}

		.container.\32 5\25 {
			width: 300px;
		}

		.container {
			width: 1200px;
		}

	}

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 1250px;
			min-width: 1000px;
		}

		.container.\37 5\25 {
			width: 750px;
		}

		.container.\35 0\25 {
			width: 500px;
		}

		.container.\32 5\25 {
			width: 250px;
		}

		.container {
			width: 1000px;
		}
    
    .container.headerContainer {
			width: 100%;
      padding-left:0.5em;
      padding-right: 0.5em;
		}

	}

	@media screen and (max-width: 736px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 125%;
			min-width: 100%;
		}

		.container.\37 5\25 {
			width: 75%;
		}

		.container.\35 0\25 {
			width: 50%;
		}

		.container.\32 5\25 {
			width: 25%;
		}

		.container {
			width: 100% !important;
		}

	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.\30 \25 > * {
		padding: 0 0 0 0px;
	}

	.row.\30 \25 {
		margin: 0 0 -1px 0px;
	}

	.row.uniform.\30 \25 > * {
		padding: 0px 0 0 0px;
	}

	.row.uniform.\30 \25 {
		margin: 0px 0 -1px 0px;
	}

	.row > * {
		padding: 0 0 0 40px;
	}

	.row {
		margin: 0 0 -1px -40px;
	}

	.row.uniform > * {
		padding: 40px 0 0 40px;
	}

	.row.uniform {
		margin: -40px 0 -1px -40px;
	}

	.row.\32 00\25 > * {
		padding: 0 0 0 80px;
	}

	.row.\32 00\25 {
		margin: 0 0 -1px -80px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 80px 0 0 80px;
	}

	.row.uniform.\32 00\25 {
		margin: -80px 0 -1px -80px;
	}

	.row.\31 50\25 > * {
		padding: 0 0 0 60px;
	}

	.row.\31 50\25 {
		margin: 0 0 -1px -60px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 60px 0 0 60px;
	}

	.row.uniform.\31 50\25 {
		margin: -60px 0 -1px -60px;
	}

	.row.\35 0\25 > * {
		padding: 0 0 0 20px;
	}

	.row.\35 0\25 {
		margin: 0 0 -1px -20px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 20px 0 0 20px;
	}

	.row.uniform.\35 0\25 {
		margin: -20px 0 -1px -20px;
	}

	.row.\32 5\25 > * {
		padding: 0 0 0 10px;
	}

	.row.\32 5\25 {
		margin: 0 0 -1px -10px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 10px 0 0 10px;
	}

	.row.uniform.\32 5\25 {
		margin: -10px 0 -1px -10px;
	}

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

	@media screen and (min-width: 737px) {

		.row > * {
			padding: 25px 0 0 25px;
		}

		.row {
			margin: -25px 0 -1px -25px;
		}

		.row.uniform > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform {
			margin: -25px 0 -1px -25px;
		}

		.row.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.uniform.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.uniform.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.\31 2u\28desktop\29, .\31 2u\24\28desktop\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28desktop\29, .\31 1u\24\28desktop\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28desktop\29, .\31 0u\24\28desktop\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28desktop\29, .\39 u\24\28desktop\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28desktop\29, .\38 u\24\28desktop\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28desktop\29, .\37 u\24\28desktop\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28desktop\29, .\36 u\24\28desktop\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28desktop\29, .\35 u\24\28desktop\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28desktop\29, .\34 u\24\28desktop\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28desktop\29, .\33 u\24\28desktop\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28desktop\29, .\32 u\24\28desktop\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28desktop\29, .\31 u\24\28desktop\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28desktop\29 + *,
		.\31 1u\24\28desktop\29 + *,
		.\31 0u\24\28desktop\29 + *,
		.\39 u\24\28desktop\29 + *,
		.\38 u\24\28desktop\29 + *,
		.\37 u\24\28desktop\29 + *,
		.\36 u\24\28desktop\29 + *,
		.\35 u\24\28desktop\29 + *,
		.\34 u\24\28desktop\29 + *,
		.\33 u\24\28desktop\29 + *,
		.\32 u\24\28desktop\29 + *,
		.\31 u\24\28desktop\29 + * {
			clear: left;
		}

		.\-11u\28desktop\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28desktop\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28desktop\29 {
			margin-left: 75%;
		}

		.\-8u\28desktop\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28desktop\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28desktop\29 {
			margin-left: 50%;
		}

		.\-5u\28desktop\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28desktop\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28desktop\29 {
			margin-left: 25%;
		}

		.\-2u\28desktop\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28desktop\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		.row > * {
			padding: 25px 0 0 25px;
		}

		.row {
			margin: -25px 0 -1px -25px;
		}

		.row.uniform > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform {
			margin: -25px 0 -1px -25px;
		}

		.row.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.uniform.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.uniform.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.\31 2u\28tablet\29, .\31 2u\24\28tablet\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28tablet\29, .\31 1u\24\28tablet\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28tablet\29, .\31 0u\24\28tablet\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28tablet\29, .\39 u\24\28tablet\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28tablet\29, .\38 u\24\28tablet\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28tablet\29, .\37 u\24\28tablet\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28tablet\29, .\36 u\24\28tablet\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28tablet\29, .\35 u\24\28tablet\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28tablet\29, .\34 u\24\28tablet\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28tablet\29, .\33 u\24\28tablet\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28tablet\29, .\32 u\24\28tablet\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28tablet\29, .\31 u\24\28tablet\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28tablet\29 + *,
		.\31 1u\24\28tablet\29 + *,
		.\31 0u\24\28tablet\29 + *,
		.\39 u\24\28tablet\29 + *,
		.\38 u\24\28tablet\29 + *,
		.\37 u\24\28tablet\29 + *,
		.\36 u\24\28tablet\29 + *,
		.\35 u\24\28tablet\29 + *,
		.\34 u\24\28tablet\29 + *,
		.\33 u\24\28tablet\29 + *,
		.\32 u\24\28tablet\29 + *,
		.\31 u\24\28tablet\29 + * {
			clear: left;
		}

		.\-11u\28tablet\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28tablet\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28tablet\29 {
			margin-left: 75%;
		}

		.\-8u\28tablet\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28tablet\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28tablet\29 {
			margin-left: 50%;
		}

		.\-5u\28tablet\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28tablet\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28tablet\29 {
			margin-left: 25%;
		}

		.\-2u\28tablet\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28tablet\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 736px) {

		.row > * {
			padding: 15px 0 0 15px;
		}

		.row {
			margin: -15px 0 -1px -15px;
		}

		.row.uniform > * {
			padding: 15px 0 0 15px;
		}

		.row.uniform {
			margin: -15px 0 -1px -15px;
		}

		.row.\32 00\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.\32 00\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.uniform.\32 00\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.\31 50\25 > * {
			padding: 22.5px 0 0 22.5px;
		}

		.row.\31 50\25 {
			margin: -22.5px 0 -1px -22.5px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 22.5px 0 0 22.5px;
		}

		.row.uniform.\31 50\25 {
			margin: -22.5px 0 -1px -22.5px;
		}

		.row.\35 0\25 > * {
			padding: 7.5px 0 0 7.5px;
		}

		.row.\35 0\25 {
			margin: -7.5px 0 -1px -7.5px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 7.5px 0 0 7.5px;
		}

		.row.uniform.\35 0\25 {
			margin: -7.5px 0 -1px -7.5px;
		}

		.row.\32 5\25 > * {
			padding: 3.75px 0 0 3.75px;
		}

		.row.\32 5\25 {
			margin: -3.75px 0 -1px -3.75px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 3.75px 0 0 3.75px;
		}

		.row.uniform.\32 5\25 {
			margin: -3.75px 0 -1px -3.75px;
		}

		.\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28mobile\29, .\39 u\24\28mobile\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28mobile\29, .\38 u\24\28mobile\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28mobile\29, .\37 u\24\28mobile\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28mobile\29, .\36 u\24\28mobile\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28mobile\29, .\35 u\24\28mobile\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28mobile\29, .\34 u\24\28mobile\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28mobile\29, .\33 u\24\28mobile\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28mobile\29, .\32 u\24\28mobile\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28mobile\29, .\31 u\24\28mobile\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28mobile\29 + *,
		.\31 1u\24\28mobile\29 + *,
		.\31 0u\24\28mobile\29 + *,
		.\39 u\24\28mobile\29 + *,
		.\38 u\24\28mobile\29 + *,
		.\37 u\24\28mobile\29 + *,
		.\36 u\24\28mobile\29 + *,
		.\35 u\24\28mobile\29 + *,
		.\34 u\24\28mobile\29 + *,
		.\33 u\24\28mobile\29 + *,
		.\32 u\24\28mobile\29 + *,
		.\31 u\24\28mobile\29 + * {
			clear: left;
		}

		.\-11u\28mobile\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28mobile\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28mobile\29 {
			margin-left: 75%;
		}

		.\-8u\28mobile\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28mobile\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28mobile\29 {
			margin-left: 50%;
		}

		.\-5u\28mobile\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28mobile\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28mobile\29 {
			margin-left: 25%;
		}

		.\-2u\28mobile\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28mobile\29 {
			margin-left: 8.33333%;
		}

	}

/* Basic */

	body, input, textarea {
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
	}

	body {
		background: #fff;
		color: #474747;
		font-size: 10pt;
		line-height: 1.75em;
	}

	a {
		color: #00a6eb;
		text-decoration: underline;
	}

		a:hover {
			text-decoration: none;
		}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 300;
		color: #373737;
	}

  /* added */
  h1 { font-size: 3.6rem; margin: 0 0 1em 0; line-height: 1.3; }

  /* added */
  h2 { line-height: 1.3; }

	h3 {
		font-weight: 400;
		margin: 0 0 0.5em 0;
    /* added */
    font-size: 200%;
	}

	p, ul {
		margin-bottom: 2em;
	}
  
  /* added */
  p, td, li { 
	font-size: 1.1rem;
	line-height: 1.9rem;
	font-weight: 400;
   }

   #formContainer p 
  {
	font-size: 110%;
	line-height: 1.2rem;
	
  }

  #formContainer p.preFilled 
  {
	margin: 1em 0;
	
  }

  
  #formContainer ul.radios label 
  {
	font-size: 90%;	
	
  }


   
  td.lab { padding-right: 10px; text-align:right; white-space:nowrap; }

	form input, form select {
		-webkit-appearance: none;
		border-radius: 0;
	}

	form input {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		border: solid 1px #d9d9d9;
		padding: 0.5em 1em 0.5em 1em;
	}
	form select {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		border: solid 1px #d9d9d9;
		padding: 0.5em 1em 0.5em 1em;
	}

		form input.button {
			cursor: pointer;
		}

	.grid-spaced > .row {
		margin-bottom: 2em;
	}

		.grid-spaced > .row:last-child {
			margin-bottom: 0;
		}

	.date {
		font-style: italic;
		color: #a0a0a0;
	}

	.image {
		display: inline-block;
	
	}

		.image img {
			display: block;
		}

	.image-fit {
		display: block;
		margin: 0 0 2em 0;
	}

		.image-fit img {
			width: 100%;
		}

	.align-left {
		float: left;
		margin-right: 2em;
	}

	.blocks a {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		position: relative;
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 3em 7em 3em 2em;
		margin: 0 0 0.5em 0;
		outline: 0;
	}

		.blocks a:after {
			content: "\f0a9";
			font-family: FontAwesome;
			text-decoration: none;
			font-size: 55px;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			display: block;
			width: 48px;
			height: 48px;
			position: absolute;
		}

	.blocks p {
		font-size: 1.25em;
		margin: 0;
		color: rgba(255, 255, 255, 0.8);
	}

	.blocks h2 {
		color: #fff;
		font-size: 2.25em;
		letter-spacing: -1px;
		margin: 0 0 0.5em 0;
		line-height: 1em;
	}

	.blocks .one {
		background: #00a6eb;
	}

		.blocks .one:hover {
			background: #10b6fb;
		}

	.blocks .two {
		background: #8cba00;
	}

		.blocks .two:hover {
			background: #9cca10;
		}

	.blocks .three {
		background: #2f2f2f url("images/overlay.png");
	}

		.blocks .three:hover {
			background: #3f3f3f;
		}

	ul.style1 li {
		border-top: solid 1px #d9d9d9;
		padding: 1.5em 0 0 0;
		margin: 1.5em 0 0 0;
	}

		ul.style1 li:after {
			content: '';
			display: block;
			clear: both;
		}

		ul.style1 li:first-child {
			padding-top: 0;
			border-top: 0;
		}

	ul.style1 p {
		margin: 0 0 0.5em 0;
	}

	ul.style2 li {
  /*
		border-top: solid 1px #d9d9d9;
		padding: 1em 0 0 0;
		margin: 1em 0 0 0;
    */
    padding: 0.5em 0 0 0;
		margin: 0.5em 0 0 0;
	}

		ul.style2 li:after {
			content: '';
			display: block;
			clear: both;
		}

		ul.style2 li:first-child {
			padding-top: 0;
			border-top: 0;
		}

	ul.posts h3 {
		margin: 0.25em 0 0.25em 0;
	}

	ul.posts p {
		margin-bottom: 0.1em;
	}

	ul.contact li {
		position: relative;
		margin: 0 0 2.1em 0;
		padding: 0 0 0 60px;
	}

		ul.contact li:before {
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 32px;
			height: 32px;
			background: #676767;
			color: #fff;
			line-height: 32px;
			text-align: center;
		}

		ul.contact li:after {
			content: '';
			display: block;
			clear: both;
		}

	.button, .buttonback {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		position: relative;
		display: inline-block;
		background: #00A6EB;
		color: #fff;
		padding: 1.2em 3.25em 1.2em 1.75em;
		text-decoration: none;
		font-size: 1.0em;
		outline: 0;
		border-radius: 5px;
	}
  
  .buttonback { 	padding: 1.2em 1.75em 1.2em 3.25em; }

	.button:hover, .buttonback:hover {
			background: #10b6fb;
			color: #fff;
		}

		.button:before {
			content: '';
			display: block;
			position: absolute;
			right: 1.75em;
			bottom: 1.6em;
			border-left: solid 5px #fff;
			border-top: solid 5px transparent;
			border-bottom: solid 5px transparent;
		}
    
    .buttonback:after {
			content: '';
			display: block;
			position: absolute;
			left: 1.75em;
			bottom: 1.6em;
			border-right: solid 5px #fff;
			border-top: solid 5px transparent;
			border-bottom: solid 5px transparent;
		}

	.button-alt {
		background: #2f2f2f url("images/overlay.png");
	}

		.button-alt:hover {
			background: #3f3f3f;
		}

/* Icons */

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;			
		}
    
    
    section.partneriSloupec img { display: block; margin: 4.0em auto; }

	h2 {
		font-size: 2.25em;
		letter-spacing: -1px;
		margin: 0 0 1.5em 0;
		line-height: 1.3;
		font-weight: bold;
		color: var(--orange-color);
		text-transform: uppercase;
	}



	h3 {
		/* font-size: 1em; */
  font-size: 1.5em; 
	}


	.kontaktBox h3 {
		color: var(--dmpz-green-font-color);
	}

	.kontaktBox p.role {
		font-size: 0.9rem;
	}

	.kontaktBox td {
		font-size: 0.9rem;
	}

	.kontaktBox td.lab .icon {
		opacity: 0.8;
	}


	.buttonBox {

		padding: 2rem 0;
		margin: 0;
	}

	.buttonBox a.button {

		font-size: 1.2rem;
		font-weight: 700;
	}

	.buttonBox a.button::before {
	
		right: 1.45em;
		bottom: 1.3em;
		border-left: solid 10px #fff;
		border-top: solid 10px transparent;
		border-bottom: solid 10px transparent;
	  }


	/* video wrapper */

.videoWrapper {
	position: relative;
  padding-bottom: 53.25%; /* 16:9 */
	padding-bottom: 51.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}  


	/* Kalendar akci */

	
.aktBoxWeb {  

	border-top: 1px solid rgba(144, 144, 144, 0.25);
	padding: 2.0em 0;
	margin: 0;
 
 }
 
 .aktImgWeb { width: 150px; float: left; margin: 0 1.0em 0 0; height: 100%;  }
 .aktImgWeb img { width: 100%; }
 
 .aktBoxWeb img.partner { 
 display: block; 
 margin: 0 0 1em 0; 
 max-width:200px; 
 max-height: 150px; 
 }
 
 
 .aktTextContentWeb {
	 float: right;
	 width: calc(100% - 170px);
 }
 

 .aktTextContentWeb h2 {
	color: unset;
	font-size: 1.3rem;
    text-transform: unset;
	margin: 0 0 1.0em 0;
}

 .aktBoxWeb table.aktParamsTab,
 .aktualitaBody table.aktParamsTab{
	 border-collapse: inherit;
 }
 
 
 .aktBoxWeb table.aktParamsTab td,
 .aktualitaBody table.aktParamsTab td {
	 
	 color: #3b3b3b;
 }

 .aktBoxWeb table.aktParamsTab td {
	 
	font-size: 0.8rem;
 }
 
 .aktBoxWeb table.aktParamsTab td
  {
	 font-size: 0.9rem;
	 line-height: 2.0rem;
 }
 
 .aktBoxWeb table.aktParamsTab td.iconCell,
 .aktualitaBody table.aktParamsTab td.iconCell {
	 text-align: center;
	 width: 40px;
	 color: #db261d;
 }
 
 .aktBoxWeb table.aktParamsTab td.dateValueCell.futureDate,
 .aktualitaBody table.aktParamsTab td.dateValueCell.futureDate {
	 font-weight: 700;
	 color: #58a445;
 }
 
 .aktBoxWeb table.aktParamsTab td.dateValueCell.pastDate,
 .aktualitaBody table.aktParamsTab td.dateValueCell.pastDate {
	 font-weight: 700;
	 color: brown;
 }
 
 

/* Desktop */

	@media screen and (min-width: 737px) {

		/* Basic */

		

			.side-padded, .right-sidebar {
				padding-left: 2em;
			}

			.left-sidebar {
				padding-right: 2em;
			}

			section > :last-child, article > :last-child {
				margin-bottom: 0;
			}

			.blocks a:after {
				right: 25px;
				bottom: 40px;
			}

		/* Wrappers */

			#header-wrapper {
				background: var(--header-blue-color);
				padding: 2em 0;
			}

			#banner-wrapper {
				position: relative;
				background: #2f2f2f url("images/overlay.png");
				padding: 2em 0 2em 0;
			}

				#banner-wrapper:before {
					content: '';
					display: block;
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
				background: url("images/highlight.png") bottom center no-repeat;  
					background-size: 1800px 100%;
				}
     
     /* added */   
      #coverimg-wrapper  {
					position: relative;
				background: #2f2f2f url("images/overlay.png");
				padding: 2em 0 2em 0;
			}
      
      
      #coverimg {
				position: relative;
				width: 100%;
				overflow: hidden;
				box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
				height: 440px;
			}

     #coverimg img {
					display: block;
					width: 1200px;
				}
      

		#search-wrapper {
			background: #f6f6f6;
			border-bottom: solid 1px #d9d9d9;
			padding: 2.5em 0 2.5em 0;
		}

		#main-wrapper {
			padding: 6em 0 6em 0;
		}

		#main-wrapper.admin {
			padding: 3em 0;
		}

		#footer-wrapper {
			background: #f6f6f6;
			border-top: solid 1px #d9d9d9;
			padding: 5em 0 5em 0;
		}

		/* Header */

			#page-header {
				color: #fff;
				position: relative;
			}

				#page-header h1 {
				/*	font-size: 2em; */
          font-size: 1.75em;
					letter-spacing: -2px;
          /* added */
          margin: 0;
				}

					#page-header h1 a {
						text-decoration: none;
            
            padding: 10px 0 8px 65px;
            background-position: 0 0;
            background-repeat: no-repeat;
            background-image: url(/images/dpmz_logo_164x150.png); 
            background-size: 56px 51px;
					}

					#page-header h1 span {
						font-weight: 400;
					}

				#page-header a {
					color: #fff;
				}

				#page-header nav {
					position: absolute;
					right: 0;
					top: 0;
				}

				#page-header nav ul li {
					display: inline-block;								
					font-size: 1.2em;
					text-transform: uppercase;
				}

				#page-header nav ul li a {
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					outline: 0;
					position: relative;
					text-decoration: none;
					padding: 0.5em 1em;
				}

				#page-header nav ul li.active a, #page-header nav ul li:hover a {
					background: rgba(0, 0, 0, 0.15);
				}

				#page-header nav ul li .arrow {
					padding-right: 2.5em;
				}

				#page-header nav ul li .arrow:after {
					position: absolute;
					display: inline-block;
					content: '';
					border-top: solid 5px #fff;
					border-left: solid 5px transparent;
					border-right: solid 5px transparent;
					top: 1.15em;
					right: 1em;
				}

				#page-header nav > ul > li > ul {
					display: none;
				}

			.dropotron {
				background: #00a6eb;
				background: rgba(0, 166, 235, 0.9);
				padding: 1em 0.5em 1em 0.5em;
				line-height: 3em;
				box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
			}

				.dropotron a, .dropotron span {
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					position: relative;
					display: block;
					text-decoration: none;
					color: #fff;
          /*
					font-size: 1.1em;
					padding: 0 3em 0 1em;
          */
              font-size: 0.9em;
              padding: 0 1em;
              line-height: 2.0em;
          }
				}

				.dropotron .arrow:before {
					content: '';
					display: block;
					position: absolute;
					right: 1em;
					bottom: 1em;
					border-left: solid 5px #fff;
					border-top: solid 5px transparent;
					border-bottom: solid 5px transparent;
				}

				.dropotron li:hover > a, .dropotron li:hover > span {
					background: rgba(0, 0, 0, 0.15);
				}

				.dropotron.level-0 {
					margin-top: 1.9em;
				}

		/* Banner */

			#banner {
				position: relative;
				width: 100%;
				overflow: hidden;
				box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
				height: 440px;
			}

				#banner .nav-next, #banner .nav-previous {
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					position: absolute;
					width: 52px;
					height: 64px;
					z-index: 3;
					opacity: 0;
					cursor: pointer;
					text-align: center;
					line-height: 64px;
				}

					#banner .nav-next:before, #banner .nav-previous:before {
						font-family: FontAwesome;
						text-decoration: none;
						font-size: 72px;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						color: #fff;
					}

					#banner .nav-next:hover, #banner .nav-previous:hover {
						opacity: 1.0;
					}

				#banner:hover .nav-next, #banner:hover .nav-previous {
					opacity: 0.45;
				}

				#banner .nav-next {
					bottom: 20px;
					right: 20px;
				}

					#banner .nav-next:before {
						content: "\f105";
					}

				#banner .nav-previous {
					bottom: 20px;
					right: 72px;
				}

					#banner .nav-previous:before {
						content: "\f104";
					}

				#banner .captions {
					position: absolute;
					background: #00a6eb;
					background: rgba(0, 166, 235, 0.9);
					padding: 4em 7em 2.5em 2.5em;
					bottom: 1.5em;
					left: 1.5em;
					color: #fff;
					width: 50%;
					z-index: 1;
          
          line-height:1.1;
				}

					#banner .captions:after {
						content: "\f0a9";
						font-family: FontAwesome;
						text-decoration: none;
						font-size: 55px;
						font-style: normal;
						font-weight: normal;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						cursor: default;
						display: block;
						width: 48px;
						height: 48px;
						position: absolute;
						right: 30px;
						bottom: 40px;
					}

					#banner .captions .caption-line-1 {
						display: block;
						font-size: 3em;
						letter-spacing: -3px;
						margin: 0 0 0.75em 0;
					}

					#banner .captions .caption-line-2 {
						display: block;
						font-size: 1.5em;
						letter-spacing: -1px;
						line-height: 1.5em;
						color: rgba(255, 255, 255, 0.8);
					}

				#banner .viewer {
					background: #fff;
				}

				#banner .slide .caption-1, #banner .slide .caption-2 {
					display: none;
          line-height: 1.3;
				}
        /* added */
        #banner h2  { line-height: 1.2; }

				#banner .slide img {
					display: block;
					width: 1200px;
				}

				#banner .slide .link {
					position: absolute;
					text-indent: -9999px;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 2;
				}

		/* Search */

			#search {
				position: relative;
			}

				#search span {
					position: absolute;
					left: 0;
					bottom: 0.5em;
				}

				#search form {
					overflow: hidden;
					position: relative;
				}

					#search form input.text {
						display: block;
						width: 100%;
						height: 34px;
					}

					#search form input.button {
						width: 34px;
						height: 34px;
						position: absolute;
						right: 0;
						top: 0;
						display: block;
						z-index: 1;
						border: 0;
						padding: 0;
						opacity: 0;
					}

					#search form:before {
						content: "\f002";
						font-family: FontAwesome;
						text-decoration: none;
						font-size: 18px;
						font-style: normal;
						font-weight: normal;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						position: absolute;
						right: 0;
						top: 0;
						z-index: 2;
						background: #00a6eb;
						color: #fff;
						width: 34px;
						height: 34px;
						line-height: 34px;
						text-align: center;
					}

		/* Content */

			#content > section, #content > article {
				margin-bottom: 7.5em;
			}

				#content > section:last-child, #content > article:last-child {
					margin-bottom: 0;
				}

			#content section header, #content article header {
				border-top: solid 7px #00a6eb;
				padding-top: 4em;
				margin: 0 0 3em 0;
			}

				#content section header .byline, #content article header .byline {
					display: block;
					color: #a0a0a0;
					font-size: 1.25em;
				}

				#content section header h2, #content article header h2 {
					margin: 0 0 0.5em 0;
          
          
				}

			#content section.featured header .byline, #content article.featured header .byline {
				font-size: 2em;
				letter-spacing: -2px;
			}

			#content section.featured header h2, #content article.featured header h2 {
				font-size: 4em;
				letter-spacing: -3px;
				margin: 0.25em 0 0.75em 0;
			}

			#content section.featured h3, #content article.featured h3 {
				font-size: 1.5em;
				letter-spacing: -1px;
				margin: 0 0 1em 0;
				font-weight: 200;
			}

		/* Sidebar */

			#sidebar h2, .right-sidebar h2 {
				font-size: 1.75em;
				letter-spacing: -1px;
        color: #c75103;
			}

			#sidebar > section, .right-sidebar > section {
			/*	margin-bottom: 5em; */
        margin-bottom: 3em;
			}

				#sidebar > section:last-child, .right-sidebar > section:last-child {
					margin-bottom: 0;
				}

			#sidebar section header, .right-sidebar section header {
				/*
				border-top: solid 7px #00a6eb;
		
        padding-top: 1.5em;
		*/
				margin: 0 0 3em 0;
			}

				#sidebar section header h2, .right-sidebar section header h2 {
					margin: 0 0 0.5em 0;
				}

			#sidebar section.featured header h2, .right-sidebar section.featured header h2 {
				font-size: 4em;
				letter-spacing: -3px;
				margin: 0.25em 0 0.75em 0;
			}
      
      
       #sidebar section p, .right-sidebar section p { font-size: 110%; }

      .right-sidebar p.bigCenter { font-size: 200%; text-align:center; }

		/* Footer */

			#page-footer h2 {
				font-size: 1.75em;
				letter-spacing: -1px;
			}

			#page-footer section {
				margin: 0 0 5em 0;
			}

				#page-footer section h2 {
					margin: 0 0 1.5em 0;
				}

			#page-footer > section:last-child {
				margin-bottom: 0;
			}

			#page-footer a {
				color: #474747;
			}

		/* Copyright */

			#copyright {
				border-top: solid 1px #d9d9d9;
				text-align: center;
				padding: 5em 0 6em 0;
				color: #a0a0a0;
			}

	}
  
@media screen and (max-width: 1170px) {

  	#page-header nav ul li {
				display: inline-block;
				margin-left: 0.8em;
				font-size: 1.0em;
	}
  
  #header-wrapper {

    padding: 2em 0;

   }

}  
  

/* Tablet */

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		/* Basic */

			body {
				min-width: 1000px;
				font-size: 9.5pt;
			}

			.blocks a {
				padding: 2em 7em 2em 2em;
				margin: 0 0 0.5em 0;
			}

				.blocks a:after {
					right: 20px;
					bottom: 25px;
				}

			.blocks p {
				font-size: 1em;
				margin: 0;
			}

			.blocks h2 {
				font-size: 2em;
				margin: 0 0 0.5em 0;
			}

		/* Wrappers */

			#header-wrapper {
				padding: 1em 0;
			}

			#banner-wrapper {
				padding: 2em 0 2em 0;
			}

				#banner-wrapper:before {
					background-size: 1400px 100%;
				}

			#search-wrapper {
				padding: 1.5em 0 1.5em 0;
			}

			#main-wrapper {
				padding: 3em 0 4em 0;
			}

			#footer-wrapper {
				padding: 4em 0 3em 0;
			}

		/* Header */

			#page-header h1 {
				font-size: 1.5em;
				letter-spacing: -1px;
			}
      
      #page-header h1 a {
        padding: 6px 0 8px 50px;
				background-size: 43px 39px;
			}

			#page-header nav ul li {
				margin-left: 0.5em;
				text-transform: unset;
			}

			#page-header nav ul li a {
				
				padding: 0.5em;
			  }

			.dropotron.level-0 {
				margin-top: 1em;
			}

		/* Banner */

			#banner {
				height: 352px;
			}

				#banner .nav-next {
					right: 10px;
					bottom: 30px;
				}

				#banner .nav-previous {
					right: 62px;
					bottom: 30px;
				}

				#banner .captions {
					padding: 3em 7em 2em 2em;
					bottom: 1.25em;
					left: 1.25em;
					color: #fff;
				}

					#banner .captions:after {
						right: 20px;
						bottom: 25px;
					}

					#banner .captions .caption-line-1 {
						font-size: 2.5em;
						letter-spacing: -2px;
					}

					#banner .captions .caption-line-2 {
						font-size: 1.25em;
						letter-spacing: -1px;
						line-height: 1.25em;
					}

				#banner .slide img {
					width: 1001px;
				}



        /* added */
        #coverimg {
  				height: 352px;
  			}

        #coverimg img {
					width: 1001px;
				}






		/* Content */

			#content > section, #content > article {
				margin-bottom: 4em;
			}

		/* Sidebar */

			#sidebar > section {
				margin-bottom: 4em;
			}

		/* Copyright */

			#copyright {
				padding: 3em 0 4em 0;
			}

	}

/* Mobile */

	#navPanel, #titleBar {
		display: none;
	}

	@media screen and (max-width: 736px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body {
				line-height: 1.75em;
				font-size: 9.5pt;
			}

		
			section, article {
				clear: both;
				margin: 0 0 5em 0;
			}

			section > :last-child, section:last-child, article > :last-child, article:last-child {
				margin-bottom: 0 !important;
			}

			section header, article header {
				border-top: solid 5px #00a6eb;
				padding-top: 2em;
				margin: 0 0 2.5em 0;
			}

				section header .byline, article header .byline {
					display: block;
					color: #a0a0a0;
					font-size: 1.25em;
					line-height: 1em;
				}

				section header h2, article header h2 {
					margin: 0 0 0.5em 0 !important;
				}

			section.featured header .byline, article.featured header .byline {
				font-size: 1.5em;
				letter-spacing: -1px;
			}

			section.featured header h2, article.featured header h2 {
				font-size: 2em;
				letter-spacing: -2px;
				margin: 0.25em 0 0.75em 0;
				line-height: 1em;
			}

			.align-left {
				margin-bottom: 1em;
			}

			.image-fit-mobileOnly {
				display: block;
				margin: 0 0 2em 0;
				width: 100%;
			}

				.image-fit-mobileOnly img {
					width: 100%;
				}

			.button {
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
				width: 100%;
				text-align: center;
				font-size: 1.25em;
			}

				.button:before {
					content: '';
					display: block;
					position: absolute;
					right: 1.75em;
					bottom: 1.6em;
					border-left: solid 5px #fff;
					border-top: solid 5px transparent;
					border-bottom: solid 5px transparent;
				}

			.blocks a {
				padding: 1.5em 6.3em 1.5em 1.3em;
				margin: 0 0 0.5em 0;
			}

				.blocks a:after {
					right: 20px;
					bottom: 20px;
				}

			.blocks p {
				font-size: 1em;
				margin: 0;
			}

			.blocks h2 {
				font-size: 2em;
				margin: 0 0 0.5em 0;
			}

		/* Wrappers */

			#header-wrapper {
				display: none;
			}

			#search-wrapper {
				background: #f6f6f6;
				border-bottom: solid 1px #d9d9d9;
				padding: 1.5em 20px 1.5em 20px;
			}

			#main-wrapper {
				padding: 4em 20px 4em 20px;
			}

			#footer-wrapper {
				background: #f6f6f6;
				border-top: solid 1px #d9d9d9;
				padding: 4em 20px 4em 20px;
			}

				#footer-wrapper section {
					margin-bottom: 5em !important;
				}

		/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
				padding-top: 44px;
			}

			#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 1001;
				background: #00a6eb;
				color: #fff;
			}

				#titleBar .title {
					display: block;
					text-align: center;
					font-size: 1.25em;
					letter-spacing: -1px;
					line-height: 44px;
				}

					#titleBar .title span {
						font-weight: 400;
					}

				#titleBar .toggle {
					position: absolute;
					text-indent: -9999px;
					left: 0;
					top: 0;
					width: 70px;
					height: 50px;
				}

					#titleBar .toggle:before {
						content: '';
						display: block;
						position: absolute;
						background: rgba(0, 0, 0, 0.1) url("images/toggle.svg") 13px 10px no-repeat;
						width: 50px;
						height: 30px;
						top: 7px;
						left: 7px;
					}

					#titleBar .toggle:active:before {
						background-color: rgba(0, 0, 0, 0.3);
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #2f2f2f url("images/overlay.png");
				box-shadow: inset -3px 0px 3px 0px #282828;
			}

				#navPanel .link {
					display: block;
					color: #aaa;
					text-decoration: none;
					border-top: solid 1px rgba(255, 255, 255, 0.1);
					height: 44px;
					line-height: 44px;
					padding: 0 1.5em 0 1.5em;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #fff;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

		/* Banner */

			#banner {
				position: relative;
				width: 100%;
        height: auto;
			}

				#banner .nav-next, #banner .nav-previous {
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					position: absolute;
					top: 0;
					width: 70px;
					height: 100%;
					z-index: 3;
					cursor: pointer;
					opacity: 0.75;
				}

					#banner .nav-next:before, #banner .nav-previous:before {
						font-family: FontAwesome;
						text-decoration: none;
						font-size: 72px;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						color: #fff;
						display: block;
						width: 52px;
						height: 64px;
						line-height: 64px;
						position: absolute;
						text-align: center;
						top: 50%;
						left: 50%;
						margin: -32px 0 0 -26px;
					}

					#banner .nav-next:hover, #banner .nav-previous:hover {
						opacity: 1.0;
					}

				#banner .nav-next {
					right: 0;
				}

					#banner .nav-next:before {
						content: "\f105";
					}

				#banner .nav-previous {
					left: 0;
				}

					#banner .nav-previous:before {
						content: "\f104";
					}

				#banner .captions {
					position: relative;
				/*	background: #2f2f2f url("images/overlay.png"); */
					color: #fff;
					padding: 1.75em 20px 1.75em 20px;
          width: 100%;
          margin: 0;
          bottom:0;
          left: 0;
				}

					#banner .captions .caption-line-1 {
						font-size: 1.5em;
						letter-spacing: -1px;
						display: block;
						margin: 0 0 0.5em 0;
					}

					#banner .captions .caption-line-2 {
						font-size: 1.1em;
						color: rgba(255, 255, 255, 0.8);
					}

				#banner .viewer {
					background: #fff;
				}

				#banner .slide img {
					display: block;
					width: 100%;
				}

				#banner .slide .link {
					position: absolute;
					text-indent: -9999px;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 2;
				}
        
        
        
        /* added */
        
         #coverimg {
  				position: relative;
				width: 100%;
  			}

        #coverimg img {
						display: block;
					width: 100%;
				}

		/* Search */

			#search {
				position: relative;
			}

				#search span {
					display: none;
				}

				#search form {
					display: block;
					position: relative;
				}

					#search form input.text {
						display: block;
						width: 100%;
						height: 34px;
					}

					#search form input.button {
						width: 34px;
						height: 34px;
						position: absolute;
						right: 0;
						top: 0;
						display: block;
						z-index: 1;
						border: 0;
						padding: 0;
						opacity: 0;
					}

					#search form:before {
						content: "\f002";
						font-family: FontAwesome;
						text-decoration: none;
						font-size: 18px;
						font-style: normal;
						font-weight: normal;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						position: absolute;
						right: 0;
						top: 0;
						z-index: 2;
						background: #00a6eb;
						color: #fff;
						width: 34px;
						height: 34px;
						line-height: 34px;
						text-align: center;
					}

		/* Copyright */

			#copyright {
				border-top: solid 1px #d9d9d9;
				text-align: center;
				padding: 2.5em 0 0 0;
				color: #a0a0a0;
			}

	}
  
  /* Iframe */
  
  
.galbox { padding: 1em 0 0 0; }

.iw { position: relative; float: left; margin: 0.25em;}
img.nth { border: 5px solid #e5e6da;}
img.nth:hover { border-color: #00a6eb; }
span.ip { position: absolute; top: 0; left: 0; color: gray; padding: 0 2px; background-color: #e5e6da; font-weight: bold; font-size: 10px; font-family: verdana; }
.iw:hover .ip { background-color: #00a6eb; color: #fff; }



/* sticky navigation bar */
.stickyHeader {

    position: fixed;
    z-index: 1000;
    width: 100%;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);     
}

.stickyHeader #page-header h1 a { 
background-size: 40px 36px; 
background-position: 0 6px; 
padding-left: 50px;
font-size: 90%;
}

#header-wrapper.stickyHeader { padding: 1em 0; z-index: 1000; }
#header-wrapper.stickyHeader nav { top: 3px; }

.stickyHeader #page-header nav ul li { margin-left: 1.0em; font-size: 1.0em; }


/* Special */



/* https://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-a-div */

.sideLogoBox img { 
	
display: block;
margin: 4rem auto;


} 

.specheaderImg {

	vertical-align: middle;
	width: 100%;
	display: block;
	margin: 0 auto;
	
}

.specheaderImg.side {

	max-width: 300px;
	
}

.specheaderImg.center {
    width: 100%;
	max-width: 700px;
	border-radius: 1rem;
}

.specheaderImg.center.smaller {
    width: 100%;
	max-width: 500px;
	
}


.specMSNaviBox {
   margin: 3rem 0;
   
}


.specMSNaviBox ul {
	list-style-type: none;
}

.specMSNaviBox ul li {
	display: inline-block;
	width: 33%;
}

.specMSNaviBox ul a {

	transition: all 0.3s linear;
	display: block;
	padding: 1rem;
	width: 100%;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background-color: #fcffa6;
	color: #000;
	opacity: 0.6;
}

.specMSNaviBox ul a:hover {

	
	opacity: 1.0;
}


.specTitleWordBox h3 {
	text-align: center;
	margin: 1rem 0 3rem 0;
	font-size: 1.6rem;
	line-height: 2rem;
}

.specTitleWordBox p {
	text-indent: 3rem;
	text-align: justify;
    padding-right: 3rem;
}

.specTitleWordBox p.podpis {

   font-size: 0.9rem;
   opacity: 0.9;
}

/*
.specTitleWordBox p:first-of-type:first-letter  {
	font-size: 190%;	
}
*/
.specMSBox {

padding: 2rem 0;

}

.specTeamMemberBox {

	text-align: center;
	padding: 2rem 0;
}

.specTeamMemberBox img {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	display: block;
	margin: 0 auto 1rem auto;
	transition: all 0.3s linear;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;

}

.specTeamMemberBox h3 {
	color: var(--dmpz-green-font-color);
	font-size: 1.6em;
	width: fit-content;
    margin: 0 auto 1rem auto;
}

.specTeamMemberBox a {
	text-decoration: none !important;
	
}

.specTeamMemberBox a:hover img {

	box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;

}

.specTeamMemberBox a h3 {
	text-decoration: none;
	border-bottom: 1px dashed var(--dmpz-green-font-color);
}

.specTeamMemberBox a:hover h3 {
	
	border-bottom-style:  solid;
}

.specTeamMemberBox p.role {
	font-size: 0.9rem;
	padding: 0;
	margin: 0 0 0.3rem 0;
}


.specKontaktBox {

	padding-left: 4rem;

}


.specKontaktBox h3 {
	color: var(--dmpz-green-font-color);
	font-size: 1.8em;
	margin: 0 0 1.5em 0;
}

.specKontaktBox p {
	
	margin-bottom: 0.5em;
}

.specSideGallery img {

	display: block;
	width: 100%;
	margin: 1rem 0;
}

/* Financni prispevek - special */

img.fpSpecImg { 

	float: right;
	max-width: 300px;
	margin: 0 0 3rem 3rem;
 }


@media screen and (max-width: 737px)  {

	.specMSBox h2 {
		text-align: center;
	}

	.sideLogoBox { height: unset; padding-bottom: 3rem; } 

	.specMSNaviBox ul li {
		display: block;
		width: 100%;		
		padding-bottom: 5px;
	}

	.specMSNaviBox ul a {
		margin: 0 auto;
		max-width: 500px;
	}

	.specTitleWordBox {
		padding: 0 3rem;
	}

	.specTitleWordBox p {		
		padding-right: unset
	  }


	  img.fpSpecImg { 
		max-width: 200px;
		margin: 0 0 2rem 2rem;
	 }
}

@media screen and (max-width: 500px)  {

	img.fpSpecImg { 
		max-width: 100%;
		float: none;
		width: 100%;
		display: block;
		margin: 0 auto 2rem auto;
	 }
}


/*  Bootstrap Modal */

@media (min-width: 992px) {

	.modal-lg {
		max-width: 1100px;
	  }	  

}


.closecss {
	opacity: 0.3;
}

.closecss:hover {
	opacity: 1;
}

.closecss:before, .closecss:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #fff;
}

.closecss:before {
	transform: rotate(45deg);
}

.closecss:after {
	transform: rotate(-45deg);
}



.modal-backdrop.show {
	opacity: 0.8 !important;
}


.modal-content {
	border-radius: .4rem; 
	box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 40%); 
	}



.modal-header {
	background-color: var(--header-blue-color);
	background-image: linear-gradient(#048cc5,#00a6eb);
	position: sticky;
	top: 0;
	z-index: 10000;
	box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 50%);
	border-bottom: none;
	min-height: 64px;
  }

  .modal-header.red {
	background-color: red;
	background-image: linear-gradient(#ff0000,#ff2c2c);	
  }

  .modal-header.green {
	background-color: #008000;
	background-image: linear-gradient(#008000,#039603);	
  }

  .modal-header.blue {
	background-color: blue;
	background-image: linear-gradient(blue,#3333ff);	
  }

  .modal-header.sticked {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.modal-header.noBoxShadow {

  box-shadow: unset;
}


.modal .modal-title {
  color: #fff;
  font-size: 1.3rem;
  font-weight: inherit;
  opacity: 0.89; 
}

.modal .modal-title img {
	max-height: 38px;
	display: inline-block;
	margin: 0 1rem 0 0;
	vertical-align: middle;
  }


.modal-header.red .modal-title,
.modal-header.green .modal-title,
.modal-header.blue .modal-title {
	
	opacity: 0.8;
	
  }

  .modal-header.red .closecss,
  .modal-header.blue .closecss {
	opacity: 0.6;
  }

  .modal-header.red .closecss:hover,
  .modal-header.blue .closecss:hover {
	opacity: 1.0;
  }


.modal .modal-title a { border: 0; }

.modal .modal-title i { margin-right: 1rem; font-size: 1.35rem; }


.modal-header .close {

  margin-top: -1.5rem;
  margin-right: -1.5rem;
  outline: none;
}

.modal-header .closeBut {
   
    width: 40px;
    height: 40px;
    transition: all 0.2s ease 0s;
}

.modal-header .closeBut:hover {    
margin-top: -2px;
margin-right: -2px;
width: 44px; 
height: 44px;   
}

.modal-header .closecss {
     position: absolute;
     top: 6px;
     right: 5px;
     transition: all 0.2s ease 0s;
     width: 40px;
     height: 40px;
     border: none;
}

.modal-header .closecss:before, .modal-header .closecss:after {         
     left: 15px;          
     height: 52px;
}

.modal-body { 
	min-height: 400px;
	padding-bottom: 2rem; 
}

.modal-body .loading { 
	margin-top: 5em;
}

.modal-footer .btn-secondary {
    padding: 6px 18px;
    font-size: 14px;
    line-height: 1.42857143;
    text-transform: unset;
    letter-spacing: unset;
    font-weight: 100;
    background-color: #efefef;
    border-radius: 4px;
    color: #000 !important;
    border: 1px solid transparent !important;
	transition: all .3s;
	box-shadow: var(--shadow-portlet);
	outline: none;
}


/* Modal - detail */


/* .zamImgContainer { float: left; width: 300px;  } */
.zamImgContainer img {

	display: block;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 5px;
}

/* .zamTextContainer { float: right; width: calc(100% - 330px);  } */

.zamDetailModalWrap {
	padding: 0 1rem;
}

.zamDetailModalWrap h2 {
	margin: 0.2em 0 0.1em 0;
	text-transform: none;
	font-size: 2.5rem;
}

.zamDetailModalWrap p.funkce {
	font-style: italic;
	opacity: 0.8;
}

.zamImgContainer img.silhouette {	
	margin-top: 3rem;
}

.zamImgContainer p.kontakt.email {
	margin: 2rem 0 0 0;
	background-image: url(/images/icons/mail2.png);
	background-position: 0 8px;
	background-repeat: no-repeat;
	background-size: 16px 13px;
	padding: 5px 0 5px 25px;
	font-size: 1rem;
	line-height: 1rem;
  }

.zamImgContainer p.kontakt.telefon {
	margin: 1rem 0 0 0;
	background-image: url(/images/icons/mobile-phone.png);
	background-position: 0 5px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	padding: 5px 0 5px 25px;
	font-size: 1rem;
	line-height: 1rem;
  }

  .zamImgContainer img.logo {
	display: block;
	margin: 2rem auto 0 auto;
    max-width: 250px;
	max-height: 150px;
  }

.zamTextContainer h3 {
	font-size: 1.5rem;
	margin: 0 0 2rem 0;
}

.zamTextContainer h3 strong {
	font-size: 1.8rem;
}

.zamTextContainer p {
	text-align: justify;
	padding: 0 1rem 0 0;
	margin: 0 0 1rem 0;
}

.zamTextContainer p em {
	font-style: italic;
}

.zamTextContainer p .strongBig {
	font-weight: 700;
	font-size: 1.2rem;
}

ul.coreValuesList {
	list-style-type: none;
}

ul.coreValuesList li {
	display: block;
	text-align: center;
	font-weight: 700;
	font-size: 1.5rem;
	margin: 0.6rem 0;
}


.zamValueBox {
	margin: 0 0 2rem 0;	
}

.zamValueBox h5 {

	font-family: var(--alt-font-family);
	font-size: 0.9rem;
	padding: 0;
	margin: 0 0 0.4rem 0;
    font-weight: inherit;
	text-transform: uppercase;
}

.zamValueBox p {
	
	padding: 0;
	margin: 0;
	font-weight: bold;
}



  /* loading shimmer boxes */

  .mAktLoadWrap {
	padding: 1rem;
}

.mAktLoadWrap .shimmerBox{
	border-radius: 3px;
	min-height: unset;
}

.teamLoad_title {
	width: calc(100% - 330px) !important;
	min-width: 200px;
	height: 82px;
	margin: 0 0 1.5rem 0 !important;
}

.teamLoad_img {
	float: left;
	width: 300px !important;
	height: 300px;
}


.teamLoad_body {
	float: right;
	width: calc(100% - 360px) !important;
	height: 550px;
	margin: 0 1rem 0 0!important;

}

/* Shimmer loading */
.shimmerBox {


background: #f6f7f8;
background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
background-repeat: no-repeat;
/* background-size: 800px 200px; */
display: block;

width: 100%;
min-height: 100px;

position: relative; 

margin: 0 0 1rem 0;

-webkit-animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards; 
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: placeholderShimmer;
-webkit-animation-timing-function: linear;

}

@-webkit-keyframes placeholderShimmer {
0% {
  background-position: -468px 0;
}

100% {
  background-position: 468px 0; 
}
}

/**/
form.form2025 th,
form.form2025 td {
  padding: 0.2em 0.4em;
  vertical-align: middle;
}
form.form2025 input[type="checkbox"] {
  -webkit-appearance: checkbox;
  width: 1.5em;
  height: 1.5em;
}
form.form2025 .btnadd,
form.form2025 .btndel {
  text-decoration: none;
}
form.form2025 input.error,
form.form2025 select.error {
  border-color: red;
}
form.form2025 th.r,
form.form2025 td.r {
  text-align: right;
}
form.form2025 table.hover tr:hover {
  background-color: #F9F393;
}
form.form2025 select.quantity {
  width: 4em;
}
@media screen and (max-width: 600px)  {
  form.form2025 input,
  form.form2025 select {
    padding: 0.4em 0.8em 0.4em 0.8em;
    font-size: 90%;
  }
  form.form2025 th,
  form.form2025 td {
    font-size: 100%;
  }
}
@media screen and (max-width: 550px)  {
  form.form2025 input,
  form.form2025 select {
    padding: 0.3em 0.6em 0.3em 0.6em;
    font-size: 80%;
  }
  form.form2025 th,
  form.form2025 td {
    font-size: 90%;
  }
}
@media screen and (max-width: 500px)  {
  form.form2025 input,
  form.form2025 select {
    padding: 0.2em 0.4em 0.2em 0.4em;
    font-size: 70%;
  }
  form.form2025 th,
  form.form2025 td {
    font-size: 80%;
  }
}

.zbozi-image {
  margin: 0px;
  padding: 0px;
  border: 0px;
  display: block;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px;
}