body { background: #355970 url(../img/bg.gif) repeat-x; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
img { border-style: none; }
a { color: #FFFFFF; text-decoration: none; }
a:hover { color: #FF7B19; }
h1 { position:absolute; left: 35px; top: 35px; display: block; margin: 0; z-index:: 100; }
h2 {position: absolute; right: 10px; bottom: 5px; font-size: 19px; font-weight: normal; padding: 0px 10px 2px; background: url(../img/h2.gif) no-repeat left bottom; margin: 0; }
p {margin: 0 0 1em 0;}
ul { margin: 0px 0px 0px 16px; padding: 0px; list-style: url(../img/li.gif); }
.top { margin: 0px auto; height: 140px; width: 824px; background: url(../img/top.gif) no-repeat bottom; position: relative; left: 0; top: 0; }
.bottom { margin: 0px auto; width: 824px;}
.middle, .bottom { margin: 0px auto; width: 824px; position: relative; left: 0; top: 0;}
.left { position: absolute; left: 0; top: 20px; width: 299px;  border: 1px solid gren; }
.right { position: relative; margin: 0 0 0 299px; width: 525px; background: url(../img/top.gif) no-repeat right bottom; padding: 20px 0 10px 0;}
.rightBottom { margin: 10px 0 20px 299px; padding-bottom: 10px; position: relative; }
.clear { clear: both; overflow: hidden; height: 1px; }
.menu_list { position: absolute; right: 0; top: 0; margin: 0px; padding: 0px; list-style: none; }
.menu_list li { background: url(../img/menu.gif) no-repeat; height: 59px; width: 85px; margin-left: 3px; float: left; }
.menu_list a { display: block; padding: 22px 0px 2px 7px; font-size: 11px; }
.menu_list strong { font-size: 12px; display: block; }
.thumb { float: left; position: relative; height: 76px; width: 67px; margin: 0px 6px 12px 0px; }
.thumb img { padding: 8px 0px 0px 8px; }
.thumb a { background: url(../img/thumb.gif) no-repeat; position: absolute; height: 100%; width: 100%; }
.thumb a:hover { background: url(../img/thumb_hover.gif) no-repeat; }
.smart { padding: 6px 10px 6px 12px; background: url(../img/smart.gif) no-repeat; }
.smart_end { background: url(../img/smart.gif) no-repeat; height: 1px; overflow: hidden; margin-bottom: 10px; }
.description { float: left; width: 262px; text-align: justify;}
.d1 {width: 200px;}
.d2 {width: 324px;}
#mainPicture {position: relative; left:0; top: 0; _width: 500px;}
#mainPicture .big_img {background: #828c90; padding: 8px; }
#mainPicture .big_img img {border: 1px solid #586a74;}
#mainPicture .big_img .fotoPopis {background: #586a74; padding: 2px 5px;}
.pLinks {position: absolute; right: 20px; bottom: -5px;}
.pLinks a {float: left; background: #152835; display: block; width: 16px; line-height: 18px; text-align: center; margin: 0 1px 0 0; font-weight: bold; font-size: 11px;}
.pLinks a:hover, .pLinks a.active { background: #FFFFFF; color: #FF7B19;}
.pLinks .prevFoto {font-size: 10px; padding: 0 5px 0 15px; width: auto; text-transform: uppercase; background: #152835 url("../img/prevFotoBg.png") 5% 50% no-repeat;}
.pLinks .nextFoto {font-size: 10px; padding: 0 15px 0 5px; width: auto; text-transform: uppercase; background: #152835 url("../img/nextFotoBg.png") 95% 50% no-repeat;}
.pLinks .prevFoto:hover {background: #fff url("../img/prevFotoHoverBg.png") 5% 50% no-repeat;}
.pLinks .nextFoto:hover {background: #fff url("../img/nextFotoHoverBg.png") 95% 50% no-repeat;}
.pLinks a.off, .pLinks a.off:hover {background-color: #152835; color: #999;}

#index { background: #355970 url(../img/bg_index.gif) repeat-x; }
#index .top { height: 103px; background: none; }
#index .middle { position: relative; background: #152835 url("../img/middleBg.gif") no-repeat;}
.index_img { padding: 20px 0px 1px; display: block; }
.leader { position: absolute; right: 10px; padding: 10px 10px 0px; width: 485px; color: #ff7b19;}
.leader ul {list-style: url("../img/li2.gif");}
.white { background: #FFFFFF; height: 5px; overflow: hidden; }

.activeSection, .activeSection a, .activeSection a:hover { color: #FF7B19; cursor: pointer; _cursor: hand; }
.section { float: left; width: 126px; background: url(../img/h2.gif) no-repeat right top; padding: 10px 0px 0px 10px; }
.section ul { height: 30px; }
.section li strong { text-transform: uppercase;}
.section a img { margin: 10px 0px 12px; border: 1px solid #FFFFFF; display: block; }
.section a:hover img, .activeSection a img { border: 1px solid #FF7B19;}
.footer { margin: 20px 0px 0px 319px; }

.leftFooter {
	margin: 10px 0px 0px 10px;
}

.rightFooter {
	float: right;
	width: 270px;
}


h3 {
	font-size: 14px;
	margin: 0 0 1em 0;
}

li h3 {margin: 0 0 0.2em 0;}


/* -- xppx -- */
table.projDetails {border: none;}
table.projDetails th, table.projDetails td {padding: 0 5px; border: none; text-align: left; vertical-align: top;}
table.projDetails th {font-weight: bold; width: 120px;}

.randImage {margin: 0 0 20px 0;}

.left form {font-size: 10px;}
.left fieldset {border: none; margin: 0; padding: 0; padding: 0 0 0 20px;}
.left label {display: block;}
.left input, .left select, .left textarea {width: 240px; font-size: 9px;}
.left .submitBox {text-align: right; padding: 5px 20px;}
.left .submitBox input {width: 100px;}

.left .smart fieldset {
	padding: 0 0 0 0;
}

.left h3 {
	font-size: 100%;
	color: #ff7b19;
	margin: 0 0 10px 0;
}

.hon .hideout1 { display: none;}
.hon .hideout2 { display: block;}
.hoff .hideout1 { display: block;}
.hoff .hideout2 { display: none;}

.persCard img {
	display: block; margin: 0 0 1em 0;
}

.refText {
	margin: 0 180px 1em 0;
}