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

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.87em; text-align:center; background:#000000;}
html, input, textarea
	{	font-family:Arial; 
		color:#ffffff;
	}	


.fright { float:right;}
.contacts_box { padding:0 138px 0 17px}

/*---------------------------------------------------------------------------------------------------------------------TEGS*/
a img{ border:0px}
img{ vertical-align:top}
a{ color:#FFFFFF; text-decoration:underline} 
a:hover{ text-decoration:none}


/*-------------------------------------------------------------------------------------------------------------------------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:19px}
ul li{ margin:0px; }
ul li a{color:#ffffff; text-decoration:underline; background:url(images/bg_list.gif)  center left no-repeat; padding-left:7px;} 
ul li a:hover { text-decoration:none; }


/*==========================================================================================================================HEADER=======*/
#header {height:224px; font-size:0.8125em; font-family:Arial}
#header .pic{ float:left; margin:0 46px 0 0px}
#header .pic_1{ float:left; margin:0 42px 0 0px}
#header .pic_2{ float:left; margin:0 50px 0 0px}
#header .pic_3{ float:left; margin:0 10px 0 42px}
#header .col1{ width:413px}
#header .logo{ margin:139px 0 0 124px}
#header .col2{ width:453px; padding:135px 0 0 0px}
#header a{ color:#FFFFFF; text-decoration:none; float:left}
#header a:hover{ text-decoration:underline}
#header p{ margin:0 44px 0 44px; float:left}

.bg_hed{ background:url(images/bg_hed.jpg) top left no-repeat; height:100%; width:100%}
.bg_hed_1{ background:url(images/bg_hed_1.jpg) top left no-repeat; height:100%; width:100%}
.bg_hed_2{ background:url(images/bg_hed_2.jpg) top left no-repeat; height:100%; width:100%}
.bg_hed_3{ background:url(images/bg_hed_3.jpg) top left no-repeat; height:100%; width:100%}
.bg_hed_4{ background:url(images/bg_hed_4.jpg) top left no-repeat; height:100%; width:100%}

/*===========================================================================================================================CONTENT=======*/
#content{ font-size:0.6875em; width:100%; text-align:left; height:352px}
#content .title{ display:block; margin:0 0 0 16px}
#content p{ margin:0px 0px 7px 0px}
#content .pic_left{ float:left; margin:0px 20px 16px 0px}
#content .pic{ display:block; margin:0px 20px 16px 0px}

.bg_cont{ background:url(images/bg_cont.jpg) top left no-repeat; height:100%; width:100%}
.bg_cont_1{ background:url(images/bg_cont_1.jpg) top left no-repeat; height:100%; width:100%}
.bg_cont_2{ background:url(images/bg_cont_2.jpg) top left no-repeat; height:100%; width:100%}
.bg_cont_3{ background:url(images/bg_cont_3.jpg) top left no-repeat; height:100%; width:100%}
.bg_cont_4{ background:url(images/bg_cont_4.jpg) top left no-repeat; height: 800px; width:100%}
.bg_cont_5{ background:url(images/bg_cont_5.jpg) top left no-repeat; height: 1200px; width:100%}
.bg_cont_6{ background:#46FBD0; height: 100%; width:100%}

.skrol{ overflow:auto; width:172px; height:109px; margin:0px}
.div_skrol{ width:152px; height:300px; padding:0px}

.skrol_1{ overflow:auto; width:156px; height:143px; margin:0px}
.div_skrol_1{ width:137px; height:300px; padding:6px 0 0 0px}

.skrol_2{ overflow:auto; width:172px; height:140px; margin:0px}
.div_skrol_2{ width:152px; height:150px; padding:0px}


/*===========================================================================================================================CONTENT CLASS=======*/

#page1 #content .col1 .title{ margin:47px 0 0 342px; display:block}
#page1 #content .col1 .indent{ padding:21px 0 0 346px}
#page1 #content .col1 p{ margin:8px 3px 0 0px}
#page1 #content .col1 .title_1{ margin:9px 0 0 89px;}
#page1 #content .col2 .pic{ margin:48px 0 0 0px}
#page1 #content .col2 .indent{ padding:19px 0 0 16px}
#page1 #content .col2 p{ margin:4px 135px 0 1px}
#page1 #content .col2 .position{ position:relative; margin:-18px 0 0 0px}

#page2 #content .col1 .title{ margin:45px 0 0 342px; display:block}
#page2 #content .col1 .indent{ padding:21px 0 0 346px}
#page2 #content .col1 .title_1{ margin:4px 0 0 88px;}
#page2 #content .col2 .title{ margin:0px 0 11px 1px; display:block}
#page2 #content .col2 .indent{ padding:64px 0 0 16px}
#page2 #content .col2 p{ margin:10px 0px 0 0px}

#page3 #content .col1 .title{ margin:41px 0 0 343px; display:block}
#page3 #content .col1 .indent{ padding:21px 0 0 346px}
#page3 #content .col1 .pic{ margin:0px 0 10px 0px; display:block}
#page3 #content .col2 .pic{ margin:48px 0 0px 0px;}

#page4 #content .col1 .title{ margin:50px 0 0 344px; display:block}
#page4 #content .col1 .indent{ padding:21px 0 0 348px}
#page4 #content .col1 .title_1{ margin:4px 0 0 88px;}
#page4 #content .col2 .pic{ margin:48px 0 0px 0px; display:block}
#page4 #content .col2 p{ margin:17px 0px 0 17px}

#page5 #content .title_1{ margin:49px 0 0 123px}
#page5 #content .indent{ padding:21px 0 0 128px}
#page5 #content p{ margin:0 130px 14px 0px}

#page6 #content .title_1{ margin:49px 0 0 123px}
#page6 #content .indent{ padding:21px 0 0 128px}
#page6 #content p{ margin:0 130px 14px 0px}

#page7 #content .title_1{ margin:49px 0 0 123px}
#page7 #content .indent{ padding:21px 0 0 128px}
#page7 #content p{ margin:0 130px 14px 0px}

/*============================================================================================================================FOOTER=======*/
#footer { height:174px; font-size:0.6875em; font-family:Arial; font-size:0.75em }
#footer p{ padding:12px 0px 0 538px}
.bg_foot a {color:#fede8c; text-decoration:none}  
.bg_foot a:hover {  text-decoration:underline}
.bg_foot_1 a {color:#cad7f6; text-decoration:none}  
.bg_foot_1 a:hover {  text-decoration:underline}
.bg_foot_2 a {color:#ef94a8; text-decoration:none}  
.bg_foot_2 a:hover {  text-decoration:underline}
.bg_foot_3 a {color:#c4e68a; text-decoration:none}  
.bg_foot_3 a:hover {  text-decoration:underline}

.bg_foot{ background:url(images/bg_foot.jpg) top left no-repeat; height:100%; width:100%; color:#fede8c}
.bg_foot_1{ background:url(images/bg_foot_1.jpg) top left no-repeat; height:100%; width:100%; color:#cad7f6}
.bg_foot_2{ background:url(images/bg_foot_2.jpg) top left no-repeat; height:100%; width:100%; color:#ef94a8}
.bg_foot_3{ background:url(images/bg_foot_3.jpg) top left no-repeat; height:100%; width:100%; color:#c4e68a}
.bg_foot_4{ background:url(images/bg_foot_4.jpg) top left no-repeat; height:100%; width:100%; color:#c4e68a}

/*============================================================================================================================FORM=======*/

.h_f{ height:21px;}
.h{ height:15px; width:158px; margin:0px; padding:0 0 0 5px}


input{
   background:none;
   border:1px solid #ffffff;
   font-family:Arial;
   color:#ffffff;
   font-size:1em
}
#input2{
   padding-left:0px;
   padding-top:0px;
   width:66px; height:26px;
   border:0px;
   margin:0 10px 0px 25px;
}
#input3{
   padding-left:0px;
   padding-top:0px;
   width:66px; height:26px;
   border:0px;
   
}
textarea{
   background:none;
   border:1px solid #ffffff;
   width:158px; height:61px;
   font-family:Arial;
   color:#ffffff;
   font-size:1em;
   margin:0 0 14px 0px;
   padding:0 0 0 5px;
   overflow:auto}