﻿* {
	margin:  0; 
	padding: 0;
	border: none;
}

html, body {
	color: white;
	background: #FEB602 url('../img/global/body-bg.PNG') left top repeat-x;
	background: #FEAE00 url('../img/global/body-bg.PNG') left top repeat-x;
	font-family: calibri, "trebuchet ms", sans-serif;
	font-size: small;
	text-align: center;
	height: 100%;
}

body {
	position: relative;	
}

hr {
	border: none;
	border-top: 1px solid #D7DAC4;
	margin: 5px 0 7px 0;
	width: 98.5%;
	_background: red;
}

hr.cistic, hr.pristupnost {
	margin: 0;
}

hr.cistic {
	visibility: hidden;
	height: 1px;
	margin-top: -1px;
	clear: both;
}

hr.cistic-zobrazeny {
	margin: 10px 0;
	clear: both;
}


.pristupnost {
	display: none;
}

/* BLOKY ------------------------------------------------------ */
#nadobal {
	width: 943px;
	min-height: 100%;
	margin: 0px auto 140px auto;
	position: relative;
	text-align: left;
	color: black;
	background: url('../img/global/nadobal-bg.PNG') left top repeat-y;
}

#obal {
}

/* HLAVIČKA ---------------------------------------------- */
#hlavicka {
	height: 195px;
	background: url('../img/global/hlavicka-bg.PNG') center top no-repeat;
	width: 100%;
	position: relative;
}

h1 {
	font-weight: bold;
	font-size: 1.8em;
	font-variant: small-caps;
	position: relative;
	overflow: hidden;
	position: relative;
	left: 43px; top: 17px;
}

h1, h1 span {
	width: 419px;
	height: 120px;
}
	
h1 span {
	display: block;
	position: absolute;
	left: 0px; top: 0;
	background: url('../img/global/zs-skolni-namesti-logo.PNG') left top no-repeat;
	font-weight: bold;
}

#hlavicka em {
	position: absolute;
	top: 111px;
	left: 65px;
	font-family: "trebuchet ms";
	font-style: normal;
	font-size: 1em;
	_font-size: 0.95em;
	color: #763F2F;
display: none;
}

.pomucky {
	position: absolute;
	top: 35px;
	right: 110px;
	font-size: 0.95em;
	color: silver;
		display: none;
}

.pomucky a {
	position: relative;
	top: -1px;
	margin: 0 1px;
}

.vyhledavani, #drobky, .vlajky {
	display: none;
}

/* DROBKY ---------------------------------------------------- */
#drobky {
	padding: 10px;
	font-size: 0.85em;
	margin: 0 20px;
	_padding: 0 15px;
	&padding: 0 15px;
	_margin-top: -5px;
	&margin-top: -5px;
}

#drobky a {
	margin: 0 2px;
}

/* MENU, OBSAH, PANEL -------------------------------- */
#menu-obsah, #menu, #obsah {
	float: left;
}

#menu-obsah {
	width: 943px;
	background: url('../img/global/menu-obsah-bg.PNG') left top repeat-y;
	position: relative;
	top: -1px;
	&top: -14px;
	_top: -14px;
}

#menu {
	width: 200px;
}

#obsah {
	width: 720px;
}


/* MENU -------------------------------------------- */
#menu  {
	margin: 0 0 10px 16px;
	_margin: 0 0 10px 7px;
	background: #FFFCD1;
}

#menu-in {
}


#menu ul {
}

#menu ul ul {
	border: none;
}


#menu li {
	display: block;
	list-style: none;
	font-weight: bold;
	font-size: 1.42em;
	background: url('../img/global/menu-li-bg.PNG') left bottom no-repeat;
	width: auto;
	_height: 25px;
	_margin-bottom: -3px;
}

#menu li li {
	font-size: 0.8em;
	background: url('../img/global/menu-li-li-bg.PNG') 16px 13px no-repeat;
}

#menu li li li{
	background: none;
}

#menu li a {
	text-decoration: none;
	color: black;
	display: block;
	padding: 7px 10px 8px 42px;
	background: url('../img/global/menu-li-bg.PNG') left bottom no-repeat;
}

#menu li li a{
	padding: 6px 18px 7px 25px;
	background: none;
}

#menu li li li a{
	padding: 6px 18px 6px 35px;
}

#menu li.aktivni {
	background: none;
}

#menu li li.aktivni {
	background: url('../img/global/menu-li-li-bg.PNG') 16px 13px no-repeat;
}

#menu li a:hover {
	background: url('../img/global/menu-li-hover-bg.PNG') left bottom no-repeat;
	color: #E26600;
}

#menu li li a:hover {
	background: none;
}

#menu li ul {
}

/* OBSAH ------------------------------------------- */	
#obsah {
	line-height: 1.4;
	background: url('../img/global/obsah-bg.PNG') left bottom repeat-x;
	font-family: "trebuchet MS";
}

#obsah-in {
	margin: 5px 25px 30px 50px;
}


#panel-obsah #obsah-in {
	margin: 22px 5px 30px 25px;
}



/* FORMÁTOVÁNÍ --------------------------------- */
a {
	color: #E36C0A;
}

a:hover {
	color: #CC0000;
}

.link {
	background: url('../img/ostatni/link-bg.PNG') left center no-repeat;
	padding-left: 9px;
	position: relative;
	top: 6px;
	left: 5px;
	font-weight: bold;
}

/*
#obsah a:visited {
	color: #004600;
}
*/
h1, h2, h3, h4 {
	font-weight: bold;
	font-family: calibri, "trebuchet ms";
}

h2 {
	font-size: 2.45em;
	font-weight: bold;
	background: url('../img/global/h2-bg.PNG') left top no-repeat;
	padding-left: 45px;
	margin: 0 0 15px 0;
}

h3 {
	font-size: 2.1em;
	margin: 10px 0 4px 0;
	color: #E26600;
}

h4 {
	font-size: 1.69em;
	margin: 10px 0 4px 0;
	color: #404040;
}

h5 {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 1em;
	margin: 5px 0 3px 0;
}

#panel h5 {
	margin: 5px 0 0 0;
}

p {
	margin: 5px 0 8px 0;
}

#obsah ul, #obsah ol {
	margin: 3px 20px 15px 20px;
}

#obsah ul li {
	margin: 2px 0;
}

#obsah ul.seznam {
	margin: 15px 25px;
}

#obsah ul.seznam li {
	margin: 5px 0;
	padding-top: 6px;
}

#obsah ul.oddelit  {
	margin: 15px 10px;
	line-height: 1;
}

#obsah ul.oddelit li {
	border-bottom: 1px solid gainsboro;
	list-style: none;
}

table {
	border-collapse: collapse;
	margin: 10px 0 0 0;
}

td, th {
	padding: 3px 20px 3px 7px;
	border: 1px solid #EDEEE2;
}

th {
	border-bottom: 3px solid #FF971A;
	background: #FFFCD1;
}

.oddelit td, .oddelit th {
	border: 1px solid #EDEEE2;
	border-left: 0;
	border-right: 0;
	line-height: 1.8;
}

thead th {
	background: #F0F0E8;
}

img , img.vlevo {
	float: left;
	margin: 5px 20px 20px 0;
}

img.vpravo {
	float: right;
	margin: 5px 0 20px 20px;
}

dl {
	margin: 5px 10px 8px 10px;
}

dd {
	margin: 0 0 4px 20px;
}

.fotky  img {
	clear: both;
}

.plakaty  img {
	float: left;
	margin-left: 0;
}


.logo {
	background: none;
	border: none;
	position: relative;
	top: -30px;
}


#obsah address {
	margin: 3px 0 5px 0;
	font-style: normal;
}

.plavacek {
	float: left;
	padding: 0 3px 3px 10px;
	width: 245px;
	height: 120px;
	margin-bottom: 10px;
}

.uzsi{
	width: 140px;
}

.dalsi{
	border-left: 1px solid #D7DAC4;
	padding: 0 3px 3px 25px;
}

.vysvetli {
	border-bottom: 1px dotted #CED0B3;
	cursor: help;
}

.lokalni-navigace {
	color: #D7DAC4;
	background: #F8F9F5;
	border: 1px solid #EDEEE2;
	padding: 10px 15px;
	margin: 5px 10px 5px 0;
}

.lokalni-navigace strong {
	color: black;
}

.partneri img, .partner img {
	position: relative;
	left: 24px;
	_left: 18px;
	margin: 5px 0;
}

.partneri .aktivni-turistika  {
	position: relative;
	left: 0px;
	&left: 4px;
	margin: 5px 0;
	_margin-left: -5px;
	display: none;
	_display: block;
	&display: block;
}

.partneri .aktivni-turistika  img {
	margin-left: -30px;
	&left: -19px;
}


.aktivni-turistika {
	display: block;
	width: 175px;
	height: 60px;
	background: #24358F;
	border: 1px solid #D7DAC4;
	_position: relative;
}

.aktivni-turistika img {
	border: none;
	margin: 0;
	position: relative; left: -33px;
}

.mapa-stranek {
margin-left: 69px; 
}

.mapa-stranek hr {
margin-left: -60px; 
}

.pozor1 {
	padding: 3px 7px;
	background: #FFFCD1;
	margin-bottom: 15px;
}

.clanky .clanek {
	background: url('../img/ostatni/h4-a-bg.PNG') left top no-repeat;
	padding: 2px 0 15px 0;
}

.clanky h4 a {
	font-size: 0.85em !important;
}

.clanky .infotext1 {
	color: #E84941;
	font-weight: bold;
	font-style: italic;
}

.clanky .datum2 {
	display: block;
	border-top: 1px solid #FFF8C9;
	padding: 5px 0;
	margin: 10px 0;
}

.clanky .anotace {
	margin-left: 30px;
}

.povoleno, .nepovoleno, .koncept {
	font-size: 0.85em;
	font-family: "trebuchet ms";
	font-weight: normal;
	color: white;
	padding: 0 5px;
	background: #92D32D;
	margin: 2px;
}

h4 .povoleno, h4 .nepovoleno, h4 .koncept {	
	font-size: 0.55em;
	position: relative;
	top: -3px;
}

.nepovoleno {
	background: #F15B4C;
}

.koncept {
	background: #618FD5;
}

/* AKTUALITY a SLUŽBY  ----------------------------------- */
.aktualita, .sluzba {
	border: 1px solid #D7DAC4;
	padding: 0px 15px 15px 15px;
	margin: 6px 8px 6px 0;
	position: relative;
}

.listovani {
	font-weight: bold;
	background: #F8F9F5;
	border: 1px solid #EDEEE2;
	padding: 10px 15px;
}

.listovani a  {
	text-decoration: none;
	font-weight: normal;
	padding: 1px 5px;
	background: white;
	border: 1px solid #D7DAC4;
	margin-left: 2px;
}

.listovani a:hover  {
	background: #EDEEE2;
	border: 1px solid #D7DAC4;
}

.listovani strong a  {
	font-weight: bold;
	background: #EDEEE2;
	border: 1px solid #D7DAC4;
	color: #763F2F !important ;
}

.predpopis-akt, .predpopis-sluzeb {	
	margin: 3px 0 8px 0;
	display: block;
}

.predpopis-akt div, .predpopis-sluzeb div {
	display: inline;
}

h4 a {
	text-decoration: none;
	border-bottom: 1px solid #FEB602;
}

.aktualita h4, .aktualita .typ, .aktualita .anotace, .aktualita .obce {
	margin-left: 64px;
}

.anotace {

}

.vice {
	font-weight: bold;
	background: url('../img/ostatni/link-bg.PNG') left center no-repeat;
	padding-left: 9px;
}

.obce {
	margin-top: 5px;
}

.sluzba .obce {
	margin: 0;
}

.adm-aktuality .obce {
	margin: 5px 0 0 0;
}



.aktualita .vice {

	float: right;
}

.datum1, .kdy2 {
	font-size: 0.9em;
	color: #763F2F;
	margin: 0;
}

.kdy2 {
	background: url('../img/ostatni/kalendar.PNG') left center no-repeat;
	height: 63px;
	width: 50px;
	text-align: center;
	padding-top: 38px;
	color: black;
	font-size: 0.85em;
	font-weight: bold;
	position: absolute;
	left: 12px;
	_left: -65px;
	top: -6px;
}

.kdy2 strong {
	display: none;
}

.datum1 {
	margin-top: 10px;
}

.zpet-nekam {
	display: none;
}

/* PATKA ------------------------------------------- */
#patka {
	position: relative;
	height: 50px;
	padding: 25px 25px 0px 25px;
	font-size: 0.95em;
	color: black;
	background: url('../img/global/patka-bg.PNG') left bottom no-repeat;
	border-top: 3px solid #FF7F2E;
	position: relative;
	top: -2px;
	&top: -28px;
	_top: -28px;
}

#patka a {
	position: relative;
	top: -1px;
	margin: 0 5px;
	color: #CC0000
}

#patka p {
	color: black;
	position: absolute;
	top: 20px;
	right: 40px;
	display: inline;
}

#patka p a{
	margin: 0;
	top: 0;
	color: #B50000;
}


.skryvany {display: none; }
big#odkaz-nova {font-weight: bold; top: 10px; }