/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.8125em; text-align:center; background:#000000;}
html, input, textarea
	{	font-family:Tahoma; 
		color:#8e8e8e;
		/*text-transform:uppercase*/
	}	


.fright { float:right;}
.contacts_box { padding-right:35px;}



/*============================================first page*/
.top{ height:462px; background:url('images/bg_top.jpg') no-repeat top left; }
.indent_logo_top{ margin:157px 0 0 254px}
.center{ height:292px; background:url('images/bg_center.jpg') no-repeat top left; }
.indent_m_center{ margin:0 0 0 119px}
.bootom{ height:46px; background:url('images/bg_bootom.jpg') no-repeat top left; color:#474747; font-size:0.5625em; padding-left:18px; padding-right:0; padding-top:22px; padding-bottom:0}
.bootom a{ color:#696969; text-decoration:none}
.bootom a:hover{ text-decoration:underline}






/*---------------------------------------------------------------------------------------------------------------------TEGS*/
a img{ border:0px}
img{ vertical-align:top}
span{ color:#FFFFFF} 
em{ font-style:normal}

/*-------------------------------------------------------------------------------------------------------------------------SKROL*/
.skrol{ overflow:auto; width:345px; height:345px; margin:14px 0 0 16px}
.div_skrol{ width:325px; height:500px; padding:12px 0 0 0px}

.skrol_1{ overflow:auto; width:689px; height:345px; margin:14px 0 0 15px;}
.div_skrol_1{ width:670px; height:500px}



/*-------------------------------------------------------------------------------------------------------------------------LINE*/
.line_y{ background:url('images/bg_line_y.gif') repeat-y top right; }
.line_x{ background:url('images/line_x.gif') repeat-x top left; }


/*--------------------------------------------------------------------------------------------------------------------------MORE*/
.more{background:url('images/bg_mor.gif') no-repeat 0 5px; padding-left:12px; vertical-align:middle; color:#434343; font-weight:bold; text-decoration:none}
.more:hover{ text-decoration:underline}



/*----------------------------------------------------------------------------------------------------------------------------UL*/
ul{margin:0; padding:0; list-style:none; line-height:18px}
ul li{background:url('images/bg_list.gif') no-repeat center left; margin:0px; padding-left:10px }
ul li a{color:#e5156d; text-decoration: underline; background:url('images/a.gif') repeat-x bottom; font-weight:bold} 
ul li a:hover { text-decoration:none; }


/*==========================================================================================================================HEADER=======*/
#header {height:214px;  background:url('images/bg_header.jpg') no-repeat top left; }
#header .logo{ padding:25px 0 0 247px; display:block }
#header .indent_menu{ padding:0 0 0 130px}

/*===========================================================================================================================CONTENT=======*/
#content{ font-size:0.5625em; width:100%; text-align:left; background:url('images/bg_content.jpg') no-repeat top left; }
#content .bg_cont{ background:#141414 url('images/bg_cont.jpg') repeat-x top left; width:100%}
#content .bg_cont_1{ background:#141414 url('images/bg_cont_1.jpg') repeat-x top left; padding-left:31px; padding-right:0; padding-top:0; padding-bottom:0}
#content .indent_con{ padding:0 30px 0 31px}
#content { background:url('images/line.gif'); }
#content .title{ margin:14px 0 0 0px}
#content p{ margin:15px 0px 7px 0px}
#content .pic_left{ float:left; margin:0px 23px 0px 0px}
#content .pic_left_1{ float:left; margin:0px 16px 0px 0px}
#content .pic_left_2{ float:left; margin:0px 25px 32px 0px}
#content .pic_left_3{ float:left; margin:0px 28px 0px 0px}
#content .pic_indent{ margin:0 0 29px 0px; display:block}
#content .pic{ display:block; margin:0px 20px 16px 0px}
#content .width_100{ width:100%}

/*===========================================================================================================================CONTENT COL=======*/

#page1 #content .indent_pic{ margin:0 22px 0 22px}
#page1 #content .indent_pic_bot{ margin:0 0 14px 0px}
#page1 #content .title{ margin:14px 0 8px 0px}
#page1 #content .col1 p{ margin:0 0 17px 0px}
#page1 #content .col1 .title{ margin:14px 0 0 0px}
#page1 #content .col2 .indent{ padding:0 0 0 17px}
#page1 #content .col2 .title{ margin:14px 0 25px 0px}

#page2 #content .title{ margin:14px 0 9px 0px}
#page2 #content .title_1{ margin:18px 0 -1px 0px}
#page2 #content p{ margin:15px 0 50px 0px}
#page2 #content .col1 p{ margin:0 0 30px 0px}
#page2 #content .col2 p{ margin:0 0 0px 0px}

#page3 #content .title{ margin:14px 0 9px 0px}
#page3 #content .link{ margin:0 0 51px 0px; word-spacing:6px}
#page3 #content a{ color:#8e8e8e; text-decoration:none}
#page3 #content a:hover{ text-decoration:underline}
#page3 #content span a{ color:#ffffff; text-decoration:none}
#page3 #content span a:hover{ text-decoration:underline}
#page3 #content .fleft{ float:left}

#page4 #content .title{ margin:14px 0 9px 0px}
#page4 #content p{ margin:15px 0 50px 0px}
#page4 #content .col1 .title{ margin:19px 0 24px 0px}
#page4 #content .col1 .indent{ padding:0 0 0 16px}
#page4 #content .col1 p{ margin:17px 0 38px 0px}
#page4 #content .col1 span { color:#8e8e8e}
#page4 #content .col2 .title{ margin:18px 0 27px 0px}
#page4 #content span a{ color:#ffffff; text-decoration:none}
#page4 #content span a:hover{ text-decoration:underline}

#page5 #content .title{ margin:15px 0 16px 0px}
#page5 #content p{ margin:0px 0 14px 16px}
#page5 #content span a{ color:#ffffff; text-decoration:none}
#page5 #content span a:hover{ text-decoration:underline}

/*============================================================================================================================FOOTER=======*/
#footer { height:46px; background:url('images/bg_footer.gif') repeat-x top left; font-size:0.5625em; color:#474747; padding-left:18px; padding-right:0; padding-top:18px; padding-bottom:0 }
#footer a{ color:#696969; text-decoration:none}
#footer a:hover{ text-decoration:underline}


/*============================================================================================================================FORM=======*/
.form{ padding:16px 0 0 171px}
.h_f{ height:25px; padding-left:18px}
.h{ height:19px; width:218px; margin:0px; padding:0px}


input{
   background:none;
   border:1px solid #595959;
   font-family:Tahoma;
   color:#8e8e8e;
   font-size:1em
}
textarea{
   background:none;
   border:1px solid #595959;
   width:235px; height:69px;
   font-family:Tahoma;
   color:#8e8e8e;
   font-size:1em;
   text-transform:uppercase;
   overflow:auto}