/* Graficky styl pro www.hnatnice.cz */
/* Obecne */
body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin:20; padding:0;
	background-color: #ddd;
}

#page {
	height: auto;
	width: 900px;
	margin: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 {
	height:200px;
	width:900px;
	margin:0; padding:0;
	background:url(../images/header_background.gif);
}

#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:40px;
	color: #ccc;
}

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

#republika {
  float:left;
  width:300px;
  height:200px;
	margin:0; padding:0;
	background:url(../images/republika.png);
}

#obec, #skola, #skolka {
  float:left;
	margin:0px 0px -34px -110px; padding:0;
	width:350px;
	height:180px;
}

#obec {
	background:url(../images/stred_obce2sm.png);
}

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

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

#znak {
  float:left;
	margin:0 -8px 0 -8px; padding:0;
	border:0;
}

#page-style-select{
  clear:right;
	float:right;
	padding:0;
	font-size: 10px;
	margin:-38px 4px 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:url(../images/photo_bg.gif) #000;
	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;
}

#page-footer {
	clear:left;
	height:25px;
	width:900px;
	margin:0; padding:0;border:0;
	text-align:center;
	background-color: #bbb;
	border-top: 20px solid #fff;
}

#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:-110px;
}

#menu-envelop h2, #main-menu h2 {
	padding:0;margin:0;
	margin-top: 8px;
	padding-left: 8px;
	color: #000;
	background: #ddd;
	border-left: 10px solid #004c88;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 2.2em;
}

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

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

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

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

#main-menu h2 a:hover {
	color: #eb4000;
	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:0 0 0 5px;
	padding:0;	
}

#counter {
	margin-top:10px;
	border-top:2px #ddd solid;	
	border-bottom:2px #ddd solid;	
}
#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:0.1em;
	padding-left:0.2em;
	font-size: 1.1em;
	border-left: 10px solid #fb2;
	color: #eb4000;
	font-weight:bold;
}

.news-title a, .news-title a:visited {
	font-weight:bold;
	color: #eb4000;
	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{
	padding:0;margin:0.3em 0 0 0;
	color: #eb4000;
	padding-top:0.3em;
	padding-bottom:0.1em;
	font-size:1.2em;
	font-weight:bold;
}

.news-body h3{
	padding:0;margin:0.3em 0 0 0;
	color: #eb4000;
	padding-top:0.3em;
	padding-bottom:0.1em;
	font-size:1.2em;
	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;
}

/* 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 5px;
	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;
}

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

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


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

.srch-inline-button {
	padding:0;
	margin:0;
	height:20px;
	color:#000;
	font-size:10px;
	border:1px #f00 solid;
	cursor:hand;
}

.srch-inline-button:hover {
	padding:0;
	margin:0;
	height:20px;
	background:#ccc;
	color:#000;
	font-weight:bold;
	border:1px #ddd 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;
}

.shadow {
	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;
}