.map-wrap
{/*
	overflow: hidden;
	width: 100%;*/
}
	#map_canvas
	{
		margin-left: 50%;
		width: 80%;
		height: 500px;
	}
	#directions
	{
		width: 46%;
		float: left;
	}
		#directions
		{
			/*font-family: Tahoma,Geneva,Kalimati,Verdana,sans-serif;
			font-size: 14px;*/
		}
		#directions table tr, #directions table td
		{
			/*font-family: Tahoma,Geneva,Kalimati,Verdana,sans-serif;
			font-size: 12px;*/
		}


.metko-banner
{
	padding: 56px 0 0 40px;
}


body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 11px;
background-image: url(../images/bg2.gif);
background-position: right bottom;
background-repeat: no-repeat;
}
/*
TABLE {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BORDER-COLLAPSE: collapse
}
TABLE TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}*/
td,th,div {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
/*	font-size: 11px;*/
	color: #535353;
}
li {
LIST-STYLE-IMAGE: url(../images/li.gif); margin:0 0 5 10;
}
ul {
	LIST-STYLE: square; 
}

H1 {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
margin-top: 5px;
}
H2 {
	font-size: 20px;
	font-weight: normal;
	display: block;
	color: #fff;
	text-decoration: none;
}
H3 {font-size: 15pt; margin-bottom:2px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: 535353;font-weight: normal;}
H4 {
	font-size: 14px;
	color: #990000;
}
img { border:0}

.button {
font-weight: normal;
font-size:11px;
color: #fff;
background-color: #A41F2A;
cursor: pointer;
border: 0px solid #3E6DAD;
padding-left: 8px;
padding-right: 8px;
padding-top: 0px;
height: 18px;
}

.excelent {
	/*background-image: url(../images/excelent.gif);
	background-position: bottom left;
	background-repeat: no-repeat;*/
}

.blok0 {
/*	background-color: #A41F2A;*/
	color: #fff;
/*	height: 100px;*/
	/*background-image: url(../images/people.gif);
	background-position: bottom right;
	background-repeat: no-repeat;*/
}

.blok1 {
/*	background-color: #A41F2A;*/
	color: #fff;
/*	height: 100px;*/
/*	background-image: url(../images/cicle.gif);
	background-position: right;
	background-repeat: no-repeat;*/
}
.autorize {
	background-color: #fff;
	font-size: 13px;
	border: 0px;
	color: #9F2730;
	cursor: pointer;
}

.forma {
background-color: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	color: #3d3d3d;
	cursor: pointer;
}
.lforma {
background-color: #fff;
	border: 1px solid #999;
	font-size: 12px;
	color: #333;
	cursor: pointer;
}
.search {
background-color: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	color: #3d3d3d;
	cursor: pointer;
}

.logo {
	height: 130px;
	padding-left: 45px;
	text-align: left;
/*	background-image: url(../images/p2.gif);
	background-position: bottom right;
	background-repeat: no-repeat;*/
}
.blok2 {
padding: 10px;
border-top: 10px solid #353638;
border-bottom: 20px solid #9F2730;
	padding-left: 105px;
	padding-right: 105px;
	color: #353638;
/*	background-color: #e2e2e2;*/
background-color: #F6F3F3;
	vertical-align: top;
	color: #333;
}
.footer {
padding: 30px;
	padding-left: 105px;
	padding-right: 105px;
	color: #fff;
	background-color: #A41F2A;
	border-top: 6px solid #333;
}
.content {
	padding-left: 50px;
	padding-right: 30px;
	vertical-align: top;
	color: #666;
	padding-top: 0px;
}
.pages {
	padding-left: 30px;
	padding-right: 30px;
	vertical-align: top;
	color: #666;
	padding-top: 0px;
	font-size: 12px;
	font-family: Tahoma;
	text-align: justify;
}

td.pages {
	font-size: 12px;
}

td.blok2 strong {
/*	background-color: #9F2730;*/
/*	padding: 3px;*/

}

.mhor {
/*	background-color: #fff;*/
	color: #333;
	height: 34px;
	padding-left: 66px;
	border-top: 0px solid #666;
/*	background-image: url(../images/cicle_m.gif);
	background-position: right top;
	background-repeat: no-repeat; */
}
.mhor2 {
/*	background-color: #fff;*/
	height: 34px;
/*	background-image: url(../images/cicle_m.gif);
	background-position: right top;
	background-repeat: no-repeat;*/
}

.mver {
	background-color: #f2f2f2;
	background-image: url(../images/mver.gif);
	background-position: left top;
	background-repeat: no-repeat;	
padding-left: 50px;
	padding-top: 16px;
	border-bottom: 6px solid #ddd;
}

a.hurl {
		COLOR: #9C252E;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
		display: block;
		border-bottom: 6px solid #fff;
		/*text-shadow: black 1px 1px 2px, #aaa 0 0 1em;*/
		/*text-shadow: black 1px 1px 2px, red 0 0 1em;*/
}
a.hurl:hover {
		COLOR: #9C252E;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
		border-bottom: 6px solid #9C252E;
		display: block;
}

.hm {
	padding-left: 15px;
	padding-right: 15px;
}

a.vurl {
		COLOR: #fff;
	/*	padding-left:35px;*/
		font-weight: none;
		font-size: 11px;
		text-decoration: none;
}
.web {
	padding-left: 50px;
	padding-bottom: 20px;
	background-color: #fff;
	color: #fff;
	background-image: url(../images/grad.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	vertical-align: top;
	border-bottom: 6px solid #ddd;
	padding-top: 10px;
}
.seo {
	padding-left: 50px;
	color: #fff;
	padding-bottom: 20px;
	background-color: #fff;
	background-image: url(../images/grad2.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	vertical-align: top;
	border-bottom: 6px solid #ddd;
	padding-top: 10px;
}
.blok3 {
	background-color: transparent;
	border-top: 0px solid #666;
/*	background-image: url(../images/bg2.gif);
	background-position: top left;
	background-repeat: no-repeat;*/
}
.pad1 {
	padding-left: 15px;
	color: #666;
	padding-right: 0px;
	height: 50px;
	vertical-align: top;
}
.pad2 {
	padding-left: 50px;
	vertical-align: top;
	color: #666;
padding-right: 30px;
	
}
.pad3 {
	padding-left: 50px;
	padding-right: 0px;
	vertical-align: top;
	color: #666;
}
.pad4 {
	padding-left: 15px;
	padding-right: 0px;
	vertical-align: top;
	color: #666;
/*	background-image: url(../images/vline.gif);
	background-position: left top;
	background-repeat: repeat-y;*/
}
.pad5 {
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
	color: #666;
/*   background-image: url(../images/vline.gif);
	background-position: left top;
	background-repeat: repeat-y;*/
}

.pad6 {
	padding-left: 15px;
	color: #666;
	vertical-align: top;
	background: #f2f2f2 url(../images/bg_blok.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 30px;
	padding-bottom: 25px;
}

.pad5 p strong {
/*	color: #cc0000;*/
}

.footer1 {
/*	border-right: 1px solid #fff;*/
background-color: #A41F2A;
border-top: 4px solid #333;
padding-left: 40px;
height: 70px;
color: #fff;
}
.footer2 {
	padding-left: 60px;
	padding-right: 40px;
	color: #fff;
	border-left: 0px solid #fff;
	background-color: #A41F2A;
	border-top: 4px solid #333;
	background-image: url(../images/dotted.gif);
	background-position: left;
	background-repeat: no-repeat;
}
.footer3 {
	padding-left: 60px;
	padding-right: 40px;
	color: #fff;
	border-left: 0px solid #fff;
	background-color: #A41F2A;
	border-top: 4px solid #333;
	background-image: url(../images/dotted2.gif);
	background-position: left;
	background-repeat: no-repeat;
}
.text {
	padding-right: 105px;
	padding-left: 100px;
	vertical-align: bottom;
}
div.vm {
	display: inline;
	height: 4px;
}
.phone {
/*	background-image: url(../images/cicle_p.gif);
	background-position: right bottom;
	background-repeat: no-repeat;*/
}

.m {
	background-color: #8F222A;
}
a:link, a:visited, a:hover {
	color: #9C252E;
}
/* _______________________ LOGINFORM _______________________ */
/*#loginform                          {padding:10px; border:0px solid #ddd}
#loginform .loginfield              {padding:3px;border: 1px solid #ddd; color:#eec00a;margin-bottom:5px; margin-top:2px}
#loginform .button                  {border: 1px solid #eec00a; color:#fff; background-color:#eec00a}
#loginform  a:link,
#loginform  a:hover                 {text-decoration:underline}*/

.logintext                          {color:#999}
.logintext_error                    {color:#a9a9a9}
.clear                              {clear:both;height:1px;overflow:hidden;}

/* _______________________ SEITE F�R POPUP (MODULE)  _______________________ */
#body_popup                         {font-size:11px; text-align:left; background-color:#fff; padding:10px; margin:8px}
#module_intro                       {color:#999999}
.module_form_headers                {margin-top:5px; padding:5px; background-color:#f5f5f5; border:1px solid #ddd}

#module_header                      {padding:5px; height:30px}
#module_header             {font-size:17px; display:inline}
#module_content                     {padding:5px}
#module_content .formleft,.formright  {font-style:normal; line-height:1.5em;margin-bottom:5px}
#module_content  em                 {font-style:italic}

div#c {
	width: 650px;
}

#c H1 {
	font-size: 22px;
	font-weight: normal;
	color: #AA270A;
/*	background-color: #AA270A;*/
	padding: 4px;
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-image: url(../images/c1.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#c2 H1 {
	font-size: 22px;
	font-weight: normal;
	color: #0197A6;
/*	background-color: #0197A6;*/
	padding: 4px;
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-image: url(../images/c2.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#c3 H1 {
	font-size: 22px;
	font-weight: normal;
	color: #74A82D;
/*	background-color: #74A82D;*/
	padding: 4px;
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-image: url(../images/c3.gif);
	background-position: left;
	background-repeat: no-repeat;
}
a.public:link, a.public:visited {
	color: #990000;
	font-size: 11px;
	padding-left: 18px;
	background-image: url(../images/pub.gif);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
}
a.public:hover {
	color: #666;
	font-size: 11px;
	padding-left: 18px;
	background-image: url(../images/pub_a.gif);
	background-position: left;
	background-repeat: no-repeat;
}
a.page1:link, a.page1:visited {
	color: #5C7115;
	font-size: 11px;
	padding-left: 18px;
	background-image: url(../images/page1.gif);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	padding-top: 8px;
	padding-bottom: 9px;
}
a.page1:hover {
	color: #666;
	font-size: 11px;
	padding-left: 18px;
	background-image: url(../images/page1_a.gif);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	padding-top: 8px;
	padding-bottom: 9px;
}
a.page2:link, a.page2:visited {
	color: #15566E;
	font-size: 11px;
	padding-left: 18px;
	background-image: url(../images/page2.gif);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	padding-top: 8px;
	padding-bottom: 9px;
}
a.page2:hover {
	color: #666;
	font-size: 11px;
	padding-left: 18px;
	background-image: url(../images/page2_a.gif);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	padding-top: 8px;
	padding-bottom: 9px;
}
a.page3:link, a.page3:visited {
	color: #990000;
	font-size: 11px;
	padding-left: 18px;
	background-image: url(../images/page3.gif);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	padding-top: 8px;
	padding-bottom: 9px;
}
a.page3:hover {
	color: #666;
	font-size: 11px;
	padding-left: 18px;
	background-image: url(../images/page3_a.gif);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	padding-top: 8px;
	padding-bottom: 9px;
}

.clc {
	padding-right: 10px;
	vertical-align: middle;
}
.padclc {
	padding-left: 50px;
	color: #666;
background: #f2f2f2 url(../images/bg_blok.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.info1 {
	padding: 10px;
	background-color: #E8EFF6;
	vertical-align: top;
	border: 4px solid #EEF3F8;
}
.info2 {
	padding: 10px;
	background-color: #EBF5E5;
	vertical-align: top;
	border: 4px solid #F3F8EF;
}
.info3 {
	padding: 10px;
	background-color: #F5E8E5;
	vertical-align: top;
	border: 4px solid #F8F0EE;
}
.info4 {
	padding: 0px;
	vertical-align: top;
	border: 0px solid #fff;
}
.mtop {
height: 100px;
}

a.mw:link, a.mw:visited {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
a.mw:hover {
	color: #eee;
	text-decoration: underline;
}
a.nameblok:link, a.nameblok:visited {
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	display: block;
}
a.nameblok:hover {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	display: block;
}

a.map:link, a.map:visited {
	color: #666;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	text-decoration: none;
}
a.map:hover {
	color: #990000;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	text-decoration: none;
}
a.pnav {
background-color: #ccc;
padding: 4px;
padding-left: 6px;
padding-right: 6px;
color: #990000;
text-decoration: none;
}
.pnav, a.pnav:hover {
background-color: #990000;
padding: 4px;
padding-left: 6px;
padding-right: 6px;
color: #fff;
text-decoration: none;
}

/*portfolio pages*/

.bottom-border {
	BORDER-BOTTOM: #ccc 0px dotted;
}
P.value{
	BACKGROUND-COLOR: #fff; TEXT-ALIGN: justify;
}
TABLE.contacts TD {
	BACKGROUND: url(../images/dot.gif) repeat-x 0% 0.7em
}
TABLE.contacts TD.last-row {
	PADDING-BOTTOM: 0px;
	vertical-align: top;
}
SPAN.blokname {
	PADDING-RIGHT: 4px; FONT-WEIGHT: bold; COLOR: #3d3d3d; BACKGROUND-COLOR: #fff;
}
SPAN.value {
	BACKGROUND-COLOR: #fff; TEXT-ALIGN: justify;
	padding-left: 4px;
	color: #3d3d3d;
}
.data {
	padding-left: 40px;
}
li {
color: #999;
padding-bottom: 15px;
}
.pusk {
	padding: 10px;
}
.start {
	color: #999;
	font-size: 10px;
}

.mod_gal_imgcontainer               {float:left; padding:0; border:1px solid #ddd; margin:3px}
.mod_gal_header                     {color:#333; background-color:#F4F4F4; padding:5px; border-bottom:1px solid #ddd}
.mod_gal_img                        {padding:10px}
.mod_gal_kbsize                     {color:#999; text-align:center; margin-top:3px}


/*akcii*/
/*
<div class="metko-bg">
<h2>Акция - "Тем кто с нами".</h2>
<h3>Надежным клиентам в подарок.</h3>
<h4>При сотрудничестве более 6 месяцев</h4>
<ul>
<li>Новые клиенты в подарок!</li>
<li>Уникальное оформление вашей акции бесплатно.</li>
</ul>
<p>Давайте клиентам больше!</p>
</div>
*/
.metko-bg
{
	padding: 35px 0 0 0;
	min-height:400px;
	height:auto !important;
	height:400px;
	background: url(avatar-metko.png) 152px 0px no-repeat;
	z-index:100;
}
.metko-bg-ny
{
	padding: 140px 0 0 0;
	margin-top:-100px;
	min-height:300px;
	height:auto !important;
	height:300px;
	background: url(avatar-metko-ny.png) 192px 0px no-repeat;
	z-index:99;
}
.metko-bg h2, .metko-bg-ny h2
{
	font-size: 30px;
	color: #222;
}
.metko-bg h3, .metko-bg-ny h3
{
	margin: -24px 0 0 0;
	font-size: 20px;
	color: #333;
}
.metko-bg ul, .metko-bg-ny ul
{
	margin: -10px 0 0 0;
}
.metko-bg ul li, .metko-bg-ny ul li
{
	color: #333;
	font-size: 18px;
}
.metko-bg p, .metko-bg-ny p
{
	margin: -3px 0 0 40px;
	color: #333;
	font-size: 16px;
}

.width-fix
{
	max-width:800px;
	width:expression(document.body.clientWidth > 800? "800px": "auto" );
}


























