* { margin:0; padding:0;}
body { background:#ffffff url(images/back.jpg) repeat-x; font-family:Arial; font-size:12px; line-height:18px; color: #000000;}


table {
border-collapse:collapse;
border:0px;
margin-left: auto;
margin-right: auto;}
td{vertical-align:top;text-align:justify;}
img{border:none;}

ul{margin:0px; padding:0px; list-style:none; line-height:16px;}
ul li{ background:url(images/vineta.gif) no-repeat left top; padding:0 0 0 14px}
ul li a{ color: #999999; text-decoration:underline}
ul li a:hover{text-decoration:none}

/*in_line*/
img {border:0; vertical-align:top;}
strong { color:#ff251b; font-size:13px;}
a:hover{text-decoration:none;}
a {color:#333333;}


.alignright { text-align:right;}



.fright { float:right;}


.imader{float:right; padding-left:20px;}
.imaizq{float:left; padding-right:20px;}



/*txt, links*/

h1 { background:url(images/logo.gif) left top no-repeat; width:350px; height:51px; text-indent:-10000px; font-size:1em;}
h2 { color:#c9c9c9; font-size:1em; padding:0}
h3 { color:#d0321d; font-size:0.909em; margin:0 0 4px 0;}

/*header*/
.header_wrapper { height:292px;}
.header_wrapper .right { }
.header_wrapper .left {  padding:0 0 0 23px;}


/*content*/
#content {font-family:Arial; font-size:12px; line-height:18px; color:#000000;}
#content .col_1 .ind { padding:16px 41px 10px 19px;}
#content .title { margin-bottom:36px;}
#content p { padding-bottom:12px;}
#content .title1 { margin-bottom:55px;}
#content .pic { float:left; margin:0 30px 15px 0;}
#content .col_2 .ind { padding-top:23px;}

/*footer*/
#footer { background:url(images/bg_footer.jpg) left top no-repeat; font-size:11px; font-family:Arial; color:#fff;}
#footer a { color:#fff;}
#footer .txt { padding:18px 0 27px 0px; color:#fff; font-weight:bold; text-align:center;}
#footer .txt  a { color:#fff; text-decoration:none;}
#footer .txt a:hover { text-decoration:underline;}
#footer .txt1 { text-align:center; font-size:10px; color:#999999}
#footer .txt1 a{ text-align:center; font-size:10px; color:#999999; text-decoration:underline}
#footer .txt1 a:hover{ text-align:center; font-size:10px; color:#999999; text-decoration:none}


/*================== index.html ==================*/
#page1 #content .col_1 .fright { margin:30px 5px 0 0;}
#page1 #content .col_2 .pic1 { float:left; margin:0 25px 10px 0;}
#page1 #content .col_2 .block2 a img { margin-right:12px;}
#page1 #content .col_2 .pad { padding-bottom:7px;}
#page1 #content .col_2 .pic2 { margin:20px 0 0 12px;}
#page1 #content .col_2 .pic3 { margin:20px 0 0 0;}
#page1 #content .block1 { width:224px; }
#page1 #content .col_1 .ind { padding:16px 41px 26px 19px;}
#page1 #content .block2 { background:#ffffff; }
#page1 #content .col_1 .block1 .fright { margin:30px 0 0 0;}

#page1 #content .ind { padding-top:16px} 

/*==================list====================*/
.block { width:800px; background:#ffffff;}
.block .right { }
.block .left { }

.block1 { width:224px; background:#ffffff;}
.block1 .top { background:url(images/bg_block_top.gif) left top no-repeat;}
.block1 .bottom { background:url(images/bg_block_bottom.gif) no-repeat left bottom; padding:17px 18px 9px 19px;}

.block2 { background:#0d1012; margin-top:22px;}
.block2 .l_t { background:url(images/t_l.gif) left top no-repeat;}
.block2 .r_t { background:url(images/t_r.gif) right top no-repeat;}
.block2 .r_b { background:url(images/b_r.gif) right bottom no-repeat;}
.block2 .l_b { background:url(images/b_l.gif) left bottom no-repeat; padding-bottom:12px;}
.block2 .ind { padding:25px 6px 0px 34px;}
.block2 .bg_line { background:url(images/bg_line_block.gif) bottom left repeat-x; padding-bottom:11px; margin-bottom:12px;}
/*==========================================*/


.input {color: #666666; 
		height:19px; 
		width:200px;
		background:#fff; 
		border:solid 1px #b4b4b4; 
		
}
textarea {	background:#FFF; 
			color:#666666; 
			border:solid 1px #b4b4b4; 
			width:200px; 
			height:100px; 
			overflow:auto; font-family:Arial; font-size:12px;
			
}
/*==========================================*/
#gallery {width:720px; height:380px;  position:relative; }
#gallery b.default {
	position:absolute;
	width:419px;
	height:380px;
	text-align:center;
	left: 6px;
	top: 4px;
}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:500px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:220px; position:relative; float:right;}
#gallery ul li {display:inline; width:42px; height:42px; float:left; margin:0 0 5px 3px;}
#gallery ul li a {display:block; width:40px; height:40px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:40px; height:40px; border:0;}
#gallery ul li a:hover { display:block; border-color:#555 #ddd #eee #333; background: #FF0000; }
#gallery ul li a:hover b {position:absolute; left:-530px; top:0; width:520px; height:403px; text-align:center; background:#FFFFFF; z-index:20;}
#gallery ul li a:hover span {display:block; color:#333; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:500px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; b}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-565px; top:0; width:520px; height:403px; text-align:center; background:#fff; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color: #333333; font-family:verdana; font-weight:normal; font-size:10px; width:500px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}