@import "reset.css";
/*--main-- */
html#main {
	min-height:100%;
	_height:auto !important;
	height:100%;
	background:  url('../i/bg_top.png') top left no-repeat;
}

body {
	background: #fff;
	font-size: 62.5%;
	font-family: Arial;
	min-height:120%;
	/*height:auto !important; */
	height:100%;
	background:  url('../i/bg_footer.png') bottom left no-repeat;
}



h1, h2, h3, h4, h5, h6 {font-weight:normal;}
a:hover{text-decoration: none;}
.clear {

	clear: both;
}
#wrapper {
	width: 980px;
	position: relative;
	padding-top: 54px;
s
}
html#main .left {
	width: 235px;
	padding-left: 27px;
	_display: inline;
	float:left;
	font-size: Tahoma;
	background: url('../i/left_bg.gif') 14px 103px no-repeat;
}
html#inner .left {
	width: 235px;
	padding-left: 27px;
	_display: inline;
	float:left;
	font-size: Tahoma;

}
h2{
	display: block;
	width: 194px;
	height: 85px;
	position: relative;
}
h2 a {
	display: block;
	width: 194px;
	height: 85px;
	position: relative;
}
	h2 a span {
		display: block;
		width: 194px;
		height: 85px;
		background: url('../i/logo.png') no-repeat;
		position: absolute;
		top: 0px;
		left:0px;

	}

ul.menu {font-size: 1.2em; font-weight: bold; color:#464646; margin-top: 30px; margin-left: 14px;}
ul.menu li{
	background: url('../i/li.gif') 0px 2px no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
}
ul.menu li a {color:#004f9f;}
ul.menu li a:hover {color:#58a4f3;}
ul.menu li.active {
background: url('../i/li_a.gif') 0px 2px no-repeat;
}
p.info {
width: 200px;
font-size: 1.1em;
color:#5e5e5e;
line-height: 1.6em;
margin-left: 17px;
margin-top: 55px;
}

.right {
	width: 675px;
	float: left;
	_display: inline;
	font-family: Arial;
	padding-left: 6px;
}
	.right h2 {
		display: block;
		width: 401px;
		height: 29px;
		position: relative;margin-top:13px;margin-bottom: 12px;
	}
		.right h2 span{
			display: block;
			width: 401px;
			height: 29px;
			background:url('../i/h2.png') no-repeat;
			position:absolute;
			top:0px;
			left: 0px;

		}

	.right p {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	.right ul.big_navigation {margin-top: 24px; margin-bottom: 20px; overflow: hidden; margin-left: 2px;}
	.right ul.big_navigation li {display: block; width: 157px; height: 324px; position: relative; margin-right: 10px; float: left; _display:inline;}
	.right ul.big_navigation li a span{width: 157px; height: 324px; position: absolute; top: 0px; left: 0px; cursor:hand;}
	.right ul.big_navigation li.consultation a span{background: url('../i/cons.jpg') no-repeat; }
	.right ul.big_navigation li.advertising a span{background: url('../i/rekl.jpg') no-repeat;}
	.right ul.big_navigation li.seo  a span{background: url('../i/seo.jpg') no-repeat;}
	.right ul.big_navigation li.design a  span{background: url('../i/design.jpg') no-repeat;}

	.right strong.our {font-weight: normal; display: block;font-size: 1.2em;margin-left: 0px;}
	.right ul.our {margin-top: 10px; margin-left: 0px; margin-bottom: 20px;font-size: 1.2em;}
	.right ul.our li{padding-left: 15px; background: url('../i/li2.gif') 0px 3px no-repeat; margin-bottom: 10px;line-height: 1.4em;}


/*--inner-- */
html#inner {
	min-height:100%;
	_height:auto !important;
	height:100%;
	background:  url('../i/bg_top1.png') top left no-repeat;
}
html#inner body {
	background: #fff;
	font-size: 62.5%;
	font-family: Arial;
	min-height:120%;

	_height:100% !important;
	 height:180% ;  
       	background:  url('../i/bg_footer1.png') bottom left no-repeat;
}
html#inner .right {
	width: 675px;
	float: left;
	_display: inline;
	font-family: Arial;
	padding-left: 6px;
       
}
	html#inner .right h2 {
		display: block;
		width: 401px;
		height: 29px;
		position: relative;margin-top:13px;margin-bottom: 9px;
	}
		html#inner .right h2 span{
			display: block;
			width: 322px;
			height: 24px;
			background:url('../i/h2_1.png') no-repeat;
			position:absolute;
			top:0px;
			left: 0px;

		}

	html#inner .right ul.small_navigation {overflow: hidden; margin-left: 4px;}
	html#inner .right ul.small_navigation li {display: block; height: 33px; position: relative; float: left; _display:inline;}
	html#inner .right ul.small_navigation li a span{height: 33px; position: absolute; top: 0px; left: 0px;}
	html#inner .right ul.small_navigation li.consultation {width: 111px; }
		html#inner .right ul.small_navigation li.consultation a span{background: url('../i/cons1.png') no-repeat; width: 111px; }
	html#inner .right ul.small_navigation li.advertising {no-repeat; width: 162px; }
		html#inner .right ul.small_navigation li.advertising a span{background: url('../i/rekl1.png') no-repeat; width: 162px; }
	html#inner .right ul.small_navigation li.seo {width: 188px; }
		html#inner .right ul.small_navigation li.seo a span{background: url('../i/seo1.png') no-repeat; width: 188px; }
	html#inner .right ul.small_navigation li.design {width: 195px; }
		html#inner .right ul.small_navigation li.design a span{background: url('../i/design1.png') no-repeat; width: 195px; }

html#inner .right h3.rekl {
	display: block;
	width: 254px;
	height: 39px;
	position: relative;
	margin-top:6px;
	margin-bottom: 12px;
}
	html#inner .right h3.rekl span{
		display: block;
		width: 254px;
		height: 39px;
		background:url('../i/h3_rekl.png') no-repeat;
		position:absolute;
		top:0px;
		left: 0px;
}

html#inner .right h3.konsult {
	display: block;
	width: 254px;
	height: 35px;
	position: relative;
	margin-top:6px;
	margin-bottom: 12px;
}
	html#inner .right h3.konsult span{
		display: block;
		width: 254px;
		height: 35px;
		background:url('../i/h3_konsult.png') no-repeat;
		position:absolute;
		top:0px;
		left: 0px;
}

html#inner .right h3.kontekst {
	display: block;
	width: 254px;
	height: 35px;
	position: relative;
	margin-top:6px;
	margin-bottom: 12px;
}
	html#inner .right h3.kontekst span{
		display: block;
		width: 254px;
		height: 35px;
		background:url('../i/h3_rekl.png') no-repeat;
		position:absolute;
		top:0px;
		left: 105px;
}

html#inner .right h3.seo {
	display: block;
	width: 254px;
	height: 35px;
	position: relative;
	margin-top:6px;
	margin-bottom: 12px;
}
	html#inner .right h3.seo span{
		display: block;
		width: 254px;
		height: 35px;
		background:url('../i/h3_seo.png') no-repeat;
		position:absolute;
		top:0px;
		left: 285px;
}

html#inner .right h3.design {
	display: block;
	width: 254px;
	height: 35px;
	position: relative;
	margin-top:6px;
	margin-bottom: 12px;
}
	html#inner .right h3.design span{
		display: block;
		width: 254px;
		height: 35px;
		background:url('../i/h3_design.png') no-repeat;
		position:absolute;
		top:0px;
		left: 405px;
}

html#inner .right h4 {font-size: 1.4em; font-weight: bold; margin-bottom: 25px;padding-top:5px;}
html#inner .right h5 {font-size: 1.2em; font-weight: bold; margin-top: 25px; margin-bottom: 5px;}
html#inner .right p {margin-top: 5px; margin-right:15px;margin-bottom: 10px; text-align:justify;text-indent:5px;}
html#inner .right ul.about {
	font-size: 1.2em;
	line-height: 1.4em;
}

html#inner .right ul.help_links {font-size: 1.2em; margin-top: 25px;}
	html#inner .right ul.help_links a{color: #004f9f;}
html#inner .right ul.help_links li{display: inline; margin-right: 22px; padding-left: 16px;}
html#inner .right ul.help_links li.top{background: url('../i/top.gif') 0px 3px no-repeat;}
html#inner .right ul.help_links li.back{background: url('../i/back.gif') 0px 5px no-repeat;}
html#inner .right ul.help_links li.print{background: url('../i/print.gif') 0px 3px no-repeat;}

/*-----------------------Slider-------------------------------------*/
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */


	font-size: 1.2em;
        font-weight: bold;
	width:75%;
	padding-top:2px;
	padding-left:20px;
      	/*background-image:url('../i/li2.gif');
	background-repeat:no-repeat;
	background-position:5px  left;
	height:23px;*/
        height:2.5em;
        line-height: 1.2em;
       margin-top:3px;

	/* End layout CSS */

	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #D9D9D9;

	width:75%;

	/* End layout CSS */

	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:2px;

	position:relative;

}

/* наша HTML таблица */
table.sort{
border-spacing:0.1em;
margin-bottom:1em;
margin-top:1em
}

/* €чейки таблицы */
table.sort td{
border:1px solid #CCCCCC;
padding:0.3em 1em
}

/* заголовки таблицы */
table.sort thead td{
cursor:pointer;
cursor:hand;
font-weight:bold;
text-align:center;
vertical-align:middle;
background-color:#cccccc;
}

/* заголовок отсортированного столбца */
table.sort thead td.curcol{
background-color:#999999;
color:#FFFFFF
}
/* Preserve the original composition while preventing horizontal overflow on phones. */
@media (max-width: 760px) {
    html#main, html#inner, body, html#inner body { min-width: 0; background-size: auto; }
    #wrapper { width: auto; min-width: 0; box-sizing: border-box; padding: 24px 16px; }
    html#main .left, html#inner .left, .right, html#inner .right { float: none; width: auto; padding-left: 0; }
    p.info { margin: 20px 0; }
    .right h2, html#inner .right h2 { max-width: 100%; }
    .right ul.big_navigation { display: flex; flex-wrap: wrap; gap: 10px; margin-left: 0; }
    .right ul.big_navigation li { float: none; margin-right: 0; }
    html#inner .right ul.small_navigation li { float: none; }
}