body, div, p, ul, ol, li, img, h1, h2, h3, input, hr, form, span, a {margin:0px; padding:0px;}
img, table {border:0px;}
ul li {list-style-type:none;}
hr {display:none;}
select, input {font-family:Trebuchet MS; font-size:100%;}


.clirence {clear:both; height:1px; line-height:0; font-size:0; border: none !important; padding: 0px !important; }

a {color:#666;}
a:hover {text-decoration:none;}

.orange {color:#FF6600;}
.black {color:#000;}
.grey {color:#666;}
.hid {display:none;}

div.hlaska {border-bottom:0px; padding:0;}
div.hlaska p {border:1px solid #FFF; border-width:1px 0px; background:#FFEFE5; padding:12px 11px 7px 11px; margin:0px;}

/*  BODY --------------------------*/
body {font-family:Trebuchet MS, Arial, sans-serif; text-align:center; background:#FFF;}
div#all {text-align:left; color:#333; width:760px; margin:0 auto; padding-bottom:20px;}

div#all h1 {float:left;}
div#all a.logo {display:block; width:156px; height:140px; margin:14px 0 0 17px; background:url("../images/logo-big.gif");}
div#all a.logo strong {display:none;}


/*  DIV#CONTENT --------------------------*/
div#content input.red {border:2px solid #FFCC99; background:#FF5400; padding:3px 2px 1px 2px; color:#FFF; font-weight:bold; cursor:hand; margin:0px; line-height:100%;}

div#content {width:535px; float:right; font-size:78%; line-height:140%; margin-top:20px; border-top:1px solid #CCC;}

/*  pro zachovani minimalni vysky obsahu*/ 
.minvyska {	float: right;	width: 0px;	height: 600px;}

div#content p {margin-top:18px;}
div#content div {border-bottom:1px solid #CCC; padding:10px 10px 30px 10px;}
div#content div div {border:0; padding:0;}

div#content div#navigace {padding:0 10px 10px 10px; font-size:90%; color:#666;}
div#content div#navigace p { margin-top:10px;}
div#content div#navigace a:hover {color:#FF5400;}

div#content div#top {margin-top:2px; border-top:2px solid #7F7F7F;}

div#content h1 {font-family:Georgia; font-size:200%; font-weight:normal; color:#666; margin:25px 0 0 0; float: none;}
div#content h2 {font-family:Georgia; font-size:180%; font-weight:normal; color:#666; margin:25px 0 0 0;}
div#content h3 {font-family:Georgia; font-weight:normal; color:#FF5400; margin:14px 0 0 0; font-size:146%;}
div#content h4 {margin:14px 0 0 0; font-size:120%;}

div#content ul {padding-top:20px; line-height:160%;}
div#content ul li {background-color:red; padding-left:16px; background:4px 8px no-repeat url("../images/tecka.gif");}
div#content ol.number li {	margin-left: 40px; list-style: decimal;} 

div#content t-able {border-left:1px solid #CCC; border-top:1px solid #CCC; border-bottom:0; margin-top:20px;}
div#content t-able td {border-bottom:1px solid #CCC; padding:8px;border-right:1px solid #CCC;}

div#content table.ukazky {border:0;}
div#content table.ukazky td {border:0; padding:10px;}

div#content table.kataloguser {width: 500px;margin-bottom: 10px;background: url("../images/kataloguser-bg.gif") repeat-x bottom;	height: 40px;	border-bottom: 1px solid #CCC;}
div#content table.kataloguserhlavicka {width: 500px;	margin-bottom: 10px; border-bottom:1px solid #CCC;}
div#content table.kataloguser A { font-size: 120%; color:#FF5400;}
div#content table.kataloguser .poradi { font-size: 120%;}

div#content table.cenikshort { width: 99%;}
div#content table.cenikshort td { width: 33%; vertical-align: top;}
div#content table.cenikshort UL { margin-top: 5px; padding-top: 0px;}

div#content .funnkcescreen {	margin-top: 10px; text-align: center;}
div#content .funnkcescreen img {}
div#content .funnkcescreen A {
	display: block;border-color: #E0E0E0;border-style: solid;border-width: 2px;padding: 1px 1px 1px 1px;
	}
div#content .funnkcescreen .ukazkafunkce { float: left; font-style: italic;  text-decoration: none; margin: 4px; font-size: 90%;
 text-align: center; }
div#content .funnkcescreen A:hover { text-decoration: none; border-color: #A0A0A0;}

div#content .funkcecontent H4 { padding-top: 10px; clear: left;}
div#content .funkcecontent p { margin-left: 10px;}


div#content .otazky hr, hr.line { display: block; height: 1px;}

 
div#content div#bottom {border:0; border-bottom:2px solid #7F7F7F; margin-bottom:2px;}

div#content div#menu-dole {border:0; border-top:1px solid #CCC; text-align:center; padding:0;}
div#content div#menu-dole ul {padding:10px 0;}
div#content div#menu-dole li {margin:0 6px; display:inline; padding:0; background:none;}
div#content div#menu-dole p {text-align: center;color: #888; margin: 0.4em 0 0.3em 0;}
div#content div#menu-dole p a {color: #888;}

/* content - index.html */
div#content div#hledaniform {background:#ECECEC;padding: 5px 0 5px 10px;border: none;}
div#content div#hledaniform fieldset{border: none;padding: 0px;margin: 0px;}
div#content div#hledaniform label{padding: 0px 10px 0px 5px;vertical-align: middle;}
div#content div#hledaniform input#key {border: 1px solid #CDCDCD;width: 200px;margin-right: 10px;height: 20px;vertical-align: middle;}
div#content div#hledaniform input#keybutton {border: 2px solid #C4C4C4;background-color: #ABABAB;width: 70px;color: White;font-weight: bold;height: 27px;vertical-align: middle;}
div#content div#www {border-top:2px solid #7F7F7F; margin-top:2px;}
div#content div#www p a {color:#FF6600;}
div#content div#www table {margin-top:8px; border:0;}
div#content div#www table td {text-align:center; border:0; padding:0;}
div#www table td#clanky a {display:block; width:121px; height:20px; padding-top:92px; margin-right:5px; font-size:146%; color:#000; text-decoration:none; background:0 0 no-repeat url("../images/ico/clanky.gif");}
div#www table td#fotoalbum a {display:block; width:119px; height:20px; padding-top:92px; margin-right:5px; font-size:146%; color:#000; text-decoration:none; background:0 0 no-repeat url("../images/ico/fotoalbum.gif");}
div#www table td#sablony a {display:block; width:124px; height:20px; padding-top:92px; margin-right:5px; font-size:146%; color:#000; text-decoration:none; background:0 0 no-repeat url("../images/ico/sablony.gif");}
div#www table td#zamek a {display:block; width:121px; height:20px; padding-top:92px;  color:#000; font-size:146%; text-decoration:none; background:0 0 no-repeat url("../images/ico/zamek.gif");}

div#www table td#clanky a:hover {color:#FF6600; background:0 -170px no-repeat url("../images/ico/clanky.gif");}
div#www table td#fotoalbum a:hover {color:#FF6600; background:0 -170px no-repeat url("../images/ico/fotoalbum.gif");}
div#www table td#sablony a:hover {color:#FF6600; background:0 -170px no-repeat url("../images/ico/sablony.gif");}
div#www table td#zamek a:hover {color:#FF6600; background:0 -170px no-repeat url("../images/ico/zamek.gif");} 

div#content div#www p.aktivujte {font-size:136%; margin:20px 0 3px 82px;}
div#content div#www p.aktivujte a {display:block; width:322px; height:27px; color:#FFF; text-decoration:none; padding:14px 0 0 15px; background:0 0 no-repeat url("../images/buttons/aktivujte-bg.gif");}

div#content div#katalog {border-bottom:2px solid #7F7F7F; margin-bottom:2px; padding-bottom:25px; padding-top: 5px; }
div#content div#katalog table {width:515px; border:0;}
div#content div#katalog table td {border:0; padding:0; width: 50%; color:#666;}
div#content div#katalog table td.head {font-size:140%; padding:18px 0 5px 0;}
div#content div#katalog table strong {font-weight:normal; color:#666;}
div#content div#katalog table a {color:#666;}

.usernadpis {font-size:140%; padding:18px 0 5px 0; color:#666;}

div#content div#zalozka {border:0px; padding:0px 10px 0px 10px; width:515px; float:left; background:bottom repeat-x url("../images/zalozka-top-bg.gif");}
div#zalozka li {float:left; margin:0 1px 0 0; font-size:120%; text-align:center; padding: 0px !important;}
div#zalozka li a {display:block; height:29px; padding-top:8px; font-family:Georgia; font-weight:normal; color:#FF5400; font-size:120%; text-decoration: none;}
div#zalozka li a:hover {text-decoration:underline; color:#FF5400;}
div#zalozka li strong {	display: block;	height: 28px;	padding-top: 9px;	font-family: Georgia;	font-weight: normal;	color: #FF5400;	font-size: 120%;text-decoration: none;}

div#zalozka li#z_katalog strong {width:230px; background:0 0 no-repeat url("../images/buttons/katalog-on.gif");}
div#zalozka li#z_katalog a {width:230px; background:0 0 no-repeat url("../images/buttons/katalog-off.gif");}
div#zalozka li#z_katalog a:hover, .cache1 {background:0 0 no-repeat url("../images/buttons/katalog-ov.gif");} 
 
div#zalozka li#z_navstevnost strong {width:171px; background:0 0 no-repeat url("../images/buttons/navstevnost-on.gif");}
div#zalozka li#z_navstevnost a {width:171px; background:0 0 no-repeat url("../images/buttons/navstevnost-off.gif");}
div#zalozka li#z_navstevnost a:hover, .cache2 {background:0 0 no-repeat url("../images/buttons/navstevnost-ov.gif");}

div#zalozka li#z_zajimave strong {width:109px; background:0 0 no-repeat url("../images/buttons/rozsirene-on.gif");}
div#zalozka li#z_zajimave a {width:109px; background:0 0 no-repeat url("../images/buttons/rozsirene-off.gif");}
div#zalozka li#z_zajimave a:hover, .cache3 {background:0 0 no-repeat url("../images/buttons/rozsirene-ov.gif");}

div#content .funkce {width:510px; border:0; margin-top: 10px; margin-bottom: 20px;}
div#content .funkce td {border:0; padding:0; color:#666;}
div#content .funkce td.head {font-size:140%; padding:18px 0 5px 0;}
div#content .funkce a.funkcenadpis { display: block;text-decoration: none;font-family:Georgia; font-weight:normal; color:#FF5400; margin:14px 0 0 0;	padding: 0 0 5px 0;  font-size:146%;}
div#content .funkce a.funkcenadpis:hover {text-decoration: underline;}

div#content .funkce td.mainfunkce {padding:10px 0 5px 0;}
div#content .funkce td.mainfunkce A {font-size:110%;}
div#content .funkce td.subfunkce {padding:5px 0 5px 0;}
div#content .funkce td.subfunkce A {font-size:100%;}
div#content .funkce td.mezera {width:10px;}
div#content .funkce td.popisek {width:300px;}
div#content .funkce strong {font-weight:normal; color:#666;}
div#content .funkce a {color:#666;}
div#content .funkce p {margin:3px 0 0px 0;}
div#content .funkce p.pstranky {background:0 30px no-repeat url("../images/ico/clanky.gif"); padding: 0px 0 0 130px;}
div#content .funkce p.pfotoalbum {background:0 30px no-repeat url("../images/ico/fotoalbum-big-off.gif"); padding: 0px 0 0 130px;}
div#content .funkce p.pdesign {background:0 30px no-repeat url("../images/ico/sablony.gif"); padding: 0px 0 0 130px;}
div#content .funkce p.pdalsi {background:0 30px no-repeat url("../images/ico/zamek.gif"); padding: 0px 0 0 130px;}

div#content div.button {text-align:center; padding:12px 0px 14px 0px;}
div#content input.buton {width:260px; height:33px; background:url("../images/bg-button.gif");
 border:0px; color:#FFF; margin:0px 10px 0px 10px; padding-bottom:2px; font-weight:bold;
  font-size:126%; cursor:hand;}

/* content - ukazky.html */
div#content table.ukazky a {border:3px solid #CCC; margin-bottom:3px; display: block;}
div#content table.ukazky a:hover {border:3px solid #FF6600;}

/*spodni cara*/
div#content div.obsahpage {border-bottom:2px solid #7F7F7F; margin-bottom:2px; padding-bottom:42px;}

/* content - registrace */
.registrace {width: 500px;	margin-top: 50px;}
.registrace td {padding-bottom: 20px;padding-left: 10px;}
.registrace .prvni {font-weight: bold;	width: 150px;padding-top: 5px;text-align: right;}
.registrace .velke {font-size: 18px;}
.registrace td.rozdeleni {	padding-bottom: 20px;padding-left: 10px;}

/* content - ukazky */
.nahledy{margin-left: 10px;margin-top: 20px;}
.nahledy .mensi td{padding: 9px;}
.nahledy .mensi{margin-bottom: 6px;}
.nahledy .velky{padding: 8px;padding-top: 12px;}
.nahledy a {border-color: #E0E0E0;	border-style: solid;	border-width: 2px;padding: 3px;display: block;}
.nahledy a:hover {border-color: #A0A0A0;}
.ukazkypouziti {padding-left:10px;}
.ukazkyadministrace {margin-left: 10px;margin-top: 20px;}
.ukazkyadministrace td{padding: 5px 5px 15px 5px;}
.ukazkyadministrace a {border-color: #E0E0E0;border-style: solid;border-width: 2px;padding: 2px 2px 2px 2px;display: block;}
.ukazkyadministrace a:hover {border-color: #A0A0A0;}
/*-------------------------- konec DIV#CONTENT */

/* DIV#LEFT-STRIPE --------------------------*/
div#left-stripe {width:190px; font-size:78%; line-height:140%; float:left; clear:left;}

/*aktuality*/
a.aktualita {color: Black;	font-weight: bold;}

/*menu*/
div#left-stripe ul#menu {margin:26px 10px 40px 10px; border-top:1px solid #E0E0E0;}
div#left-stripe ul#menu li {font-size:132%; line-height:140%; padding:1px 0px; border-bottom:1px solid #E0E0E0;}
div#left-stripe ul#menu li a {display:block; width:160px; padding:5px 0px 7px 10px; font-weight:bold; color:#000;}
div#left-stripe ul#menu a:hover {text-decoration:underline; background:#F6F6F6;}
div#left-stripe ul#menu li strong {display:block; width:160px; padding:5px 0px 7px 10px; font-weight:bold; color:#FF6600;}
div#left-stripe ul#menu a.active {display:block; width:160px; padding:5px 0px 7px 10px; font-weight:bold; color:#FF6600;text-decoration:none;}
div#left-stripe ul#menu a.active:hover {text-decoration:underline;background:#FFF; }

/*konec-menu*/

div#left-stripe h2 {padding:10px; margin:0 0 1px 0; color:#FF5400; font-size:146%; font-family:Georgia; font-weight:normal; background:top right no-repeat url("../images/oblouk-right.gif") #EEE;}
div#left-stripe div.box{padding:7px 4px 7px 9px; margin:0 0 5px 0; color:#666; font-size:90%; background:#EEE;}
div#left-stripe div.box table td {padding:0 4px 4px 0;}

input.prihlasit {width:55px; height:19px; border:1px solid #CDCDCD; padding:1px 0 0 2px;}
input.vstup {border:2px solid #C4C4C4; background:#ABABAB; padding:2px 2px 1px 2px;color:#FFF; font-weight:bold; cursor:hand; margin:0px;}

div#left-stripe p.pripominka{text-align:center; font-size:95%; padding-top: 6px; padding-bottom: 4px;}
div#left-stripe p.pripominka a{color:#999;}
div#left-stripe p.pripominka a:hover {color:#666;}
/*-------------------------- konec DIV#LEFT-STRIPE */

.text-right {text-align:right;}
.text-mid { text-align:center;}
.left {float:left;}
.right {float:right;}

/*cenik reklamy*/
#content a.pdf {background: none;	back\ground: url(../images/pdf.gif) no-repeat 0 0;	padding-left: 1.8em;}
#content a.pdf:hover {background: none;	back\ground: url(../images/pdf2.gif) no-repeat 0 0;}
#content a.word {background: none;	back\ground: url(../images/word.gif) no-repeat 0 0;padding-left: 1.8em;}
#content a.word:hover {background: none;	back\ground: url(../images/word2.gif) no-repeat 0 0;}
#content a.xls {background: none;	back\ground: url(../images/xls.gif) no-repeat 0 0;	padding-left: 1.8em;}
#content a.xls:hover {background: none;	back\ground: url(../images/xls2.gif) no-repeat 0 0;}

#content div.obsahpage ul.float {float: left; margin-right: 30px; margin-left: 10px;}
#content div.obsahpage blockquote.float {float: left; margin: 1.3em 0 1.5em 0;_margin: 1.3em 0 0.5em 0;}
#content div.obsahpage table.statistiky {border-collapse: collapse;	margin-top: 8px; margin-bottom: 20px;}
#content div.obsahpage table.statistiky th, #content div.obsahpage table.statistiky td {padding-right: 8px; padding-left: 8px;	padding-top: 6px;	border: 1px solid Black;}
#content table.statistiky th {text-align: center;}
#content table.statistiky td {text-align: right;}
#content table.statistiky td.no {text-align: left;} 

/*katalog*/
div#content div#katalog table td a {text-decoration: none;}
div#content div#katalog table td a:hover {text-decoration: underline;}
div#content div#katalog table td.head a {text-decoration: underline;}
div#content div#katalog table td.head a:hover {text-decoration: none;}
div#content div#katalog table td.head {padding-top: 12px;}
div#content div#katalog table td {vertical-align: top;}

/*otazky*/
div.otazky hr {border: none; border-top: 1px solid #CCC;}
div.otazky ol {padding-bottom: 20px; _padding-bottom: 0;}
div.otazky div {margin-bottom: 5px; _margin-bottom: 0;}
/*navstevnost - doporucujeme*/
div#content div#navstevnost {margin-top: 5px;margin-bottom: 2px;border-bottom: 2px solid #7F7F7F;padding-bottom: 12px;}
div#content div#zajimave {margin-top: 5px;}
div#content div#doporucujeme {background: White;border-bottom: 2px solid #7F7F7F;margin-top: -42px;margin-bottom: 2px;padding-top: 5px;padding-bottom: 25px;}
div#doporucujeme a {font-size: 140%;padding-right: 9px;color: #666666; line-height: 23px;}
div#doporucujeme p {margin-top: 10px;}
hr.line {border: none; border-top: 1px solid #CCC;}
.seda, .seda a, div#content .seda h3 {color: #999;}
table.spoluprace  {margin: 0.8em 0 0.2em -0.2em;border-collapse: collapse;width: 100%;	font-size: 95%;_font-size: 90%;}
table.spoluprace td {padding: 0.3em;border: 1px solid #CCC;vertical-align: top;}
/* 9. 1. 2008 */
#languages {font-size: 90%; color: #555; padding-top: 10px; padding-left: 29px; padding-bottom: 49px;}
#languages p {padding-top: 0px; padding-bottom: 2px;}
#languages p span {display: none;}
#languages a {text-decoration: none; width:24px; height:19px; padding: 0; overflow: hidden; position: relative; float: left; margin: 3px 10px; cursor: hand;}
#languages a:hover {opacity: 0.8;}
#languages a span {width:24px; height:19px; display: block; position: absolute; top:0px; left:0;}
#languages a.cz span {background: url(../images/flag-cz.png) no-repeat 0 0;}
#languages a.hu span {background: url(../images/flag-hu.png) no-repeat 0 0;}
#languages a.en span {background: url(../images/flag-en.png) no-repeat 0 0;}