@import "reset.css";
body {  background:#000 url(../images/bg_site.jpg) top repeat; font-family:Arial; font-size:12px;line-height:18px; color:#bdbdbd; text-align:left; padding:0; margin:0; }
.bg{ background:url(../images/bg.jpg) top repeat-y}
.img_logo{ background:url(../images/img_ligo.png) left top repeat}
/* -----------------------------------------------------------------------------*/ 
a       { text-decoration:underline; cursor:pointer; outline:none;color:#ffc601; }
a:link  { text-decoration:underline;}
a:hover {  text-decoration:none;}
a:active{  text-decoration:underline;}

/* -----------------------------------------------------------------------------*/ 
.clear  {clear:both;}
.clear_right {clear:right;}
.left{ float:left}
.right{ float:right}
.alignleft{ float:left; margin:0 20px 20px 0;}
.centr{ width:960px; margin:0 auto; position:relative; z-index:1}
.black{ color:#161616}
.yellow{ color:#ffc601}
/* -----------------------------------------------------------------------------*/ 
section, header, nav, aside, article, hgroup, figure, section, address, footer{ display:block}


h1{ color:#ffc601; font-size:60px; line-height:60px; text-transform:uppercase; margin-top:30px; }
h2{  color:#ffffff; font-size:42px; line-height:42px; text-transform:uppercase; letter-spacing:1px; font-weight:normal; margin:10px 0}
h3{  color:#fff; font-size:36px; line-height:36px; margin-bottom:20px; font-weight:normal; margin-top:10px;white-space:nowrap  }
.right_20{ margin-right:20px}
.margin_20{ margin:0px 20px}
.left_20{ margin-left:20px}
.left_50{ margin-left:50px}
.top_13{  margin-top:13px}
.bot_20{margin-bottom:20px}
.left_6{ margin-left:6px}
.top_6{  margin-top:6px}
.top_25{  margin-top:25px}


.grid_w_1{ width:563px}
.grid_w_2{ width:259px}

.grid_2{ width:211px}
.grid_3{ width:112px;}
.grid_4{ width:187px;}
.grid_5{ width:175px;}


.grid_h_1{ height:942px}
.grid_h_2{ height:317px}
.grid_h_3{ min-height:672px}
.grid_h_4{ min-height:460px}
.grid_h_5{ min-height:625px}
.grid_h_6{ min-height:1400px}


.up{ text-transform:uppercase}
.height_13{ height:13px}
.height_25{ height:25px}
.height_20{ height:20px}

@font-face {
    font-family: 'A1012HelvetikaCmprsTYCompress';
    src: url('a101hlcm-webfont.eot');
    src: url('a101hlcm-webfont.eot?#iefix') format('embedded-opentype'),
         url('a101hlcm-webfont.woff') format('woff'),
         url('a101hlcm-webfont.ttf') format('truetype'),
         url('a101hlcm-webfont.svg#A1012HelvetikaCmprsTYCompress') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ------------------------------top---------------------------------------------*/ 
.top{ height:108px; padding:15px 0 0 0 }
a.logo{ display:block; background:url(../images/logo.png) left no-repeat; width:420px; height:90px; }
.top_text{ margin:22px 60px 0 0}
/* ---- -------------------------menu---------------------------------------------*/
aside.menu{ background-color:#000; height:50px; width:959px; padding-bottom:20px; position:relative; z-index:10000}
aside.menu a { display:block; height:79px; width:159px; background: url(../images/bg_menu.jpg) bottom repeat-x;  font-size:24px; line-height: 24px; text-decoration:none; text-transform:uppercase; text-align:center; float:left; margin-right:1px; font-family: 'A1012HelvetikaCmprsTYCompress'; letter-spacing:0.025em }
aside.menu a span { display:block; color:#fff; padding-top:30px}
aside.menu a:hover, .menu a.act{ background:url(../images/bg_menu_hover.jpg) bottom no-repeat; }
aside.menu a:hover span, .menu a.act span{background: url(../images/bg_top_menu_hover.gif) left top no-repeat; color:#000!important;}
aside.menu a.contact { margin-right:0}
/* ============================== menu begin ====================================== */
.sf-menu{ margin-top:-9px; position:relative; z-index:10000}
.sf-menu li{ background:url(../images/bg_menu_top.jpg) top repeat-x;}
.sf-menu li:hover{background:url(../images/bg_top_menu_hover.gif) left top no-repeat; }
.sf-menu ul {position:absolute; padding:3px 0px 0px 0px;width:159px; border-top:1px solid #d6b33b; background:#000000 }

aside.menu li.services:hover > a{ background: url(../images/bg_menu_hover.jpg) bottom no-repeat;}
aside.menu li.services:hover > a > span{ color:#000}
aside.menu li#contacts:hover > a{ background: url(../images/bg_menu_hover.jpg) bottom no-repeat; }
aside.menu li#contacts:hover > a > span{ color:#000 }
.sf-menu ul li {width:100%;}
.sf-menu li:hover {	visibility:inherit;}
.sf-menu li {float:	left;position:relative;}
.sf-menu li li { float:none}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {	left:0px; top:6.6em;	z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; top:	0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:	10em;top:0;}
ul.sf-menu li ul li a:hover{  background-color:#3c82bd; color:#161616; }

span.sf-sub-indicator:hover{ display:none!important}
.sf-menu li ul li a{ font-size:20px;  display:block; height:35px; margin-top:0px; line-height:1.5em; white-space:nowrap; background-color:#151515; padding:0px 0 0 15px; text-transform:uppercase; text-align:left; width:144px; color:#fff; overflow: hidden; position:relative; font-family: 'A1012HelvetikaCmprsTYCompress'; letter-spacing:0.030em}
/* ============================== menu end ====================================== */
/* -----------------------------banner-----------------------------------------*/
.banner { height:282px; width:904px; border:#000 solid 10px; background:#000; color:#ebebeb; font-family:Arial, Helvetica, sans-serif;  font-weight:bold; padding-top:10px; padding-left:35px; margin-bottom:10px}
/* ------------------------------content---------------------------------------------*/ 
section.content{ background: url(../images/bg_content.png) repeat top; padding:10px 10px 10px 10px; overflow:hidden}
section.content p{ display:block; margin-bottom:5px; text-transform:uppercase; color:#ffc601}
#gradient_grey{ padding:10px 17px 20px 35px; border:#272626 solid 1px; background:#151515 url(../images/grey_gradient.gif) left top repeat-x; } 
#gradient_yellow{ padding:10px 30px 20px 35px; border:#ddb452 solid 1px; background:#e69003 url(../images/yellow_gradient.jpg) left top repeat-x } 

div.block{ background-color:#363636; border:1px solid #000; width:259px; padding:8px; text-align:center; font-family: 'A1012HelvetikaCmprsTYCompress'; text-transform:uppercase; color:#c2c2c2; font-size:24px; line-height:30px}	
a.read{ background:#000; padding:1px; display:block; height:35px;  text-decoration:none!important; margin:20px auto 0 ;  }
a.read span{ background:url(../images/read.gif) left top repeat-x; border:1px solid #2a2a2a; padding: 0px 10px; height:33px; display:block; font-weight:bold; color:#f9a61c; line-height:32px}
a.read span:hover{ color:#fff}
.number { height:19px; width:22px;  background-color:#b90000; color:#151515;  font-size:18px; line-height:18px;  text-align:center; margin-right:12px; padding-top:4px; font-family: 'A1012HelvetikaCmprsTYCompress'; }
big { color:#FFF; font-size:18px; line-height:18px; white-space:nowrap}
div.table{ display: table; zoom:1}
img.small_logo{ margin-left:-20px; margin-bottom:20px}
.al_c{ text-align:center}
.photo, .photo_g{ border:1px solid #000; background-color:#363636; padding:8px}
.photo_g:hover{ border:1px solid #000; background-color:#ffffff; padding:8px}
aside a.list_ser{ text-decoration:none; color:#bdbdbd}
aside a.list_ser:hover big{ color:#ffc601}
aside a.list_ser:hover{ color:#fff; text-decoration:none}

/*a.nav_g{ display:block;  background-color:#363636; border:1px solid #000; font-family: 'A1012HelvetikaCmprsTYCompress'; font-size:24px; color:#999999; width:30px; height:27px; text-decoration:none;  line-height:20px; float:left; margin-right:4px; text-align:center}
a.nav_g:hover{ background-color:#ffc601; color:#221a00 }
a.nav_g_act{ display:block; padding:0px 8px 4px; background-color:#000000; border:1px solid #000; font-family: 'A1012HelvetikaCmprsTYCompress'; font-size:24px; color:#999999; width:12px; height:22px; text-decoration:none; margin-bottom:20px; line-height:18px;float:left;margin-right:4px}
*/


.list li{ background:url(../images/bg_list_hover.png) 10px 9px no-repeat; font-size:11px; text-transform:uppercase; color:#f9a61c; text-decoration:none; padding:4px 10px 4px 23px; line-height:18px; margin-bottom:3px }
.list li:hover{ background:#f9a61c url(../images/bg_list.png) 10px 9px no-repeat; color:#000 }
.bg_grid{ background-color:#151515; border:1px solid #272626;padding:10px 30px 20px 35px;  }
/* -----------------------------bottom menu---------------------------------------------*/ 
.bot_menu{ height:30px; padding-top:15px}
.bot_menu a{ text-decoration:none; font-size:18px; line-height:18px; color:#bfbfbf; padding:0 15px; text-transform:uppercase;font-weight:normal;}
.bot_menu a:hover, a.active{ color:#ffc601}
.price{ border:#595858 solid 1px; background-color:#ffc601; color:#151515;  font-size:20px; line-height:20px;  text-align:center; margin-right:20px; padding:6px; width:110px; margin-top:20px}
/* ----------------------------footer-----------------------------------------------*/
p.foot{ color:#727272; margin-top:5px; line-height:25px}
p.foot a{ color:#b9b9b9; text-decoration:none}
p.foot a:hover{ text-decoration:underline}
.img_link{ width:157px; margin:0 auto}
/*================= Contacts =========================*/

.notification_error{ height: auto;width: 99%;padding: 2px;background: #0b0b0b; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #383838;
 margin-bottom:10px}
 .notification_ok{  border: 1px solid #383838; height: auto; width: 96%; padding: 8px; background:#0b0b0b; text-align: center;  } 
.info_fieldset { border: 0px  }
 .info_fieldset legend { border: 1px #2e2e2e solid;  color: #bdbdbd;   font: 13px  Arial;  padding: 2px 5px 2px 5px; }

.pin { cursor:pointer;  margin-top:13px; border: 0; width:100px; height:40px;  color:#f9a61c; font-size:12px; text-decoration: none;  display:block; background:none; background:url(../images/submit.jpg) left no-repeat; text-align: center; outline:none!important; margin-left:0px; font-weight:bold; }
.pin:hover{ color:#fff}
/* Label */
label  { width:160px;  margin: 0px; float: left; text-align: left;   color:#bdbdbd!important; font-size:12px; line-height:26px; font-family: Arial, Helvetica, sans-serif; padding-bottom:5px}

/* Input, Textarea */
input{ margin: 0px; padding: 0px;   border: 1px solid #383838;  color: #bdbdbd; background:#0b0b0b; font: 12px Arial, Helvetica, Arial, sans-serif; height:27px; margin-bottom:6px; width:290px; }

 textarea{margin: 0px; padding: 0px;  float: left; background:#0b0b0b; border: 1px solid #383838;  color: #bdbdbd;   font: 12px Arial, Helvetica, Arial, sans-serif; height:150px; margin-bottom:8px; width:100%; }



input.input_contact_content{ background-color:#1d1d1d; border-bottom:1px solid #323232; border-top:1px solid #040404; border-left:#1a1a1a 1px solid; border-right:1px solid #1a1a1a; color:#bdbdbd!important; height:20px}

select{background-color:#1d1d1d; border-bottom:1px solid #323232; border-top:1px solid #040404; border-left:#1a1a1a 1px solid; border-right:1px solid #1a1a1a; color:#bdbdbd; height:20px}
option{ color:#bdbdb!important}

/* ----- script begin ----- */
#faded {
	width:940px;
	height:293px;
	position: absolute;
 	left:10px;
	top:202px
	}
ul.pagination {
	width: 200px;
	overflow: hidden;
	position: absolute !important;
	top:270px;
	left:20px;
	
}
ul.pagination li { width:16px ; height:16px; float:left; margin-right:0px}
ul.pagination li a {
background: url(../images/disk.png) 0px 0px no-repeat;
	display: block;
	width: 15px;
	height: 15px;
	text-decoration: none;
	 text-indent:-999px;
}
ul.pagination li a:hover {
background: url(../images/disk_hover.png) 0px 0px no-repeat;
}
ul.pagination li.current a {
background: url(../images/disk_hover.png) 0px 0px no-repeat;
}
/* ----- script end ----- */