@import "reset.css";
body { font-family:Arial;font-size:12px;line-height:18px;color:#6e6e6e;text-align:left; margin:0; padding:0}
body.index{ background-color:#4e7b00}
.page{ position:absolute; width:100%; height:100%; background:url(../images/green.png) top repeat-x;}
body.index-2{ background-color:#911cbc}
.page-2{ position:absolute; width:100%; height:100%; background:url(../images/viol.png) top repeat-x;}
body.index-3{ background-color:#003b96}
.page-3{ position:absolute; width:100%; height:100%; background:url(../images/blue.png) top repeat-x;}
body.index-4{ background-color:#e2ce0a}
.page-4{ position:absolute; width:100%; height:100%; background:url(../images/yelow.png) top repeat-x;}
body.index-5{ background-color:#df5900}
.page-5{ position:absolute; height:100%; background:url(../images/orange.png) top repeat-x; top:0; left:0; width:100%}
body.index-6{ background-color:#000}
.page-6{ position:absolute; height:100%; background:url(../images/black.png) top repeat-x; top:0; left:0 ; width:100%}

a       { color:#000; text-decoration:none; outline:none}
a:link  {  text-decoration:none;}
a:hover { text-decoration:underline;}
a:active{  text-decoration:none;}


.left{ float:left}
.right{ float:right}
.clear  {clear:both;}

.left_20{ margin-left:20px}
.right_10{ margin-right:10px; margin-bottom:6px}
.right_20{ margin-right:20px}

h1{ font-size:18px; margin-bottom:12px; margin-top:4px}
h2{ color:#911cbc; font-size:22px; font-weight:normal; letter-spacing:-0.095em;  margin-bottom:14px; white-space: nowrap; margin-top:2px; margin-left:-1px}


.centr{ width:990px; position:relative; left:50%; margin-left:-495px;}
.menu{ width:900px; position:absolute; top:200px; margin-left:90px; z-index:10}
	.menu a{ display:block;  height:40px;  text-decoration:none; color:#fff; font-size:25px; line-height:32px; padding-left:45px; letter-spacing:-0.04em;white-space:nowrap; text-align:left; position:relative; min-width:100px!important; float:left}
	.menu a:hover{ text-decoration:underline; color:#fff}
	
	.menu a.bg_1{ background:url(../images/bg_menu_4.png) 0px 0px no-repeat; width:110px!important; }
	.menu a.bg_2{ background:url(../images/bg_menu_3.png) 0px 0px no-repeat; width:100px!important; }
	.menu a.bg_3{ background:url(../images/bg_menu_2.png) 0px 0px no-repeat; width:140px!important; }
	.menu a.bg_4{ background:url(../images/bg_menu_5.png) 0px 0px no-repeat; width:120px!important; }
	.menu a.bg_5{ background:url(../images/bg_menu_1.png) 0px 0px no-repeat; width:130px!important; }
	
.pin{ width:80px; text-decoration:none; height:70px!important; display:block; padding:0!important; float:right!important}


.logo{ position:absolute; width:302px; height:81px; background:url(../images/logo_1.png) top no-repeat; margin-left:45px; top:100px; z-index:100; text-decoration:none; -index:10}
.top{ position:relative; min-height:330px; background:url(../images/bg_top.png) 0px 37px no-repeat;}

.grid_1{ width:165px; text-align:center;  }
.clients{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px #f00 solid; position: relative; }
.grid_50{ width:46%; }

/* ---  content   ---*/ 
.content{ position:relative; padding:275px 70px 50px 70px; height:100%; background:url(../images/bg_content.gif) 38px 305px no-repeat}
.services tr td{ padding-right:2px; border-right:1px #f7f7f7 solid; padding-left:15px; color:#000}
.disk{ margin-left:-10px; position:absolute; margin-top:7px}
.rew{ margin-right:50px; font-size:15px; cursor:pointer;}

/* ------    FOOTER      -----------*/ 
.footer{ position:relative; min-height:645px; background:url(../images/bg_foot.png) 0px bottom no-repeat}

.copy{ color:#fff; margin-left:45px}
	.color_1{ color:#83a34d}
	.color_2{ color:#b261d0}
	.color_3{ color:#4d76b6}
	.color_4{ color:#c9b755}
	.color_5{ color:#e77428}
	.color_6{ color:#4d4d4d}
	
	
	a.color_1{ color:#83a34d}
	a.color_2{ color:#b261d0}
	a.color_3{ color:#4d76b6}
	a.color_4{ color:#c9b755}
	a.color_5{ color:#e77428}
	a.color_6{ color:#4d4d4d}
	
	a.color_1:hover{ color:#83a34d}
	a.color_2:hover{ color:#b261d0}
	a.color_3:hover{ color:#4d76b6}
	a.color_4:hover{ color:#c9b755}
	a.color_5:hover{ color:#e77428}
	a.color_6:hover{ color:#4d4d4d}

	
/*   -----------------------------------------------------------------------------*/ 

.blue{ color:#003b96}
.yelow{ color:#e2ce0a; text-transform:uppercase}
.orange{ color:#df5900;text-transform:uppercase}
.black{ color:#000000; text-transform:uppercase}
a.link{ color:#df5900; text-decoration:underline}
a.link:hover{ text-decoration:none}

 #fullsize {
	position: relative;
	height:290px;
	width:640px;
	overflow:hidden; 
	z-index:10;
        float:right
}
 #fullsize div {width:640px; height:290px;  }
 #fullsize div img {display:block;margin:0 auto; width:640px; height:290px; float:left;}
 
 	div.sc_menu_wrapper {
	position: relative;
	height: 290px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 180px;
	
	overflow:hidden;
	overflow: auto; float:left
}
div.sc_menu {}
.sc_menu a {
	display: block;
	margin-bottom: 6px;
	width: 180px;
		
}
.sc_menu img {
	display: block;
	border: none;
}
.sc_menu_wrapper{ }

.sc_menu_wrapper .loading {
	position: absolute;
	top:20px;
	left: 20px;
	
	margin: 0 auto;
	padding: 0px;

	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #fff;
	background:#000
}


.input_contact_2{background-color:#dcdcdc;
	width:220px;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #c2c2c2;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-bottom:1px}
.sub_2{ color:#fff; text-decoration:none; font-weight:bold; background:#000; width:107px; height:30px; display:block; text-align:center; line-height:30px; cursor:pointer;border:0;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.sub_2:hover{ text-decoration:underline}

/* ----------------------contacts---------------------------------------------------*/ 

#contact_form td{ color:#6e6e6e;  vertical-align: top!important; line-height:18px; }
.sub{ color:#fff; text-decoration:none; font-weight:bold; background:#ff6600; width:107px; height:30px; display:block; text-align:center; line-height:30px; cursor:pointer border:0;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.red{ color:#f00}
.sub:hover{ text-decoration:underline}
.input_contact{background-color:#dcdcdc;
	width:310px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #c2c2c2;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-bottom:5px}
	
.textarea_contact{background-color:#dcdcdc;
	width:310px;
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #c2c2c2;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;margin-bottom:5px}
	
.select{background-color:#dcdcdc;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #d2dce6;}
	
.scroll{ height:270px; overflow-y:scroll; width:890px!important; margin-left:-15px; margin-top:10px}
.text_big{ position:absolute; top:280px; left:180px; z-index:100}
.rew{  font-size:15px; cursor:pointer; width:100px; position:absolute; padding-left:50px}


	a.color_1{ color:#83a34d}
	a.color_2{ color:#b261d0}
	a.color_3{ color:#4d76b6}
	a.color_4{ color:#c9b755}
	a.color_5{ color:#e77428}
	a.color_6{ color:#4d4d4d}
	
	a.color_1:hover{ color:#83a34d}
	a.color_2:hover{ color:#b261d0}
	a.color_3:hover{ color:#4d76b6}
	a.color_4:hover{ color:#c9b755}
	a.color_5:hover{ color:#e77428}
	a.color_6:hover{ color:#4d4d4d}