/* {{{ Reset CSS */
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html, body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
  background: #ffffff url("img/bg.jpg") top left repeat-x;
  font: 14px Times New Roman, Arial, Verdana, sans-serif;  
}

#container_back {
  width:100%;
  background: url("img/headerbg.jpg") top center no-repeat;
  float:left;
}


#container {
  width:1010px; 
  margin:0 auto;
}


#header_back {
  width:100%;
  height:350px;
}

#header {
  width:100%;
  height:350px;       
}

.headerleft {
  width:45%;
  float:left;
  height:300px;
}

.headerright {
  width:45%;
  float:right;
}

.header_icons {
  width: 130px;
  height:26px;
  margin-left:115px;
  margin-top:20px;
  float:left;
}

.logo {
  width: 296px;
  height: 87px;
  background:url("img/logo.gif") top left no-repeat;
  display:block;
  float:left;
  clear:both;
  margin-top:0px;
  margin-left:20px;
}

.icon_home {
  width: 26px;
  height: 26px;
  display:block;
  float:left;
  background:url("img/icon_home.gif") bottom center no-repeat;
}

.icon_mail {
  width: 26px;
  height: 26px;
  margin-left:25px;
  display:block;
  float:left;
  background:url("img/icon_mail.gif") bottom center no-repeat;
}

.icon_map {
  width: 26px;
  height: 26px;
  margin-left:25px;
  display:block;
  float:left;
  background:url("img/icon_map.gif") bottom center no-repeat;
}

#header .phone {
  float:right;
  width:215px;
  height:36px; 
  display:block;
  margin-top:30px;
  background: url("img/phone.gif") top left no-repeat;
}


#header .search {
  width:250px;
  clear:both;
  margin-top:15px;
  float:right;
}

#header .search .searchinput {
	width:143px;
	height:27px;
  
  border:1px solid #000000;
  
	border:0;
	margin:0;
	padding:0px 3px 2px 3px;
	overflow:hidden; 
	float:right;
	background: url("img/searchinput.jpg") top left no-repeat;
	color: #A2A2A2;
	font-family: arial, sans-serif;
	font-size:14px;
	font-style: italic;
	background-attachment: inherit !important;
	background-attachment: fixed;
}

#header .search .searchinput:focus {
	outline: none;
}

#header .search .buttonsearch {
	width: 49px;
	height: 27px;
	border:0;
	padding:0;
	overflow:hidden;  
	margin-left:5px;
	float:right;
	cursor: pointer;
	background: url("img/searchbutton.jpg") top left no-repeat;
}

#header .search .buttonsearch:hover {
	width: 49px;
	height: 27px;
	border:0;
	padding:0;
	overflow:hidden;  
	margin-left:5px;
	float:right;
	cursor: pointer;
	background: url("img/searchbutton.jpg") bottom left no-repeat;
}

#menu-container {
  width:100%;
  height:30px;
  float:left;
}

#menu {
  list-style-type:none;
  padding-left:50px;
  width:940px;
  margin:0 auto;
}

#menu li {
  display:inline;
	list-style:none;
	text-decoration:none; 
  font: 18px Georgia, Times New Roman, Arial, Verdana, sans-serif;
  font-style:italic;
  padding:0;
  margin:0;
}

#menu li a {
  color:#191919;
  text-decoration:none; 
  float:left;
  display:block;
  margin-right:38px;
  background: url("img/dotted.png") bottom left repeat-x;
}

#menu li a:hover {
  color:#174b97;
  text-decoration:none; 
  float:left;
  display:block;
  background: url("img/blank.gif") bottom left repeat-x;
}

#main_back {
  width:100%;
  border:1px solid #dfe0e1;
  clear:both;
  float:left; 
  -moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* KHTML */
	border-radius: 5px; /* CSS3 */
  background:transparent;	
  margin-bottom:10px; 
}

#main {
  width:100%;
  margin:20px auto 20px auto;
  background:transparent;
  float:left;
}

#main .leftcolumn {
  width:25%;
  float:left;

}

#main .centercolumn {
  width:46%;
 /* float:left; */
 /* margin-left:10px;  */
 margin:0 auto;
 position:relative;
}

#main .centercolumn2 {
  width:73%;
  float:right;
  margin-left:10px; 
}


#main .leftcolumn2 { width:25%;  float:left; }


#main .rightcolumn {
  width:25%;
  float:right;
}

.leftmenutitle {
  padding-left:37px;
  margin-top:0px;
  margin-bottom:15px;
  margin-left:3px;
  height:32px;
  clear:both;
  float:left;
}

.ocenka {
  background: url("img/icon_ocenka.png") center left no-repeat;
}

.expert {
  background: url("img/icon_expert.png") center left no-repeat;
}

.soft {
  background: url("img/icon_soft.png") center left no-repeat;
}

.contacts {
  background: url("img/icon_contacts.png") center left no-repeat;
}

.news {
  background: url("img/icon_news.png") center left no-repeat;
}

.clients {
  background: url("img/icon_clients.png") center left no-repeat;
}

.leftmenutitle span{
  color:#000000;
  display:block;
  float:left;
	text-decoration:none; 
  font: 20px Georgia, Times New Roman, Arial, Verdana, sans-serif;
  font-style:italic;
  padding-top:5px;
  background: url("img/dotted.png") bottom left repeat-x;
  clear:both;
}

.leftmenucontent {
  float:left;
  clear:both;
  width:100%;
}

#leftmenu {
  list-style:none;
  margin-bottom:20px;
}

#leftmenu li {
  padding:7px 0px 7px 10px;
  border-top:1px solid #dfe0e1;
  font: 13px Georgia, Times New Roman, Arial, Verdana, sans-serif;
}

#leftmenu li:last-child {
 border-bottom:1px solid #dfe0e1;
}

#leftmenu li a {
  color:#3858a5;
  text-decoration:none;
}

#leftmenu li a:hover {
  color:#9e1f1a;
  text-decoration:none;
}

.sxema {
  font: 12px Georgia, Times New Roman, Arial, Verdana, sans-serif;
  font-style:italic;  
}

.sxema p {
  padding-bottom:10px;
  padding-left:2px;
}

.patch {
  font:10px Times New Roman, Arial, Verdana, sans-serif;
  color:#cccccc;
  margin-top:0px;
  margin-bottom:10px;
}

h1, h2, h3 { font-family: Georgia, Times New Roman, Arial, Verdana, sans-serif; color:#9e1f1a; font-style:italic; }

h1 	{ font-size:24px; font-weight:normal; margin:0 0 0.3em 0;  }
h2 	{ font-size:22px; font-weight:normal; margin:0 0 0.3em 0; }
h3 	{ font-size:20px; font-weight:normal; margin:0 0 0.3em 0;  }
h4 	{ font-size:18px; font-weight:normal; margin:0 0 0.3em 0;  }
h5 	{ font-size:16px; }
h6 	{ font-size:14px; }

.odd		{ background-color:#F6F6F6!important; }
.even		{ background-color:#EFEFEF!important; }
/*
ul 		{ list-style-type:square; }
li 		{ margin:2px; }
*/
img		{ border-width:0; }
form		{ margin:0; }

p	{ padding:5px 0 5px 0; margin:0; line-height:20px;}

a { color:#3858a5; text-decoration:underline; }
a:hover { color:#345bb7; text-decoration:none; }

#news {
  list-style:none;
}

.newsdate {
  display:block;
  background: url("img/newsdate.png") center left repeat-x;
  height:15px;
  font:12px Times New Roman, Arial, Verdana, sans-serif;
  padding:2px 0 2px 3px;
  width:45px;
  color:#ffffff;
  -moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	-khtml-border-radius: 3px; /* KHTML */
	border-radius: 3px; /* CSS3 */
}

.newstitle {
  font:14px Georgia, Times New Roman, Arial, Verdana, sans-serif; 
  margin-right:2px; 
  margin-top:3px;
}

.newsanons {
  font:11px Times New Roman, Arial, Verdana, sans-serif;
  color:#565656; 
  margin:10px 10px 20px 0px;
  padding:10px;
  background-color:#eeeeee;
  -moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	-khtml-border-radius: 3px; /* KHTML */
	border-radius: 3px; /* CSS3 */
  
}

#footer_back {
  width:100%;
  background: url("img/footer_bg.jpg") bottom center no-repeat; 
  float:left;
  clear:both; 
}

#footer {
  width:100%;
  float:left;
  clear:both;
}

#footer .leftcolumn {
  width:30%;
  float:left;
}

.socialbutton {
height:40px;  
}

.copyright {
  font: 14px Georgia, Times New Roman, Arial, Verdana, sans-serif;
  font-style:italic;  
  color:#2e2e2e;
  height:55px;  
}

.adress {
  margin-top:40px;
}

.counters {
 height:50px;
}

#footer .centercolumn {
  width:36%;
  height:150px;
  float:left;  
  font: 14px Georgia, Times New Roman, Arial, Verdana, sans-serif;
  font-style:italic;  
  color:#2e2e2e; 
}

#footer .rightcolumn {
  width:33%;
  height:150px;
  float:right;
}

.logofooter {
  display:block;
  width: 331px;
  height: 97px;
  margin-top:16px;
  background:url("img/logo_footer.png") top left no-repeat;  
}

#menufooter {
  width:100%;
  height:40px;
  background:url("img/footer_line.gif") bottom center repeat-x;  
  margin-bottom:20px;
}

#fmenu {
  list-style-type:none;
  padding-left:50px;
  width:880px;
  margin:10px auto 0 auto;
}

#fmenu li {
  display:inline;
	list-style:none;
	text-decoration:none; 
  font: 16px Georgia, Times New Roman, Arial, Verdana, sans-serif;
  font-style:italic;
  padding:0;
  margin:0;
}

#fmenu li a {
  color:#191919;
  text-decoration:none; 
  float:left;
  display:block;
  margin-right:38px;
  background: url("img/dotted.png") bottom left repeat-x;
}

#fmenu li a:hover {
  color:#174b97;
  text-decoration:none; 
  float:left;
  display:block;
  margin-right:38px;
  background: url("img/blank.gif") bottom left repeat-x;
}

/* ============== Various ============== */

.disp		{ padding:12px; margin:0; }
.block		{ padding:8px; margin:8px; background-color:#F6F6F6; }
.error		{ padding:48px; margin:0; color:#CC1212; font-size:120%; text-align:center; }
.codetitle	{ font-size:10px; color:#59739B; padding:2px; margin-top:5px; }
pre 		{  color:#59739B; background-color:#EFF0C2; padding:4px; margin:4px; font-family:monospace; }
/*blockquote 		{  color:#59739B; background-color:#E4E4E4; padding:8px; margin:24px; } */
.valid 		{ height:48px; text-align:center; vertical-align:middle; }
.submit 	{ text-align:center; }
.download 	{ font-size:110%; text-align:center; background-color: #E8E8E8; padding:16px; margin-top:16px; }
.paging		{ text-align:center; padding:8px; width:100%; }
.paging_left	{ text-align:left; padding:4px; width:30%; }
.paging_center	{ text-align:center; padding:4px; width:40%; }
.paging_right	{ text-align:right; padding:4px; width:30%; }
/*.coltop		{ text-align:center; font-size:95%;  background-color:#edf1f7!important; color:#707070; }*/
.centerall 	{ text-align:center; vertical-align:middle; }
.desc 		{ font-size:90%; padding:3px; color:#646464; }
.spoiler	{ padding:8px; margin:8px; border:1px dashed #CCCCCC; background-color:#DBE5E9; }
.more 		{ font-size:90%; margin-left:8px;}

blockquote {
    display: block; 
    padding: 15px 45px; /* Делаем отступы для кавычек */
    border: 10px solid #EFEFEF; /* Делаем рамку */
    border-width: 0 10px 0 10px; /* по бокам */
    margin: 10px 0; 
    color: #505050;
}
blockquote:before {
    content: "“"; /* Левая кавычка */
    font: 6em/66px Times, serif;  /* Указываем размер и высоту строки (уменьшенная, чтобы кавычка была приподнята) */
    color: #CFCFCF;
    float: left; /* Для обтекания текстом */
    margin-left: -45px; /* Углубляем кавычку в отступ блока */
    padding: 0 2px;
}
blockquote:after {
    content: "”"; /* Правая кавычка */
    font: 6em/36px Times, serif; /* Указываем размер и высоту строки (еще более уменьшенная, чтобы кавычка была сильнее приподнята) */
    color: #CFCFCF;
    float: right; /* Для обтекания текстом */
    margin-right: -45px; /* Углубляем кавычку в отступ блока */
}

.coltop	{ 
	text-align:center; 
	font-size:95%;  
	color:#ffffff;
	background: #a82626;
	background: -moz-linear-gradient(top, #a82626 50%, #ce5a5a 100%);
	background: -webkit-linear-gradient(top, #a82626 50%,#ce5a5a 100%);
	background: -o-linear-gradient(top, #a82626 50%,#ce5a5a 100%);
	background: -ms-linear-gradient(top, #a82626 50%,#ce5a5a 100%);
	background: linear-gradient(top, #a82626 50%,#ce5a5a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a82626', endColorstr='#ce5a5a',GradientType=0 ); 
}

.odd		{ background-color:#F6F6F6!important; }
.even		{ background-color:#EFEFEF!important; }
/*
ul 		{ list-style-type:square; }
li 		{ margin:2px; }
*/
img		{ border-width:0; }
form		{ margin:0; }

.colleft	{ float:left; margin:0px 4px 0px 4px; }
.colright	{ float:right; margin:0px 4px 0px 4px; }

.bar_front 	{ background-color:#a82626; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:8px; }
.bar_back 	{ background-color:#EBECF1; border:1px solid #333333; margin:0 7px 0 7px; height:8px; }

.bbcodes a img { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img { border:0; background-color:transparent; }
.signature 	{ color:#979797; font-size:90%; max-height:96px; overflow:auto; margin-top:16px;}
.signature a	{ color:#000000; }

.fhead 	{ font-size:140%; margin:0; letter-spacing: -1px; font-weight:normal; background-color:#FFCC00;}
.fblock	{ background-color:#FF0000; }

/* ============== Tables ============== */

table td { vertical-align:top; }
table.flat { width:100%; margin:0; padding:0; border-collapse:collapse; }
table.flat td { padding:0; margin:0}
table.main { width:100%; margin:0; padding:4px; }
table.main td { padding:4px; }
table.cells { width:100%; margin:0; padding:0; }
table.cells td { padding:10px 7px; margin:0; vertical-align:middle} 
table.list { width:100%; margin:0; padding:5px; }
table.list td { padding:12px; }

table.cells tr:nth-of-type(odd) {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;

}
table.cells tr:nth-of-type(even) {background-color: #f7f7f7; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA;}

table.cells {
	color: #040404;
	border-collapse: collapse
}

table.cells caption {
	margin: 0 auto;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

table.cells tbody a {
	text-decoration: none;
}

table.cells tbody a:hover {
	text-decoration: underline;
}


/* ========= Form Stylization ============== */
input, select, input[type=file] {
	font-size: 13px;
	padding: 6px 0 4px 10px;
	border: 1px solid #cecece;
	background: #F6F6f6;
	border-radius: 8px;
}

input:focus, select:focus, input[type=file]:focus {
	outline: none;
	border: 1px solid #b52928;
}

input {
	padding-bottom: 5px\0;
}

textarea {
	/* = Убираем скролл */
	overflow: auto;
	/* = Убираем увеличение */
	resize: none;
 	/* = Добавим фон, рамку, отступ*/
	background: #f6f6f6;
	border: 1px solid #cecece;
	border-radius: 8px 0 0 0;
	padding: 8px 0 8px 10px;
  width:90%;
}

textarea:focus {
	outline: none;
	border: 1px solid #b52928;
}

input[type="submit"]  {
	cursor: pointer;
	border: 1px solid #b52928;
	background: #a82626;
	box-shadow: inset 0px 20px 20px #c04347;
	border-radius: 8px;
	padding: 5px 10px;
	color:#ffffff;
}
input[type="submit"]:hover {
	box-shadow: inset 0px -20px 20px #b52928;
}
input[type="submit"]:active {
	margin-top: 1px;
	margin-bottom: -1px;
	zoom: 1;
}

#title, #title a, #title h1 {
  font-family: Georgia, Times New Roman, Arial, Verdana, sans-serif; color:#9e1f1a; font-style:italic;
  font-size:24px;
  margin-bottom:20px;
  text-decoration:none;
}

#title a:hover {
  text-decoration:underline;
}

#subtitle {
  padding:0;
  margin:4px 24px 8px 4px;
  vertical-align:top;
  font-style:italic;
}

#adminmenu
{
  margin:20px 20px 10px 20px;
  font-size:14px;
  padding:0;
}

#main-admin, #main-site {
  margin:0px 10px 25px 10px;
  font-size:14px;
}

#main-admin ul, #main-site ul, #pagetext ul 		{ list-style-type:square; padding:20px 20px 10px 40px;  }
#main-admin li, #main-site li, #pagetext li 		{ margin:2px; }

#user {
  width:500px;
  margin-left:300px;
  font-size:14px;
  height:30px;
  position:absolute;
}

#user ul {
  float:right;
  list-style:none;
}

#user ul li {
  display:inline;
  float:left;
  padding-left:10px;
  padding-top:10px;
}

@media screen and (min-width: 0px) and (max-width:1250px) {
  #container {width: 1010px;}
  .maps {
  width:450px;
  height:400px;
  overflow-x: hidden; overflow-y: hidden;
  }
}

@media screen and (min-width: 1250px) and (max-width:2500px) {
  #container {width: 1200px; }
  
  #main .leftcolumn { width:22%;  float:left; }
  #main .centercolumn { width:52%; margin:0 auto; position:relative; }
  #main .centercolumn2 { width:78%; float:right; margin-left:10px; }
  #main .leftcolumn2 { width:21%;  float:left; }
  #main .rightcolumn { width:22%; float:right; }  
  
  #menu { padding-left:70px;  width:1080px; margin:0 auto; }
  #menu li a { margin-right:60px; }
  
  .maps {
  width:600px;
  height:400px;
  margin:0 auto;
  overflow-x: hidden; overflow-y: hidden;
  }
}

.content p {
  line-height:19px;
  padding-bottom:10px;
}

.content ul, .content ol {
  line-height:19px;
  padding:10px 10px 10px 30px;
}

.gallary_list img {
  vertical-align:top;
  padding:10px 25px 10px 0;
}