/* standard tags & structures */
html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #fff url(../images/bg_body.jpg) repeat-x;
	color: #919191;
	font-family: Arial, sans-serif;
	font-size: 0.7em;
	text-align: left;
}

a, a:link, a:active, a:visited {
	color: #ad9f57;
	text-decoration: underline;
}

a:hover {
	color: #000;
}

p {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	border: 0px;
	text-align: left;
	line-height: 1.5em;
	font-size: 100%;
}

strong {
	font-weight: bold;
}

img {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

div, span, form, h1, h2 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h2 {
	width: 100%;
	height: 25px;
	margin-bottom: 10px;
}

table, tr, td {
	font-size: 100%;
	line-height: 1.5em;
}

form {
	font-size: 100%;
	margin: 0px 0px 15px 0px;
}

form table {
	font-size: 11px;
}

input, textarea {
	font-family: Arial, sans-serif;
	font-size: 11px;
}

ul {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	list-style-type: none;
}

ul li {
	padding-left: 12px;
	background: url(../images/bullet_bg.gif) no-repeat 0px 4px;
}

.error {
	color: #ee9119;
	font-weight: bold;
}

.clear {
	clear: both;
}

/* END standard tags & structures */


/* Page parts */

#barMain {
	position: relative;
	width: 755px;
	min-height: 100%;
}

* html #barMain {
	height: 100%;
}

#barBottom {
	float: left;
	position: relative;
	margin-top: -58px;
	width: 755px;
	height: 58px;
	background: url(../images/bg_bottom.jpg) no-repeat 28px 0px;
}

* html #barBottom {
	margin-top: -58px;
}
    #barBottom div {
        float: left;
        margin-top: 27px; 
        margin-left: 6px; 
        line-height: 28px;
    }
    
    #barBottom a {
        text-decoration: none;    
    }

	#barBottomTxt {
		float: left;
		margin-top: 27px;
		padding: 0px 25px 0px 53px;
		line-height: 28px;
		color: #b2a562;
		background: url(../images/bg_bottom_leaf.gif) no-repeat top right;
	}

	#barLeft {
		float: left;
		width: 168px;
	}

		#barLogo {
			float: left;
			width: 168px;
			height: 215px;
			background: url(../images/bg_logo.jpg) no-repeat;
		}

			#barLogo a {
				display: block;
				width: 127px;
				height: 127px;
				margin: 42px 0px 0px 33px;
			}
            
            #barLogo h2 {
                display: none;
            }

		#barMenu {
			float: left;
			width: 168px;
			background: url(../images/bg_menu.gif);
		}

			#barMenu .box {
				float: left;
				padding-left: 28px;
			}

			#barMenu a {
				display: block;
				padding-left: 17px;
				margin: 2px 0px 2px 0px;
			}

			#barMenu a:hover {
				background: url(../images/menu_over.gif) no-repeat 7px 5px;
			}

			#barMenu a.sub {
				display: block;
				padding-left: 17px;
				height: 18px;
				margin: 0px 0px 0px 17px;
			}

			#barMenu a.sub:hover {
				background: url(../images/menusub_over.gif) no-repeat 7px 4px;
			}

	#barRight {
		float: left;
		width: 587px;
		background: url(../images/bg_content.jpg) no-repeat 0px 156px;
	}

		#barCollage {
			float: left;
			width: 587px;
			height: 240px;
			background: url(../images/bg_motto.jpg) no-repeat;
			overflow: hidden;
		}

			#barMotto {
				position: relative;
				top: 0px;
				left: 0px;
				width: 220px;
				height: 45px;
				margin: 21px 0px 0px 24px;
				background: url(../images/motto.gif) no-repeat;
				z-index: 10;
			}

			#barPicture {
				position: relative;
				top: -66px;
				left: 167px;
				width: 420px;
				height: 240px;
			}

		#barContent {
			float: left;
			padding: 42px 90px 50px 32px;
			min-height: 420px;
			_height: 420px;
		}

			#barContent .txtboldbrown {
				font-weight: bold;
				color: #ad9f57;
			}

			#barContent .txtgrey {
				color: #636363;
			}

			#barContent table .txtgrey {
				padding-right: 10px;
			}

			#barContent .box {
				float: left;
				width: 210px;
			}

			#barContent .separatorv {
				float: left;
				width: 1px;
				height: 165px;
				font-size: 1%;
				margin: 5px 20px 0px 10px;
				background: #e0dbc0;
			}

			#barContent .separatorh {
				width: 100%;
				height: 1px;
				font-size: 1%;
				margin-bottom: 15px;
				background: #e0dbc0;
				overflow: hidden;
			}

			#barContent .boxperson {
				float: left;
				width: 90px;
				height: 96px;
				margin: 0px 10px 10px 0px;
				background: url(../images/person_border.jpg) no-repeat;
			}

			#barContent .boxperson img {
				margin: 8px;
			}

			#barContent .gallerybox {
				float: left;
				width: 100%;
			}

/* pager */

.listpager {
    width: 100%;
    text-align: right;
    margin-bottom: 15px; }

/* gallery popup */

a.linkGallery, a.linkGallery:link, a.linkGallery:active {
	display: block;
}

a.linkGallery img, .linkGallery img {
	float: left;
	margin: 0px 3px 3px 0px;
	border: 5px solid #f5f3eb;
}

a.linkGallery:hover img {
	float: left;
	border: 5px solid #c1ba99;
}

#barPopup {
	margin-right: auto;
	margin-left: auto;
	width: 520px;
	height: 383px;
	background: #c1ba99;
}

	#barPopup .linkPicture {
		float: left;
		background: url(../images/bg_border_pattern.gif);
		width: 520px;
		height: 353px;
		text-align: center;
	}

	#barPopup .linkPicture img {
		margin: 10px;
		border: 0px;
	}

	#barPopup .barSeparator {
		float: left;
		width: 100%;
		height: 3px;
		font-size: 1%;
		background: #8a8259;
	}

	#barPopup .barTxt {
		float: left;
		color: #fff;
		padding: 6px 10px 0px 10px;
	}

	#barPopup .arrowLeft {
		float: right;
		width: 33px;
		height: 27px;
		background: url(../images/popup_arrow_left.gif) no-repeat;
	}

	#barPopup .arrowBlank {
		float: right;
		width: 33px;
		height: 27px;
		background: #c1ba99;
		margin-left: 1px;
	}

	#barPopup .arrowRight {
		float: right;
		width: 33px;
		height: 27px;
		background: url(../images/popup_arrow_right.gif) no-repeat;
		margin-left: 1px;
	}
/* end gallery popup */

/* Popup */
a.popup {
    cursor: hand;
    display:block; }

div.tooltip{
    position:absolute;
    visibility:hidden;
    z-index:10000;
    width:480px;
    height:360px;
    padding:4px;
    background: #FFF;
    border:1px solid #ccc;
    color: #555; }
/* END Popup */
/* ---------------------------------------------------------------------- */

/* Prihlasovaci formular (prihlaska na podujatie) */
h3.prihl {
    font-size: 1.5em;
    color: #919191;
    margin-bottom: 0px; }

h4.prihl {
    font-size: 1.2em;
    color: #ad9f57;
    margin: 0 0 20px 0; }
/* ---------------------------------------------------------------------- */
/* ZOOM obrazku (pouzite spolu s "magnifimage.js") */
.MagnifImage {
    background-color: #fff;
    border: 4px solid #ededed;
    text-align: center;
    padding: 0;
    margin: 0; }
/* ---------------------------------------------------------------------- */
/* EVENT (Kalendar podujati) */
#barContent .event {
    margin-bottom: 20px; }

#barContent .event h3 {
    font-size: 1.3em; }

#barContent .event img {
    margin-right: 8px; }

#barContent .event .foto img {
    margin-right: 14px !important; }

#barContent .eventCenter {
    margin-top: 30px; }

#barContent .eventCenter p {
    text-align: center; }

#barContent .eventCenter .eventLink {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center; }

#barContent .eventPerex {
    margin-top:10px;
    width: 100%;
    clear: both; }

#barContent .eventPerex p {
    margin: 5px 0; }

#barContent .eventPerex img {
    float:left;
    margin: 0 10px 40px 0; }
/* ---------------------------------------------------------------------- */
/* UCAST start (Zoznam ucastnikov "2010_1_zoznam") */
table.ucast {
    background-color: #cdbe6d; }

table.ucast th {
    text-align: center;
    font-weight: bold;
    padding: 4px;
    line-height: 1.1em;
    color: #919191;
    background-color: #eeebdc; }

table.ucast tr.one {
    background-color: #fff; }

table.ucast tr.two {
    background-color: #eeebdc; }

table.ucast td {
    padding: 4px; }

table.ucast td.stat {
    text-align: center; }

table.ucast td.porad {
    text-align: center; }

table.ucast td.typ {
    white-space: nowrap; }

table.ucast td.rok {
    text-align: center; }

table.ucast td.obraz {
    padding: 4px; }

#barContent .ucast img {
    padding: 0;
    margin: 0;
    float:left; }
/* ---------------------------------------------------------------------- */

