html {
	background-color : #666;
	color : #000;
}

body {
	padding : 0;
	margin : 0;
	font-family : "Trebuchet MS", sans-serif;
	font-size : 0.9em;
	text-align : center;
}

.hide {
	display : none;
}

a {
	color : #7c1310;
	background-color : transparent;
}

h1 {
}

#head_out {
	background-color : #b86756;

}

#lang {
	position : absolute;
	right : 0px;
	top : 20px;
	display : none;
}

#lang a {
	float : left;
	display : block;
	width : 29px;
	height : 18px;
	margin-right : 5px;
	background-repeat : no-repeat;
}

#lang .cz {
	background-image : url(../images/cz.gif);
}

#lang .en {
	background-image : url(../images/en.gif);
}

#lang .de {
	background-image : url(../images/de.gif);
}

#lang .nl {
	background-image : url(../images/nl.gif);
}

#head_in {
	position : relative;
	z-index : 1;

	height : 175px;
	margin : 0 auto;
	display:block;
	background-image : url(../images/hlavicka.jpg);
	background-repeat : no-repeat;
	background-position : right top;
	margin-bottom : -2em;
}

.h1 {
	z-index : 1;
}


#title {
	position : relative;
	left :0;
	width : 770px;
	height : 170px;
	display:block;
}


body.menu-right #head_in{
	background-position : left top;
}

#menu {
	position:relative;
	text-align : right;
	z-index : 3;
	xmargin-left : 100px;
	padding-right : 10px;
	padding-bottom : 0.4em;
	line-height : 1.3em;
	color : #fff;
	
}

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

#main {
	width : 770px;
	margin : 0 auto;
	border-left : solid 1px #000;
	border-right : solid 1px #000;
}

#content_out {
	background-image : url(../images/stin.jpg);
	background-repeat : no-repeat;
	background-position : 1px 0;
	padding:10px;
	background-color : #f1ccc4;
}

#content_in {
	margin-top : 5px;
	background-color : #fff;
	border : solid 1px #a0a0a0;
}

#content {
	text-align : justify;
	padding : 10px;
	line-height : 1.6em;
	float :left;
	width : 548px;
}

#content h2 {
	font-family : Georgia;
	margin-top : 0px;
	text-align : left;
	border-bottom : solid 2px #f1ccc4;
	color : #7c1310;
/*	border-left : solid 1em #b86756;
	margin-left : -0.6em;
	padding-left : 5px;*/
}

#content h3 {
	text-align : left;
	font-size : 1.2em;
	font-variant:small-caps;
	margin-left : -21px;
	padding-left : 10px;
	background-color : #f9f9f9;
	color : #666;
	border-left : solid 11px #a0a0a0;
	margin-right : -201px;
	border-right : solid 11px #a0a0a0;
	border-bottom : solid 1px #f0f0f0;
	z-index:3;
	clear : both;
}

#content h4 {
	font-style : italic;
}

#content img {
	padding : 4px;
	border : solid 1px #000;
	margin : 10px;
}

#content img.left {
	margin-right : 10px;
}

#content img.right {
	margin-left : 10px;
}


#bar {
	position : relative;
	width : 189px !important; width : 193px;
	display:block;
	top : -1px;
	right : -12px;
	margin-left : -12px;
	text-align : right;
	float : right;
	background-color : #b86756;
	color : #fff;
	font-size : 0.9em;
	border : solid 1px #000;
}

body.menu-right #bar {
	float : right;
}

#bar .banner {
	display : block;
	width : 189px;
	height : 209px;
	margin-bottom : 8px;
}

#bar .menu_dekor_top {
	display : block;
	height : 20px;
	background-color : #3a3839;
	margin-bottom : 2px;
	background-image : url(../images/dekor-menu.jpg);
	background-repeat : repeat-y;
	background-position : 10px 0;
}

body.menu-right #bar .menu_dekor_top {
	background-position : 153px 0;
}

#bar .menu_dekor_bottom {
	display : block;
	height : 13px;
	line-height : 5px;
	background-color : #3a3839;
	margin-top : 2px;
	margin-bottom : 2px;
	background-image : url(../images/dekor-menu-bottom.jpg);
	background-repeat : no-repeat;
	background-position : 10px 0;

}

body.menu-right #bar .menu_dekor_bottom {
	background-position : 153px 0;
}

#menu ul li a {
	text-decoration:none;
}

#menu ul li ul li a {
	text-decoration:underline;
}

#bar h2 {
	background-color : #7c1310;
	color : #fff;
	font-size : 1em;
	margin : 3px;
	padding-right : 5px;
	font-variant:small-caps;
}



#menu a {
	color : #fff;
	padding : 3px;
}

#menu a:visited {
	color : #eaeaea;
}

#menu a:hover {
	background-color : #7c1310;
}

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

#menu li {
	margin : 0;
	padding : 0;
	list-style : none;
}

#menu ul li span {
	padding-right : 10px;
	cursor : pointer;
}


body.menu-right #menu ul li span {
	padding-left : 10px;
}

#menu ul li + li {
	border-top : solid 1px #fff;
}

#menu ul li ul li{
	background-color : transparent;
	border : none;
	background-image : none;
	line-height : 1.3em;
	margin : 0;
	padding-left :0;
	width : 175px !important; width : 100%;
}

#menu ul li ul li.active a{
	color : #ffff00;
}

#menu ul li ul li a {
	padding : 0.1em 0;
	padding-right : 10px;
}

body.menu-right #menu ul li ul li a {
	padding-left : 10px;
	padding-right : 0;
}

body.menu-right #menu a.active {
	background-position : 149px 0;
}

#menu ul li ul li a:hover {
	text-decoration : none;
	color : #3a3839;
	background-color : #e0e0e0;
	background-image : url(../images/menu-bg-item.gif);
	background-repeat : repeat-y;
	background-position : 10px 0;
}

body.menu-right #menu ul li ul li a:hover {
	background-position : 149px 0;
}

#menu ul li ul {
	padding-left : 0;
	border-top : solid 1px #fff;
	padding-top : 10px;
	padding-bottom : 10px;
	background-color : #898788;
	background-image : url(../images/menu-bg-item.gif);
	background-repeat : repeat-y;
	background-position : 10px 0;
}


body.menu-right #menu ul li ul {
	background-position : 149px 0;
}

#menu.js ul li ul {
	display : none;;
}

#menu ul li.active ul {
	display : block;
}


#news {
	padding : 0 10px;
	padding-bottom : 10px;
	text-align : right;

}

#news h3 {
	font-size : 1.2em;
}

#news h3 a {
	color : #fff;
}

#foot {
	clear : both;
}

#foot hr {
	height : 1px;
	border : none;
	border-bottom : solid 1px #d0d0d0;
}


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

table td, th {
	border : none;
	border : solid 1px #a0a0a0;
	padding : 0.1em 0.5em;
}

table th {
	background-color : #f1ccc4;
}


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

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

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

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

#content a.out {
/*
	padding-left : 10px;
	background : url(../images/out-maly.gif) left center no-repeat;
	_background-position : 0 0;
*/
}

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

#gallery a {
	width : 120px;
	height : 120px;
	display : block;
	float : left;
	text-align : center;
}

@media print {
	#bar, #head_out, #foot {
		display : none;
	}
}

.cleaner {
	clear : both;
	visibility : hidden;
}

#content ul {
	outline-color : #7c1310;
}

#news hr {
	height :1px;
	border : none;
	border-bottom : solid 1px #fff;
}
#kalendar {
	width : 100%;
	border : none;
}

#kalendar td {
	padding : 0;
	margin : 0;
	height : 4em;
	vertical-align : top;
	width : 14%;
	height : 8em;
	text-align : center;
}

#kalendar td p {
	margin-top : 0;
	margin-bottom : 0.5em;
}

#kalendar .head {
	margin : 0;
	font-size : 0.8em;
	text-align : center;
	background-color : #b86756;
	color : #fff;
	width : 100%;
}

#kalendar .blank {
	border : none;
}

#kalendar th {
	border : none;
	text-align : center;
	margin:0;
	padding : 0;
}

fieldset {
	border : solid 1px #b86756;
	padding : 10px;
}

.fl {
	float : left;
	clear : left;
	margin-right : 10px;
}

.fr {
	float : right;
	clear : right;
	margin-left : 10px;
}

.gallery {
	text-align : center;
}

.gallery div {
	float :left;
	width : 170px;
	height : 170px;
	text-align : center;	
}

.gallery div img{
		border : solid 1px #fff;
}

.gallery div span {
	display : block;
	font-size : 0.7em;
	line-height : 0.9em;
}

