/* ------------- zrušení přednastavených stylů prohlížečům ------------ */
ul 		{list-style-type: none;}
a img {border: none;}
table {border-collapse:collapse;}
input, textarea {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #fff; background-color: #352503;}

/* --------------------- OBECNÉ -------------------------- */
body 	{text-align: center;	background: #a18022 url(../images/bg-body.gif) repeat-x; font-family: Verdana, Arial, sans-serif; font-size: 62.5%;
			line-height: 2em;	color: white; padding: 0; margin: 0;}
h1 {margin: 5px 10px 20px 10px; font-size: 12px;}
p {margin: 10px; margin-top: 0;}
p.cara {padding-bottom: 10px;	border-bottom: 1px solid #987920;}
p.bottom-vetsi {margin-bottom: 18px; padding: 0;}
a	{color: #eeddcc;}
a:visited {color: #B2956E;}
a:hover {color: #fff; text-decoration: none;}
input, textarea {border: 1px solid #987920;}
span.cleaner	{display: block; clear: both;}
.cleaner	{clear: both; font-size: 0;}
.left		{text-align: left;}
.right	{text-align: right;}
.center	{text-align: center;}
.float-right {float: right;}
.float-left {float: left;}

/* -------------------- ZÁKLADNÍ ROZVRŽENÍ -------------------- */

#web {
	width: 758px; margin: 0 auto; margin-top: 7px;	text-align: left;}
#header {
	background: url(../images/header.gif) repeat-x; height: 88px; width: 739px;
	margin: 0 auto; margin-top: 20px; position: relative; bottom: -1px;}
	.header-levy {background: url(../images/header-levy.gif) no-repeat;	height: 88px;}
	.header-pravy {background: url(../images/header-pravy.gif) no-repeat right top;	height: 88px;}
	#header .header-obsah {padding: 21px 160px 0px 55px;}
		#header p {font-size: 2em;}
		#header p.velky {font-size: 3em;}
		#header .odsad-left-cz {margin-left: 42px;}
		#header .odsad-left-en {margin-left: 12px;}
	#header #jazyk {position: absolute; right: 61px; top: 25px; font-size: 1.1em;}
		#header #jazyk a {color: white; font-weight: bold;}
		#header #jazyk a:hover {color: white;}
		#header #jazyk img {vertical-align: middle; margin-right: 2px;}

#vnitrek {width: 739px; margin: 0 auto; font-size: 1.2em;}
	#vnitrek .stred-nahore {background: url(../images/stred-nahore.gif) no-repeat; height: 10px; font-size: 0;}
	#vnitrek .stred-dole {background: url(../images/stred-dole.gif) no-repeat left bottom; height: 10px; font-size: 0;}
	#vnitrek .vnitrek-obsah {background: #634a15;	width: 737px;	border-left: 1px solid #c1ab6d; border-right: 1px solid #c1ab6d; padding-top: 10px; position: relative;}
	#vnitrek .text {padding: 0px 15px 20px 15px;}
	#vnitrek table.uprostred {margin: 0 auto;}
	#vnitrek table td {vertical-align: top;}
	#vnitrek .box-svetly {background: #745919; border: 1px solid #987920; padding: 5px 10px; margin-bottom: 10px;}
	#vnitrek img {border: 1px solid #987920;}

#footer {background: url(../images/footer.gif) no-repeat center top; height: 36px; text-align: center; color: white; font-size: 1.1em;
				margin-top: 3px; padding-top: 7px;}
	#footer a {color: white;}
	#footer a.ibis {background: url(../images/ikona-ibis.gif) no-repeat right 2px; padding-right: 15px; color: #41ff33;}
	#footer a.ibis:hover {color: #41ff33;}
	#footer a:hover {color: white;}

/* ----------------- MENU ------------------- */
ul#menu {margin: 0 auto; width: 700px; height: 31px; font-size: 1.1em; font-weight: bold;}
ul#menu li {float: left; height: 32px; text-align:center;}

ul#menu li.aktivni, ul#menu li.aktivni-odkaz {background: #a18022 url(../images/menu-aktivni-levy.gif) no-repeat;}

ul#menu li.uvod {width: 74px;}
ul#menu li.galerie {width: 82px;}
ul#menu li.curriculum {width: 104px;}
ul#menu li.pedag-cinnost {width: 170px;}
/* ul#menu li.texty {width: 89px;} */
ul#menu li.pomnik {width: 176px;}
ul#menu li.kontakt {width: 88px;}

ul#menu a, ul#menu li.aktivni-odkaz a {color: #eddcc5; padding: 0px 12px;	line-height: 2.7em;}
ul#menu a:hover, ul#menu span a:hover {color: white; text-decoration: none;}
ul#menu span {background: url(../images/menu-aktivni-pravy.gif) no-repeat right top; height: 31px; padding: 0px 16px; display: block; line-height: 2.7em;}
ul#menu li.aktivni-odkaz span {padding: 0;}

/* ----------------- MENU MALÉ ------------------- */
#menu-male {margin: 6px auto; width:398px; margin-top: 8px;	background: #442f0f url(../images/menu-male-levy.gif) no-repeat; height: 29px;
	text-align: center;	padding-left: 5px; line-height: 2.3em; font-size: 1.2em;}
	#menu-male .prave-zakonceni {background: #442f0f url(../images/menu-male-pravy.gif) no-repeat right top; height: 29px;}
	#menu-male a, #menu-male span.aktivni {color: #eddcc5;	padding-left: 2px; margin-right: 5px;}
	#menu-male a.posledni {padding-right: 3px;}
	#menu-male a:hover, #menu-male span.aktivni {color: #fff;}

.menu-male-pedag {width:550px !important;}

/* ----------------- stránka uvod ------------------- */
#uvod-vnitrek {position: relative; margin-top: 14px; width: 758px; height: 533px;}
	img#uvodni-napis {position: absolute;	left: 70px; top: 64px;}
	#jazyk-uvod {position: absolute; right: 80px; top: 69px;}
		#jazyk-uvod a {color: #442f0e; font-weight: bold; font-size: 1.1em;}
		#jazyk-uvod a.text-posun {position: relative; bottom: 16px; margin-left: 2px;}

/* ----------------- stránka galerie (rozcestnik) ------------------- */
table#galerie-rozcestnik {margin: 0px 10px 18px 14px; height: 200px; font-size: 15px; font-family: Tahoma, Arial, sans-serif;}
table#galerie-rozcestnik td {text-align: center; padding-right: 17px;}
table#galerie-rozcestnik td.posledni {padding-right: 0px;}
table#galerie-rozcestnik img {border: none; margin: 0; margin-top: 18px;}
table#galerie-rozcestnik img.odsazeni-nahoru {margin-top: 12px;}
table#galerie-rozcestnik a {color: white; text-decoration: none;}
table#galerie-rozcestnik .box-rozcestnik {background: #070400 url(../images/galerie-rozcestnik-nahore.gif) no-repeat; width: 225px; height: 163px;}
table#galerie-rozcestnik .box-rozcestnik-zakonceni {background: url(../images/galerie-rozcestnik-dole.gif) no-repeat left bottom; height: 32px; padding-top: 5px;}

.gal-vstup {text-align:center !important;}
.gal-vstup p {background: url(../images/vstup-galerie.gif) no-repeat left top; height:37px; text-align:center; padding:0; width: 225px; margin:0 auto;}
.gal-vstup p a {position:relative; top:7px;}

/* --- stránka galerie (malby, plastiky, realizace v architektuře) --- */
table#galerie {margin: 0 auto; width: auto; text-align: center; font-size: 11px; line-height: 1.2em;}
table#galerie td.popisky {vertical-align: top; padding-bottom: 30px;}
table#galerie td {padding-bottom: 3px; width: 138px; vertical-align: bottom;}
table#galerie tr td img {margin: 0; width:120px;}

#vnitrek table.strankovani {background: url(../images/bg-strankovani.jpg) repeat-x; height: 40px; width: 700px; margin: 0 auto; font-size: 11px;}
#vnitrek table.strankovani td {padding: 0 25px; vertical-align: middle; width:25%;}
#vnitrek table.strankovani td.cislo {text-align: center;  font-size: 14px; width:50%;}
#vnitrek table.strankovani td.cislo a, table.strankovani span {padding: 0 3px;}
#vnitrek table.strankovani span {font-weight: bold; color: #fff;}
#vnitrek table.strankovani a {color: #eddcc5; text-decoration: underline;}
#vnitrek table.strankovani a:hover {color: #fff; text-decoration: none;}
#vnitrek table.strankovani td.cislo a { color: #a18022;}
#vnitrek table.strankovani td.cislo a:hover {color: #fff;}


/* ----------------- stránka kontakt ------------------- */
img#rona-kontakt {margin: 0 0 15px 5px; float: left;}

form#kontakt {float: right; display: inline; width: 445px; font-size: 11px; margin-top: 3px;}
form#kontakt table {width: 420px;}
form#kontakt table tr {height: 33px;}
form#kontakt input { margin-left: 6px; padding: 4px 0;}
form#kontakt textarea {width: 420px; height: 98px; overflow: auto;}
form#kontakt input.bez-uprav {border: none; background: none; text-align: right; height: 23px; padding: 0; padding-top: 5px;}

form.kniha {margin-top: 3px;}
form.kniha table tr {height: 30px;}
form.kniha input { margin-left: 6px; padding: 4px 0;}
form.kniha textarea {width: 520px; height: 98px; overflow: auto;}
form.kniha input.bez-uprav {border: none; background: none; text-align: right; height: 23px; padding: 0; padding-top: 5px;}
form.kniha input.noBackground {border: none; background: none;}
form.kniha tr td.mezera {width:60px;}

/* ----------------- stránka detail ------------------- */
#vnitrek a.sipka-predchozi img, #vnitrek a.sipka-dalsi img {border: none;}
#vnitrek a.sipka-predchozi {position: absolute; top: 20px; left: 20px;}
#vnitrek a.sipka-dalsi {position: absolute; top: 20px; right: 20px;}

#vnitrek table.strankovani-detail {background: none;}
#vnitrek table.strankovani-detail tr td {padding-top: 3px; padding-bottom: 3px;}
#vnitrek table.strankovani-detail span {color: #a18022; font-size: 14px;}

#vnitrek img.foto-detail {display: block; margin: 0 auto;}

#vnitrek #detail-popis {margin: 0 auto; background: #46330d url(../images/detail-popis.jpg) repeat-x left bottom; width: 737px;
												border-left: 1px solid #c1ab6d; border-right: 1px solid #c1ab6d;}
#vnitrek .detail-popis-obsah {padding: 10px 10px 4px 10px;}
#vnitrek .detail-popis-zakonceni {background: url(../images/detail-popis-dole.jpg) no-repeat left bottom; margin: 0 auto; height: 8px; font-size: 0;}
#vnitrek #detail-popis table {margin: 0 auto; text-align: left;}
#vnitrek #detail-popis td {padding: 0 25px;}
input.nic {display:none;}
.chyba {color:red; background:white; padding:3px 10px;}
.ok {color:white; background:#A18022; padding:3px 10px;}

.center {text-align:center;}
.tab {vertical-align: top;}
.tab-rok { font-weight: bold; text-align: right; vertical-align: top; padding-right:10px; }
a.gal-male-aktivni {text-decoration:none; border-bottom:1px dotted;}
a.gal-male-aktivni:hover {border:none;}

.knihaPoutac {width: 726px; margin:15px auto 0 auto; font-size:12px; background: #AD8F3D; padding: 5px;}
.knihaPoutac img {float: left; margin-right: 16px;}
.knihaPoutac p {margin-top: 5px;}
.knihaPoutac a {color:white;}