*{margin:0;padding:0; }
body{
font-family:Tahoma, Verdana, Arial, lucida, sans-serif;
background:#62a0cf url("img/bg-body.gif") repeat-x left top;
color:#000; font-size:small; text-align:center; line-height:1.4; }

html>body{
font-size:small}

a.a-ico { margin-left: 5px; }

.noscreen { width:250px; position:absolute; left:0; top:-2000px; }
.end { clear:both; line-height:1px; font-size:1px; height:1px; }


p  { margin: 10px; ; }
.err  { font-weight: bold; color: red; ; }
.uspech  { font-weight: bold; ; }

/* obrazy */
#main { width:770px; margin:0 auto; text-align:left; }
#head { margin-top:10px; height:69px;
		background:#fff url("img/head.jpg") no-repeat right top; position:relative; }


#head div { padding-top: 10px; width: 98%; text-align: right; }
#head div span { }




#nav-pri { height:35px; background:#fff url("img/nav-primarni.jpg") no-repeat right top;
		position:relative; }

#nav-sek { height:38px; background:#fff url("img/nav-sekundarni.jpg") no-repeat right top;
		position:relative; }

#content { width:100%; background:#fff url("img/bg-content.gif") repeat-y; }

#inadm { padding:6px 15px; min-height:450px; height:450px; }

#content>#inadm { height:auto;}

#foot { margin-bottom:10px; height:28px; background:#fff url("img/foot.jpg") no-repeat; }



#nav-pri {  }
#nav-pri ul { margin-left:10px; }
#nav-pri li { margin:8px 6px 0; float:left; list-style:none; overflow:hidden; }
#nav-pri li a,#nav-pri li strong { font-weight:bold; display:block; text-decoration:none; }
#nav-pri li strong { color:#d6372b; }
#nav-pri li a:link,#nav-pri li a:visited {color:#000; }
#nav-pri li a:hover { color:#F21329; text-decoration:none; }

#nav-sek { position:relative; }
#nav-sek ul { margin-left:10px; }
#nav-sek li { margin:8px 6px 0; float:left; list-style:none; overflow:hidden; }
#nav-sek li a,#nav-sek li strong { font-weight:bold; display:block; text-decoration:none; }
#nav-sek li strong { color:#d6372b; }
#nav-sek li a:link,#nav-sek li a:visited {color:#000; }
#nav-sek li a:hover { color:#F21329; text-decoration:none; }


/* text */
#inadm h1 { padding:3px 10px; background:#247bbd; font-size:120%; color:#fff; }
#inadm h2, #inadm h4 { padding:3px 0 3px 5px; border-bottom:2px solid #247bbd; margin:13px 12px 8px 12px; font-size:120%; color:#247bbd; }
#inadm strong { font-weight:bold; color:#035a9a; }
#box strong { text-transform: uppercase; font-size:110%; color:#035a9a; }
blockquote { color:#FF6600; text-align:center; font-weight:bold; font-size:110%; }
#inadm b {color:#035a9a; }
#inadm ul{margin:15px 20px; list-style-type:none}
#inadm li{line-height:1.5}
#inadm li.bold { text-indent:0; padding:0; margin:5px 0 0 0; text-transform:uppercase;
	color:#035a9a; font-weight:bold; list-style-type:none; }
/* p */
#inadm p { padding:6px 0; }
#inadm p.center {text-align:center; }
#inadm p.right {text-align:right; }
#box p {padding:5px; }
#inadm p.border { border:1px solid #a3c8e3; border-left:3px solid #a3c8e3;
		border-right:3px solid #a3c8e3; background-color:#f7f9fa; padding:5px;
		margin-top:5px; margin-bottom:5px; }

#foot p { font-weight:bold; font-size:100%; color:#fff; }
p.bold { font-weight:bold; color:#e0252b; }

/* links */
a:link {color:#254373; }
a:visited {color:#FF6600; }
a:hover {color:#000; }
a:active {color:#70aa06; }
#foot a:link, #foot a:visited {color:#fff; }
#foot a:hover {color:#FF6600; }


/* Prihalseni*/
#login-formular  { display: block; width: 220px; padding:15px 22px 15px 15px; margin: 80px auto; border:3px double #ccc;}
#login-formular p  { margin: 10px 5px; text-align: center; }






input, select, textarea, option  { padding: 1px 2px; font-family: "Trebuchet MS";}
input, select, textarea  { border: 1px solid silver; }
input.sub { font-weight: bold; letter-spacing: 1px; }

#formatovani-textu  { margin: 0 0 30px 0;} 
#formatovani-textu img  { vertical-align: middle; }


table.tab  { width: 600px; margin: 25px auto; border-collapse: collapse; border: 1px solid #c7ddef; }
table.tab th  { text-align: left; background: #e7effe; padding: 4px 6px; }
table.tab td  { text-align: left; padding: 4px 6px; }


#novy-clanek  { display: block; margin: 0px 15px; padding: 0 5px; } /* <FORM> */
#novy-clanek p  { margin: 10px 0;}
#novy-clanek label  { font-weight: bold; }
#novy-clanek input  { width: 300px; }
#novy-clanek input.sub  { width: auto; }
#novy-clanek textarea  { width: 95%; height: 450px; }
#novy-clanek td { padding: 4px 0; }


span#ikonky-delka-tpole { float: right; padding: 0 30px 4px; }
span#ikonky-delka-tpole a {  }
span#ikonky-delka-tpole a img { vertical-align: middle; }
a#odkaz-na-obr {  }

a#odkaz-novy-clanek  { padding-left: 19px; background: url('ikony/novy-clanek.gif') center left no-repeat; }



#vytvorit-slozku, #novy-obrazek { padding: 20px 5px 5px; }
#vytvorit-slozku fieldset, #novy-obrazek fieldset { border: 0; margin: 0; padding: 10px; background: #ecf0f1; width: 95%;}
#vytvorit-slozku legend, #novy-obrazek legend { font-size:110%; font-weight: bold; letter-spacing: 2px;
	background: white; padding: 0px 6px;
	position: relative; left: -18px; top: -15px;
	}


#novy-obrazek  { display: block;  }
#novy-obrazek p { margin: 3px 5px; padding: 0; }
#vytvorit-slozku select { width: 200px; }
#novy-obrazek select { width: 250px; }
#novy-obrazek select option, #vytvorit-slozku select option { width: 300px; }

table.tab-obrazky { width: 95%; border-collapse: collapse; margin: 10px auto;}
table.tab-obrazky th { padding: 2px 12px 2px 4px; border: 1px solid black; text-align: center;}
table.tab-obrazky td { padding: 2px 12px 2px 4px; border: 1px solid black;}
table.tab-obrazky td.td-jmeno  { }
table.tab-obrazky td.td-roz,table.tab-obrazky td.td-vel  { text-align: right; }
table.tab-obrazky td.td-akce  { text-align: center; width: 60px;}

table.tab-soubory { width: 95%; border-collapse: collapse; margin: 10px auto;}
table.tab-soubory th { padding: 2px 12px 2px 4px; border: 1px solid black; text-align: center;}
table.tab-soubory td { padding: 2px 12px 2px 4px; border: 1px solid black;}
table.tab-soubory td.td-vel  { width: 100px; text-align: right; }
table.tab-soubory td.td-akce  { text-align: center; width: 60px;}



/*
Sloupce tabulky jde skryvat!
table.tab-obrazky td.td-roz { display: none; }
table.tab-obrazky th.td-roz { display: none; }
*/

table.tab-obrazky a  { text-decoration: none; }
table.tab-obrazky a:hover  { text-decoration: underline; background-color: yellow;}

a.odkaz-obr-jpg, a.odkaz-obr-png, a.odkaz-obr-gif, a.odkaz-file, strong.slozka {padding: 2px 0 2px 20px;
 background-position:  center left; background-repeat: no-repeat;}
a.odkaz-obr-jpg,a.odkaz-obr-jpg:hover {  background-image: url('ikony/ikona-jpg.gif'); }
a.odkaz-obr-png, a.odkaz-obr-png:hover {  background-image: url('ikony/ikona-png.gif'); }
a.odkaz-obr-gif,a.odkaz-obr-gif:hover {  background-image: url('ikony/ikona-gif.gif'); }
a.odkaz-file,a.odkaz-file:hover { background-image: url('ikony/ikona-file.gif'); }
strong.slozka  { padding-left: 23px; background-image: url('ikony/ikona-slozka.gif'); }


#sablona-form  { display: block; margin: 25px 5px; }
#sablona-form textarea  { width: 95%; height: 650px; ; font-size: 100%; font-family: monospace;}



table.table-odkazy { width: 95%; margin: 10px;}
table.table-odkazy td { width:49%; padding: 8px 4px; background: #e7effe;}
table.table-odkazy .td1 { text-align: right;}
table.table-odkazy #pdm { width: 300px; height: 150px; overflow: auto; }
table.table-odkazy select { width: 225px; }

table.uzivatel { width: 370px; display: block; margin: 10px auto; }
table.uzivatel input { width: 90%; }
table.uzivatel input.check { width: auto; border: 0; }
table.uzivatel label { display: block; }
table.uzivatel td { padding: 4px; }
table.uzivatel td.cols { padding: 8px; background: #b3d7f1; }
table.uzivatel td.td1 { width: 150px; background: #e7effe;}
table.uzivatel td.td2 { width: 200px; text-align: center;}
table.uzivatel .sub { width: auto; }

table.uzivedit { width: 500px; margin: 25px auto; border-collapse: collapse; border: 1px solid #c7ddef; }
table.uzivedit th { background: #b3d7f1; text-align:left; padding:2px;}
table.uzivedit td, table.uzivedit th { padding: 4px; }
table.uzivedit img {padding:0 3px;}


table.reporty { width: 95%; margin: 25px auto; border-collapse: collapse; border: 1px solid #c7ddef; }
table.reporty th { background: #b3d7f1;}
table.reporty td, table.reporty th { padding: 2px; }
table.reporty tr.dnesek td { border-bottom: 1px solid silver;}

div.nastaveni p { margin: 20px 5px; }
div.nastaveni input { width:300px; margin: 2px 0; }
div.nastaveni input.radio { width: auto; vertical-align: middle; margin: 0 5px; }

/* napoveda */


/* Fotoalbum */

#fa-form { display: block; padding: 20px 10px; width: 90%; }
#fa-form fieldset { border: 0;  }
#fa-form legend { font-size:110%; font-weight: bold; letter-spacing: 2px;
	background: white; padding: 0px 6px;
	_position: relative; _left: -18px; _top: -15px;}

#fa-form label { display: block; }
#fa-form textarea {}
#fa-form input { width: 150px; }
#fa-form input#foto-titulek { width: 450px; }
#fa-form input#foto-nadpis { width: 300px; }
#fa-form input#foto-nahled-strana { width: 50px; }
#fa-form textarea#foto-popis { width: 550px; height: 100px; padding: 2px; }
#fa-form .but, #fa-form .sub,#fa-form .check { width: auto; }



#form-nahledy div { margin: 10px; padding: 10px; }
#form-nahledy div div { margin: 0; padding: 0;}

a#odkaz-nova-kolekce  { padding-left: 19px; background: url('ikony/novy-clanek.gif') center left no-repeat; }

#inadm div div.nahled { float: left; width: 210px;	padding: 5px; margin: 5px;
	border: 1px solid silver; background: #fafafa; }
#inadm div div.nahled img { display: block; margin: 5px auto; border: 1px solid silver;} 
#inadm div div.nahled select { width: 130px;}
#inadm div div.nahled input.odk { width: 80%;}
#inadm div div.nahled a.drop { float: right; width: 22px; }
#inadm div div.nahled a.aodkaz { display: block; text-align: center; padding: 3px;
	width: 100px; background: #ffffcc; margin: 2px auto; }



table#gbook { margin: 20px auto; width: 90%; border: 1px solid #c7ddef;  }
table#gbook th { padding: 4px; background: #b3d7f1;}
table#gbook td { padding: 4px; border-bottom: 1px solid #c7ddef; }
table#gbook td p, table#gbook td div { margin: 15px; padding: 0; }
table#gbook td.skryty { background: #f4f4f4; }
table#gbook td.akce { width: 80px; }
table#gbook tr.dalsi td { text-align: center; padding: 10px; border: 0; }

#gbf { margin: 20px; }
#gbf label { float: left; width: 70px; text-align: right; padding-right: 4px; }
#gbf input { width: 200px; }
#gbf input.sub { width: auto; }
#gbf textarea { width: 80%; height: 175px; }


/***************************************************/


/* novinky */

#nov-tab {  margin: 20px auto; width: 95%; border-collapse: collapse; border: 1px solid #c7ddef;}
#nov-tab th, #nov-tab td { padding: 2px 4px; }
#nov-tab th  { text-align: center; background: #e7effe; padding: 4px 6px; }
#nov-tab td  { text-align: left; padding: 4px 6px; border-bottom: 1px solid #c7ddef;}
#nov-tab td p { margin: 2px; padding: 0;}
#nov-tab td.aktualni { background: #e8f9e9; }
#nov-tab td.skryte { background: #f7f7f7; }


#nov-form { display: block; padding: 0; width: 100%; }
#nov-form fieldset { border: 0;  }
#nov-form legend { font-size:110%; font-weight: bold; letter-spacing: 2px;
	background: white; padding: 0px 6px;
	_position: relative; _left: -18px; _top: -15px;}

#nov-form label { float:left; width: 85px; padding-right: 5px; text-align: right; padding-top: 3px;}
#nov-form textarea { }
#nov-form input { width: 150px; }
#nov-form .but, #nov-form .sub,#nov-form .check { width: auto; }

/***************************************************/

#ank-tab {  margin: 20px auto; width: 95%; border-collapse: collapse; border: 1px solid #c7ddef;}
#ank-tab th, #ank-tab td { padding: 2px 4px; }
#ank-tab th  { text-align: center; background: #e7effe; padding: 4px 6px; }
#ank-tab td  { text-align: left; padding: 4px 6px; border-bottom: 1px solid #c7ddef;}
#ank-tab td ol { padding: 0; margin: 5px 5px 5px 60px; }
#ank-tab td span { color: gray;}

#ank-form { display: block; padding: 20px 10px; width: 90%; margin: 0 auto; }
#ank-form fieldset { border: 1px solid silver;  }
#ank-form legend { font-size:110%; font-weight: bold; letter-spacing: 2px;
	background: #e7effe; padding: 5px 20px; margin: 0 0 0 20px;}
#ank-form label { float:left; width: 110px; padding-right: 5px; text-align: right; padding-top: 3px;}
#ank-form input { width: 225px; }
#ank-form .sub { width: auto; margin-left: 200px;}





/*********************************************/

form#bloky { display: block; padding: 0 15px;}

form#bloky label{ font-weight: bold; font-size: 120%; }
form#bloky div { margin: 10px auto; }



img.texyobrazek{border:1px solid #000; background:#e1e1e5; padding:3px; margin:2px;}
img.texyobrazek:hover {border:1px solid #ccc;}

textarea.uniftextarea { width: 98%; height: 350px; padding: 5px; font-size: 100%;}


span.soubory-iko, strong.slozka {padding: 2px 0 2px 20px; background-image: url('ikony/ikona-file.gif');
	background-position:  center left; background-repeat: no-repeat;}
span.prip-doc,span.prip-doc:hover {  background-image: url('ikony/doc.gif'); }
span.prip-pdf,span.prip-pdf:hover {  background-image: url('ikony/pdf.gif'); }
span.prip-avi,span.prip-avi:hover,span.prip-mpg,span.prip-mpg:hover,span.prip-wmv,span.prip-wmv:hover {  background-image: url('ikony/avi.gif'); }
span.prip-mp3,span.prip-mp3:hover {  background-image: url('ikony/mp3.gif'); }
span.prip-png,span.prip-png:hover {  background-image: url('ikony/png.gif'); }
span.prip-ppt,span.prip-ppt:hover {  background-image: url('ikony/ppt.gif'); }
span.prip-xls,span.prip-xls:hover,span.prip-xla,span.prip-xla:hover {  background-image: url('ikony/xls.gif'); }

strong.slozka  { padding-left: 23px; background-image: url('ikony/ikona-slozka.gif'); }


div.ruzne-polozka { width: 32%; float:left; padding-top:20px; padding-bottom: 20px; text-align:center; vertical-align: middle;
	font-size: 150%;}


input.checkdel { margin: 0 5px 0 0; padding:0; line-height:0; border: 0; }

select.doc-select { width: 300px; }


form#uzivatele fieldset { border: 0; margin: 15px 10px 10px; padding: 10px; background: #ecf0f1;}
form#uzivatele legend { font-size:110%; font-weight: bold; letter-spacing: 2px;
background: white; padding: 0px 6px;
_position: relative; _left: -18px; _top: -15px;	}

#tab-uzivatele { width: 400px; margin: 25px auto; border-collapse: collapse; border: 1px solid #c7ddef; }
#tab-uzivatele th { text-align: left; background: #e7effe; padding: 4px 6px; }
#tab-uzivatele td { text-align: left; padding: 4px 6px; }
	
