@media screen, print {

	html, body {
		height: 100%;
		
		behavior: url("/css/csshover.htc");
	}

	body {
		color: #606060;
		background: white url('/images/elements/background.gif') 60px 22px no-repeat;
		margin: 0;
		padding: 0;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.75em;
	}

	table, td {
		margin: 0;
		padding: 0;
		border: none;
	}

	td {
		font-size: 80%;
	}

	h1 {
		color: #007F3D;
		font-size: 130%;
		font-weight: normal;
		letter-spacing: .025em;
		margin-bottom: .25em;
	}

	h2 {
		font-size: 100%;
		font-weight: bold;
		margin-bottom: .5em;
	}
	
	h3 {
		font-size: 90%;
		font-weight: bold;
		margin-bottom: .3em;
	}

	p {}

	ul {
		margin: 0.5em 0;
		padding-left: 13px;
		list-style-type: none;
	}

	ul li {
		background: transparent url('/images/list-bullet.gif') left 5px no-repeat;
		line-height: 100%;
		padding: 4px 0px 4px 19px;
		margin-left: -10px;
	}
	
	ul.cnt-list li a:link, ul.cnt-list li a:visited, ul.cnt-list li a:hover, ul.cnt-list li a:active {
		font-weight: bold;
	}
	
	#zc-list { padding-bottom: 350px; }
	
	#zc-list li {
		width: 100%;
		clear: both;
	}
	
	#zc-list li a {
		outline: none;
	}
	
	#zc-list li a.open:link, #zc-list li a.open:visited, #zc-list li a.open:hover, #zc-list li a.open:active {
		color: #e5ab2f;
	}
	
	#zc-list li div {
		display: none;
		padding: 5px 0px;
	}
	
	#aktualno ul.cnt-list li a:link, #aktualno ul.cnt-list li a:visited, #aktualno ul.cnt-list li a:hover, #aktualno ul.cnt-list li a:active {
		font-weight: normal;
	}
	
	#aktualno ul li {
		background: none;
		padding-left: 0.7em;
		margin-left: -8px;
	}

	
	#frame1 ul li {
		background: none;
	}

	a img {
		border: none;
	}

	a:link, a:visited, a:hover, a:active {
		color: #007F3D;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}
	
	a.video-link {
		padding-left: 28px;
		background: url('/images/video.png') no-repeat left top;
		outline: none;
		line-height: 1.3em;
	}

	form {
		margin: 0;
		padding: 0;
		border: none;
	}	

	input {
		font-family: arial, verdana, helvetica, sans-serif;
		color: #333333;
		width: 150px;
		height: 20px;
		border: 1px solid #B2B2B2;
	}

	input.radio {
		width: auto;
		height: auto;
		border: none;
		margin-left: 0;
	}

	input.checkbox {
		width: auto;
		height: auto;
		border: none;
		margin: 0;
	}

	input.button, input.submit {
		background-color: #007F3D;
		color: white;
		border: none;
		width: auto;
		height: auto;
		line-height: 100%;
		padding: 1px 7px 1px 7px;
		margin: 0;
		cursor: pointer;
	}

	input.submit:hover {
		background-color: #52C27E;
	}

	textarea {
		font-family: arial, verdana, helvetica, sans-serif;
		color: #333333;
		font-size: 100%;
		width: 100%;
		height: 10em;
		border: 1px solid #B2B2B2;
	}

	.clearer {
		clear: both;
		display: block;
		height: 1px;
		margin-bottom: -1px;
		font-size: 1px;
		line-height: 1px
	}

	/*------------------ forms -------------------- */

	#securityInput, #securityCode {
		float: left;
	}

	dd.note {
		clear: left;
	}

	dt#submit {
		padding-top: 15px;
	}


	/* eml */
	#emlForm {
		font-size: 100%;
		margin: 0;
		padding: 0;
	}

	#emlForm em {
		color: #c00;
		font-family: "Lucida Grande", Verdana, sans-serif;
		font-size: 120%;
		font-weight: bold;
		font-style: normal;
	}

	#emlForm dl {
		margin: 10px 0;
		padding: 0;
	}

	#emlForm dt {
		margin: 7px 0 0 0;
		padding: 0;
	}

	#emlForm dt.checkbox {
		margin: 2px;
		padding: 0;
	}

	#emlForm dd {
		margin: 0;
		padding: 0;
	}

	#emlForm dt em, #emlForm .note em {
		color: #c00;
		font-family: "Lucida Grande", Verdana, sans-serif;
		font-size: 120%;
		font-weight: bold;
		font-style: normal;
	}

	#emlForm  input.text {
		width: 250px
	}

	#emlForm hr {
		border: none 0;
		border-top: 1px solid #CCCCCC;
		height: 1px;
	}

	/*---------------- end forms----------------- */

	.fotoCnt {
		margin: 3px 15px 3px 0px;
	}

	.faqQ {
		color: #333;
		margin: 1em 0 .3em 0;
		width:380px;
	}
	
	.faqA {

	}
	
	#container {
		width: 943px;
		margin-left: 3px
	}

	#frame1 {
		width: 337px;
		float: left;
	}
	
	#frame23 {
		width: 433px;
		float: left;
		margin-top: 100px;
	}

	#frame2 {
		width: 195px;
		float: left;
		padding-left: 20px;
		padding-bottom: 30px;
	}

	#frame3 {
		width: 195px;
		float: left;
		padding-left: 23px;
		padding-bottom: 30px;
	}

	#frame4 {
		width: 147px;
		float: left;
		padding-left: 23px
	}
	
	#certifikat-isv-box {
		float: left;
		width: 413px;
		padding-left: 20px;
	}
	
	#certifikat-isv-box p {
		float: left;
		clear: both;
		padding-top: 12px;
		padding-bottom: 15px;
		width: 100%;
		margin: 0;
	}
	
	#certifikat-isv-box p.d4 {
		padding-bottom: 5px;
	}
	
	#certifikat-box, #isv-box {
		float: left;
		width: 195px;
	}
	
	#certifikat1, #certifikat2 {
		position: relative;
		float: left;
		top: 0;
		z-index: 2;
	}
	
	#certifikat1 {
		margin-top: -3px;
		margin-left: -15px;
		z-index: 3;
	}
	#certifikat2 {
		margin-left: -8px;
	}
	
	#isv-box {
		padding-left: 20px;
	}	

	#centralFrame {
		width: 413px;
		/*width: 313px;*/
		float: left;
		padding-left: 20px;
		margin-top: 100px;
	}

	#centralFrame h1 {
		margin-bottom: 0;
	}
	
	#centralFrame p.d2 {
		margin-top: 6px;
	}
	
	#centralFrame p.d2 span.d0 {
		font-size: 90%;
		color: #999;
	}
	
	#centralFrame p.d2 span.d1 {
		font-weight: bold;
	}
	
	img#leadImage {
		float: left;
		margin: 0 5px 0 -17px;
	}

	img#listLeadImage {
		margin: 6px 5px 0 -17px;
	}
	
	img#logo {
		float: right;
		margin-top: 21px;
	}

	img#deco1, img#deco2 {
		float: left;
		margin-top: 3px;
		margin-right: 3px;
	}

	span.navBarEl1 {
		color: #959595;
		font-size: 70%;
	}

	span.navBarEl2 {
		color: white;
        background: #007a36;
		/*font-size: 80%;*/
        /*font-weight: bold;*/
        padding: 2px 18px 3px 6px;
	}

	a.navBarEl1 {
		color: #959595;
		font-size: 80%;
	}

	/*
	* begin main menu 
	*/	
	div#menu {
		float: right;
		width: 167px;
		height: 160px;
		margin-top: 3px;
		padding-top: 7px;
		text-align: right;
		background-color: #E5AB2F;
	}

	#menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 167px; /* Width of Menu Items */
	}
		
	#menu ul li {
		position: relative;
		margin: 0;
		padding: 0;
	}
		
	/*Sub level menu items */
	/* level 2 */
	#menu ul li ul {
		position: absolute;
		width: 170px; /*sub menu width*/
		top: 0;
		visibility: hidden;
		background-color: #FFD15C;
		z-index: 10000;
	}


	/* Sub level menu links style */
	#menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active {
		line-height: 120%;
		display: block;
		overflow: auto; 
		width: 146px;
		padding: 3px 14px 3px 7px;
		text-decoration: none;
	}

	#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active {
		color: white;
	}


	#menu ul li ul li a:link, #menu ul li ul li a:visited, #menu ul li ul li a:hover, #menu ul li ul li a:active {
		color: #B88602;
		border-left: 3px solid white;
	}
	/*
	#menu ul li a:hover{
		background-color: #FFD15C;
		color: #B78500;
	}*/

	#menu ul li ul li, #menu ul li ul li a:hover {
		background-color: #FFE083;
		color: #B88602;
	}

	#suckertree1 li:hover a {
		background-color: #FFD15C;
		color: #B78500;
	}

	#menu .subfolderstyle {}

		
	/* Holly Hack for IE \*/
	* html #menu ul li { float: left; height: 1%; }
	* html #menu ul li a { height: 1%; }
	/* End */

	/*
	 * end main menu
	 */
	
	div#sysmenu {
		float: right;
		width: 167px;
		height: 167px;
		margin-top: 3px;
		text-align: right;
		background-color: #007F3D;
	}

	
	div#vizitka {
		float: right;
		width: 167px;
		margin-top: 3px;
		color: #808080;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 90%;
		line-height: 170%;
	}
	
	#vizitkaPosition {
	margin-top: 8px;
		margin-left: 17px;

	}

	#banner-e-izobrazevanje {
		position: absolute;
		top: 485px;
		left: 23px;
	}
	
	#frame2 img.lead, #frame3 img.lead {
		margin-top: 2px;
		margin-left: -17px
	}

	#langFrame {
		position: relative;
		width: 167px;
		height: 121px;
		margin-left: -17px;
		color: #A0CDAC;
		background-color: #EFFFE3;
		text-align: center;
		padding-top: 10px;
	}

	#sysmenu ul {
		list-style-type: none;
		margin: 42px 0 0 0;
		padding: 0;
	}

	#sysmenu ul li {
		width: 167px;
		margin: 0;
		padding: 0;
	}

	#sysmenu ul li a:link, #sysmenu ul li a:visited, #sysmenu ul li a:hover, #sysmenu ul li a:active {
		font-size: 90%;
		line-height: 90%;
		display: block;
		width: 146px;
		padding: 3px 14px 4px 7px;
		margin: 0;
		color: white;
		text-decoration: none;
	}

	#sysmenu ul li a:hover {
		color: #008E49;
		background-color: #DCF7C9;
	}

	#aktualno h1 {
		margin-bottom: .5em
	}

	span.listDate a:link, span.listDate a:visited, span.listDate a:hover, span.listDate a:active {
		color: #606060;
		font-size: 80%;
		text-decoration: none;
	}

	#aktualno ul {
		margin: 0 0 .9em 0;
		padding: 0;
	}

	#aktualno ul li a:link, #aktualno ul li a:visited, #aktualno ul li a:hover, #aktualno ul li a:active {
		color: #606060;
	}

	#anketa h1 {
		margin: 2em 0 .5em 0;
		padding: 0;
	}

	#anketa .firstItem {
		margin-top: 1em;
	}

	#anketa .lastItem {
		margin-bottom: 1em;
	}

	#poll div {
		margin: .2em 0 .2em 0
	}
	
	#zanimivosti h1 {
		margin: 2em 0 .5em 0;
		padding: 0;
	}
	
	/*
	 * module containers
	 */
	#containers {
		/*margin: 0 0 0 -15px;*/
		padding: 0;
		list-style-type: none;
		width: 100%;
	}
	
	#containers img {
		float: left;
		margin-right: 3px;
		cursor: pointer;
		margin-bottom: 5px;
	}
	
	#containers .content {
		clear: left;
		/*margin-left: 15px;*/
		padding-top: 8px;
	}
	
	#containers .content img {
		/*margin-left: -15px;*/
	}

	#containerType2441, #containerType2442, #containerType2443, #containerType2444 {
		display:none;
        background:#EFFFE3;
        border:1px solid #000000;
        /*top:710px;*/
        left:360px;
        min-height:200px;
        padding:10px 15px 25px;
        /*position:absolute;*/
        margin-top: 5px;
        width:350px;
	}
	
	.fotoLstTitle {
		font-weight:bold;
		margin-left:5px;
	}
	
	.fotoLstDescription {
		margin-left:5px;
	}
	
}

@media print {
	body {
		color: black;
		background: white;
		margin: 0;
		padding: 0;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: .8em;
	}
	
	h1 {
		color: #333;
		font-size: 150%;
		font-weight: normal;
		letter-spacing: .030em;
		margin-bottom: .25em;
	}

	h2 {
		font-size: 120%;
		font-weight: bold;
		margin-bottom: .5em;
	}
	
	img.lead, #leadImage {
		display: none;
	}
	
	#container {
		width: auto;
	}

	#menu, #deco1, #deco2, #sysmenu {
		display: none;
	}

	#frame1 {
		clear: left;
		width: 100%;
	}
	
	#frame2 {
		width: 100%;
		clear: left;
		margin-left: 20px;
		margin-top: 103px;
	}

	#frame3 {
		width: 100%;
		clear: left;
		margin-left: 23px;
		margin-top: 103px;
	}

	#frame4 {
		display: none;
	}

	#centralFrame {
		width: 100%;
		float: left;
		margin-left: 20px;
		margin-top: 103px;
	}
	
	img#logo {
		float:left;
		margin: 0;
	}
	
	div#vizitka {
		float: right;
		width: auto;
		margin: 0;
		color: #666;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 80%;
	}
	
}

.vrtnica {
    position: absolute;
    top: 272px;
    left:359px;
    display:none;
    background: #efffe3;
    border: 1px solid #000000;
    width: 385px;
    padding: 10px 15px 25px 15px;
    min-height: 200px;
}

a.close {
    float: right;
}

#search-input {
    width: 100px;
    height: 16px;
    padding-left: 2px;
}

#search {
    position: relative;
    top: 90px;
}

td.garbage-title, td.garbage-content {
    padding:2px 2px;
}

td.garbage-content {
    border: 1px solid #000000;
}

td.garbage-title {
    font-weight: bold;
}