html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; }
body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	background: #ffffff url('img/back-rep.gif') repeat-x top left;
	font-size: 11px;
	font-family: Tahoma;
	color: #000000;
	margin:0px;
	padding:0px;
}

img { margin: 0; padding: 0; }
div { margin: 0; padding: 0; }
span { margin: 0; padding: 0; }
p { margin: 0; padding: 0; }


#toper { z-index: 1; width: 100%; height: 100%; position: absolute; top: 0; }
#back-left { background: url('img/back-left.gif') no-repeat top right; }
#left-shadow { background: url('img/left-shadow.gif') repeat-y bottom right; }
#right-shadow { background: url('img/right-shadow.gif') repeat-y bottom right; }
#back-right { background: url('img/back-right.gif') no-repeat top left; }
#bottom { padding-bottom: 25px; width: 100%; height: 68px; background: url('img/bottom-shadow.gif') repeat-x bottom left; }

/* header */
#header { height: 128px; background: #202226 url('img/top.jpg') no-repeat top; }

#content-top { width: 100%; height: 25px; background: #000000 url('img/content-top.gif') repeat-x top left; }
#content { height: 300px; background: #000000 url('img/content.gif') repeat top left; }
#cont-div { text-align: justify; color: #ffffff; }

/* news main */
.n-main { margin: 0px; padding: 0px; height: 347px; width: 400px; background: url('img/content.gif') repeat top left; }
.n-contact { margin: 0; padding: 5px; color: #ffffff; font: 11px Arial; text-align: right; background: url('img/bottom-shadow.gif') repeat-x bottom left; }
#H1-bygi { height: 45px; background: url('img/news-H1-bygi.gif') no-repeat top left; }
#n-main-H1 { height: 45px; background: #1b1c1f url('img/content-top.gif') repeat-x top left; }
.n-main-link { height: 75px; padding: 5px 15px 5px 28px; font: 12px Arial; color: #ffffff; text-align: justify; }
.n-main-link a { text-decoration: none; font: 12px Arial; color: #ffffff; }
.n-main-link a:hover { text-decoration: none; color: #ff7400; }

#content-news { padding-bottom: 25px; background: url('img/content.gif') repeat top left; }

.n-main2 { margin-bottom: 0px; padding-bottom: 0px; height: 347px; width: 520px; background: url('img/news-back-rep1.gif') repeat-x top left; }
.n-contact2 { padding: 5px 5px 5px 21px; color: #ffffff; font: 11px Arial; text-align: left; background: url('img/bottom-shadow2.gif') repeat-x bottom left;  }
#H1-katon { height: 45px; background: url('img/news-H1-katon.gif') no-repeat top left; }
.n-main-link2 { height: 75px; padding: 5px 80px 5px 21px; font: 12px Arial; color: #ffffff; text-align: justify; }
.n-main-link2 a { text-decoration: none; font: 12px Arial; color: #ffffff; }
.n-main-link2 a:hover { text-decoration: none; color: #ff7400; }
#olen { width: 100%; height: 100%; background: url('img/olen.gif') no-repeat bottom right; }

/* news */
#news-head { color: #ff7e32; font: bold 13px Arial; }
.news-H1 { color: #ff7e32; font: bold 16px Arial; }
.news-H1 a { color: #ff7e32; font: 13px Arial; text-decoration: none; }
.news-H1 a:hover { color: #f9af83; }
.news-short  { color: #ffffff; font: 11px Arial; }
.img { padding: 1px; margin: 3px; border: 1px solid #ff7e32; }
.n-pod { border-bottom: 1px solid #404040; padding-bottom: 10px; }
.n-pod a { color: #ff7e32; font: 13px Arial; text-decoration: none; }
.n-pod a:hover { text-decoration: underline; color: #f9af83; }
#date { color: #ff7e32; font: bold 13px Arial; }
#n-short { color: #ffffff; text-align: justify; }
#n-long { color: #ffffff; text-align: justify; }
#news-back a { color: #ff7e32; font: 13px Arial; }

/* main cont */
.main-cont { height: 293px; width: 420px; padding: 0; margin: 0;
 background: url('img/main-cont.gif') repeat-x top left; }
.main-cont td { cursor: pointer; }
.main-cont td a { display: block; width: 391px; padding: 5px 0 5px 29px; margin: 0; text-decoration: none; color: #fffefe; font: bold 12px Arial; }
.main-cont td a:hover { background-color: #ff7400; }

/* url cont */
.url { height: 100px; padding: 0; margin: 0; }
.url td a { color: #ffffff; font: 11px Arial; padding: 5px 0px 5px 0px; display: block; width: 100%;  }
.url td a:hover { background-color: #ff7400;  }

/* otzivi */
#otziv { color: #ffffff; font: 11px Arial; }
#otz-button { border: 1px solid grey; margin-top: 10px; padding: 2px 20px; background-color: #cecece; font: bold 12px Arial; cursor: pointer; }
#otz-textarea { width: 500px; height: 150px; border: 1px solid grey; background-color: #cecece; font: bold 12px Arial; }
#otz-mail { width: 220px; border: 1px solid grey; background-color: #cecece; font: bold 12px Arial; }
#otz-img-code { width: 220px; margin: 15px 0px 15px 0px; }
#otz-fuck { width: 50px; border: 1px solid grey; background-color: #cecece; }
#img-code { margin: 10px; padding: 1px; border: 1px solid grey; }

.o-text { color: #ffffff; border: 1px solid #ff7e32; border-bottom: none; border-left: none; }
.o-numer { color: #ffffff; font: bold 12px Arial; padding: 4px; border-right: 1px solid #ff7e32; border-bottom: 1px solid #ff7e32;  }
.o-mail { color: #ff7e32; padding: 4px; }
.o-text-in { padding: 4px 4px 20px 10px; text-align: justify; color: #ffffff; border-bottom: 0px solid #ff7e32; }

/* slideShow */
.slideshow { width: 522px; height: 293px; overflow: hidden; }
.slideshow img { width: 522px; height: 293px; }


/* gallery */
#gall-rep { background: url('img/gall-rep.gif') repeat-x top left; }
#gall-button { width: 25px; background: url('img/gall-button.gif') no-repeat top right; }
.gall { padding: 5px 0px 5px 8px; }
.gall img { margin-bottom: 5px; border: 1px solid #000000; cursor: pointer; }
.gall a { margin-left: 5px; text-decoration: none; font: bold 11px Tahoma; color: #ffffff; }
.gall a:hover { color: #ff7400; }
.gall div { margin: 10px 0 0 5px; font: 11px Arial; color: #ffffff; }

/* gallery in */
#gall-back { }
#largeimg { padding: 2px; border: 3px solid #cccccc; }

/* shop form */
#shop { font: 12px Arial; color: #ffffff; }
#shop-text { border: 1px solid grey; width: 250px; }
#shop textarea { width: 320px; }
#shop #submit { font: bold 12px Arial; border: 1px solid grey; background-color: #ffc28f; width: 120px; cursor: pointer; }
#shop #submit:hover { background-color: #ff7400; }

/* shop */
.shop-form { color: #ffffff; }
.shop-form #name { padding: 2px 2px 4px 2px; font: 12px Arial; }
.shop-form #price { padding-left: 2px; font: 12px Arial; }
.shop-form #text { margin: 2px; font: 11px Arial; color: #ffffff; text-align: justify; }
.shop-form #button { border-bottom: 1px solid #ff7400;  }
.shop-form img { padding: 1px; margin: 2px 5px 2px 2px; border: 1px solid white; float: left; }
.shop-form #submit { font: bold 12px Arial; border: 1px solid grey; background-color: #ffc28f; width: 140px; cursor: pointer; }
.shop-form #submit:hover { background-color: #ff7400; }



H1 { color: #ffffff; font: bold 16px Arial; }
H2 { color: #93a72f; font: bold 15px Arial; }
H3 { color: #ff7400; font: bold 15px Arial; }

a { text-decoration: none; }