/* Graficky styl pro www.hnatnice.cz */
/* Obecne */
body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin:0; padding:0;
	background:#467daf url('../images/mainbkg.jpg') repeat-x;
	}

#pageshadow
{
	height: auto;
	width: 940px;
	margin:auto;
	padding:0;
	background:url('../images/pagebkg.png') repeat-y 50% 0;
}
#page {
	height: auto;
	width:900px;
	margin:0 auto;
	padding:0;
	background-color: #fff;
	text-align:left;
}

#main {
	height:auto;
	margin-left:195px;
}

.hidden, .grf-hidden {
	display: none;
	visibility: hidden;
}

.visible {
	display: inherit;
	visibility: visible;
}

/* Hlavicka stranky */

#page-header {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	height:180px;
	width:940px;
	margin:0 auto;
	padding:0;
	background:url('../images/header_bkg.png') no-repeat 50% 0;
}

#page-header a, #page-header a:hover, #page-header a:visited{
	margin:0; padding:0;
	border:0;
	text-decoration:none;
}

.page-title {
	float:left;
	font-size: 36px;
	font-weight:bold;
	margin:0; padding:0;
	margin-top:80px;
	color: #fff;
}

#page-subtitle {
	float:right;
	height: 1%;
	font-size: 16px;
	margin-top:-35px;
	margin-right:194px;
	color: #aaa;
}

#obec, #skola, #skolka {
 	float:left;
	margin:0px 60px 0px 20px;
	padding:0;
	width:488px;
	height:123px;
}

#obec {
	background:url('../images/top-obec.png');
}

#skola {
	background:url('../images/top-skola.png');
}

#skolka {
	background:url('../images/top-skolka.png');
}

#znak {
  float:left;
	margin:40px 0 0 5px; padding:0;
	border:0;
}

#page-style-select{
  clear:right;
	float:right;
	padding:0;
	font-size: 10px;
	margin:-35px 34px 0 0;
	text-align:right;
	color:#004c88;
}

#page-style-select a, #page-style-select a:visited  {
	color:#004c88;
}

#photo-module {
	float:right;
	clear:right;
	padding:0px;
	margin:5px 5px 20px 5px;
	width:165px;
	height:auto;
	background:#000 url('../images/photo_bg.gif');
	text-align:center;
}

.photo-module-header {
	padding:5px 0 6px 0;
	margin:0;
	width:161px;
	background:#000;
	border:2px #000 solid;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

#calendar-module {
	float:right;
	padding:0;
	margin:-15px 5px 0 5px;
	width:165px;
}

.small-module {
	clear:right;
	float:right;
	padding:0px;
	margin:5px 5px 0 5px;
	width:161px;
	_width:165px;
	border:2px #004c88 solid;
	font-size: 9px;
	color:#000;
	text-align:center;
}

.small-module p {
	padding:4px;
	margin:0 0 10px 0;
	color:#fff;
	background:#004c88;
	text-align:center;
	font-size: 11px;
	line-height: 11px;
	font-weight:bold;
}

.small-module img {
	margin:1px;
	border:0;
	padding:0;
}

#main-page-end {
	clear:left;
	height:0;
	width:0;	
}

#page-footer {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	height:30px;
	width:940px;
	padding:5px 0 0 0;margin-bottom:5px;
	text-align:center;
	background:url('../images/footer_bkg.png') no-repeat 50% 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

#footer-table{
	border-collapse:separate;
	border:0;
	margin:0;
	padding:3px;
	width:895px;
	text-align:center;
	font-size: 0.7em;
}


/* Hlavni menu */

#menu-envelop {
    float:left;
	height:auto;
	width:185px;
	padding:0;margin:0;
	position:relative;
	margin-top:-50px;
}

#menu-envelop h2, #main-menu h2 {
	margin-top: 8px;
	padding:4px 0px 4px 24px;
	color: #fff;
	background: #ddd;
	background:url('../images/menu-bkg.png');
	text-transform: uppercase;
	font-size: 12px;
	line-height: 30px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

#main-menu  {
	float: left;
	width: 180px;
	margin:0 0 0 0px;
	padding:0;
	z-index:1;
}

#main-menu h2 {
	color: #fff;
}

#main-menu h2 a {
	color: #fff;
	text-decoration: none;
}

#main-menu h2 a:visited {
	color: #fff;
	text-decoration: none;
}

#main-menu h2 a:hover {
	color: #fff;
	text-decoration:underline;
}

#main-menu h2 img {
	padding:0;
	margin: 5px 0 7px 0;
	_margin: 7px 0 6px 0;
	border: 0;
	vertical-align:middle;
}

#main-menu ul {
	padding:0;margin:0;
	list-style: none;
	padding-top:.2em;
	padding-bottom:.5em;
}

#main-menu li {
	padding-left: 15px;
	line-height: 1.5em;
}

#main-menu li:active, #main-menu li:active a {
	color: #d21f00;
	font-weight: bold;
	letter-spacing: -.08em;
}

#main-menu li a, #main-menu li a:visited {
	color: #333;
	text-decoration: none;
}

#main-menu li a:hover {
	color: #d21f00;
	text-decoration: underline;
}
.menu-level3 {
	padding-left:15px;
}

#counter, #links {
	clear:left;
	float:left;
	width:180px;
	margin-bottom:15px;
	padding:0;	
}

#counter img, #links img{
	margin:10px auto 0px;
	border:0;	
}

/* Formatovani zprav */

.news-list-middle {
	padding:0px 0px 15px 5px;
	width:515px;
}

.news-list {
	padding:15px 0px 15px 5px;
	width:680px;
}

.news-date {
	padding:0;margin:0;
	padding-left:0.2em;
	font-size: 0.7em;
	color:#004c88;
	/* border-left: 10px solid #fb2; */
	text-transform: uppercase;
}

.news-date a, .news-date a:visited{
	color:#004c88;
}

.news-date a:hover{
	text-decoration:underline;
}

.news-envelop {
	padding:0;
	margin:0;
	clear:left;
	padding-top:0.2em;
	padding-bottom:0.6em;
}
.news-title {
	padding:0;
	margin:0;
	padding-top:2px;
	padding-left:2px;
	font-size: 13px;
	color: #b23000;
	font-weight:bold;
}

.news-single-title {
	padding:0;
	margin:0;
	padding-top:4px;
	padding-left:0px;
	font-size: 15px;
	color: #b23000;
	font-weight:bold;
}

.news-title a, .news-title a:visited {
	font-weight:bold;
	color: #b23000;
	text-decoration:none;
}

.news-title a:hover {
	font-weight:bold;
	color: #eb4000;
	text-decoration:underline;
}

.news-body-ls {
	padding:0;
	margin:2px 0 0 2px;
	color: #000000;
	font-size:0.9em;
	line-height:1.5em;
	padding-top:0.2em;
	padding-bottom:0.6em;
	text-decoration:none;
}

.news-body-ls img{
	float:left;
	padding:0;
	margin:2px 8px 0 0;
	border:0;
}


.news-body {
	padding:0;
	margin:10px 0 0 0;
	width:600px;
	color: #000000;
	padding-top:0.2em;
	font-size:0.9em;
	line-height:1.5em;
	text-decoration:none;
}

.news-body h2, .news-body h3{
	padding:0;margin:0.3em 0 0 0;
	padding-top:0.3em;
	padding-bottom:0.1em;
	font-size:12px;
	font-weight:bold;
}

.news-body h4{
	padding:0;
	margin:0 0 0 0;
	padding-top:0.3em;
	padding-bottom:0.1em;
	font-size:1em;
	font-weight:bold;
}

.news-hr{
	margin:0;
	padding:0;
	border: 0;
	width: 80%;
	height:2px;
	color:#eb4000;
}

.news-attachment {
	margin:10px 0 0 0;
	padding:0;
	border:0;
}

.news-attachment a{
	margin:0;
	padding:2px 2px 2px 10px;
	font-size:0.9em;
	vertical-align:top;
}

.group-title {
	width:450px;
	padding:0 0 0 20px;
	margin:0 0 5px 0;
	padding-top:0.1em;
	padding-left:0.2em;
	font-size: 1.1em;
	border-bottom: 2px solid #004c88;
	color: #004c88;
	font-weight:bold;
}

.date-title {
	text-transform:none;
	color:#000;
}

.common-table{
	width:590px;
	margin:0 10px 0 10px;
	padding:0;
	border:0;
	background:#fff;
	border-collapse: collapse
}

.common-table tr{
	background:#ddd;
	padding:0;margin:0;
}

.common-table td{
	padding:2px;margin:0;
	border-bottom:2px #fff solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.timetable td{
	padding:2px;margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.action-list-table {
	border-collapse:separate;
	border:0;
	margin:0;
	padding:2px;
}

.action-list-table td {
	font-size: 0.7em;
}


.next-pages{
	width:480px;
	border-top:1px #ddd solid;
	padding:15px 0 0 0;
	font-size:0.9em;
	font-weight:bold;
}

.next-pages a {
	color: #eb4000;
	text-decoration: none;
}

.next-pages a:hover {
	text-decoration: underline;
}

.school-table, .whitetable{
	width:590px;
	margin:0 10px 0 10px;
	padding:0;
	border:0;
	background:#fff;
	border-collapse: collapse;
}

.school-table td, .whitetable td{
	padding:2px;margin:0;
	border:1px #aaa solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.school-table th{
	background:#ddd;
	padding:2px;margin:0;
	border:1px #aaa solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
}

.whitetable td{
	border:0px #fff solid;
}
/* User form styles */

#MsgInputBox{
	margin-top:20px;
}

/* Admin styles */

.admin-content-table {
	padding:0px;
	margin:0;
	width:685px;
    border-collapse:collapse;
    background:#fff;
}

.admin-content-table td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding:4px;
	border-bottom:#000 1px solid;
}

.admin-content-table th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight:bold;
	background:#004c88;
	color:#fff;
}

.table-date {
	text-align:right;
}

#admin-header {
	padding:0;
	margin:0;
	padding-top:15px;
	float:none;
	font-size: 2em;
	font-weight:bold;
	color:#bbb;
	width:900px;
	height:70px;
	background:#fff;
}

#admin-img {
	float:left;	
	padding:0;margin:0 85px 0 10px;
}

#admin-info {
	float:right;
	clear:right;
	width:250px;	
	padding:10px;margin:0 20px 0 10px;
	border:1px #000 solid;
	background:#ddd;
	font-size:0.5em;
	color:#000;
}

.admin-right-pan{
	float:left;
	margin:0 0 0 15px;
	padding:0;
}

.admin-main-text{
	width:600px;
	padding:30px;
	padding-top:40px;
}

.admin-menu-format{
	min-height:400px;
}

.admin-message{
	padding:20px 5px 10px 5px;
	font-weight:bold;
	color:#f00;
}

.textarea-disabled {
	background-color:#eee;
}

.user-message{
	padding:20px 5px 10px 5px;
}

.even{
	background:#ddd;
}

.odd{
	background:#fff;
}

.nowrap{
	white-space: nowrap;
}

.table-title{
	font-weight:bold;
	width:100%;
}

.form-style{
	padding:0;
	margin:0;
}

.form-title{
	padding:3px;
	margin:10px 5px 0 0px;
	width:685px;
	font-size: 1.5em;
	font-weight:bold;
	color:#fff;
	background:#004c88;
}

.form-table{
	width:680px;
	margin:0px 0px 0px 0px;
	padding:0;
	border:0;
	background:#fff;
	border-collapse: collapse
}

.form-table tr{
	background:#ddd;
	padding:0;margin:0;
}

.form-table td{
	padding:2px 2px 2px 5px;margin:0;
	border-bottom:1px #fff solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

.form-table input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border:1px #000 solid;
	padding:2px;
}

.form-table select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border:1px #000 solid;
	padding:2px;
}

.form-table textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
    border-color: #000;
	border:1px;
	border-style:solid;
	padding:5px;
}

.check-envelope{
	float:left;
	margin:0 0 0 4px;
	height:500px;	
}

.check-title{
	margin:5px 0 0 0;
	width:680px;
	padding:2px;
	padding-left:6px;
	background:#bbb;
	color:#000;
	font-weight:bold;
}
.title-button {
	float:right;
	cursor:pointer;
	font-size:10px;
	white-space:nowrap;
	text-decoration:underline;
	color:white;
	padding:0 10px 0 10px;
}
`.title-button:visited {
	color:white;	
}

/* Forum */

.forum-msg, .forum-msgReply
{
	width:550px;
	padding:0;
	background:#f9f9f9;
	margin-top:5px;
	margin-bottom:5px;
}

.forum-autor, .forum-autorReply {
	width:100%;
	padding:2px 0 2px 0px;
	margin:0;
}
.forum-obsah, .forum-obsahReply {
	margin:0;
	padding:6px 8px 4px 8px;
}
.forum-msg{
	border:1px solid #accce8;
}
.forum-msgReply {
	width:465px;
	min-height:80px;
	margin-left:85px;
	border:1px solid #d2ae69;
}
.forum-autor{
	background:#b6d7f5;
	border-bottom:1px solid #accce8;
}
.forum-autorReply{
	font-weight:bold;
	background:#f5cb7a;
	border-bottom:1px solid #d2ae69;
}
.forum-repButton{
	float:right;
	cursor:pointer;
	font-size:10px;
	white-space:nowrap;
	text-decoration:underline;
	padding:0 10px 2px 10px;
}
.forum-time{
	float:right;
	text-align:right;
	margin:0;padding:0;
	margin-top:-16px;
	padding-right:4px;
	display:inline-block;
	font-size:10px;
}
.pecet {
	height:80px;
	width:80px;
	margin-bottom:-80px;
	background:url(../images/pecet-hnatnice.png);
}

.addMessage {
	margin-top:10px;
	width:200px;
	height:40px;
	background:url(../images/add-comment.png);
	color:#fff;
	font-weight:bold;
}
.addMessage span
{
	display:block;
	width:200px;
	height:40px;
	cursor:pointer;	
	padding:11px 0 0 46px;
}

.onpage-usermessage {
	font-size:14px;
	font-weight:bold;
	color:#b23000;
	margin-top:10px;
	margin-bottom:20px;
}

.shadow {
	position:absolute;
	top:0;
	z-index:-1;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=75); /* IE */
	opacity:.75;
}
#popupAddMessage, #popupDeleteMessage {
	position:absolute;
	background:transparent;
	top:0;
	left:0;
	z-index:50;
	text-align:center;
	vertical-align:middle;
	width:100%;
	height:100%;
	font-family: Calibri, Tahoma, Helvetica, Arial;
	font-size: 0.8em;
	margin:0; padding:0;
	padding-top:30px;
	padding-bottom:30px;
}
.closeSpan
{
	display:block;
	height:20px;
	width:20px;
	padding-top:2px;
	float:right;
	cursor:pointer;
	background-color:#f00;
	text-decoration:none;
	text-align:center;
	font-family: Calibri, Tahoma, Helvetica, Arial;
	font-size:12px;
	color:#fff;
}

/* Vyhledavani */

#srch-envelop{
	float:left;
	margin:-20px 0px 0px 205px;
	width:310px;
}

#srch-envelop a{
	float:right;
	margin:0;
	padding:0;
	font-size: 12px;
}


.srch-inline-field{
	margin:0;
	border:1px #ddd solid;
	background:#f9f9f9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:20px;
	line-height:18px;
}

.srch-inline-button {
	padding:0;
	margin:0;
	height:20px;
	color:#fff;
	background:#4887b9;
	font-size:9px;
	border:1px #004c88 solid;
	cursor:hand;
}

.srch-wrd {
	font-weight:bold;
	background-color:#fb2;
}

.no-border{
	border:O #fff none;
}

.txt-center {
	text-align:center;
}

.error-message {
	color:#f00;
	font-weight:bold;
	margin:20px 0 0 60px;
}

.login-table {
	width:250px;
	margin:20px 0 300px 60px;
}
/* Fotogalerie */

.foto-thumb {
	border:1px #000 solid;
	margin:8px;
}

.foto-full {
	border:10px #fff solid;
	margin:10px 0 5px 0;
}

#fotogalerie-header{
	width:800px;
	margin:4px auto;
	text-align:center;
}

#fotogalerie-header a:hover{
	border:1px #fff solid;
}

#prevImg {
	float:left;
	margin:0;
	padding:2px 5px 2px 5px;
	color:#000;
	background-color: #fff;
	text-decoration: none;
	border:1px #000 solid;
}

#nextImg {
	float:right;
	margin:0;
	padding:2px 5px 2px 5px;
	color:#000;
	background-color: #fff;
	text-decoration: none;
	border:1px #000 solid;
}

#foto-desc {
	color:#000;
	font-weight:bold;
}

/* Kalendar */

.kalendar-table {
	width:165px;
	border-collapse:collapse;
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	border:2px #004c88 solid;
}

.kalendar-table a{
	color:#fff;
	text-decoration:none;
}

.kalendar-table a:hover{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}

.kalendar-table-in{
	padding:2px;
	font-size:9px;
}

.kalendar-table-in a,.kalendar-table-in a:hover,.kalendar-table-in a:visited{
	text-decoration:underline;
	font-weight:bold;
	color:#000;
}

.week {
	padding:1px;
	color:#000;
	border:2px #fff solid;
}

.weekend {
	padding:1px;
	background:#ddd;
	border:2px #ddd solid;
	color:#000;
}

.shadowCal {
	padding:1px;
	color:#ddd;
	border:2px #fff solid;
}

.today {
	padding:1px;
	font-weight:normal;
	color:#000;
	border:2px #f00 solid;
}
.active-day {
	background:url('../images/active-day.gif');
}

.today-text {
	padding:2px;
	font-size:9px;
	color:#000;
	font-weight:normal;
}

.thead {
	background:#004c88;
	color:#fff;
	padding:1px;
	font-size:11px;
	font-weight:bold;
}

.thead1 {
	background:#fff;
	color:#000;
	padding:2px;
	font-size:10px;
	font-weight:bold;
}

/* Tridy pouzite primo v clancich */

.card {
	background:#eee;
	color:#000;
	padding:3px;
	border:2px #ddd solid;
	width:400px;
}

.card h3 {
	color:#eb4000;
	margin:0 0 5px 0;
	font-size: 1.1em;
	line-height: 1.1em;
	border-bottom:1px #fff solid;
}

.big-icon-panel{
	float:left; 
	margin-right:auto; 
	margin-left:auto;
	background:#fff;
}

.big-icon {
	margin:5px 20px 5px 20px;
	float: left;
	text-align:center;
	border:0px;
	background:#fff;
}

.big-icon a img{
	border:0px;
}
.big-icon a:hover{
	background:#fff;
}

.image-list-frame{
	width:680px;
	height:150px;
}