body { background: url("../images/body-bg.jpg") top left repeat-x #6c6c6c; font-family: Arial; font-size: 10pt;}
#layout {position: absolute; left: 50%; margin: 8px 0 0 -45%; width: 90%; height: 500px;}
#layout .simple-navi {height: 20px; outline: 0px dotted green; text-align: right; padding-right: 3%;}
#layout .simple-navi a {margin-left: 5px; }
#layout .wspace {background: white; }
.wspace .header {height: 360px;/* 360 with flash*/ background: url("../images/header-top-sep.jpg") top left repeat-x; width: 100%;}
.wspace .header .rect-left-top {position: absolute; top:20px; left: 0; background: url("../images/rect-left-top.jpg") top left no-repeat; width: 55px; height: 12px;}
.wspace .header .rect-right-top {position: absolute; top:20px; right: 0; background: url("../images/rect-right-top.jpg") top right no-repeat; width: 55px; height: 12px;}
.header .left {width: 40%; float: left; height: 170px; padding: 20px 0 0 15px;}
.header .logo {  }
.header .left .phone {color: #686767; font-size: 131%; background: url("../images/ico-phone.png") center left no-repeat; line-height: 1em; padding: 1em 0 1em 60px; /*margin-left: 20px;*/ margin-top: 20px;}
.header .left .phone big { color: #970a0a; font-size: 167%;}
.header .right {width: 58%; float: left; height: 170px; margin: 20px 0 0 0px;}
.header .right ul li {float: left; padding-top: 50px; width: 24%/* HERE WE FIX ODD BEHAVIOR OF IE6*/; text-align: center; display: block; vertical-align: bottom; margin-bottom: 10px;}
/*  background: url("../images/ico-phone.png") top center no-repeat;  */
.header .right ul li.home {background: url("../images/ico-menu-home.png") top center no-repeat;}
.header .right ul li.tech {background: url("../images/ico-menu-tech.png") top center no-repeat;}
.header .right ul li.license {background: url("../images/ico-menu-license.png") top center no-repeat;}
.header .right ul li.feedback {background: url("../images/ico-menu-feedback.png") top center no-repeat;}
.header .right ul li.experts {background: url("../images/ico-menu-expert.png") top center no-repeat;}
.header .right ul li.cost {background: url("../images/ico-menu-cost.png") top center no-repeat;}
.header .right ul li.services {background: url("../images/ico-menu-services.png") top center no-repeat;}
.header .right ul li.contacts {background: url("../images/ico-menu-contacts.png") top center no-repeat;}
.header .right ul li a { color: #000; font-size: 10pt; font-weight: bold; }
.header .right ul li a:hover { text-decoration: none;}


.header .gallery {/*height: 100px;*/ /*background: #ecd2d2;*/ width: 100%; float: left; overflow:hidden;}

#middle {padding-top: 20px; background: white; display: table; width: 100%;}
#middle .left {width: 25%; display: table-cell; vertical-align: top;}
#middle #content {width: 94%; padding-right: 5%; /* was 50%; */ /*display: table-cell; vertical-align: top;*/}
#middle .right {width: 25%; display: table-cell; vertical-align: top;}

/* LEFT SIDE */
.tl, .tr, .bl, .br {position: absolute; width: 10px; height: 20px;}
.tl, .tr {top: 0;}
.bl, .br  {bottom: 0;}
.tl, .bl {left: 0;}
.tr, .br {right: 0;}
.tl {background: url("../images/menu-top-left.jpg") top left no-repeat;}
.tr {background: url("../images/menu-top-right.jpg") top right no-repeat;}
.br {background: url("../images/menu-bottom-right.jpg") bottom right no-repeat;}
.bl {background: url("../images/menu-bottom-left.jpg") bottom left no-repeat;}

#middle .left #left_menu { outline: 0px dotted red; background: #f2f2f2; position: relative; margin:0 15px 0 10px;}
#left_menu h3 { font-size: 131%; color: black; margin-left: 20px; /*padding:10px 30px 20px 20px;*/ padding: 20px 40px; font-weight:normal; background: url("../images/ico-teeth.png") center left no-repeat;}
#left_menu ul { padding:0 0 20px 20px; }
#left_menu ul li {padding: 3px 0; color: white;}
#left_menu li a {color: #19599c;}
#left_menu li a:hover {text-decoration:none; }
#left_menu ul li.active {margin-left: -20px; padding-left: 20px; margin-right:-13px; background: url("../images/menu-item-active.jpg") center right no-repeat #3a6013;}

.left a.all {margin: 10px 0 10px 20px; font-size: 80%; color: #19599c;}

#stat_menu ul li span.date, #news_menu ul li span.date {font-size: x-small; color: #666; line-height: 12pt; margin-right: 5px; display: block;}
#stat_menu ul li span.announce, #news_menu ul li span.announce {font-size: x-small; color: #666; line-height: 10pt;  display: block; margin: 5px 0;}

/* ARTICLES */
#middle .left #stat_menu { outline: 0px dotted red; background: #f2f2f2; position: relative; margin:20px 15px 0 10px;}
#stat_menu h3 { font-size: 131%; color: black; margin-left: 20px; /*padding:10px 30px 20px 20px;*/ padding: 20px 40px; font-weight:normal; background: url("../images/ico-teeth.png") center left no-repeat;}
#stat_menu ul { padding:0 10px 10px 20px; }
#stat_menu ul li {padding: 3px 0; color: white;}
#stat_menu li a {color: #19599c;}
#stat_menu li a:hover {text-decoration:none; }
#stat_menu ul li.active {margin-left: -20px; padding-left: 20px; margin-right:-13px; background: url("../images/menu-item-active.jpg") center right no-repeat #3a6013;}

/* NEWS LEFT LIST */
#middle .left #news_menu { outline: 0px dotted red; background: #f2f2f2; position: relative; margin:20px 15px 0 10px;}
#news_menu h3 { font-size: 131%; color: black; margin-left: 20px; /*padding:10px 30px 20px 20px;*/ padding: 20px 40px; font-weight:normal; background: url("../images/ico-teeth.png") center left no-repeat;}
#news_menu h4 { font-size: 131%; color: black; margin-left: 0px; /*padding:10px 30px 20px 20px;*/ padding: 20px 20px; font-weight:normal; }
#news_menu ul { padding:0 0 10px 20px; }
#news_menu ul li {padding: 3px 0; color: /*white*/ #19599c;}
#news_menu li a {color: #19599c;}
#news_menu li a:hover {text-decoration:none; }
#news_menu ul li.active {margin-left: -20px; padding-left: 20px; margin-right:-13px; background: url("../images/menu-item-active.jpg") center right no-repeat #3a6013;}

/* LINKS */
.left .d{margin:5px 20px; padding-bottom:10px; color: #19599c;}
.left .d a {color: #19599c;}


#content p {color: #4d4d4d; line-height: 1.2em; margin: 0.5em 0;}
#content h1, #content h2, #content h3, #content h4 { color: #970A0A; font-weight:normal; padding:0 0 10px 20px; }
#content h1 {font-size: 200%; color: #970a0a; /*color: #e9a9a9;*/}
#content h2 {font-size: 167%; margin-top:20px;}
#content h3 {font-size: 131%; }

#content ul {list-style:disc; margin-left:30px; }
#content ol {list-style:decimal; margin-left:30px; }
#content li {line-height:1.2em; margin-top:10px; color: #4d4d4d;}
#content a {color: #19599c;}
#content table {border: 1px solid #4d4d4d; width: 100%;}
#content table th{border: 1px solid #4d4d4d; padding: 10px;}
#content table td{border: 1px solid #4d4d4d; padding: 5px; color: #4d4d4d;}


/* RECOMENDATION */
.recomendation {background: #f2f2f2; padding: 10px 10px;}
#content .recomendation h4 {font-weight: bold; padding: 10px 5px; color: black;}
#content .recomendation .callus {font-size: 161%; padding: 10px 5px; text-align: right;}

/* Таблица картинок */
#content table.img {border: 0px solid #4d4d4d; width: 100%;}
#content table.img td {border: 0px solid #4d4d4d; width: 50%; text-align: center; }

#content img.inline {float: left; margin: 0 10px 5px 0;}


/* RIGHT SIDE */
#middle .left #map-ico {width:90%; height:300px; float: right; margin-right:10px; background: url("../images/map_samp.jpg") top center no-repeat white; cursor:pointer;}
#middle .right img {float: right; margin:40px 10px 0;}

#footer {/*background: ;*/ /*background: url("../images/header-top-sep.jpg") bottom left repeat-x white; */}
/*#footer .left {position: absolute; bottom:0; left: 0; background: url("../images/rect-left-bottom.jpg") bottom left no-repeat; width: 55px; height: 4px;}
#footer .right {position: absolute; top:20px; right: 0; background: url("../images/rect-right-top.jpg") top right no-repeat; width: 55px; height: 4px;}
*/
#footer .contacts {width:60%; float: left; background: url("../images/foot-left.jpg") top left no-repeat white; height:160px; }
#footer .contacts p {padding:3em 0 0 60%; font-size: 131%; color: #3a6013;}

#footer .phonen {width:40%; float: left; background: url("../images/foot-phone.jpg") center right no-repeat white; height:160px; }
.phonen .phone {color: #686767; font-size: 131%;  line-height: 1em; padding: 1em 120px 0.5em 0; /*margin-left: 20px;*/ margin-top: 20px; float:right;}
.phonen .phone big { color: #3a6013; font-size: 167%;}





#counters {height: 30px; background: url("../images/header-top-sep.jpg") top left repeat-x; float: left; width:100%; text-align: center; padding:20px 0;}



/* ADVERTS */

/*.left_add {height: 138px; width: 70%; background: url("../images/banner/banner-left.jpg") top center no-repeat; margin-top:80px;}*/
.left_add {height: 138px; width: 70%; padding-left: 50px; center no-repeat; margin-top:80px;}



/* CORPORATE PAGE */
#corporate li {list-style:none;margin-bottom: 2em;}
#corporate li.nolink { display: block; padding:1em 0 1em 80px;}
#corporate li a.ergo { background: url("../images/img/ergo75.jpg") center left no-repeat; padding:1em 0 1em 80px;}
#corporate li a.reso { background: url("../images/img/reco.jpg") center left no-repeat; padding:1em 0 1em 80px;}
#corporate li a.rosgosstrakh { background: url("../images/img/rgs.jpg") center left no-repeat; padding:1em 0 1em 80px;}
#corporate li a.maks { background: url("../images/img/max.jpg") center left no-repeat; padding:1em 0 1em 80px;}
#corporate li a.rosno { background: url("../images/img/rosno.jpg") center left no-repeat; padding:1em 0 1em 80px;}
#corporate li a.soglas { background: url("../images/img/soglas.jpg") center left no-repeat; padding:1em 0 1em 80px;}
#corporate li a.sorus { background: url("../images/img/sorus.jpg") center left no-repeat; padding:1em 0 1em 80px;}

/* ---------- for faq module -------------*/
/* error message (Validation wrong) */
#errorMessage {width: 60%; color: red; font-size: 10pt; padding: 10px 0;}

#questionaryForm label {color:#918F8F; display:block; font-size:10pt; padding:11px 0 0; }
#questionaryForm textarea {border:1px solid #7F9DB9;
color:#1961A8;
height:100px;
margin-top:2px;
padding:5px;
width:486px;
}
#questionaryForm input.text {
border:1px solid #7F9DB9;
color:#1961A8;
margin-top:2px;
padding:5px;
width:486px;
}

#questionaryForm input.button {
display:block;
font-weight:bold;
height:32px;
line-height:normal;
margin:30px 0 30px 341px;
width:155px;
}
/* message when question successfully sended */
#infoMessage {color: red; font-size: 131%; padding: 10px 0;}

/* filling form for question. can not be empty */
#questionaryForm {/*margin-left: 300px;*/}

/* question part of form. */
#questionaryForm #questionBlock {}

/* textarea for question. can not be empty */
#questionaryForm #questionBlock #questionField {}

/* info about user (form). can be empty */
#personalInfoBlock {}

#personalInfoBlock #emailBlock {}

#personalInfoBlock #nameBlock {}

#personalInfoBlock #nameBlock #nameField {}

/* submit */
#questionaryForm .button {}

/* paging */
.navigation {}

/* question block (word selected as <b>) */
.question {margin:10px 0 10px 2.4em; border-left:3px solid #E0E0E0; padding-left: 0.6em; font-style:italic;}

/* answer block (word selected as <b>) */
.answer {}

.zebraQaEven {margin-bottom:20px;}

.zebraQaOdd {}

.answeredBy {text-align:right; margin:10px 10px 0; font-size:10pt;}



/* navigation */
.page_lister {
margin: 0px;
padding: 0px;
margin: 10px 0 10px 10px;
}
.page_lister li {
display: inline;
}
.page_lister li a {
		color: #F4696D;
}
#content .page_lister li:hover a, .page_lister li a, .page_lister li {
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	margin: 0px;

}
.navi {
 text-align: right;
 margin-right: 20px;
 font-size: 10pt;
}

.navi .active_page, .page_lister li:hover a {
color: white;
background: #F4696D;
padding: 2px 4px 2px 4px;
/*width: 2em; */
/*font-weight: bold; */
}

/* PRICE_LISTS */
.price {width:100%; border: 1px solid #4D4D4D;}
.price td {border: 1px solid #4d4d4d; padding:3px;}
.price td.cost {width:20%; text-align: center; vertical-align: middle;}
.price th {padding:5px;}
/* LICENCES */
#content ul.licenses  {margin-left: 10px;}
.licenses li {display: block; float:left; list-style:none; margin:25px 0 15px 0.4em; /*padding: 10px 0;*/ border-left:3px solid #E0E0E0; /*border-bottom: 1px solid #4d4d4d;*/ padding-left: 0.6em; }
.licenses li img {float: left; margin-right:10px;}


#content .works, #content .works td, #content .works tr {border: 0px solid green;}
#content .works td {text-align: center;}


.hd {display: none; visibility: hidden;}