@charset "utf-8";
/* CSS Document */

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;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	height: 100%;
	background:#eef3fa url(/img/fon.jpg);
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
}
* html #wrapper {
	height:100%;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px;
	text-indent:2em;
}
img {
	border: none;
}
p img {
	float: left;
	margin-right: 8px;
}
input {
	vertical-align: middle
}
#wrapper {
	width: 1000px;
	/*	border-left: #abe9f8 solid; */
/*	border-right: #abe9f8 solid; */
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
img, div {
	behavior: url(/iepngfix.htc)
}
img, div, a, input {
	behavior: url(/iepngfix.htc)
}
/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 315px;
}
#super-top {
	height:85px;
}
/* Logo  */
  #logo {
	float:left;
	padding:15px 0;
	width:1000px;
}
#kaser {
	font-size:27px;
	text-transform:none;
	float:left;
	padding:7px 10px 0 3px;
	color:#ff0000;
	height:100%;
}
* html #kaser {
	height:35px;
}
#kaser b {
	font-weight:normal;
	color:#02a5cd;
	font-size:29px;
}
#logo1 {
	float:left;
}
#logo2 {
	float:left;
}
#logotop {
	padding-left:10px;
	color:#02a5cd;
	font-size:26px;
}
#logobottom {
	padding-left:10px;
	color:#d40e0e;
	font-size:12px;
	font-weight:bold;
}
#tel-all {
	padding:25px 0;
	float:right;
	width:300px;
}
#tel {
	font-size:22px;
	color:#e11212;
	font:Georgia, "Times New Roman", Times, serif;
	float:right;
}
.prefix {
	font-size:16px;
	font-weight:bold;
	color:#848686;
	font:Georgia, "Times New Roman", Times, serif;
	float:right;
}
#tel-img {
	float:right;
	padding:10px 0 0 0;
}
#wrapp-menu {
	position:relative;
}
#menu {
	background:url(/img/menu.png) bottom no-repeat;
	width:1000px;
	height:170px;
	position:absolute;
	top:0px;
}
/*menu-design
  ----------------------------
  */
  #design {
	position:absolute;
	left:50px;
	bottom:70px;
	width:200px;
	height:130px;
}
#design-a {
	width:108px;
	height:157px;
}
#design-a a {
	display:block;
	background:url(/img/design1.png) 0 0 no-repeat;
	width:120px;
	height:135px;
}
#design-a a:hover {
	position:absolute;
	z-index:0;
	display:block;
	background-position: -135px 0;
	width:160px;
	height:155px;
}
.design-link {
	position:absolute;
	left:27px;
	top:127px;
}
* html .design-link {
	position:absolute;
	top:155px;
}
.design-link a {
	position:absolute;
	;
	z-index:1;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:23px;
}
/* END menu-design
  ----------------------------
  */
   /*menu site create
  ----------------------------
  */
  #site-create {
	position:absolute;
	left:245px;
	bottom:45px;
	width:270px;
	height:157px;
}
#site-create-a {
	width:270px;
	height:157px;
}
#site-create-a a {
	display:block;
	background:url(/img/book1.png) 0 0 no-repeat;
	width:120px;
	height:135px;
}
#site-create-a a:hover {
	position:absolute;
	z-index:0;
	display:block;
	background-position: -120px 0;
	width:230px;
	height:155px;
}
.site-create-link {
	position:absolute;
	left:13px;
	top:130px;
}
.site-create-link a {
	position:absolute;
	z-index:1;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:23px;
}
/* END site create
  ----------------------------
  */
    /*menu site reklama
  ----------------------------
  */
  #reklama {
	position:absolute;
	left:420px;
	bottom:75px;
	width:200px;
	height:130px;
}
* html #reklama {
	position:absolute;
	left:420px;
	bottom:55px;
	width:200px;
	height:130px;
}
#reklama-a {
	width:260px;
	height:157px;
}
#reklama-a a {
	display:block;
	background:url(/img/seo1.png) 0 0 no-repeat;
	width:120px;
	height:135px;
}
#reklama-a a:hover {
	position:absolute;
	z-index:2;
	display:block;
	background-position: -130px 0;
	width:160px;
	height:155px;
}
.reklama-link {
	position:absolute;
	left:21px;
	top:133px;
	width:120px;
	height:10px;
}
*html .reklama-link {
	position:absolute;
	left:21px;
	top:140px;
	width:120px;
	height:10px;
}
.reklama-link a {
	position:absolute;
	z-index:1;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:23px;
}
/* END reklama
  ----------------------------
  */
  
    /*menu seo
  ----------------------------
  */
  #seo {
	position:absolute;
	left:615px;
	bottom:75px;
	width:200px;
	height:130px;
}
* html #seo {
	position:absolute;
	left:615px;
	bottom:55px;
	width:200px;
	height:130px;
}
#seo-a {
	width:260px;
	height:157px;
}
#seo-a a {
	display:block;
	background:url(/img/target1.png) 0 0 no-repeat;
	width:120px;
	height:135px;
}
#seo-a a:hover {
	position:absolute;
	z-index:2;
	display:block;
	background-position: -130px 0;
	width:160px;
	height:155px;
}
.seo-link {
	position:absolute;
	left:21px;
	top:133px;
}
* html .seo-link {
	position:absolute;
	left:21px;
	top:140px;
}
.seo-link a {
	position:absolute;
	z-index:1;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:23px;
}
/* END reklama
  ----------------------------
  */
  
    /*menu marketing
  ----------------------------
  */
  #marketing {
	position:absolute;
	left:797px;
	bottom:45px;
	width:220px;
	height:130px;
}
* html #marketing {
	position:absolute;
	left:797px;
	bottom:25px;
	width:220px;
	height:130px;
}
#marketing-a {
	width:350px;
	height:157px;
}
#marketing-a a {
	display:block;
	background:url(/img/marketing1.png) 0 0 no-repeat;
	width:150px;
	height:135px;
}
#marketing-a a:hover {
	position:absolute;
	z-index:0;
	display:block;
	background-position: -190px 0;
	width:160px;
	height:155px;
}
.marketing-link {
	position:absolute;
	left:19px;
	top:103px;
}
* html .marketing-link {
	position:absolute;
	left:19px;
	top:110px;
}
.marketing-link a {
	position:absolute;
	z-index:1;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:23px;
}
/* END reklama
  ----------------------------
  */
  /* FEEDBACK 
  ----------------------------*/
  #feedback {
	position:absolute;
	top:270px;
	width:1000px;
	height:62px;
}
* html #feedback {
	position:absolute;
	top:320px;
	width:1000px;
	height:62px;
}
#feedback-body {
	float:left;
	padding:o auto;
	text-align:center;
	width:972px;
	height:62px;
	background-color:#ffd200;
}
#feedback-body input {
	margin:10px 0 0 15px;
}
#feedback-body div {
	padding:0 0 0 15px;
}
#feedback-tale {
	float:left;
	width:28px;
	height:62px;
}
/* menu left border
  -----------------------------
  */ 
  .menu-left {
	width:210px;
	padding:0;
	margin:0;
	height:100%;
}
.menu-left-top {
	height:16px;
	padding:0;
	margin:0;
}
* html .menu-left-top {
	height:14px;
	padding:0;
	margin:0 0 -3px 0;
}
.menu-left-middle {
	background:url(/img/nenu-left-line.png) repeat-y;
	padding:0 0 0 0px;
	margin:0;
	width:210px;
	height:100%;
}
* html .menu-left-middle {
	background:url(/img/nenu-left-line.png) repeat-y;
	padding:0px;
	margin:0;
	width:210px;
	height:100%;
}
.menu-left-middle ul li {
	padding:5px 0 0 10px;
}
.menu-left-middle ul li a {
	line-height:120%;
	color:#000;
	font-size:12px;
	font-weight:bold;
}
.menu-left-middle ul li a:hover {
	font-size:13px;
}
.menu-left-middle h2 {
	color:#023867;
	padding: 0 0 7px 15px;
	font-size:16px;
}
.menu-left-cont {
	padding: 0 0 0 10px;
}
.menu-left-bottom {
	height:16px;
}
h2.menu_header {
	padding:0 0 0 9px;
}
/* NEWS
  -----------------------------
  */ 
  #news-title {
	color:#045b71;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	width:100px;
	padding: 0 0 5px 5px;
}
#news {
	padding:0 0 10px 3px;
	width:150px;
}
.news-body {
	font-size:11px;
	font-weight:normal;
}
.news-date {
	font-size:11px;
	font-weight:bold;
	padding-bottom:10px;
}
/*
  
/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 40px 0 150px;
	height: 1%;
}
* html #middle {
	width: 100%;
	padding: 90px 0 150px;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 780px;
	float: right;
	padding:0;
	margin:0;
	overflow: hidden;
}
#content {
	padding: 0 0 0 0px;
}
#container h1 {
	color:#b32f05;
	padding-bottom:0.5em;
}
#content p {
	text-indent:2em;
	text-align:justify;
	font-size:12px;
	padding-right:1em;
}
#content p img {
	float: left;
	margin-right: 8px;
}
#content ul {
	padding:0 0 2em 2em;
}
#content ul li {
	text-indent:0;
	list-style:circle;
}
#content p img {
	float:left;
	padding: 0 10px 0 0;
}
#content a {
	color:#032d58;
}
#content h1, h2, h3, h4, h5, h6 {
	color:#032d58;
}
/*
MIDDLE BOX
*/
.middlebox {
	width:182px;
	height:100%;
	float:left;
	margin:0 11px 0 0;
	padding: 0;
}
.middlebox-middle h2 {
	font-size:13px;
	font-weight:bold;
	text-transform:none;
	color:#023867;
}
.middlebox-middle h3 {
	font-size:11px;
	color:#068cad;
}
.middlebox-middle img {
	float:right;
}
.middlebox-middle p {
	margin:0;
	padding:15px 0 0 0;
}
.middlebox-middle a {
	color:#b32f05;
	font-weight:bold;
	text-decoration:none;
}
.middle-content {
	margin:0px 0 0 10px;
}
.middlebox-4 {
	width:182px;
	height:100%;
	float:left;
	margin-right:0px;
	margin-bottom:25px;
}
.middlebox-top {
	height:19px;
	margin:0;
	padding:0;
}
* html .middlebox-top {
	height:19px;
	margin:0 0 -3px 0;
	padding:0;
}
.middlebox-middle {
	background:url(/img/midlebox-midle.png) repeat-y;
	height:70%;
	padding:0;
	margin:0;
}
.middlebox-bottom {
	height:14px;
}
/*
MIDDLE BOX
*/

/*
CONTENT
*/
.content-txt {
	width:765px;
	height:100%;
	padding:50px 0 10px 0;
}
* html .content-txt {
	width:765px;
	height:100%;
	padding:0px;
}
.content-txt h2 {
	color:#b32f05;
	font-size:20px;
	font-weight:normal;
	padding:0 0 10px 0;
}
.content-txt p {
	text-align:justify;
}
/*
CONTENT
*/

/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	float: left;
	width: 210px;
	padding-left:0px;
	height:100%;
}
/*
LEFT MENU
*/

.menu_element {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#02559d;
	font-weight:bold;
	text-transform:none;
	text-decoration:none;
	font-style:oblique;
	line-height:160%;
	list-style:circle;
}
.menu_element:hover {
	color:#012545;
}
.menu_element:visited {
	color:#000000;
}
.level1 {
	padding-left: 20px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#02559d;
	font-weight:bold;
	text-transform:none;
	line-height:140%;
	line-height:160%;
}
.level1:hover {
	color:#012545;
}
.level1:visited {
	color:#000;
}
.level2 {
	padding-left: 30px;
	font-weight: normal;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#02559d;
	line-height:160%;
}
.level2:hover {
	color:#012545;
}
.level2:visited {
	color:#000;
}
/*
LEFT MENU
*/

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: -10px auto 0;
	height: 150px;
	background:  url(/img/footer-fon.png) top repeat-x;
}
#footer-txt {
	position:relative;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:150px;
}
#footer-logo {
	position:absolute;
	left:800px;
	top:20px;
}
#copyright {
	color:#01476b;
}
#tel2-suf {
	font-size:12px;
	font-weight:bold;
	color:#a9ecfd;
}
#tel2-body {
	color:#024b71;
	font-size:14px;
	font-weight:bold;
}
#menu-bottom {
	margin: 0px auto 0;
	height: 300px;
}
* html #menu-bottom {
	margin: 0px auto 0;
	height: 135px;
}
#footer-txt1 {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:150px;
}
#menu-bottom {
	margin: -300px auto 0;
}
* html #menu-bottom {
	margin: 0px auto 0;
}
#menu-fon {
	background-color:#d2e3f7;
	padding:0;
	margin:-10px 0 0 0;
}
#foter-tel {
	position:absolute;
	top:90px;
	left:100px;
}
#menu-bottom-content {
	width:1000px;
	padding:10px 0 15px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
}
/* хак для IE7*/
*:first-child+html #menu-bottom-content {
	padding:10px 0 15px;
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
}
#menu-bottom #menu-bottom-content ul li {
	display:inline;
	padding-left:65px;
}
#menu-bottom #menu-bottom-content ul li a {
	color:#015c95;
	font-weight:bold;
}
#footer-count-all {
	position:absolute;
	top:95px;
	left:350px;
}
.footer-count {
	float:left;
}
#footer-old {
	width: 1000px;
	margin: -150px auto 0;
	height: 150px;
	;
	background-color:#0066FF;
}
/* SEO */

#yandex {
	margin: 0 auto;
	width:176px;
	height:65px;
	background:url(/img/yandex-fon.png) no-repeat;
}
#google {
	margin: 0 auto;
	width:176px;
	height:65px;
	background:url(/img/google-fon.png) no-repeat;
}
#tutby {
	margin: 0 auto;
	width:176px;
	height:65px;
	background:url(/img/tutby-fon.png) no-repeat;
}
#rambler {
	margin: 0 auto;
	width:176px;
	height:65px;
	background:url(/img/rambler-fon.png) no-repeat;
}
#tut {
	padding:5px 0 0 0;
}
#yandex, #google, #tutby h3 {
	text-align:center;
}
#ya {
	width:100px;
	margin:0 auto;
	padding:3px 0;
}
#go {
	width:100px;
	margin:0 auto;
	padding:3px 0;
}
#ramb {
	width:100px;
	margin:0 auto;
	padding:3px 0;
}
#ramb h3 {
	text-align:center;
}
#ya h3 {
	text-align:center;
}
#ya img {
	float:none;
	margin:0;
	padding:0;
}
#go-img {
	width:68px;
	margin:0 auto;
}
#ram-img {
	width:77px;
	margin:0 auto;
}
#tut-img {
	width:67px;
	margin:0 auto;
}

