@charset "windows-1251";
body { margin:0; padding:0; background: none; width:100%; background:#e7e7e7 url(images/main_bg.gif) top repeat-x;}
html { padding:0; margin:0;}
.clr {clear:both;}

/* main */
.main {width:983px; padding:0; margin:0 auto; }

/* header */
.header { width:983px; margin:0; padding:0;}
.logo { width:300px; height:60px; margin:0; padding:10px 10px; float:left;}
.logo h2 { font: bold 24px Tahoma, Geneva, sans-serif; color:#cbcbcb; padding:20px 5px; margin:0;}
.logo .text { font: normal 12px Arial, Helvetica, sans-serif; color:#9d9d9d; padding:0; margin:0;}
/* banner */
.banner { width:468px; height:60px; float:right; padding:0px 0 0 0; margin:15px 0 0 0;}
.banner2 { width:468px; height:60px; float:left; padding:0px 0 0 0; margin:10px 0 0 10px;}

/* menu */
.menu { width:900px; margin:30px 0 0 0; padding:0; float:left;}
.menu ul { margin:0; padding:0; list-style:none;}
.menu li { margin:0; padding:0;  font:bold 12px Arial, Helvetica, sans-serif; color:#a6a6a6; float:left;}
.menu a { float:left; font:bold 12px Arial, Helvetica, sans-serif; color:#a6a6a6; padding:11px 16px; margin:0; text-decoration:none;}
.menu a:hover {color:#fff; background:#d54900; padding:10px 15px; border-top: 1px solid #e76900; border-left: 1px solid #e76900; border-right: 1px solid #e76900; border-bottom:1px solid #d64c00;}
.menu a.active {color:#fff; background:#d54900; padding:10px 15px; border-top: 1px solid #e76900; border-left: 1px solid #e76900; border-right: 1px solid #e76900; border-bottom:1px solid #d64c00;}
/* header_text */
.header_text { height:141px; width:983px; background:url(images/simple_text.gif) top no-repeat; margin:0; padding:0; border:none;}
.header_text2 {height:141px; width:983px; background:url(images/simple_text2.gif) top no-repeat; margin:0; padding:0; border:none;}
.header_text h2 { font:normal 30px Arial, Helvetica, sans-serif; color:#fff; margin:0 400px 10px 40px; padding:40px 0 0 0;}
.header_text p {font:normal 16px Arial, Helvetica, sans-serif; color:#fff;  margin:0 50px 10px 40px; padding:40px 0 0 0;}
.header_text img { float:right; margin:15px 100px 15px 10px; padding:1px; max-width:195px; max-height:178px;}
/* header_text2 */
.header_text2 {height:141px; width:983px; background:url(images/simple_text2.gif) top no-repeat; margin:0; padding:0; border:none;}
.header_text2 h2 { font:normal 30px Arial, Helvetica, sans-serif; color:#fff; margin:0 400px 10px 40px; padding:40px 0 0 0;}
.header_text2 p {font:normal 16px Arial, Helvetica, sans-serif; color:#fff;  margin:0 50px 10px 40px; padding:40px 0 0 0;}
.header_text2 img { float:right; margin:15px 100px 15px 10px; padding:1px; max-width:195px; max-height:178px;}

/* body */
.body { width:983px; margin:0; padding:0}
.body h2 { font: normal 28px Tahoma, Geneva, sans-serif; color:#282828; padding:10px 5px; margin:0 0 10px 0; border-bottom:1px solid #cccccc;}
.body h3 { font: normal 18px Tahoma, Geneva, sans-serif; color:#282828; padding:10px 5px; margin:0 0 10px 0; border-bottom:1px solid #cccccc;}
.body p {font:normal 12px Arial, Helvetica, sans-serif; color:#474646; padding:0; margin:10px 0;}
.body a { color:#d34600; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.body img { margin:0; padding:5px; border: none;}
.main_body { width:660px; padding:0; margin:0 20px !important; margin:0 10px; float:left; text-align:justify;}
.main_body .title { float: left; font: bold 14px Arial, Helvetica, sans-serif; color:#d34600; margin:0; padding:0; width:250px; margin:0; padding:0;}
.main_body ul { margin:0 0 0 50px; padding:0; list-style:none;}
.main_body li {  font:normal 12px Arial, Helvetica, sans-serif; color:#474646; padding:5px 0 5px 20px; margin:0; background:url(images/img_2.gif) left no-repeat;}
.side_body { width:260px; padding:0; margin:0 10px; float:right;}
.side_body ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0; list-style:none;}
.side_body li {padding:5px 0; margin:0;}
.side_body a { font: bold 14px Arial, Helvetica, sans-serif; color:#d34600; margin:0; padding:0; text-decoration:none;}
.side_body .pdd a { font: bold 11px Arial, Helvetica, sans-serif; color:#d34600; margin:0; padding:0; text-decoration:none;}
.side_body .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 0; padding:0;}
.side_body .title { float: left; font: bold 14px Arial, Helvetica, sans-serif; color:#d34600; margin:0; padding:0; width:250px; margin:0; padding:0;}
.side_body img { float:left; margin:0; padding:2px; max-width:220px; max-height:80px; border: none;}

/* footer */
.footer_block { width:100%; border-top:1px solid #fff;  border-bottom:1px solid #fff; background:#dadada;}
.footer_block h2 { font: normal 28px Tahoma, Geneva, sans-serif; color:#5b5b5b; padding:10px 5px; margin:0 0 10px 0;  border-bottom:1px solid #cccccc;}
.footer_block p {font:italic 12px Arial, Helvetica, sans-serif; color:#6e6e6e; padding:0; margin:0;}
.footer_block .resize { width:983px; margin:15px auto; padding:0;}
.footer_block .prepod { width:650px; padding:0; margin:0 20px !important; margin:0 10px; float:left;}
.footer_block .prepod ul { margin:5px; padding:0;}
.footer_block .prepod li { display: inline; margin:0; padding:0;}
.footer_block .prepod img { float:left; margin:0; padding:2px; max-width:150px; max-height:150px; border: none;}
.footer_block .disc { width:240px; padding:0; margin:0 10px; float:left;}
.footer_block .disc a { font:italic 14px Arial, Helvetica, sans-serif; color:#6e6e6e; padding:0; margin:5px 10px; float:right;}
.footer { background:#282828; text-align:center; font: normal 11px Arial, Helvetica, sans-serif; color:#b0b0b0; margin:0; padding:10px 0;}
.count { text-align:right; margin:0; padding:10px 0;}
.footer a {font: normal 11px Arial, Helvetica, sans-serif; color:#b0b0b0;}

/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none;}

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	;}

#imageData{	padding:0 10px; color: #666;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left;}	
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}