body {background:#056f8c; margin:0px; padding:0px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

/*--first page--------------------------------------------------------------------------------------------------------------------------------------------------*/

#container {background:url(/images/bg.jpg) top center no-repeat; max-width:1920px; min-width:1002px; margin:0 auto; min-height:768px;}


#header {width:100%; height:45px; background:url(/images/top_bg.png) repeat-x; font-size:14px; color:#fff; text-align:center; padding-top:8px;}
.top {color:#83e0ea}
/*.top img{vertical-align: middle;}*/
.top1 {padding-left:25px;}
.top2 {color:#83e0ea}
.top3 {padding-left:25px;}
.top4  { color:#83e0ea}

#main { text-align:center; margin-top:32px}
#footer {width:100%; height:65px; background:url(/images/bg_foot.png) repeat-x; text-align:center;}

.foot {width:400px; padding-top:24px; margin:0 auto;}
a.foot1 {display:block; float:left; margin:0px 20px; color:#FFF; text-decoration:none; font-size:14px; font-weight:bold;}
a.foot1:hover{display:block; float:left; margin:0px 20px; color:#FFF; text-decoration:underline; font-size:14px; font-weight:bold;}


/*--cat--------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container1 {max-width:1920px; min-width:1002px; background:url(/images/foot_bg.jpg) bottom center no-repeat; min-height:768px; padding-bottom:100px;}
#container2 {max-width:1920px; min-width:1002px;  min-height:768px; background:url(/images/top_bg.jpg) top center no-repeat;}
#head {width:1002px; margin:0 auto; height:330px; position:relative;}

.head {position:absolute; width:200px; height:50px; font-size:13px; left: 30px; top: 80px;	}
.head1 {font-size:15px; color:#FFF;}
.head2 {position:absolute; width:170px; height:100px; font-size:14px; right:20px;; top: 80px; text-align:right;}
.head3 {font-size:15px; color:#FFF}
.head4 {font-size:20px; color:#000}
.head5 {color:#fff; font-size:14px;}
.head6 {font-size:14px; color:#000}
.head7 {width:441px; height:233px; margin:0 auto; padding-top:27px;}
.head8 {width:1002px; height:55px; position:absolute; bottom:0px;}



#top_menu { margin:0 0 0 30px; padding:0; list-style-type:none;}
#top_menu li { margin:0px; padding:0; list-style-type:none; display: block; display: block; float:left; width: 150px; height:40px; text-align:center;padding-top:16px; background: url(/images/marker_top.png) right center no-repeat;}
#top_menu li a { color:#FFF; font-size:15px; text-decoration:none; }
#top_menu li:hover { margin:0px; padding:0; list-style-type:none; display: block; display: block; float:left; width: 150px; height:39px; text-align:center;padding-top:16px; background: url(/images/top_hover.png) right center no-repeat;}







#left {float:left; width:200px; min-height:700px; margin-left:20px;}

.left {font-size:20px; font-style:italic; color:#030303; margin:20px 0px}
.left1 {width:196px; margin:50px 0px 10px 0px; height:25px; background:url(/images/left_bg.png) no-repeat; color:#FFF; font-size:16px; text-align:center}
.left2 {font-size:18px; color:#01829f; font-style:italic;}
.left3 {width:200px;  background:#fefefe; text-align:center;  border: solid 1px #cdcccc; margin:10px 0px}
.left4 {font-size:18px; color:#01829f; font-style:italic; text-align:center}
.left5 {}
.left6 {}
.left7 {}
.left8 {}
.left9 {}
.left10 {}

.line {width:100%; height:5px; background:url(/images/line.png) repeat-x; margin:5px 0px}
.line2 {width:97%; height:5px; background:url(/images/line.png) repeat-x; margin:5px 10px 5px 10px}


#left_menu { margin:0px; padding:0px; list-style-type:none}
#left_menu li {margin:0px; padding:0px; list-style-type:none;}
#left_menu li a { display:block; width:166px; height:25px; background:url(/images/left_menu.png); padding-left:30px;; color:#FFF; text-decoration:none; padding-top:5px; font-size:14px;}
#left_menu li a:hover { display:block; width:166px; height:25px; background:url(/images/left_menu_hover.png); padding-left:30px;; color:#FFF; text-decoration:none; padding-top:5px; font-size:14px;}





#right {width:745px; float:right; margin-right:20px; min-height:700px;}

.right { font-size:20px; font-style:italic; color:#017592; margin:20px 0px}
.right span {font-size: 14px; color:#000000;}
.right a {font-size: 14px; text-decoration: none;}
.right1 {width:100%; min-height:190px;;  background:#fefefe; border: solid 1px #cdcccc; overflow:hidden; margin-bottom:20px;}
.right2 {width:100%;}
.right3 {font-size:18px; color:#000; font-style:italic; padding:10px 10px 0px 10px}
.right4 {width:200px; height:150px; float:left; background:#e0feff; margin:10px;position: relative;}
.right5 {width:510px; height:150px; float:right; padding:10px 10px 10px 0px; font-size:13px; color:#7d7e7e;}
.right6 {border: solid 1px #d9d7d7;}
.right7 {color:#000}
.right8 {color:#F00}
a.right9 {display:block; width:164px; height:25px; background:url(/images/podr.png) no-repeat; font-size:14px; color:#FFF; padding-right:32px; padding-top:5px; text-decoration:none; float:right}
a.right9 {display:block; width:164px; height:25px; background:url(/images/podr.png) no-repeat; font-size:14px; color:#FFF; padding-right:32px; padding-top:5px; text-decoration:underline; float:right}
.right10 {margin-top:30px; margin-bottom:30px; font-size:13px; color:#7d7d7d}
.right11 {text-align:right;}

h1 {font-size:18px; color:#333}

#foot {width:100%; height:30px; background:url(/images/foot.png);}
.main {width:1002px; min-height:768px; min-height:768px; background:#f1f0f0; margin:0 auto; overflow:hidden;}
.maintextpage {width:1002px; margin:0 auto; overflow:hidden; font-size: 10px;color:#A6FFFF;}
.clear {clear:both;}



.tov {width:270px; margin:10px; float:left; text-align: center;}
.tov2 {width:435px; float:right; margin:10px; color:#7d7e7e; font-size:13px;}
.tov222 { margin:10px; color:#7d7e7e; font-size:13px;}
.tov3 {font-size:18px; color:#000; font-style:italic}
.tov4 {font-size:14px; color:#000; font-weight:bold}
.tov5 {margin-bottom:10px;}
.tov6 {padding:10px;}
.tov7 {width:171px; height:155px; float:left; padding:5px; text-align: center;}
.tov8 {border: solid 1px #ddd; padding:3px;}
a.tov9 {font-size:14px; color:#000;}
a.tov9:hover {font-size:14px; color:#000;text-decoration:none}
.tov10 {}
.tov11 {}
.tov12 {}
.tov {}
.tov {}
.tov {}
.tov {}



/**-----------------------вкладки--------------------------*/
.section {
	width: 100%;

}
ul.tabs {
	height: 29px;
	list-style: none;
	margin:0px 0px 0px 0px;
	padding:0px;
	 border-bottom: solid 1px #ddd;
}
.tabs li {
	float: left;
	display: inline;
	margin:0px;;
	padding:0px;
	width:150px;
	height:24px;
	color: #fff;
	cursor: pointer;
	background: url(/images/fotogall.png);
	position: relative;
	text-align:center;
	padding-top:5px;
	font-size:13px;
}

.tabs li a {position:absolute; display:block; background:url(/images/1-2.png) no-repeat top right; width:150px; height:29px; right:-24px; top:0px;z-index:100;}
.tabs li a:hover {position:absolute; display:block; background:url(/images/1-1.png) no-repeat top right; width:150px; height:29px; right:-24px; top:0px;z-index:100;}


.tabs li:hover,
.vertical .tabs li:hover {
width:150px;
	height:29px;
	background: url(/images/har.png) no-repeat;
}
.tabs li.current {
	color: #fff;
	background: url(/images/har.png) no-repeat;
	width:150px;
	height:30px;
}
.tabs li.current:hover {
	color: #fff;
	background: url(/images/har.png) no-repeat;
	width:150px;
	height:30px;
}
.tabs li.current a  { position:absolute; display:block; background:url(/images/har.png) no-repeat right; width:20px; height:30px; right:-20px; top:-1px;z-index:100;
}
.box {
	display: none;
	margin-top:0px;
	border: 1px solid #D4D4D4;
    border-width: 0 1px 1px;
	background: #fefefe;
	padding: 5px 10px;
}
.box.visible {
	display: block;
}

.section.vertical {
	width: 440px;
	border-left: 160px solid #FFF;
}


#l1:hover { display:block; widows:200px; height:20px; background:#000; position:absolute; top:20px; left:150px;}  





#cont div {display: none;}




a{color:#0993AD;}


.ma {width:798px; height:497px; position:relative; margin:0 auto; position:relative;}
.ma1 {position:absolute; left: 7px; top: 68px;}
.ma2 {position:absolute; left: 137px; top: 16px;}
.ma3 {position:absolute; left: 298px; top: 8px;}
.ma4 {position:absolute; left: 496px; top: 15px ;}
.ma5 {position:absolute; left: 650px; top: 67px;}
.ma6 {position:absolute; left: 651px; top: 228px;}
.ma7 {position:absolute; left: 493px; top: 382px;}
.ma8 {position:absolute; left: 307px; top: 429px;}
.ma9 {position:absolute; left: 119px; top: 371px;}
.ma10 {position:absolute; left: 7px; top: 231px;}

a.ma11 {display:block; width:147px; height:168px; background:url(/images/ma1.png);}
a.ma22 {display:block; width:164px; height:74px; background:url(/images/ma2.png)}
a.ma33 {display:block; width:204px; height:36px; background:url(/images/ma3.png)}
a.ma44 {display:block;width:168px; height:76px; background:url(/images/ma4.png)}
a.ma55 {display:block; width:143px; height:162px; background:url(/images/ma5.png)}
a.ma66 {display:block; width:142px; height:181px; background:url(/images/ma6.png)}
a.ma77 {display:block; width:177px; height:78px; background:url(/images/ma7.png)}
a.ma88 {display:block; width:192px; height:36px; background:url(/images/ma8.png)}
a.ma99 {display:block; width:188px; height:87px; background:url(/images/ma9.png)}
a.ma00 {display:block; width:126px; height:166px; background:url(/images/ma10.png)}
a.ma {}

#test2 { position:absolute;  width:706px; height:371px; left:48px; top:51px;}

li img{
opacity:0.5;
-moz-opacity:0.5;
filter: alpha(opacity=50) black;
-khtml-opacity: 0.5;
}
 
li:hover img {
opacity:1;
-moz-opacity:1;
filter: alpha(opacity=100) black;
-khtml-opacity: 1;
}
img.action {position:absolute; right:-10px; top: -10px;}
.mess{border-bottom: 1px dotted silver; margin-bottom:10px;}
.mess_name{float:left; font-size:13px; font-weight:bold;}
.mess_date{float:right;  font-size:13px; font-style: italic;}
.mess_clear{clear:both;}
.mess_mess{padding: 5px;}
.mess_add{position:absolute; display: none; overflow: hidden; width: 100%; height: 420px; background: #ffffff; border: 1px solid gray; top: -100px;z-index: 1000;}
.mess_close{background: #eeeeee; padding: 3px; text-align: right;}
.mess_close span{color:red; font-weight:bold; cursor: pointer;}
input, textarea {border:1px solid gray;}