/*COMMON*/
body {background-color:#EEECE4; color:#1c1c1c; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0; min-width:995px; padding:0; text-align:center;}
#mainWrapper, #footer, #header, body {font-family:Arial; font-size:14px; line-height:1.5;}
html, body {height:100%;}
div,dl,dt,dd,ol,ul,li,form,td,th,p {margin:0; padding:0;}
table, th, td {font-size:100%;}
table,img {border:0;}
img {border:none;}
table {border-collapse:collapse;}
input, select, option, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
p {padding:0 0 10px;}
a {color:#1e1e1e; text-decoration:underline;}
a:hover {color:#af0301; text-decoration:none;}
h1,h2,h3,h4 {color:#0082be; font-family:Trebuchet MS, Arial, sans-serif; font-weight:normal; margin:0; padding:0;}
h1 {font-size:34px; padding:10px 0;}
h2 {font-size:30px; padding:10px 0;}
h3 {font-size:24px; padding:10px 0;}
h4 {font-size:20px; font-weight:bold; padding:10px 0;}
ol, ul {padding:0 0 10px 20px;}
/*//COMMON*/

/*MAIN*/
#mainWrapper {margin:0 auto; position:relative; text-align:left; width:960px;}
/*//MAIN*/

/*LAYOUT*/

/*HEADER*/
header {height:249px; position:relative; background-image: url('../images/head-opacity.png'); background-repeat:no-repeat;}
.navfon {background:#283d52;  position:absolute; top: 249px; left:0; width:100%; height: 42px; border-bottom: 1px solid;  min-width: 979px;}

nav {position:relative; width:960px;}
nav ul {margin:0 auto; display:table; padding:0; width:960px;}
nav li {display:table-cell; list-style:none; padding:0 0 0 12px; text-align:center; margin: 0px 9px 0px -25px; background-image: url('../images/line-sep.png'); background-repeat: no-repeat;}
nav a {color:#fff; display:block; font-size:14px; margin:0 auto; padding:10px; text-decoration:none; text-transform: uppercase; font-family: Trebuchet MS; }
nav a:hover, nav .active a {
	color:#abecff; 
	padding-bottom: 11px; 
	text-decoration:none; 
	background-size: 100%; 
	background-repeat: no-repeat; 
	background-position: bottom;
}
nav li:last-child {
	padding-left: 0;
}

#logo {font-size:20px; left:34px; position:absolute; top:38px;
	z-index: 20;}
#logo img {display:block;
}
#tel {
	font-family: Trebuchet MS;
	font-weight: bold;
	color:#0082be; font-size:26px; position:absolute; right:36px; text-align:right; top:36px; width:400px;}
#e-mail {
	font-family: Tahoma;
	z-index: 10;
	color:#5a5a5a; font-size:12px; text-align:right; width:400px; font-weight:normal;}
#e-mail a {
	color: #0082be;
}
/*//HEADER*/

#tableMain {position:relative;padding-bottom: 20px; min-height:500px;}
#content, #co a {color: #0082be;}
#content {margin-right:325px; padding:0 0 50px 4px; color: #5e5e5e; font-family: Tahoma; font-size: 13px;}
#content > img, #content p img {max-width:100%; height:auto;}
#content td img {max-width:500px;}
#content2 {padding:0 0 50px 4px; color: #5e5e5e; font-family: Tahoma; font-size: 13px;}
#tdLeft + #content2 {margin-left:342px;}
#content2 > img, #content p img {max-width:100%; height:auto;}
#content2 td img {max-width:500px;}

#tdRight {padding:6px 26px 26px 26px; width:246px; background-color: #f7f7f7; margin-top: 23px; position: absolute; right: -3px;}
#tdLeft {float:left; padding:6px 26px 26px 26px; width:246px; background-color: #f7f7f7; margin-top: 24px; margin-bottom: 20px;}

.title, .titl {color:#0082be; font-family:Trebuchet MS; font-size:34px; font-weight:normal; margin:0 0 18px; padding:22px 0 0 0; }
.titl {
	font-size: 19px;
	margin-bottom: 3px;
	text-transform:uppercase;
	padding: 9px 3px;
}
.title2 {color:#0082be; font-family:Trebuchet MS; font-size:28px; font-weight:normal; margin:0; padding:26px 0 0 0; text-transform: uppercase;}

.breadcrumbs {color:#646464; font-size:11px; margin:0; padding:20px 0 0; font-family: Tahoma;}
.breadcrumbs a {color:#0e7dd3; padding:0; text-decoration: none; border-bottom: 1px solid #0e7dd3; font-family: Tahoma;}
.breadcrumbs span {color:#646464; font-family: Tahoma;}
.breadcrumbs img {margin:0 5px 1px;}


/*PAGES*/
.mess {width:500px;}
.mess .field {padding:0 0 18px; position:relative; width:300px;}
.mess .field.forlong {width:500px;}
.mess .lbl {display:inline-block; font-family:Arial; font-size:14px;}
.mess .inpbl {display:inline-block; padding:0;}
.mess .inp {background:#fafafa; border:1px solid #8dbacc; color:#747474; font-family:Arial; font-size:14px; margin:3px 0 0; padding:5px; width:288px;}
.mess .error .inp, .mess .error .inp2, .mess .error .sel {background:#fff; border:1px solid #ff0a00;}
.mess .errortext {color:#ff0a00; display:none; float:right; font-size:11px; line-height:1; margin:8px 0 2px 10px; text-align:right; max-width:50%;}
.mess .error .errortext {display:block;}
.mess .inp2 {background:#fafafa; border:1px solid #8dbacc; color:#747474; font-family:Arial; font-size:14px; height:130px; padding:5px; width:488px; max-width:488px;}
.mess .sel {background:#fafafa; border:1px solid #8dbacc; color:#747474; font-family:Arial; font-size:14px; margin:3px 0 0; padding:5px; width:300px;}
.mess .pcheck {font-size:14px; padding:0 0 20px;}
.mess .pcheck .niceCheck {margin-bottom:-4px; margin-right:10px; width:18px; height:17px; display:inline-block; cursor: pointer; background: url(../images/bg-check.png) no-repeat 0 0; overflow: hidden;}
.mess .pcheck .checkChecked {background-position:0 -31px;}
.mess .pcheck .niceCheck input {margin-left:-30px;}
.mess .pcheck .niceRadio {margin-bottom:-4px; margin-right:10px; width:16px; height:16px; display:inline-block; cursor: pointer; background: url(../images/bg-radio.png) no-repeat 0 -31px; overflow: hidden;}
.mess .pcheck .radioChecked {background-position:0 0;}
.mess .pcheck .niceRadio input {margin-left:-30px;}
.mess .pcheck ul {display:table; list-style:none; padding:0 0 10px; width:100%;}
.mess .pcheck li {padding:0 0 5px;}
.mess .pcheck li label {display:inline-block; vertical-align:top; width:90%;}
.mess .pcheck .errortext + ul {margin-top:10px; display:inline-table;}
.mess .pcheck .lbl {padding:0 0 10px;}
.mess .kod, .okno .QapTcha {float:none !important; margin:0; font-size:11px; line-height:1.1; width:300px;}
.mess .kod img {float:left; margin:3px 15px 0 0;}
.mess .but {background:#2d7aac; border:none; font-family:Arial; color:#fff; cursor:pointer; font-size:14px; height:32px; margin:12px 0 0; text-align:center; text-transform:uppercase; width:129px;}
.mess .but:hover {background:#2f7cad url(../images/bg-but.gif) repeat-x 0 0;}
.mess .but:disabled, .mess .but:disabled:hover {background:#e1e1e1; cursor:auto;}
.summ_error {background:#fff; border:2px solid #ff0a00; padding:10px; margin:0 0 15px;}
.good_form {color:#008036; font-size:16px; font-weight:bold; padding:0 0 20px;}
.mess .smtext {font-size:11px; font-style:italic;}
/*//PAGES*/

/*//LAYOUT*/

/*FOOTER*/
#footWrap {clear:both; height:93px;}
footer {background:#3e4c5a;  clear:both; height:93px; margin:0; position:relative; text-align:left; width:100%; z-index:200; font-size: 12px;}
.backup a {color:#0e7dd3;}
#footer2 {color:#b0bac8; font-family:Arial; font-size:12px; height:93px; left:0; margin:0 auto; position:relative; top:0; width:960px; z-index:300;}
#up {cursor:pointer; height:29px; right:10px; float: right;}
#up:hover {background-position:-102px -1px;}
.backup {height:40px; margin-top: 40px;color: #0e7dd3;}
#back {display: inline-block; float: left;}
#copy {position:absolute; top:20px; width:307px;}
#itex {position: absolute;top: 30px;color: #d7dbef;text-align: right;right: 30px;}
#itex a {color:#c8c5c4;}
#itex img {float: right;margin-top: -14px;padding-right: 0;margin-right: -30px;}
#counters {left:450px; position:absolute; top:40px; width:300px;}
#counters img {margin:0 5px;}

/*//FOOTER*/

/*DOP*/
.but {cursor:pointer;}

.clear {clear:both; font-size:0; height:2px; line-height:0;}

blockquote {background-color:#e7e7e7; font-size:12px; margin:0 0 10px; padding:10px;}
.pintable, .pintable0 {border-collapse:collapse; margin-bottom:10px;}
.pintable th, .pintable thead .odd td, .pintable thead td  {background:#444d5a; border:1px solid #999; color:#fff; font-weight:normal; padding:5px; text-align:left; text-align: center;}
.pintable td {border:1px solid #999;  padding:5px;}
.pintable0 th, .pintable0 td {padding:5px;}
.pintable th p, .pintable0 th p, .pintable td p, .pintable0 td p  {padding:0;}

.navN {padding:10px 0; text-align:center;}
.navN ul {display:table; list-style:none; margin:0 auto;}
.navN li {float:left; margin:0 5px;}
.navN a {color:#c2c0c0; text-decoration:none;}
.navN .active a {color:#92086f; font-weight:bold;}
.navN .hidden {display:none;}

.cat2 {min-height:20px; display: -moz-inline-stack; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
.highslide-credits {/*visibility:hidden;*/} /* нужно сделать так, чтобы надпись внутри этого класса была, но её не было видно... */

.head-shadow {
	position: absolute;
	width: 100%;
	height: 249px;
	background-image: url('../images/line.png');
	z-index: 2;
	min-width: 979px;
}

.shadow-line {
	position: absolute;
	width: 100%;
	height: 8px;
	background-color: #000;
	opacity: 0.08;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=8);
	-moz-opacity: 0.08;
	-khtml-opacity: 0.08;
	z-index: 3;
	min-width: 979px;
}

.specblock {
	color: #5e5e5e;
	font-size: 13px;
	font-family: Tahoma;
}

.cir {display:table; margin:12px 0 11px; width:100%;}
.cir img {float:left; margin:0 11px 0 0; border: 1px solid #e9e9e9; padding: 1px;}
.cir .cir-foto {border: 0;}
.cir .text {overflow:hidden;}
.cir .name {font-size:14px; margin-top:0px; padding:0 0 10px; color: #0e7dd3;}
.cir a {
	color: #0e7dd3;
	font-size: 13px;
}
.cir .name a {
	font-size: 15px;
}

.services li {
	font-size: 20px;
	color: #5e5e5e;
	list-style: none;
	margin-left: -20px;
	padding: 5px 0;
}

.services ul {
	margin-left: 40px;
	padding: 0;

}
.services ul li a {
	color: #5e5e5e;
	font-size: 16px;
}

.services a:hover, .services .active > a {
	color: #0082be;
	text-decoration:none;
}

.services ul {display:none;}
.services .active > ul {
	padding: 1px 0;
	display:block;
}

.services ul li {padding:3px 0;}