* { margin: 0; padding: 0; }

body { font-family: Arial, sans-serif; font-size: 13px; min-height: 400px; background: #000 url(../img/10242.jpg) center top no-repeat; }
body.night { background-image: url(../img/10242n.jpg); }

body#flash { background: #000; color: #fff; }

a:link { color: #b5ad9a; text-decoration: underline; font-weight: bold; }
a:visited { color: #b5ad9a; text-decoration: underline; font-weight: bold;}
a:hover { color: #ebd3af; text-decoration: underline; font-weight: bold;}

img { border: none; }

h1,h2,h3,h4,h5,h6 { margin: 10px 0; font-style: normal; font-weight: bold; }
h1 { font-size:1.8em; margin-top: 0; color: #91bdff; }
h2 { font-size:1.4em; }
h3,h4,h5,h6 { font-size:1em; }

hr { margin: 20px 0; background: #3A3A3A; color: #3A3A3A; border: 0; height: 2px; }
p { padding: 5px 0; }
li {
  margin : 0 0 0 40px;
  padding : 0;
}

table { margin: 10px 0; border-collapse: collapse; }
th, td { padding: 2px 8px 2px 0; text-align: left; }

.nowrap { white-space: nowrap; }

label { font-weight: bold; }

a.button { display: block; float: left; margin: 0 10px 0 0; padding: 8px; background: #222; border: 1px solid #888; font-weight: bold; }
a.new { padding-left: 32px; background: #222 url(../img/new.png) 7px center no-repeat; }
p.clear { overflow: hidden; _overflow: visible; _height: 1px; }

input.text { background: #222; border: 1px solid #888; padding: 4px; color: #fff;} 
input.button, button { border: 2px solid #888; padding: 2px 4px; color: #fff; font-weight: bold; background: #222; margin-right: 8px; }
input.error, textarea.error { border-color: #F00 !important; }
label.error { color: #F44; padding-left: 5px; }

p.submit { padding-top: 15px; }
form table td { height: 32px; }

.offscreen { position: absolute; left: -2500px; width: 1px; height: 1px; overflow: hidden; }
div.clear { clear: both; float: none; height: 1px; overflow: hidden; }
.stext { padding-bottom: 30px; }

.off { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Flashokno */
#flash_content { padding: 30px; width: 920px; margin: 0 auto; }
div.flash { text-align: center; padding: 15px; border: 2px solid #ddd; }

/* Notification */
div.notification, #jswarning { border: 1px dotted #000; margin: 10px 0; padding: 15px; font-weight: bold; }
div.error, #jswarning { color: #800; border-color: #800; background: #000; }
div.warning { color: #880; border-color: #880; background: #000; }
div.information { color: #080; border-color: #080; background: #000; }

/* administracni sort */
div.sort { margin-bottom: 10px; border: 1px solid #444;}
div.sort table { width: 100%; margin: 0; }
div.sort table .sort-sort img {vertical-align: bottom;}
div.sort table tr.oddrow { background-color: #111;}
div.sort table td, div.sort table th {padding: 3px 5px;}
div.sort table td {border-top: 1px solid #444;}
div.sort table td a { font-weight: bold; }
div.sort table td p { margin: 0; }
div.sort table {background-color: #000; border-collapse: collapse;}
div.sort table th { white-space: nowrap; }
div.sort table td.icon { padding: 2px 20px 0 0; width: 22px; }
div.sort { margin-bottom: 20px; }

div.pager { margin-bottom: 10px; border: none; overflow: hidden; background: #000; }
div.pager .pager_pages span {display: block; float: left; padding: 2px 5px; border: 1px solid #fff; margin: 0 4px 0 0;}
div.pager .pager_pages span.pager_inactive {border: 1px solid #888; color: #888;}
div.pager .pager_pages span.pager_set {border: 2px solid #fff; padding: 1px 4px; color: #fff; background: #444; font-weight: bold;}
div.pager .pager_pages a {color: #fff; text-decoration: none;}
div.pager .pager_pages a:hover span {background: #444;}
div.pager .pager_numberofrecords { padding: 5px; line-height: 26px;}


/*****************************
 * menu                      *
 *****************************/
#menu { width: 920px; padding: 5px 40px; margin: 0 auto 0; position: relative; }
#menu li { float: left; list-style: none; margin: 0; padding: 0; }
#menu li.mezera { margin-left: 80px; }
#menu li.sirsi { margin-left: 5px; }
#menu li.soutez { top: 375px; left: 892px; position: absolute;}
.night #menu li.mezera { margin-left: 120px; }
#menu ul { margin: 11px 0 0;  padding: 0; }
#menu a { color: #FFF; font-weight: bold; padding: 5px 14px 5px 0; margin-right: 8px; font-family: Verdana; font-size: 12px; text-decoration: none; }
#menu a:hover { color: #91bdff; }

#menu #english, #menu #deutsch { float: right; }
#english a, #deutsch a { display: block; width: 24px; height: 20px; background: blue; margin: -2px 0 0 0px; padding: 0; } 
#english a { background: url(../img/uk.png); }
#deutsch a { background: url(../img/de.png); }


/*****************************
 HP
****************************/
#content { width: 900px; padding: 40px; margin: 0 auto; color: #DDD; font-family: Arial; font-size: 13px; }
#columns { overflow: hidden; _overflow: visible; _height: 1px; }
#col1 { width: 580px; float: left; }
#col2 { width: 280px; float: right; }
.colitem { margin-bottom: 20px; }

.panel { padding-top: 13px; background: url(../img/logintop.png) left top no-repeat; }
.panel2 { padding-bottom: 13px; background: url(../img/loginbottom.png) left bottom no-repeat; }
.panel3 { padding: 5px 20px; background: url(../img/loginbg.png) left top repeat-y; }

/*****************************\
|	novinky                   |
\*****************************/
.novinka { margin-bottom: 30px; }
#col1 .novinka { width: 270px; float: left; }
.first { clear: left; padding-right: 40px; }
.more { clear: left; }



/****************************
 Galerie
****************************/

/** vypis galerii **/
h2.galtitle {  }
h2.galtitleclickable { padding-left: 30px; cursor: pointer; background: url(../img/galtitle.png) left center no-repeat; text-decoration: underline; }
h2.galtitleclickable:hover { text-decoration: none; }
h2.galtitleopen { background-image: url(../img/galtitleopen.png); }
.gallery h2 { font-size: 16px !important; white-space: nowrap; }
.gallery h2 a { color: #0072b1 !important; }
.gallery { width: 240px; height: 260px; float: left; margin: 5px; padding: 15px; text-align: center; overflow: hidden; }
.gallery p.img { height: 150px; }
.gallery a:hover img { border-color: #999 !important; }

/** vypis obrazku **/
.gal-image { width: 150px; height: 210px; float: left; margin: 3px; padding: 10px; text-align: center; overflow: hidden; }
.gal-image p { margin-bottom: 10px !important; font-size: 12px; }
.gal-image p.img { height: 140px; }
.gal-image a:hover img { border-color: #999 !important; }

/** lightbox **/
#ltbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 998; background: #000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
#ltcontent { position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: #fff; z-index: 999; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; }
#ltgalcontent { position: absolute; top: 0; left: 0; width: 72px; height: 32px; background: #fff; z-index: 999; padding: 10px 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; }
#ltgalcontent.label { width: 72px; height: 32px; padding: 10px 40px 50px; overflow: hidden; }
#ltimg { visibility: hidden; }
#ltlabel { visibility: hidden; position: absolute; bottom: 0; width: 100%; left: 0; text-align: center; color: #000; padding: 14px 0; font-size: 12px; font-weight: bold; z-index: 1001; white-space: nowrap; }
#ltcont { width: 100%; height: 100%; margin: 0; padding: 0; }
#ltprev { display: block; width: 40px; height: 100%; background: url(../img/prev.png) center center no-repeat; position: absolute; left: 0; top: 0; cursor: pointer; }
#ltnext { display: block; width: 40px; height: 100%; background: url(../img/next.png) center center no-repeat; position: absolute; right: 0; top: 0; cursor: pointer; }
#ltloading { width: 100%; height: 100%; background: url(../img/loading.gif) center center no-repeat; }
#ltprev:hover, #ltprev.hover { background-image: url(../img/prevh.png); }
#ltnext:hover, #ltnext.hover { background-image: url(../img/nexth.png); }

/**************************
	Ankety
***************************/
p.votes { text-align: right; }
p.votes span { display: block; height: 1.1em; float: left; }

/**************************
klikací mapa
**************************/
#imagemap { position: relative; width: 980px; height: 330px; margin: 24px auto 0; _margin: 10px auto 0; &margin: 10px auto 0; }
#imagemap a { display: block; position: absolute; overflow: hidden; /* background: #00f; opacity: 0.5; /**/ }
#imagemap #terminy { top: 140px; left: 25px; width: 350px; height: 150px; }
#imagemap #historie { top: 148px; left: 901px; width: 68px; height: 112px; }
#imagemap #kontakty { top: 35px; left: 758px; width: 104px; height: 216px; }
#imagemap #demo { top: 160px; left: 670px; width: 72px; height: 100px; }
#imagemap #lennon { top: 5px; left: 285px; width: 92px; height: 115px; }
#imagemap #okapele { top: 10px; left: 582px; width: 154px; height: 56px; }
#imagemap #galerie { top: 123px; left: 504px; width: 105px; height: 169px; }
#imagemap #switch { top: 0px; left: -10px; width: 60px; height: 50px; }
#imagemap #guestbook { top: 30; left: 40px; width: 117px; height: 105px; }
/*#imagemap #clenove { top: 95px; left: 40px; width: 100px; height: 40px; }*/
#imagemap #register { top: 139px; left: 595px; width: 117px; height: 56px; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/****************
	Guestbook
****************/
.guestbook .jmeno { text-align: left; font-weight: bold; color: #91bdff; }
.guestbook .datum { text-align: right; color: #91bdff; }
.guestbook .text { text-align: justify; }