body{ background: #FFFFFF url(../jpg/img01.jpg) repeat-x left top; }

/* Header */

a img{ border: 0; }

#header {
	width: 1000px;
	height: 5px;
	margin: 0 auto;
}

/* Logo */


/* Menu */

#menu {
	width: 1000px;
	height: 49px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/img02.jpg) repeat-x left bottom;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 4px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	height: 32px;
	margin-right: 1px;
	padding: 17px 30px 0px 30px;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: #005983 -1px 1px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
}

#menu .current_page_item a {
}

#menu a:hover {
	text-decoration: none;
	background: url("../png/10.png");
}

#splash {
	width: 1000px;
	height: 260px;
	margin: 0px auto;
	background: url(../jpg/img05.jpg) no-repeat left top;
}

/* Page */

#page {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background: white url(../jpg/img03.jpg) no-repeat left top;
}

#page-bgtop {
}

#page-bgbtm {
	margin: 0px;
	padding: 40px 30px 0px 30px;
}

/* Content */

#content {
	float: right;
	width: 630px;
	padding: 10px 20px 0px 0px;
}

.links {
	display: block;
	width: 96px;
	padding: 2px 0px 2px 0px;
	background: #A53602;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 250px;
	padding: 0px 0px 0px 0px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 15px;
	padding-bottom: 30px;
}

#sidebar li li {
	padding-left: 15px;
	line-height: 35px;
	background: url(../jpg/img07.jpg) no-repeat left 14px;
	border-bottom: 1px solid #EFF4F5;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	height: 38px;
	margin-bottom: 20px;
	padding: 12px 0 0 15px;
	background: url(../jpg/img08.jpg) no-repeat left top;
	letter-spacing: -1px;
	font-size: 16px;
	color: #FFFFFF;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 20px 20px 20px;
	text-align: justify;
}

#sidebar a {
	border: none;
	color: #7F7F81;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #5D9800;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	width: 1000px;
	height: 55px;
	margin: 0px auto 40px auto;
	background: #EAEAEA url(../jpg/img04.jpg) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 18px;
	line-height: normal;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

#loginarea-bg-wrap{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url("../png/loginbg.png"); z-index: 5; }
   #loginarea-wrap{ position: absolute; top: 50%; left: 50%; width: 1px; height: 1px; z-index: 10; }
      #loginarea{ position: absolute; width: 540px; height: 190px; left: -320px; top: -145px; z-index: 20;
                  background: url("../png/login.png"); padding: 50px; text-align: center; color: white; }
      #loginarea h2{ color: #ddd; }
      .error{ color: red; background: white; padding: 5px; }
      .textarea{ width: 620px; height: 600px; padding: 0; }

.fotocontainer{ float: left; color: white; text-align: center; }
.fotocontainer a{ color: black; }

.prispevok{ margin-bottom: 20px; text-align: left; }
.prvy{ border-bottom: 1px solid #f0f0f0; padding: 0px 0px 5px 0px; }
.meno{ color: #e76c0e; font-weight: bold; }
.druhy{ padding: 2px 0px 0px 0px; }
#addprispevokbutton{ text-align: left; float: left; margin: 0px 0px 5px 0px; }
#addprispevokbutton:hover{ cursor: pointer; }
#komentarform, #komentarform_ok{ display: none; }
a:hover{ cursor: pointer; }
.formular{ border: 0; border-collapse: collapse; width: 100%; font-size: 12px; line-height: 14px; }
.formular td{ vertical-align: top; }
.formular .first{ font-weight: bold; text-align: right; padding: 2px 10px 0px 0px; }
.formular input, .formular textarea, .formular select{ background: #fafafa; border: 1px solid #e5e5e5; font-size: 11px; width: 100%; font-family: verdana;
                                     padding: 2px; }
.formular textarea{ height: 150px; }
.formular .submit{ display: block; width: 75px; height: 22px; border: 0; }
.formular .submit:hover{ cursor: pointer; }
#objednavkafirst{ width: 120px; }
#diskusiaformularfirst{ width: 50px; }
#dojednatfirst{ width: 210px; }

#zoznam{ width: 100%; border: 0; border-collapse: collapse; font-size: 11px; }
#zoznam td{ padding: 2px 5px 2px 2px; padding: 0; vertical-align: top; }
#prvy{ background: #777; color: white; }
#prvy td{ padding: 4px 5px 4px 2px; }
.edit_popis{ width: 400px; background: white; border: 3px solid grey; position: fixed; left: 35%; top: 20%;
				 font-size: 12px; line-height: 18px; padding: 0px 0px 140px 20px; }
.fileType{ margin: 0px 5px 0px 0px; }
.parny{ background: #eee; }
.neparny{ background: #fff; }
.parny:hover, .neparny:hover{ background: #33d6ff; }

/* fotogaleria */
.fotogaleria{ float: left; margin: 3px 20px 0px 7px; }
#fotogalh2{ margin: 0px 0px 10px 7px; padding: 0; }
#popis-galerie{ margin: 0px 0px 10px 7px; padding: 0; }
.fotogaleria a img{ border: 0; }
.fotogaleria a{ text-decoration: none; color: black; }
.fotogaleria a:hover{ cursor: pointer; }
.fotogaleria .preview{ border: 1px solid grey; padding: 3px 3px 3px 3px; margin: 0px 0px 3px 0px; line-height: 10px; }

.fotocontainer{ float: left; border: 1px solid grey; line-height: 10px; padding: 3px 3px 3px 3px; margin: 20px 10px 3px 5px; text-align: center; }
.fotocontainer img{ border: 0; }
.fotocontainer:hover{ cursor: pointer; }

.fotonav a{ text-decoration: underline; color: #2d151c; }
.fotonav a:hover{ cursor: pointer; }
.fotonav{ padding: 5px 0px 5px 0px; border-top: 1px solid #2d151c; border-bottom: 1px solid #2d151c; margin: 0px 7px 0px 7px; }

.preview:hover{ background: #cfd9ff; cursor: pointer; }