/* CSS Document */
@media  screen ,projection {
	html {
		background : url(../images/hlavicka-pozadi.jpg) #BFCD92 left top repeat-x;
	}
}

body {
	color : #000;
	text-align : center;
	font-family : "Trebuchet MS", sans-serif;
	font-size : 0.8em;
	padding : 0;
	margin : 0;
	position : relative;
}

table {
	font-size : 100%;
	border-collapse : collapse;
	border : solid #666 1px; 	
}

table td {
	border : solid #666 1px;
	padding : 3px; 	
}

table th {
	border : solid #666 1px;
	background-color : #91AD58; 	
	padding : 3px; 	
}

a {
	color : #f51d2f;
	color : #2c0962;
}

a img {
	border : solid 1px #aaa;
}

a:hover img {
	border : solid 1px #2c0962;
}

#main {
	position : relative;
/*	width :720px;*/
	width :1000px;
	margin : 0 auto;
	text-align : left;
	padding-bottom : 0.5em;
	background : url(../images/sidebar.gif) transparent 0 0 repeat-y;
}

#head {
	height : 281px;
	z-index : 0;
	background : url(../images/hlavicka.jpg) transparent right top no-repeat;
}

h1 {
	position : absolute;
	top : 0;
	right :0;
	margin : 0;
	z-index : -2;
}

.logo {
	margin-top : 5px;
	display : block;
	width : 200px;
	height : 212px;
	background : url(../images/logo.jpg) transparent center center no-repeat;
	border-bottom : solid 4px #43739B;
	z-index : 3;
	cursor : pointer;
}



body #head .img1 {
	position : absolute;
	display : block;
	right : 484px;
/*	left : 5px;*/
/*	left : 145px;*/
	top : 0;
	background : url(../images/head-img1.jpg) transparent 0 0 no-repeat;
	width : 236px;
	height : 120px;
	z-index : 2;
}

body #head .img2 {
	position : absolute;
	display : block;
	right : 244px;
/*	left : 241px; */
/*	left : 381px;*/
	top : 0;
	background : url(../images/head-img2.jpg) transparent 0 0 no-repeat;
	width : 237px;
	height : 120px;
	z-index : 2;
}

body #head .img3 {
	position : absolute;
	display : block;
	right : 0;
/*	left : 478px; */
/*	left : 618px; */
	top : 0;
	background : url(../images/head-img3.jpg) transparent 0 0 no-repeat;
	width : 241px;
	height : 120px;
	z-index : 2;
}

#head .img4 {
	position : absolute;
	display : block;
	right : 0;
	top : 140px;
	background : url(../images/head-img42.jpg) transparent 0 0 no-repeat;
	width : 279px;
	height : 67px;
	z-index : 2;
}

body.fairplay #head .img1 {
	position : absolute;
	display : block;
	right : 0px;
	top : 0;
	background : url(../images/head-fairplay.jpg) transparent 0 0 no-repeat;
	width : 817px;
	height : 113px;
	z-index : 2;
}

body.fairplay #head .img2 {
	background:none;
	display : none;
}

body.fairplay #head .img3 {
	background:none;
	display : none;
}


body.rlisty #head .img1 {
	position : absolute;
	display : block;
	right : 528px;
	top : 0;
	background : url(../images/rlisty-img1.jpg) transparent 0 0 no-repeat;
	width : 261px;
	height : 115px;
	z-index : 2;
}

body.rlisty #head .img2 {
	position : absolute;
	display : block;
	right : 264px;
	top : 0;
	background : url(../images/rlisty-img2.jpg) transparent 0 0 no-repeat;
	width : 261px;
	height : 115px;
	z-index : 2;
}

body.rlisty #head .img3 {
	position : absolute;
	display : block;
	right : 0;
/*	left : 478px; */
/*	left : 618px; */
	top : 0;
	background : url(../images/rlisty-img3.jpg) transparent 0 0 no-repeat;
	width : 261px;
	height : 119px;
	z-index : 2;
}



#content-h {
	/*width : 544px;*/
	width:800px;
	padding-top : 1em;
	position : relative;
	margin-left : 200px;
}

#content {
	padding : 0 1em;
	letter-spacing : 0.05em;
}


#content p {
	text-align : justify;
	color : #000;
}


#content a {
	color : #115181;
}

h2 {
	color : #115181;
	font-weight : bold;
	font-size : 1.9em;
	border-bottom : solid 1px #115181;
	margin-top : 0;
	
}

#content h3 {
	font-size : 1.2em;
	color : #02712C;
	margin-bottom : 0;
	display : inline;
	padding-bottom : 0;
}

#content h3 a {
	color : #02712C;
	text-decoration : none;
	border-bottom : solid 1px #000;
	margin-bottom : 0;
	margin : 0;
}

#content h3 a::after {
	color: #aaa;
	vertical-align : sup;
	content : " »";
}

#content h3 a:hover {
	color : #343635;
	text-decoration : underline;
}

#content h4 {
	font-size : 1em;
	margin-bottom : 0;
	color : #666;
	text-decoration : underline;
}

#content .fl {
	float : left;
	/*clear : left;*/
	margin-right : 10px;
	margin-bottom : 10px;
}

#content div.img {
	font-size : 0.8em;
	text-align : center;
	line-height : 1.2em;
	background-color : #eee;
	padding-bottom : 5px;
	border : solid 1px #aaa;
}

#content img.fr {
	float : right;
	clear : right;
	margin-left : 10px;
	margin-bottom : 10px;
}


#foot {
	text-align : right;
	margin-top : 1em;
	color : #bbb;
	clear : both;
}

#foot p {
	margin : 0;
	padding : 0;
}

.hide {
	display : none;
}

.cleaner {
	clear : both;
	visibility : hidden;
	height : 1px;
	border : 0;
	margin : 0;
	padding : 0;
	display:block;
}

.rollupmenu ul {
	list-style : none;
	margin : 0;
	padding : 0;
}

.rollupmenu ul li {
	float :right;
	display:inline;
	position:relative;
	border : solid 0px transparent;
	/*border-left : solid 1px #ce240a;*/
	padding-bottom : 0.2em;
}

.rollupmenu ul li:hover, #navigation ul li.hover {
	background-color : #fff;
	color : #134D7D;
}

.rollupmenu ul li:hover ul, #navigation ul li.hover ul {
	display:block;
}

.rollupmenu ul li ul {
	margin-top : 0.2em;
	position : absolute;
	display : none;
	width : 180px;
	left:0;
	top : auto !important; top : 18px;
	background-color : #134D7D;
	border : solid 1px #ce240a;
	border : solid 1px #000;
	line-height : 1.4em;
	margin-left : -1px;
	filter : Alpha(Opacity=90);
	padding : 0.3em 0;
}

.rollupmenu ul li:hover ul li, .rollupmenu ul li.hover ul li{
	border : none;
	width : 180px;
	clear:right;

}

.rollupmenu ul li ul li a {
	display : block;
	float : left;
}

.rollupmenu a {
	padding : 0 0.5em;
	margin : 0 0.2em;
	text-decoration : none;
	color : #fff;
}

.rollupmenu ul li ul li a:hover {
/*	background-color : #767f7e;*/
}


#navigation .menu {
	padding-top : 0.5em;
}

.menu ul {
	margin : 0;
	padding : 0;
}

.menu li {
	margin : 0;
	padding : 0;
	display : inline;
}

#navigation a:hover {
	text-decoration : underline;
}
#content .matrix a {
	background : transparent;
	padding : 0;
}

.matrix img {
	float : left;
	margin-bottom : 13px;
	margin-left : 13px;
}

#content ul {
	list-style : square;
}

#content hr {
	height : 1px;
	border : none;
	border-top : solid 1px #ccc;
}

a.pdf {
	padding-left : 20px;
	background : url(..../images/pdf.gif) left center no-repeat;
}

.gallery div {
	float : left;
	display : block;
	margin : 5px;
	width : 150px;
	height : 200px;
	text-align : center;
	overflow : auto;
}

.gallery div span {
	display : block;
}

#sidebar1 {
	position : absolute;
	color : #fff;
	left : 0;
	top : 0;
	width : 200px;
	background-color : #134D7D;
	padding-bottom : 1em;
}

#sidebar1 a {
	color : #fff;
}

#sidebar1 form {
	clear:both;
	border-top : solid 1px #fff;
	text-align : right;
	padding:0 1em;
	padding-top:1em;
	margin:0;
}

#sidebar1 form .edt{
	width : 100%;
	margin-bottom : 0.2em;
}

#sidebar1 h3 {
	font-size:0.9em;
	color : #fff;
	border-left : solid 1em #ce240a;
	padding-left : 0.5em;
	margin-top : 1em;
	margin-bottom : 0.5em;
}

#content #sidebar2 {
	position : absolute;
	right : 0;
	width : 170px;
	height : 100px;
	float : right;
	padding : 0.5em 0.5em;
	padding-top : 0;
	font-size : 0.9em;
}

#content #sidebar2 h2 {
	font-size : 1.8em;
}

#content #sidebar2 h3 {
	font-size : 1.2em;
	text-decoration : underline;
	margin-bottom : 0;
}

#content #sidebar2 p {
	margin-top : 0;
	margin-bottom : 1em;
}

input {
	font-size : 90%;
}

#main h3.article-title {
	margin : 0;
	float : left;
	clear :left;
}

#main p.article-date {
	margin : 0;
	padding : 0;
	text-align : right;
	display : inline;
	float : right;
}

#main .archive-date {
	display : block;
	clear : left;
	float : left;
	width : 8em;
	text-align : right;
}

#main .archive-title {
	display : block;
	margin-left : 8em;
	margin-right : 8em;
}

p.article-date strong {
	color : #666f6e;
	font-weight : normal;
}

.cb {
	clear : both;
}

#menu2 {
	margin-top : 1em;
	border-top : solid 1px #fff;
	padding-top : 1em;
}

.verticalmenu ul {
	list-style : none;
	margin : 0;
	padding : 0;
}

.verticalmenu ul li {
	margin : 0;
	padding : 0;
	position : relative;
	color : #fff;
}

.verticalmenu ul li:hover, .verticalmenu ul li.hover {
	background-color : #fff;
	color : #134D7D;
}

#sidebar1 .verticalmenu ul li:hover a, .verticalmenu ul li.hover a {
	color : #134D7D;
}

.verticalmenu ul li ul {
	display:none;
	background-color : #134D7D;
	top:0;
	position : absolute;
	left:140px;
	width : 250px;
	border : solid 1px #000;
	min-height : 4em;
}

#sidebar1 .verticalmenu ul li a {
	padding-left : 0.3em;
	color : #fff;
}
#sidebar1 .verticalmenu ul li:hover ul li a, .verticalmenu ul li.hover ul li a {
	color : #fff;
}

.verticalmenu ul li:hover ul,.verticalmenu ul li.hover ul {
	display:block;
	z-index : 200;
}

.verticalmenu ul li:hover ul li ul, .verticalmenu ul li.hover ul li ul {
	display:none;
	border-top : solid 1px #000;
	border-bottom : solid 1px #000;
	background-color : #fff;
	color : #fff;
	z-index : 3000;
	left:140px !important; left:220px;
	top:-10px;
}

.verticalmenu ul li:hover ul li , .verticalmenu ul li.hover ul li {
	/*border-left : solid 3px #ce240a;*/
}

.verticalmenu ul li:hover ul li:hover , .verticalmenu ul li.hover ul li.hover {
	position : relative;
	background-color : #fff;
/*	border-left : solid 3px #de341a;*/
}

#sidebar1 .verticalmenu ul li:hover ul li:hover a , .verticalmenu ul li.hover ul li.hover a {
	color : #134D7D;
}

.verticalmenu ul li ul li:hover ul, .verticalmenu ul li ul li.hover ul{
	paddding : 5em;
	display:block;
	background-color : #565f5e;
 }

.verticalmenu ul li ul li:hover ul li, .verticalmenu ul li ul li.hover ul li{
}
.verticalmenu ul li ul li:hover ul li:hover, .verticalmenu ul li ul li.hover ul li.hover{
	background-color : #464f4e;
}

.verticalmenu ul li a {
	color : #fff;
	text-decoration : none;
	font-weight : bold;
	font-size : 95%;
}

.verticalmenu ul li a:hover, .verticalmenu ul li a.hover {
	text-decoration : underline;
	color : #134D7D;
}

#sidebar1 .verticalmenu ul li ul li a {
	border-left : none;
	color : #fff;
	text-decoration : none;
	font-weight : bold;
	font-size : 95%;
	padding-left : 0.3em;
}

table.tab {
	border : solid 1px #aaa;
	border-collapse : collapse;
	font-size : 90%;
}

table.tab th {
	background-color : #eee;
	border : solid 1px #aaa;
	text-align : left;
	padding : 0.3em 0.3em;
}

table.tab th a {
	color : #000;
}

table.tab td {
	border : solid 1px #aaa;
	padding : 0.3em 0.2em;
}

form fieldset label {
	float: left;
	width: 20em;
	text-align: right;
	margin-right:  0.5em;
	font-weight: normal;
	margin-top : 0.3em;
	clear : left;
}

form fieldset.lab2 label {
	float: left;
	width: 40em;
	text-align: right;
	margin-right:  0.5em;
	font-weight: normal;
}


form fieldset input, select {
	margin: 0.3em;
	color: #000;
}


fieldset {
	margin: 0;
	border: none;
	background-color : #ffffdd;
	background-color : #f0f0f0;
	background : url(../images/admin_head_bg.png) #fff;
	border-right : solid 1px #999;
	border-left : solid 1px #ddd;
	border-bottom : solid 1px #999;
	border-top : solid 1px #ddd;
	display : inline;
	padding: 1em;
}

fieldset label.nodata {
	font-style : italic;
}

.banner {
	text-align : center;
	display:block;
	margin-bottom : 2em;
}

p+.banner {
	margin : 2em 0;
}

.comments ins {
	display:block;
	background-color : #ddd;
}

.comments address {
	display:block;
	margin-top : 0.5em;
}
.comments ol {
	padding : 0;
}
.comments li {
	margin:0;
	margin-bottom : 1em;
	padding : 0.3em;
	background-color : #f0f0f0;
	list-style-position : inside;
}

.center {
	text-align : center;
}

.archive th {
	text-align : left;
}

a.doc {
	padding-left : 20px;
	background : url(../images/doc.gif) left center no-repeat;
}

a.xls {
	padding-left : 20px;
	background : url(../images/xls.gif) left center no-repeat;
	_background-position : 0 0;
}

a.pdf {
	padding-left : 20px;
	background : url(../images/pdf.gif) left center no-repeat;
	_background-position : 0 0;
}

a.ppt {
	padding-left : 20px;
	background : url(../images/ppt.gif) left center no-repeat;
	_background-position : 0 0;
}

a.img {
	padding-left : 20px;
	background : url(../images/img.gif) left center no-repeat;
	_background-position : 0 0;
}

a.folder{
	padding-left : 20px;
	background : url(../images/folder.gif) left center no-repeat;
	_background-position : 0 0;
}

#links {
	padding : 5px;
}

.fl {
	float : left;
}

.fr {
	float : right 
}

@media print {

	html {
		background : #fff;
	}

	* {
		position : static;
	}

	#head .img1, #head .img2, #head .img3, #head .img4, #head .logo {
		display :none;
	}

	#head {
		height : auto;
		position : static;
	}

	#head h1 {
		position : static;
	}

	#main * {
		background : #fff;
		border : none;
		margin : 0;
		padding : 0;
		position : static;
	}

	#sidebar1 {
		display : none;
	}

	#sidebar2 {
		display : none;
	}

	#main {
		background:#fff;
		width : auto;
	}

	#content-h {
		position : static;
		width : auto;
	}

}