/* Динамические шняжки */
#img_full {
	display:none;
	background: #ffffff url(images/load.gif) center no-repeat;
	border: 3px #1C5A7B solid;
}

/* Общее оформление */
body {
	margin: 0px;
	padding: 0px;
	background: #dcedf7;
	
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

form {
	padding: 0px;
	margin: 0px;
}

a {
	color: #007bb4;
}

a:hover {
	text-decoration: none;
}


.white_row {
	background: #ffffff;
}



.shadow_left {
	background: url(images/shadow_left.jpg) no-repeat right top;
}

.shadow_right {
	background: url(images/shadow_right.jpg) no-repeat left top;
}

.bottom_left {
	background: #ffffff url(images/corner_bleft.jpg) no-repeat left top;
}

.bottom_right {
	background: #ffffff url(images/corner_bright.jpg) no-repeat right top;
}

.header{
	background:url(/DESIGN/SITE/images/header.png) no-repeat -100px 0;
	padding-left:15px;
	font-size:11px;
}

.header span{
	margin-left:8px;
	vertical-align:10px;
}

#header_menu {
width: 100px;
height: 25px;
background: url(/DESIGN/SITE/images/navi_bottom.jpg) no-repeat scroll center bottom rgb(45, 139, 193);
text-align: center;
float: right;
margin-right: 50px;
}

#header_menu img {
padding-top: 5px;
}

#header_menu a {
padding: 6px;
}

.head {
	padding: 10px 25px 0px 25px;
	font-size: 12px;
	line-height: 25px;
	text-align: right;
	margin-top:-92px;
}

.head span {
	font-size: 20px;
	font-weight: bold;
	color: #f48000;
}

.top_menu td {
	text-align: center;
	font-size: 16px;
	color: #f48000;
}

.top_menu td a {
	color: #fefefe;
}

.top_menu .select {
	vertical-align: bottom;
	text-align: center;
}

.top_menu .select div {
	padding-bottom: 7px;
}

.top_menu .select .item {
	background: #ffffff;
}

.top_menu .select .left {
	
	width: 13px;
	background: url(images/menu_sel_left.png) no-repeat right top;
}

.top_menu .select .right {
	width: 13px;
	background: url(images/menu_sel_right.png) no-repeat left top;
}



.top_menu .item_0 {
	background: #2c8bc0 url(images/menu_left.jpg) no-repeat left top;
}

.top_menu .item_1 {
	background: #287dac;
}

.top_menu .item_2 {
	background: #24709a;
}
	
.top_menu .item_3 {
	background: #20658a;
}
	
.top_menu .item_4 {	
	background: #1c5a7b url(images/menu_right.jpg) no-repeat right top;
}

.left_menu a {
	text-decoration: none;
}

.left_menu img {
	margin-left: 23px;
}

.left_menu .title {
	padding: 23px 0px 10px 24px;
	font-size: 18px;
}

.left_menu table {
	border-collapse: collapse;
	
}

.left_menu table td {
	height: 34px;
	border-top: 1px #cccccc dotted;
	border-bottom: 1px #cccccc dotted;
	vertical-align: middle;
	font-size: 12px;
}

.left_menu table td.ind {
	border: 0px;
}

.left_menu table .select {
	font-weight: bold;
}
.left_menu table .select .ind {
	background-image: url(images/menu_arr.png);
	background-position: 10px 13px;
	background-repeat: no-repeat;
}


.footer div {
	font-size: 12px;
	padding: 0px 24px;
}

.footer span a {
	font-size: 11px;
	color: #585f63;
	text-decoration: none;
}

.content {
	padding: 20px 25px 30px 23px;
	/* padding: 20px 25px 30px 23px; */
	font-size: 12px;
	line-height: 22px;
}

.content h1 {
	font-size: 24px;
	font-weight: normal;
	padding: 0px 0px 18px;
	margin-bottom: -15px;
}



.content .table {
	border-collapse: collapse;
}

.content .table th {
	border: 1px #dfe8ed solid;
	background: #dfe8ed;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
}

.content .table td {
	border: 1px #dfe8ed solid;
	font-size: 12px;
	padding: 5px;
}




.content h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: -15px;
	padding: 0px 0px 10px 0px;
}

.content h3 {
	font-size: 15px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.content ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.content ul li {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	background: url(images/ul_arr.jpg) no-repeat 7px 9px;
}

.content ol {
	margin: 0px 0px 0px 25px;
	_margin: 0px 0px 0px 27px;
	padding: 0px;
}


.news_add p, .news p {
	margin: 0px;
	padding: 0px;
}


.left_content {
	width: 270px;
	float:right;
	padding: 35px 0px 0px 0px;
}


.news_add {
    background: #EEEEEE;
	padding: 20px 20px;
	/*padding: 35px 20px 0px 20px;*/
	/*height: 100%;*/
	display:block;
	font-size: 12px;
	/*border-radius: 0 0 0 10px;*/
}

.news_add .item {
	padding-bottom: 25px;
}

.news_add .date {
	color: #6c6c6c;
	padding-bottom: 5px;
}

.news_add .name {
	font-weight: bold;
	padding-bottom: 5px;
}


.news, .news .item {
	line-height: 18px;
	font-size: 12px;
}

.news .item .date {
	color: #6c6c6c;
	padding-bottom: 5px;
}

.news .item .title {
	font-weight: bold;
	padding-bottom: 5px;
}

.news img {
	float: left;
	padding: 3px;
}

.news .all {
	padding-top: 15px;
}

.pages {
	margin: 45px 0px 20px;
}

.pages td {
	font-size: 12px;
}

.pages td.page {
	padding: 5px 7px;
}

.pages td.select {
	font-weight: bold;
	background: #dfe8ed;
}

.feedback td {
	font-size: 12px;
}

.feedback .title {
	width: 75px;
	vertical-align: top;
	line-height: 34px;
}

.feedback .inp_text {
	width: 280px;
	height: 23px;
}

.feedback textarea {
	width: 500px;
	min-width: 500px;
	max-width: 500px;
	height: 175px;
	min-height: 175px;
}


.feedback .submit {
	width: 90px;
	height: 35px;
	margin-top: 20px;
}

.content_nf {
	background: url(images/shadow_404.jpg) no-repeat 220px 0px;
}

.content_nf .main_box {
	margin: 50px 0px 0px 35px;
}

.content_nf .main_box h1 {
	font-size: 14px;
	font-weight: bold;
	color: #f48000;
}

.content_nf .main_box td {
	line-height: 22px;
	font-size: 12px;
}

/* FeedBack */

.feedback {
	width: 610px;
}

.content .feedback img {
    float: left;
    margin: 2px 10px 3px 0;
}

.feedback span {
    display: block;
    font-size: 11px;
    padding-bottom: 3px;
}

span.fsign {
    padding-right: 10px;
    text-align: right;
}

/* Main */
.main {
	width: 610px;
}

/* bottom-nav */
#bottom-nav{
     margin-left: -50px;
	}
#bottom-nav li{
    display: inline;
    margin: 0 9px;
	}
	
/* map */	
#s-map li{
	line-height: 16px;
	list-style: none inside none;
	background: #FFFFFF;
	}
	
/* NEWS */	
.news_add_bottom{
	background: url(images/corner_bleft2.jpg) no-repeat;
	height: 10px;
    width: 190px;
}	

/* CATALOG */

.main .catt{
width:600px;
height:170px;
background:#fff;
border:2px solid #eee;
margin-bottom: 10px;
}

.main .catt img{
width:200px;
float:left;
padding-right:20px;
}

.main .cattn{
text-align:center;
} 

.main .catt h4{
text-align:center;
}



.catalog_items {
	width: 630px;
	margin: 10px 0px;
	border-collapse: collapse;
}

.catalog_items td {
	border: 1px #dfe8ed solid;
	font-size: 12px;
	text-align: center;
	padding: 5px;
}

.catalog_items th {
	font-size: 12px;
	font-weight: normal;
	background: #dfe8ed;
	padding: 5px;
}

.catalog_items td.title {
	text-align:left;
	border-left: 0px;
}

.catalog_items td.image {
	border-right: 0px;
	width: 60px;
}

.catalog_filtres span {
	padding-right: 10px;
}

.catalog_filtres select {
	margin-right: 35px;
}


.catalog_item #small_images {
	padding-top: 5px;
	width: 235px;
}

.catalog_item #small_images img {
	cursor: pointer;
	border: 4px #ffffff solid;
}

.catalog_item #small_images img.select {
	border-color:#dfe8ed;
}

.catalog_item{
	font-size: 12px;
	line-height: 15px;
}

#info{
	width: 300px;
	border-collapse: collapse;
}
#info td {
	/* border: 1px #dfe8ed solid; */
	font-size: 12px;
	padding: 5px;
}
#info tr.bg1 td { background-color:#e7e7e7; }
#info tr.bg2 td { background-color:#fff; }


/* ----------------------------------------------------------------------------
  * Стили для виджета диалога jQuery-UI
  *
  * ------------------------------------------------------------------------  */
    .ui-dialog {
            background: rgb(237,237,237);
            font: 11px verdana, arial, sans-serif;
    }
    .ui-dialog .ui-dialog-titlebar  {
            font: small-caps bold 24px Georgia, Times, serif;
    }
    .ui-dialog h3,
    .ui-dialog div {
            border-top:1px solid rgb(247,247,247);
            border-bottom:1px solid rgb(212,212,212);
            padding:8px 0 12px 10px;
    }
    .ui-dialog h3 {
            font: 18px Georgia, Times, serif;
            margin: 0;
    }
    .ui-dialog select,
    .ui-dialog textarea,
    .ui-dialog input {
            width:76%;
            display: block;
    }    
    .ui-dialog #rating input,
    .ui-dialog #rating label {
            display: inline;
            width:auto;
    }
    .ui-dialog .puForm div:last-child {
        border-bottom:none;
    }
    .ui-dialog .puForm h3:first-child {
        border-top:none;
    }
	
 /* -------------------------------------------------------------------------
  * Стили для Слайдера
  * ------------------------------------------------------------------------*/	
	
#featured{ 
	width:500px; 
	padding-right:250px; 
	position:relative; 
	border:1px solid #ccc; 
	height:300px; 
	background:#fff;
	margin: 10px auto 0;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:500px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; 
	/* padding-left:13px; */  
	font-size:12px; 
	color:#666; 
	background: #fff;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:58px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/slide/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:500px; height:300px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:230px; left:0; 
	height:70px; 
	background: url('images/slide/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}	
	
.column-div {
    background: url("images/catalog/h2.background.png") repeat-x scroll left top transparent;
    border-color: #B4D7F0;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    float: left;
	margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}	
.column-div h2 {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 2px;
	margin-left: 5px;
}

.column-div ul {
    display: table;
}
.column-div ul li, ul.menu li, li.leaf {
    background: url("images/catalog/arrow.gif") no-repeat scroll 0 0.5em transparent;
    list-style-image: none;
    list-style-type: none;
    padding: 0 0 0.2em 1.5em;
}

/* Форма заявки в товарах */
table.bigform td {
    border: 1px solid #CCC;
    padding: 5px 10px;
    width: 50%;
}
table.bigform input[type="text"] {
    font-size: 14px;
    width: 350px;
}
table.bigform textarea {
    height: 50px;
    width: 350px;
	max-width: 350px;
	min-width: 350px;
}
td.little input[type="text"] {
    width: 50px;
}
td.medium input[type="text"] {
    width: 150px;
}
td.bigtextarea textarea {
    height: 300px;
}
td.bigformtitle {
    background: none repeat scroll 0 0 #2C8BC0;
    color: #FFFFFF;
    text-align: center;
}

#facebox .b {  background:url(images/facebox/b.png); }
#facebox .tl {  background:url(images/facebox/tl.png); }
#facebox .tr {  background:url(images/facebox/tr.png); }
#facebox .bl {  background:url(images/facebox/bl.png); }
#facebox .br {  background:url(images/facebox/br.png); }
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}
#facebox .popup {
  position: relative;
}
#facebox table {
  border-collapse: collapse;
}
#facebox td {
  border-bottom: 0;
  padding: 0;
}
#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}
#facebox .loading {
  text-align: center;
}
#facebox .image {
  text-align: center;
}
#facebox img {
  border: 0;
  margin: 0;
}
#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.facebox_hide {
  z-index:-100;
}
.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}
* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* ============== Вкладки ================= */

div.tabs {
background: #E7E7E7;
padding: 1em;
}

div.container { 
margin: auto; 
width: 90%; 
margin-bottom: 10px;
}

ul.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
}

ul.tabNavigation li {
display: inline;
background: none;
padding: 0;
}

ul.tabNavigation li a {
padding: 3px 9px;
background-color: #2C8BC0;
color: #fff;
text-decoration: none;
}

ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover {
background: #FFF;
color: #000;
}

ul.tabNavigation li a:hover {
background: #20658A;
color: #fff;
}

ul.tabNavigation li a:focus {
outline: 0;
}

div.tabs div {
padding: 5px;
margin-top: 3px;
border: 1px solid #FFF;
background: #FFF;
}

div.tabs div h2 {
margin-top: 0;
}

/* ============== Социальные кнопки ================= */

ul#social {width:100px; height:20px; margin:0; padding:10px 0 10px 48px; text-align:right; list-style: none inside none;}
ul#social li {float:right; padding:0; margin:2px;}
ul#social li a {
	width:16px;
	height:16px;
	background:url("images/social.png") 100% 0 no-repeat;
	display:block;
	transition-property:background-position;
	transition-duration:.2s;
	-o-transition-property:background-position;
	-o-transition-duration:.2s;
	-webkit-transition-property:background-position;
	-webkit-transition-duration:.2s;
	-moz-transition-property:background-position;
	-moz-transition-duration:.2s;
}
ul#social li a:hover {background-position:100% 100%;}
#social #twitter {background-position:0 0;}
#social #twitter:hover {background-position:0 100%;}
#social #facebook {background-position:-24px 0;}
#social #facebook:hover {background-position:-24px 100%;}
#social #vkontakte {background-position:-48px 0;}
#social #vkontakte:hover {background-position:-48px 100%;}
#social #youtube {background-position:-72px 0;}
#social #youtube:hover {background-position:-72px 100%;}

/* ============== Слайдер ================= */

.slider-wrap .apps-wrap {
    float: left;
    height: 244px;
    overflow: hidden;
    padding-top: 4px;
    position: relative;
    white-space: nowrap;
    width: 878px;
}
.slider-wrap .apps-wrap .long-wrap {
    margin-left: 0;
    white-space: nowrap;
    width: 1000px;
}
.slider-wrap .apps-wrap .pair {
    float: left;
    height: 244px;
    margin-right: 18px;
    width: 262px;
}
.slider-wrap .apps-wrap .pair .app-block {
    background: url("images/slide3/appbg.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 116px;
    margin-bottom: 12px;
    position: relative;
	width: 279px;
    /* width: 424px; */
}
.slider-wrap .apps-wrap .pair .app-block img{
	position:absolute;
	left:20px;
	top:21px;
}
.slider-wrap .apps-wrap .pair .app-block h2{
	position:absolute;
	left:100px;
	top:6px;
	font-size: 16px;
	color:#000;
	font-family:Arial;
}
.slider-wrap .apps-wrap .pair .app-block p{
	position:absolute;
	font-size: 13px;
	color:#000;
	left:101px;
	top:36px;
	width:160px;
	height:50px;
	white-space:normal;
	line-height:15px;
	font-family:Arial;
}

.slider-wrap .apps-wrap .pair .app-block:hover p.short_desc{
	display:block;
}
.slider-wrap .apps-wrap .pair .app-block p.full_desc{
	display:none;
}
.slider-wrap .apps-wrap .pair .app-block:hover{
    background-position: left -119px;
}

.slider-wrap .apps-wrap .pair .app-block.active p{
	color: #fff;
}
.slider-wrap .apps-wrap .pair .app-block.active h2{
	color:#fff;
}
.slider-wrap .apps-wrap .pair .app-block.active{
    background-position: left -236px;
}


.slider-wrap .apps-wrap .pair .app-block:hover p.full_desc {
    display: block;
    font-family: Arial;
}
.slider-wrap .apps-wrap .pair .app-block:hover p.short_desc{
	font-family:Arial;
	display:none;
}
.slider-wrap .apps-wrap .pair .app-block a {
    height: 116px;
    left: 0;
    position: absolute;
    top: 0;
    width: 160px;
    z-index: 2000;
}

/* ============== Опрос ================= */

.spacer {
	width: 100%;
	height: 15px;
}

/* Bar Graphs */
.graph {
  width: 180px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 165px;
  line-height: 20px;
  margin-right: 1px;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 58px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#cc4400;
  height: 20px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: center;
}
#poll-container {
   font-size:13px;
}