body {
	 background: #23262C url(../img/body-bg.jpg);
}
* {
	margin: 0;
	padding: 0;
	font-family: arial;
	color: #000;
}
#container {
	background: url(../img/gradient-bg.jpg) top center repeat-x;
}
div {
	font-size: 13px;
}
.clear-all {
	clear: both;
}
img {
	border: 0px;
}
p {
	padding: 10px 0px;
}
a {
	color: #007F99;
}
a:hover {
	color: #EE5F00;
}
h1, .h1 {
	font: bold 19px arial;
	padding: 5px 0px;
	text-transform:uppercase;
}

.h1_main {
	font: bold 18px arial;
	padding: 5px 0px;
	text-transform:none;
}
.h1_sozd {
float: right;
 margin: 0px 175px -20px 0px;
 -margin: 0px 85px -20px 0px;
 color: #FD771D;
}
h2, .h2 {
	font: normal 18px arial;
	padding: 5px 0px;
}
h3, .h3 {
	font: bold 14px arial !important;
	padding: 5px 0px !important;
}

h6, .h6 {
	color: #007F99;
	font: bold 13px arial;
	margin-bottom: -3px;
}
ol {
	padding-left: 20px;
}
#main {
	margin: 0px auto;
	width: 1000px;
}
#head {
	height: 116px;
	background: #2D353E;
}
#head * {
	color: #fff;
}
#logo {
	padding: 21px 0px 0px 54px;
	float:left;
}
#top-nav {
	list-style: none;
	float:right;
	padding-right: 40px;
	height: 91px;
}
#top-nav li {
	float: left;
	padding-left: 1px;
	position:relative;
	top: 24px;
}
#top-nav a {
	display: block;
	float: left;
	background: #444D56 url(../img/top-nav-bg.gif) top repeat-x;
	height: 43px;
	font: bold 11px/43px arial;
	padding: 0px 24px;
	text-transform: uppercase;
	border-bottom: 5px solid #444D56;
	text-decoration:none;
}
#top-nav a:hover {
	background: #212529;
	border-color: #FF781E;
}

#top-phone {
	clear: both;
	padding-left: 60px;
	font: normal 11px arial;
	float: left;
	white-space:nowrap;
	font: bold 14px arial;
}
	#top-phone span {
		display: block;
		margin: -10px 0;
		padding:0;
		font-size: 10px;
		text-align: center;
	}
	#top-phone strong {
		font: normal 17px tahoma;
		position:relative;
		top: -9px;
		//top: -4px;
		left: 2px;
	}
#top-nav li ul {
	width: 190px;
	margin-right: -170px;
	position: relative;
	margin-top: -5px;
	left: -30px;
	float: left;
	clear: left;
	display: none;
}
#top-nav li:hover ul {
	display: block;
}
#top-nav li li {
	list-style: none;
	float: none;
	padding-left: 29px;
	white-space:nowrap;
	position: relative;
	top: 0;
	z-index: 999;
}
#top-nav li li a {
	background: #64717D url(../img/submenu-bg.gif) 0px 1px repeat-x;
	text-transform:none;
	width: 190px;
	border: 1px solid #000;
	height: 22px;
	line-height: 22px;
}
#top-nav li li a:hover {
	border-color: #EA6C19;
	background: #EA6C19 url(../img/submenu-bg-hover.gif);
}

#content {
	background: #E1EDF0 url(../img/content-bg.gif) top repeat-x;
	border-bottom: 5px solid #fff;
}
#right-col {
	float: right; 
	width: 260px;
	margin: 0px 7px;
	padding-bottom: 20px;
}
#right-col h1 {
	font-size: 13px;
	text-align:center;
}
.red-block {
	background: #D16319 url(../img/red-bg.gif) top repeat-x;
	border: 1px solid #fff;
	font-size: 11px;
	padding: 0 10px 5px 10px;
	margin-top:1px;
}
.red-block * {
	color: #FFFFFF;
}
.red-block p {
	padding: 0;
}
.red-block .h3 {
	display: block;
	padding: 5px 0px !important;
	text-transform:uppercase;
}
.red-block a {
	font-weight: bold;
	color: #fff;
}
.red-block a:hover {
	text-decoration: none;
}
.hr {
	border-top: 1px solid #BCBFC2;
	border-bottom: 1px solid #fff;
	height: 0;
	margin: 15px 0;
}
#yandex-img {
	position: relative;
	top: 3px;
}
#positions {
	padding: 0 10px;
}
.positions  {
	padding: 10 0px;
}
#positions ul, .positions ul {
	padding: 5px 0px 11px 15px !important;
}
#positions li, .positions li {
	list-style: none;
	font: italic normal 12px arial;
	padding: 1px 0;
}
#positions a, .positions a {
	font: normal bold 12px arial;
	color: #D05E12;
}
#positions a:hover, .positions a:hover {
	COLOR: #000;
}
#positions a.more, .positions a.more {
	color: #327F8F;
	font: normal 11px arial;
	padding-right:15px;
	background: url(../img/more-arr.gif) right center no-repeat;
}
.button {
	display: block;
	margin: 0px auto;
	background: #E96C18 url(../img/but-bg.gif);
	text-decoration:none;
}
.button span {
	font: bold 11px/21px arial !important;
	height:21px;
	color: #fff !important;
	text-shadow:0.1em 0.1em 0.1em #000;
	display:block;
	text-align:center;
	background: url(../img/but-bg-l.gif) left no-repeat;
	cursor:pointer;
}
.button span span {
	background: url(../img/but-bg-r.gif) right no-repeat;
	padding-right: 5px;
}
#order-form p {
	padding: 0 0 7px 0;
	color: #696F75;
}
.blue, .blue * {
	color: #308B9E;
}
dl {
	padding-bottom: 5px;
}
dt {
	color: #FF781E;
	display: inline;
	font: normal 12px arial;
}
dd {
	display: inline;
}
#order-form dd {
	color: #696F75;
}
#order-form input {
	background: #fff url(../img/input-bg.gif);
	border: 0;
	width: 244px;
	height: 28px;
	padding: 0 7px;
	margin: 2px 0;
}
#order-form textarea {
	background: #fff url(../img/textarea-bg.gif) top;
	border: 0;
	width: 244px;
	height: 104px;
	padding: 0 7px;
	margin: 2px 0;
	font: normal 12px/18px arial !important;
	overflow:auto;
}
#order-form label {
	font: bold 12px arial;
	padding: 5px 9px 0px 9px;
	display:block;
}
#order-form label span {
	font: normal 12px arial;
}
#order-form .button {
	width: 120px;
	margin-top: 7px;
}
#order-form .button input {
	width: 120px;
	background: transparent;
	height: 21px;
	padding: 0;
	color: #fff !important;
	text-shadow:0.1em 0.1em 0.1em #000;
	font: bold 11px/21px arial !important;
	position:relative;
	top: -3px;
	cursor: pointer;
}

#main-col {
	margin-right: 275px;
}
#clear-float {
	/*height: 300px;*/
	padding: 15px 0 15px 7px;
}
.first-col {
	width: 341px;
	float: left;
}
.second-col {
	width: 370px;
	float: right;
}
#clear-float h1, #clear-float .h1 {
	padding-left: 5px;
}
.gradient, .tarif {
	background: #fff url(../img/block-gradient.jpg) top repeat-x;
	border-top: 1px solid #BCBFC2;
	padding: 12px 12px 2px 12px;
	margin-bottom: 12px;
}

.gradient p {
	padding: 0 0 10px 0;
}
.gradient strong {
	font-size: 13px;
}
.tarif {
	background: #fff url(../img/tarif-grad.gif) top repeat-x;
	padding:0px;
}
.tarif .h3 {
	font: bold 26px arial;
	text-transform:uppercase;
}
.tarif h4, .tarif .h4 {
	font: italic normal 17px tahoma;
}
	.tarif h4 b, .tarif .h4 b {
		font: italic bold 17px tahoma;
	}
.tarif a.h3 {
	color: #EE5F00;
	display: block;
}
	.tarif a:hover.h3 {
		color: #000;
	}
	
	
.tarif a.h3_zakaz {
    color: #EE5F00;
    display: block;
	font: bold 12px arial;
	text-transform:uppercase;
	padding: 5px 0 !important;
}
.tarif a:hover.h3_zakaz {
		color: #000;
	}
.tarif p {
	padding: 0 12px 10px 12px;
}
.hdr {
	background-position: left top;
	background-repeat:no-repeat;
	padding: 7px 0 20px 120px;
}
.tarif-s .hdr {
	padding: 7px 0 10px 80px;
}
.nazvanie_tarifa {
    font: bold 20px arial !important;
    padding: 5px 0 !important;
    color: #000000;
    font-family: arial;
    margin: 0;
	}
#start-tarif {
	background-image:url(../img/start.jpg);
}
#standart-tarif {
	background-image:url(../img/standart.jpg);
}
#premium-tarif {
	background-image:url(../img/premium.jpg);
}
#easy-start-tarif-s {
	background-image:url(../img/easy-start.jpg);
}
#practic-tarif-s {
	background-image:url(../img/practic.jpg);
}
#standart-tarif-s {
	background-image:url(../img/standart-s.jpg);
}
#business-tarif-s {
	background-image:url(../img/business.jpg);
}
#exclusive-tarif-s {
	background-image:url(../img/exclusive.jpg);
}
.more-tarif {
	background: url(../img/more-tarif.gif);
	width: 104px;
	height:21px;
	font: bold 11px/20px arial !important;
	text-shadow:0.1em 0.1em 0.05em #fff;
	display:block;
	text-align:center;
	padding-right: 15px;
	text-decoration:none;
	margin: 0px auto;
}
.adv {
	background: #fff url(../img/gray-bg.gif) left repeat-y;
	border-bottom: 1px solid #E1EDF0;
}
.adv h3, .adv .h3 {
	color: #007F99;
	display: block;
}
.adv p {
	padding-top: 0;
}
.adv div {
	padding: 5px 2px 0px 83px;
	background-position: top left;
	background-repeat:no-repeat;
}
#adv1 {
	background-image:url(../img/adv1.jpg)
}
#adv2 {
	background-image:url(../img/adv2.jpg)
}
#adv3 {
	background-image:url(../img/adv3.jpg)
}
#adv4 {
	background-image:url(../img/adv4.jpg)
}
#adv5 {
	background-image:url(../img/adv5.jpg)
}
#adv6 {
	background-image:url(../img/adv6.jpg)
}
#adv7 {
	background-image:url(../img/adv7.jpg)
}
#adv8 {
	background-image:url(../img/adv8.jpg)
}
#adv1s {
	background-image:url(../img/adv1s.jpg)
}
#adv2s {
	background-image:url(../img/adv2s.jpg)
}
#adv3s {
	background-image:url(../img/adv3s.jpg)
}
#adv4s {
	background-image:url(../img/adv4s.jpg)
}
#adv5s {
	background-image:url(../img/adv5s.jpg)
}
#adv6s {
	background-image:url(../img/adv6s.jpg)
}

span.url {
	display: none;
	visibility:hidden;
}

#subcontent {
	background: #F2F2F2;
	padding: 13px 5px 22px 22px;
}
#subcontent h2, #subcontent .h2 {
	color: #D05E12;
}
.article {
	width: 470px;
	margin-right: 15px;
	vertical-align: top;
}
.article .h2 {
	display: block;
	font: bold 17px arial;
	padding: 5px 0px;
}
.article p {
	padding: 0px 10px 0px 0px;
	overflow:hidden;
	line-height: 14px;
}
.article strong {
	display: block;
	padding-bottom: 3px;
	font-size: 12px;
}
.article .more {
	display: block;
	list-style: none;
	margin: 10px 0px;
}

#foot-content {
	border: 1px solid #535C65;
	border-width: 1px 0px;
	padding: 10px 22px;
}
#foot-content, #foot-content * {
	background: #2D353E;
	color: #FFFFFF;
	font-size: 11px !important;
}
#foot-content .h3 {
	font: bold 14px arial !important;
	padding: 5px 0px !important;
}
#foot-content .h3_botom_zag {
	font: bold 14px arial !important;
	padding: 5px 0px !important;
	margin-left: 75px;
}
#resourses {
	width: 320px;
	float:left;
	margin-right: 40px;
}
#resourses a {
	display:block;
	font:  bold 12px arial;
}
#resourses a:hover {
	text-decoration: none;
}
#resourses img {
	float: left;
}
#resourses h3 {
	text-transform:uppercase;
	clear: left;
}
#obzory  {
	width: 350px;
	float: left;
}
#obzory h3, #services h3 {
	text-transform:uppercase;
}
#obzory .h4 {
	font:  bold 12px arial;
	padding-bottom: 0px;
}
#obzory a:hover {
	text-decoration: none;
}
#foot-content p {
	padding-top: 5px;
}
#services {
	float: left;
	padding-left: 30px;	
}
#services a:hover {
	text-decoration: none;
}
#services ul {
	list-style-image: url(../img/arr.gif);
	padding-left: 17px;
	font: normal 12px/20px arial;	
}
#footer {
	background: #212529;
	padding: 7px 22px;
	overflow:hidden;
}
#footer * {
	color: #fff;
}
#footer address {
	font: normal normal 18px arial, helvetica, sans-serif;
	float: left;
	width: 358px;
	padding: 3px 0;
}
	#footer address span {
		display: block;
		font: normal normal 12px arial, helvetica, sans-serif;
	}
#footer ul.menu {
	float: left;
	font-size: 11px;
	height: 60px;
	line-height: 22px;
	list-style: none;
	margin-right: 30px;
	width: 350px;
}
#footer ul.menu li {
	display: inline;
	padding: 0 10px; 
	border-left: 1px solid #9E9E9E;
}
#footer ul.menu li.first {
	padding-left:0;
	border: none;
}
#footer #copyright, #footer #counters {
	color: #9E9E9E;
	font-size: 11px;
	padding: 3px 0;
}

.procent50 {
	width: 355px;
}

.portfolio, .portfolion {
	width:50%;
	float: left;
	height: 270px;
	border-bottom: 1px solid #E1EDF0;
	padding-bottom: 10px;
}
.portfolion {
	float: none;
	width:auto;
	padding-left: 10px;
}
.portfolio h4, .portfolion h4 {
	padding: 7px 0px;
}

.portfolio h4.height, .portfolion h4.height {
	height: 45px;
	width: 98%;
}
.portfolio ul, .portfolion ul {
	list-style: url(../img/arr.gif);
	padding-left: 20px;
}
.portfolio a img, .portfolion a img {
	border: 1px solid #BCBFC2;
}
.portfolio a:hover img, .portfolion a:hover img {
	border: 1px solid #327F8F;
}


#rarts {
	padding: 5px;
}
#rarts strong {
	font-size: 12px;
}
#rarts h3, #rarts h3 a {
	color: #D26821;
	font: normal 18px arial;
	text-decoration:none;
}
#rarts h3 a:hover {
	text-decoration:underline;
}


/* portfolio */

.bin {
	width: 100%;
	margin-bottom: 10px;
}
.bin td {
	background: #FFFFFF;
	padding: 5px 15px;
	vertical-align:top;
}
.bin th {
	background: #EEF1F1;
	vertical-align:top;
	padding: 5px;
	text-align:left;
	font-weight:normal;
	border-right: 1px solid #BCBFC2;
}
.bin h2 a {
	color: #D05E12;
}
.bin p {
	padding: 3px 0px;
}
.colvo {
	font-size: 12px;
	font-weight:bold;
	font-style:italic;
	padding-top: 5px;
}
.colvo b {
	color: #007F99;
	font-style:normal;
}
.bin .more-tarif {
	float: right;
}
.bin img {
	border: 1px solid #C1C4C6;
	display:block;
	margin: 5px auto;
}
.top-line {
	border-top: 1px solid #BCBFC2;
}
.bin a.more, a.morer {
	color: #327F8F;
	font: normal 11px arial;
	padding-left:15px;
	background: url(../img/more-arr.gif) left center no-repeat;
}
a.morer {
	
}
.bin td img {
	border: 0;
}

#content ul {
	list-style: url(../img/arr_ul.gif);
	padding-left: 30px !important;
	padding-bottom: 7px;
}
.trr li {
	padding: 3px 0px;
}
.trr a {
	color: #D05E12;
	font: bold 12px arial;
}


#sitepath {
	padding-bottom: 10px;
}
#sitepath span {
	font: normal 14px arial;
}

.pag {
	padding: 15px; 
	text-align: center;
  }
  
.pag .num a{
	font: 18px arial; 
	text-decoration: none; 
	background: none repeat scroll 0% 0% rgb(225, 237, 240); 
	padding: 0pt 3px; border: 1px solid rgb(135, 193, 205);
 }
 
.pag .active a {
	font: 18px arial; 
	text-decoration: none;
	background: none repeat scroll 0% 0% #fff;
	color: #FF001D; padding: 0pt 3px;
	border: 1px solid rgb(135, 193, 205);
}

.redesign {
	width: 95%;
}
.redesign td, .redesign td{
	padding: 10px 0px;
	text-align: center;
	vertical-align: top;
}
.left_col{
padding-left: 8px;
padding-right: 8px;
}