@import url(decor.css);
@import url(head.css);
@import url(menu.css);
html {height: 100%;}
body {
	height: 100%; margin: 0pt auto; padding: 0; position: relative; text-align: center; width: 1000px;
	font: 12px Arial; color: white; background: #424243;
}

div.main {margin-bottom: -229px; padding: 0; border: none; min-height:100%; text-align: left; background: black;}

a img {border: none; outline: none;}
a {color: #5f5e5e; text-decoration: underline;}
a:visited {color: #5f5e5e; text-decoration: underline;}
a:hover {color: #5f5e5e; text-decoration: none;}

table.page {
	width: 100%; margin: 0; padding: 0; border: none;
}
td.left {
	width: 209px; vertical-align: top;
}
div.menu {
	margin: 0 0 50px 30px;
}
div.banner {
	margin: 0 0 10px 30px;
}
div.banner img, td.content img {
	border: #626263 2px solid; 
}
div.newsblock {
	background: url(../images/newsbg.jpg) top left no-repeat; padding: 0 0 0 30px; position: relative;
}
div.title {
	font: 24px Georgia; min-height: 102px;
}
div.title span.shadow {
	color: black; position: absolute; top: 52px; left: 43px;
}
div.title span {
	color: white; position: absolute; top: 53px; left: 42px;
}
div.news {
	background: url(../images/newsline.gif) bottom no-repeat; padding-bottom: 8px; margin-bottom: 14px;
	color: white;
}
span.date {
	background: #a80f0b; font: 11px Arial; color: white; padding: 0 2px 0 2px;
}
div.arh {
	text-align: right; font: 11px Arial;
}
div.arh span {
	background: url(../images/arh.gif) left no-repeat; height: 11px; padding-left: 14px;
}

td.content {
	vertical-align: top; padding: 30px 30px 0 65px;
}
td.content table {
	width: 100%; border: none; margin: 0 0 60px 0; padding: 0;
}
div.podborform {
	background: url(../images/podbor-bg.jpg) top no-repeat; width: 343px; height: 310px; margin-right: 27px;
	position: relative;
}
div.podborform span.shadow {
   font: 12px Georgia; text-transform: uppercase; position: absolute; top: 18px; left: 40px; color: black;
}
div.podborform span {
   font: 12px Georgia; text-transform: uppercase; position: absolute; top: 19px; left: 39px; color: white;
}
div.podborform form {
	margin: 0; padding: 0;
}
table.podtop {
	width: 184px; position: absolute; top: 65px; left: 45px;
}
table.podtop td {
	padding-bottom: 10px;
}
input.pr {
	width: 180px; border: 1px solid #626263; font-size: 12px; padding: 2px;
}
select.raz {
	width: 63px; font-size: 12px; margin-right: 1px;
}
select.rad {
	width: 135px; font-size: 12px;
}


table.podbot {
	width: 306px; position: absolute; top: 239px; left: 20px; border: none; font: bold 12px Arial;
}
td.csh div {
	background: url(../images/csh.gif) no-repeat; width: 112px; height: 21px; text-align: center; display: block;
	padding-top: 3px;
}
td.psh div {
	background: url(../images/psh.gif) no-repeat; width: 162px; height: 21px; text-align: center; display: block;
	padding-top: 3px;
}
td.bb div {
	background: url(../images/bb.gif) no-repeat; width: 304px; height: 21px; text-align: center; display: block;
	padding-top: 3px;
}

table.podbot a {color: white; text-decoration: none;}
table.podbot a:visited {color: white; text-decoration: none;}
table.podbot a:hover {color: white; text-decoration: none;}


div.pop-pred {
	background: url(../images/pop-bg.jpg) top no-repeat; height: 356px;
}
div.pop-pred table {
	width: 695px; border: none;
}
div.pop-pred table td {
	vertical-align: top;
}
div.pop-pred table td.namen div {
	font: 20px Georgia; color: black; padding-left: 50px; margin-top: 79px; z-index: 1; position: relative;
}
div.pop-pred table td.namen div span {
   color: white; position: absolute; top: -1px; left: 49px; z-index: -1;
}
td.obra {
   padding: 10px 30px 0 40px; font: 12px Arial;
} 
td.obra span {
	color: #820a0a; font-weight: bold;
}
table.koles {
	width: 660px; border: none; margin: 0; padding: 0;
}
table.koles img {
	border: #bcbcbc 1px solid;
}
table.koles a {color: white;}
table.koles a:visited {color: white;}
table.koles a:hover {color: white;}

td.pr-sh {
	text-align: center;
}
td.pr-sh div {
	margin-bottom: 8px; font: bold 12px Arial; color: white;
}

div.pere {clear: both;}

div.pre {clear: both; height: 229px;}
div.foot {
	background: url(../images/bottom.jpg) no-repeat; height: 229px; position: relative;
}
div.foot table {
	width: 100%; border: none;
}
div.foot table td {
	vertical-align: top;
}
div.foot table td.lev {
	width: 303px; text-align: left;
}
div.tel {
	position: relative; top: 80px; left: 70px; 
}
div.tel div {
	font: italic 14px Georgia; color: white; padding-bottom: 7px;
}
div.tel div span {
	font-size: 24px; color: #c01605; position: relative; top: 15px !important; left: 5px;
}
div.multi {
	font: 12px Arial !important; color: white; text-align: left; padding-top: 15px;
}
div.multi div {
	font: 11px Arial !important; color: white; text-align: left; padding-top: 10px;
} 
div.multi div a {
	color: white;
}
div.link {
	margin: 90px 18px 0 0; text-align: right; color: white;
}
div.link a {padding: 0 12px 0 12px; color: white;}
div.link a:visited {color: white;}
div.link a:hover {color: white;}

div.copy {
	text-align: left; font: italic 12px Georgia; padding: 30px 0 0 10px;
}
div.bottom {
	font: italic 18px Georgia; color: white; padding-top: 8px; z-index: 1; text-align: left; position: relative;
}
div.bottom span {
	font-size: 24px;
}
div.bottom div {
	position: absolute; top: 7px; left: -1px; z-index: -2; color: black;
}

.field       { font-family: Verdana; font-size: 8pt; color: #000000; width: 200px; height: 
               20px; border: 1px solid #808080 }
.admin_button { font-family: Verdana; font-size: 8pt; border: 1px solid #808080 }
.admin_caption { font-family: Arial; text-decoration: none; font-size: 8pt; color: #C0C0C0 }
.admin_main_menu_text { font-family: Verdana; font-size: 8pt; color: #C0C0C0; text-decoration: none }
.admin_main_menu_picture { border: 2px solid #C0C0C0 }

.off { 
	visibility: hidden;
	height: 1px;
	overflow: scroll;
}

.on { 
	visibility: visible; 
}