/*page*/
  html, body {width:100%;height:100%;}
body {padding:0; margin:0;background:#fff url(../bgr/body.png) repeat-x left top;;}


/*design*/
  a img{border:0;}

/*navigation*/
  a { color:#19a0d8;text-decoration:underline;}
  a:hover {text-decoration:none;}
  :focus, a:active { outline: none; }
  form :focus, form a:active { outline:1px dotted;}

/*TAGS*/
  /*h1 {margin:0;padding: 0;font:bold 19px tahoma; color:#034163;} */
  h1 {margin:0 0 7px;padding: 0 0 5px;font:bold 19px tahoma; color:#034163;background: url(../bgr/border.png) repeat-x left bottom;}
  h2 {margin:0 0 7px;padding: 0 0 5px;font:bold 17px tahoma; color:#034163;background: url(../bgr/border.png) repeat-x left bottom;}
  h2 a{color:#034163}
  h3 {margin: 0 0 4px;padding:0;font:bold 15px tahoma;color:#034163;}
  h4 {margin:0;padding: 0;font:bold 1.6em "Times New Roman";color:#000;}
  dl, dt, dd, form {margin:0;padding: 0;}
  
  #footer h3 {margin: 0 0 4px;padding:0;font:bold 19px tahoma;color:#FFFFFF;}
  
  input {margin:0;vertical-align:middle;}
  p {margin: 0;padding:0 0 10px;}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;}
  table td {padding:0;text-align:left;vertical-align:top;}
  ul {margin: 0;padding: 10px 20px;}




/*FONT*/
  html {font-size:100%;}
  body {font:13px/1.3 Tahoma, sans; color:#333333}
  img{vertical-align:top}

/*Misc*/
  .clearing {clear: both;height:0;font-size:0;overflow:hidden;}
  .clearFix:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}

/*layout*/

  /*=HEADER*/
    #header {width:960px;margin:0 auto;height:181px;position:relative}
    .logo{position:absolute;left:-2px;top:7px;}
    .tools{padding:0;margin:0;position:absolute;right:0px;top:18px;}
    .t_logo{padding:0;margin:0;position:absolute;right:130px;top:7px;}
    
    .tools li{float:left;list-style-type:none;background: url(../bgr/li.png) no-repeat left top;padding:4px 0 0 8px;margin:0 0 0 8px;}
    .tools li:first-child{background:none}

    .main_menu{background: url(../bgr/menu.png) no-repeat right top;padding:0;margin:0;position:absolute;height:34px;right:87px;top:129px;}
    .main_menu li{float:left;list-style-type:none;padding:8px 25px 0;height:26px}
    .main_menu a{color:#ffffff;font:bold 13px tahoma;text-decoration:none;text-shadow:#000 0 1px 1px}
    .main_menu a:hover{color:#18a0d9}
    .main_menu li.sep{width:3px;height:34px;background: url(../bgr/sep.png) no-repeat left top;margin:0 0px;padding:0}
    .main_menu li:first-child{background: url(../bgr/li2.png) no-repeat left top;}
    .main_menu li.active{background: url(../bgr/active1.png) no-repeat left top;padding:0;height:35px;margin:0 25px}
    .main_menu li.active a{display:block;padding:8px 25px 0;height:27px;background: url(../bgr/a1.png) no-repeat right top;color:#034163;text-shadow:#fff 0 1px 1px;cursor:default}
    .main_menu #first.active{margin-left:0;background: url(../bgr/active.png) no-repeat left top;}
    .main_menu #last.active{margin-right:0}
    .main_menu #last.active a{background: url(../bgr/a2.png) no-repeat right top;}
  /*=MENU*/
    #menu {background: silver;}

  /*=CONTENT*/
    #wrapper {position:relative;min-height:100%;height:100%;background:url(../bgr/wrap.jpg) no-repeat center bottom;}
      html>body #wrapper {height:auto;}
      #body {padding:0 0 280px;width:960px;margin:0 auto}
        #body:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #main_col {float: left;width:100%;}
        #main_col_content {margin: 0 280px 0 0;}
        .float_left{float:left;margin:0 10px 10px 0}

        .breadcrumbs{padding:0;margin:0 0 7px 1px;color:#597d8b;font-size:10px;overflow:hidden;zoom:1;width:960px;margin:0 auto 7px}
        .breadcrumbs li{float:left;list-style-type:none;margin:0 3px 0 0}
        .breadcrumbs a{color:#597d8b}

  /*=SIDEBAR*/
    #sidebar {float: right;width: 260px;margin: 0 0px 0 -260px;}

    .price{padding:25px 0 0 127px;position:relative;left:-26px;background: url(../bgr/price.png) no-repeat left top;height:90px}
    .price a{background: url(../bgr/price_a.png) no-repeat left top;float:left;width:155px;height:31px;text-align:center;color:#ffffff;font-size:19px;text-decoration:none;text-shadow:#076c99 0 1px 1px}
    .price a:hover{background: url(../bgr/price_a.png) no-repeat left bottom;color:#034163;text-shadow:#fff 0 1px 1px}
    #sidebar .float_left{margin:0 5px 5px 0}

    .article h3,.article h3 a{color:#034163;font-size:13px;margin:0 0 7px; clear: both;}
  /*=FOOTER*/
    #footer {position:absolute; top:100%;clear:both;width:960px;height:258px;margin-top:-258px;left:50%;margin-left:-480px;}

    .contacts{float:left;width:190px;margin:7px 96px 0 0;color:#fff}
    #footer h3{text-shadow: #0c7bab 0px 1px 1px}
    .contacts .phone{font-size:15px;line-height:1.5;padding-bottom:6px}
    .contacts  a{color:#fff;font-size:11px}
    .contacts  a.more{color:#034163;}
    .contacts  a.more:hover{color:#fff;}
    .more{float:right;position:relative;top:4px;width:98px;height:20px;color:#034163;padding-top:2px;font-weight:bold;font-size:11px;clear:both;text-shadow: #fff 0px 1px 1px;background: url(../bgr/a.png) no-repeat left top;text-align:center;text-decoration:none}
    .more:hover{background: url(../bgr/a.png) no-repeat left bottom;color:#fff;text-shadow: #000 0px 1px 1px;}

    .adv{float:left;width:335px;margin:7px 84px 0 0;color:#fff}
    .adv ul{padding:0;margin:0;}
    .adv li{list-style-type:none;padding:0 0 10px 15px;font-size:11px;background: url(../bgr/li1.png) no-repeat left 5px;}
    .adv .more{top:-5px}

    .news{float:left;width:255px;margin:7px 0px 0 0;color:#fff;font-size:11px;height:180px;position:relative}
    .news a{color:#fff}
    .news p{line-height:1.5}
    .news  a.more{color:#034163;position:absolute;right:0;bottom:5px;top:auto}
    .news  a.more:hover{color:#fff;}

    .copyright{position:absolute;left:0;color:#fff;font-size:10px;line-height:1.5;bottom:5px}
    .copyright a,.developer a{color:#fff}
    .copyright a:hover,.developer a:hover{color:#17a1d9}

    .counter{position:absolute;left:153px;bottom:14px;}

    .developer{color:#fff;font-size:10px;position:absolute;right:0;bottom:24px}
/*form*/
fieldset{padding:0;margin:0;border:none}
.feedback_form label{color:#034163;font-size:12px}
.feedback_form {color:#034163;font-size:12px}
.feedback_form  p{padding:9px 0 10px 0}
.feedback_form p input{background: url(../bgr/in.png) no-repeat left top;width:160px;padding:2px 0 0 9px;height:20px;border:none;font:12px tahoma;color:#fff;margin-right:3px}
.feedback_form textarea{background: url(../bgr/tex.png) no-repeat left top;width:246px;padding:2px 0 0 9px;height:104px;border:none;font:12px tahoma;color:#fff;resize:none;margin:15px 0 10px;}
.send{margin:20px 0 0 159px}

.send{opacity:0.7}

.send.act{opacity:1}

.send:hover{cursor:default}

.send.act:hover{cursor:pointer}

.screen-sogl{
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
	cursor: pointer;
	display:none
}

.screen-sogl > div{
	position: fixed;
	width: 770px;
	background: #fff;
	padding: 10px;
	left: 50%;
	margin-left: -385px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-size:15px;
	text-align:left;
	height:440px;
	top:50%;
	margin-top:-250px;
	padding:30px 15px;
}

.screen-sogl > div > div{
	height:440px;
	padding:0 15px;
	overflow-y:scroll
}

.screen-sogl h3{
	margin-top:0;
	padding-top:0
}

.clc{position:absolute;top:-15px;right:-15px;width:30px;height:30px;border-radius:50%;overflow:hidden;background: url(../img/fancy_close.png) no-repeat center center;}