@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
dfn,var {font-style: normal;}

/* ^^ Disable a deprecated ^_^  ^^ */
font,basefont {color: inherit; font: inherit; font-size: 100%;}
center {text-align: inherit;}
s,strike,u {text-decoration: inherit;}

/*************** Fonts & Graphics ***************/
html {font-size: 75%}
@media all and (min-resolution: 120dpi) {
    html {font-size: 60%}
    html, x:-moz-any-link {font-size: 75%}
}
    #for-opera927 {/* dont' remove! */}

body {color: #000; font: normal 1em/1.4 Arial, Geneva, sans-serif;}
code {color: #c33; font: normal 1em/1.4 "Consolas","Lucida Console", Monaco, "Courier New", Courier, monospace;}


h1,h2,h3,h4,h5,h6 {margin: 2em 0 1em;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0 !important;}
h1 {font: normal 2.416em/1 "Times New Roman", Helvetica, sans-serif; color: #0f6293; margin-bottom: 0.4em}
h2 {font: normal 1.727em Tahoma, Geneva, sans-serif; color: #288312;}
h3 {font: bold 1.181em Tahoma, Geneva, sans-serif; color: #031d4d;}
h4 {font: bold 1em Tahoma, Geneva, sans-serif; color: #8f0000;}
h5 {font: bold 1em Tahoma, Geneva, sans-serif;}
h6 {font: normal 1em Tahoma, Geneva, sans-serif;}

p {margin: 1em 0; text-align: left;}
p:first-child {margin-top: 0 !important;}
p+ul, p+ol {margin-top: -0.5em;}

html {background: #ede1d1;}
body {background: #ede1d1;}

/*************** Positioning ***************/
body { padding-top: 20px; padding-bottom: 50px; position: relative; width: 985px; margin: 0 auto;}


       /* -- Mainframes -- */
#content    { position: relative; width: 985px; margin: 0 auto; background: #0f6292 url("../img/bg_sidebar.png") 0 bottom no-repeat;}
	#content-text { margin-left: 273px; min-height: 657px; padding: 35px 44px 35px 30px; background: #fff url("../img/bg_content-text.png") right 0 repeat-y; }

/*************** Representation ***************/

       /* ++ Standard elements ++ */
a         {color: #103dff; text-decoration: underline;}
a:visited {color: #000080;}
a:hover, a:active, a:focus {text-decoration: none;}
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af;}
a.external {color: #f0f0f0; padding-right: 10px; background: url("../img/ico_external.png") right 0px no-repeat;}

input,select,textarea,button {margin: 0;}
fieldset {padding: 0.5em; border: solid 1px #dcdcdc;}
legend   {color: #ccc;}
  input[type="text"],input[type="password"] {padding: 4px 4px; border: 1px solid #cdcccc;}
        input.text,input.password {padding: 4px 4px; border: 1px solid #cdcccc;}
  input[type="hidden"] {display: none !important;}
        input.hidden {display: none !important;}
  input[type="image"],input[type="checkbox"] {width: auto !important;}
        input.image,input.checkbox {width: auto !important;}
select   {}
textarea {padding: 0.5em; border: 1px solid #cdcccc; background: #fff url("../img/bg_textarea.png") no-repeat;}
input,label,select {vertical-align: middle;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #cdcccc;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #ffffaa;}
applet,object,iframe {overflow: hidden;}

hr    {clear: both; border: none; color: #d5dfe5; background-color: #d5dfe5; height: 1px; width: 100%; margin: 20px 0; padding: 0;}
* html hr {margin: 13px 0}
* + html hr {margin: 13px 0}

table {margin: 1em 0; border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show; border: 1px solid #ccc;}
    table th {padding: 0.5em; text-align: center; vertical-align: middle; font-weight: bold;}
    table td {padding: 0.5em; vertical-align: top;}
    table caption {caption-side: top; text-align: center;}

       /* -- List's -- */
ul {margin: 1em 0 1em 1.5em; padding: 0; list-style-type: none;}
   ul li {margin: 2px 0; padding: 0 0 0 15px; background: url("../img/bull_li.png") 0px 3px no-repeat;}
   li ul {margin-top: 0; margin-bottom: 0;}
ol {margin: 0 0 1em 1.5em; padding: 0; list-style-type: decimal; list-style-position: inside;}
   ol li {margin: 0; padding: 0;}
   ol ul li {background: none;}
dl {margin: 0 0 1em 1.5em; padding: 0;}
   dl dt {margin: 0 0 0.5em 0; padding: 0;}
   dl dd {margin: 0.5em 0 1.5em 1.5em; padding: 0;}

       /* -- Images -- */
img {display: block; border: none; vertical-align: middle;} /* VA is for inline img's */
#footer img,#bottom img,p img {display: inline;}

       /* -- Text -- */
blockquote {margin: 1em 0; padding: 0.5em 1em; quotes: none;}
    blockquote:before, blockquote:after {content: ''; content: none;}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019";}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019";}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c";}
cite  {font-style: italic;}

small {font-size: 85%;}
big   {font-size: 125%;}
sup   {vertical-align: text-top; font-size: 65%;}
sub   {vertical-align: text-bottom; font-size: 65%;}
ins   {text-decoration: underline;}
del   {text-decoration: line-through;}
pre   {word-wrap: break-word; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap;}

abbr {text-transform: uppercase; text-decoration: none;}
acronym {font-variant: small-caps; text-transform: none; text-decoration: none;}
abbr[title],acronym[title],dfn[title] {cursor: help; border-bottom: 1px dotted #f0f0f0;}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/
.mobile,#mobile-nav {display: none;}
.wai {position: absolute; visibility: hidden;}
.fl {float: left; margin: 0 5px 5px 0;}
.fr {float: right; margin: 0 0px 5px 5px;}

/*  -- Header --  */
/*  logo */
#logo {display:block; position: absolute; bottom: 420px; left: 22px; padding: 0px 0 0 0;  width: 306px; height: 326px; margin: 0; font: bold 1.5em Verdana, Helvetica, sans-serif; color: #fff; text-align: center; text-transform: uppercase}
#logo a,#logo span {display: block; position: absolute; top: 0px; left: 0; width: 306px; height: 326px; background: url("../img/logo.png") no-repeat; text-indent: -900em}
#logo dfn  {display: block; color: #bda67d;}
/* /logo */

/* menu  */

/* /menu */
/* /-- Header -- */

/* -- Footer --  */

/* contacts  */

/* /contacts */
/* /-- Footer -- */


/* ^^^^^^^^^^^ Sidebar style's ^^^^^^^^^^^ */

/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */
    #content:before,#content span.block-before {background: url("../img/bg_frame.png") 0 0px no-repeat; height: 42px; margin: 0px ; display: block; content: ' ';}
    #content:after,#content span.block-after { width: 988px; background: url("../img/bg_frame.png") 0  bottom no-repeat; height: 51px; margin: 0; display: block; content: ' '; clear: both; }

#content-text strong.epigraph { display: block; margin-left: 61px; font: normal 1.833em "Times New Roman"; text-align: justify; }
#content-text div.services-list { margin: 80px 0 63px; overflow: hidden;}
	#content-text div.services-list div.service-block { float: left; font-size: 1.166em}
		#content-text div.services-list div.service-block h2 { position: relative; height: 122px; color: #0f6292; font: normal 1.4em Verdana; margin-bottom: 0;}
			#content-text div.services-list div.service-block h2 span{ position: absolute; top: 0; left: 0; width: 100%; height: 122px; background: url("../img/ill_services.png") 0 0 no-repeat}
		#content-text div.services-list div.service-block p { font-family:Tahoma; text-align: justify;}
		#content-text div.services-list div.service-block a.btn_serv { display: block; width: 166px; height: 42px; margin: 61px auto 0; color: #fff; text-align: center; line-height: 40px; font-size: 0.933em; text-decoration: none; background: #186394 url("../img/bg_btn.png")}

		#content-text div.services-list div.mjt { width: 168px; margin-right: 30px;}
			#content-text div.services-list div.mjt h2 { width: 168px;}
			#content-text div.services-list div.mjt h2 span{ background-position: 0 0;}

        #content-text div.services-list div.dsr { width: 242px; margin-right: 30px}
        	#content-text div.services-list div.dsr h2{ width: 242x;}
			#content-text div.services-list div.dsr h2 span{ background-position: 0 -122px;;}

        #content-text div.services-list div.mjti { width: 168px;}
        	#content-text div.services-list div.mjti h2{ width: 168px;}
			#content-text div.services-list div.mjti h2 span{ background-position: 0 -244px;;}
			#content-text div.services-list div.mjti a.btn_serv { margin-top: 81px}


	#content-text strong.slogan { display: block; text-align: center; color: #186394; font: italic 2em "Times New Roman"}
a.netcraft { position: absolute; bottom:30px; right:40px; padding-left: 27px; background: url("../img/logo_site.png") no-repeat; font-weight: bold; color:#acacac; text-decoration: underline;}
a.netcraft:hover  { text-decoration: none}