/* CSS Document */

* { margin:0; padding:0;}



.clear { clear:both;}



html, body { height:100%; }

body {

	font-size:100%;

	line-height:normal;

	text-align:center;

	background:#000000;

}

html, input, textarea

	{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#8e8e8e;

	text-transform:none

	}	





.fright { float:right;}

.contacts_box { padding-right:35px;}







/*============================================first page*/

/*===.top{ height:462px; background:url(images/bg_top.jpg) top left no-repeat}*/
.top{ height:462px; background:url(images/anigif.gif) top left no-repeat}
.indent_logo_top{ margin:157px 0 0 254px}

.center{

	height:760px;

	background:url(images/bg_center.jpg) top left no-repeat

}

.indent_m_center{ margin:0 0 0 119px}

.bootom{

	height:30px;

	background:url(images/bg_bootom.jpg) top left no-repeat;

	color:#474747;

	font-size:0.5625em;

	padding:22px 0 0 18px

}

.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:145px; margin:14px 0 0 16px}

.div_skrol{ width:325px; height:500px; padding:12px 0 0 0px}



.skrol_1{ overflow:auto; width:689px; height:145px; margin:14px 0 0 15px;}

.div_skrol_1{ width:670px; height:500px}







/*-------------------------------------------------------------------------------------------------------------------------LINE*/

.line_y{ background:url(images/bg_line_y.gif) top right repeat-y}

.line_x{ background:url(images/line_x.gif) top left repeat-x}





/*--------------------------------------------------------------------------------------------------------------------------MORE*/

.more{background:url(images/bg_mor.gif)  center left no-repeat; background-position: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)  center left no-repeat; 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:370px;  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) top left no-repeat}

#content .bg_cont{ background:url(images/bg_cont.jpg) top left repeat-x #141414; width:100%}

#content .bg_cont_1{ background:url(images/bg_cont_1.jpg) top left repeat-x #141414; padding:0 0 0 31px}

#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 17px 0px}

#page2 #content .col2 p{ margin:0 0 17px 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) top left repeat-x; font-size:0.5625em; padding:18px 0 0 18px; color:#474747 }

#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}

