/* !!! fedorenko@farpost.com (11:51 / 12.01.2007) */

/* main container (skeleton) parts (%) */
.main				{ width: 92%; margin: 0 auto }
.colLeft			{ width: 23.2% }
.colSepMain			{ }
.colSepCenter			{ }
.colRight			{ width: 73%; background: url(/images/skin/catalog.gif) left 130px repeat-x }

.extension			{ height: 20px }
.extension img			{ height: 1px; width: 1px; // width: 900px }
#newItem			{ background: url(/images/skin/new.gif) right 2px no-repeat; padding-right: 34px }


.colLeft .siteControls		{ margin: 18px 0 42px 0; white-space: noWrap; text-align: center; font-size: 9px }
.colLeft .siteControls a	{ color: #898989; padding-right: 9px; border-right: 1px solid #d3d3d3 }
.colLeft .siteControls .last	{ padding-left: 9px; border: 0 }

.colLeft .logo			{ margin: 0 0 36px 0; // margin-bottom: 32px; text-align: center }
.colLeft .logo img		{ width: 157px; height: 37px }
.colLeft h4			{ color: #111; font-size: 100%; padding: 2px 0 0 0; margin: 0 }
.colLeft h4 span		{ font-weight: normal }
.colLeft .line			{ background: url(/images/skin/line.gif) 0 9px repeat-x; display: block; margin: 0 17px 0 0; height: 20px }
.colLeft .block			{ padding: 0 0 23px 33px; clear: both }
.colLeft .block ul		{ list-style: none; margin: 0; padding: 0 }

.colLeft #weather		{ background: url(/images/skin/block_weather.gif) 10px 0 no-repeat }
.colLeft #weather p		{ padding: 0 0 0 9px; margin: 0 0 15px 0; line-height: 14px }
.colLeft #weather p span	{ margin: 3px 0 5px -9px; padding: 0; color: #898989; font-size: 90%; display: block }
.colLeft #domen			{ background: url(/images/skin/block_domen.gif) 2px 6px no-repeat }
.colLeft #domen form		{ margin: 6px 0 28px 0 }
.colLeft #domen .input		{ width: 82px; font-size: 100%; padding: 3px 0 1px 4px; height: 14px }
.colLeft #domen select		{ width: 63px; font-size: 13px; height: 20px; // height: 23px }
.colLeft #domen .ok		{ width: 81px; height: 22px; font-size: 11px; margin: 24px 0 0 0 }
.colLeft #vl			{ background: url(/images/skin/block_vl.gif) 5px 5px no-repeat; line-height: 14px; margin-bottom: 0 }
.colLeft #drom			{ background: url(/images/skin/block_drom.gif) 2px 5px no-repeat; margin-bottom: 0 }
.colLeft #forum			{ background: url(/images/skin/block_forum.gif) 11px 5px no-repeat; margin-bottom: 0 }


.colRightTop 			{ height: 88px; margin-top: 42px; width: 100% }
.colRightTop ul			{ font-size: 12px; margin: 0; padding: 0; list-style: none; line-height: 14px }
.colRightTop li			{ color: #ccc; padding: 1px 0 7px 25px; background: url(/images/skin/li.png) 10px 6px no-repeat }
.colRightTop ul a		{ color: #464646 }
.colRightTop .col1		{ width: 165px }
.colRightTop .col2		{ width: 139px }
.colRightTop .col3		{ text-align: right }
.colRightTop .colSep		{ width: 6% }


.colRight .step			{ padding-left: 4% }


.search				{ clear: both; background: url(/images/skin/s_corner.gif) top left no-repeat; height: 116px; padding-left: 4%; color: #FFF }
.search a			{ color: #FFF }
.search .spacer			{ float: left; width: 4% }
.search .input			{ float: left; padding: 16px 12px 0 0; width: 57%; // width: 58%; // padding-right: 0 }
.search .input input		{ float: left; font-size: 115%; width: 100%; margin: 4px 0 12px 8px; height: 19px; border: 0; border-bottom: 1px solid #1388D7; padding-left: 4px; border-left: 1px solid #125582; // height: 19px; padding-top: 2px }
.search .input p		{ color: #8dc3e8; margin: 0 0 0 8px }
.search .input p a		{ color: #8dc3e8 }
.search .button			{ float: left; margin: 53px 0 0 16px; // margin-top: 51px }
.search .button a		{ display: block; margin-bottom: 15px; background: url(/images/skin/list.gif) 2px 2px no-repeat; padding-left: 18px }
.search .button input		{ width: 139px; height: 28px; // height: 30px }
.search H1			{ padding: 0 0 14px 0; color: #fff; font-size: 20px }


.mainArea			{ background: url(/images/skin/shadow.gif) 66% 20px no-repeat; border: 1px solid #FFF; padding: 11px 0 21px 0;  }
.mainArea table			{ width: 100% }
.mainArea H1			{ padding: 0 0 14px 0 }
.mainArea .mainAreaLeft		{ width: 26.9% }
.mainArea .mainAreaLeft div	{ padding: 4px 0 0 0 }

.mainArea .ico			{ width: 8% }
.mainArea .ico div		{ height: 36px }
.mainArea .ico .i_business	{ background: url(../images/ico/ico_business.gif) center 4px no-repeat }
.mainArea .ico .i_auto		{ background: url(../images/ico/ico_auto.gif) center 8px no-repeat }
.mainArea .ico .i_comp		{ background: url(../images/ico/ico_comp.gif) center 7px no-repeat }
.mainArea .ico .i_job		{ background: url(../images/ico/ico_job.gif) center 8px no-repeat }
.mainArea .ico .i_rest		{ background: url(../images/ico/ico_rest.gif) center top no-repeat }
.mainArea .ico .i_cult		{ background: url(../images/ico/ico_cult.gif) center 5px no-repeat }
.mainArea .ico .i_smi		{ background: url(../images/ico/ico_smi.gif) center 3px no-repeat }
.mainArea .ico .i_help		{ background: url(../images/ico/ico_help.gif) center 13px no-repeat }

.mainArea .catalogNew		{ width: 35%; padding: 5px 0 0 15px }
.mainArea .catalogNew h4	{ margin: 0 0 0 19px; padding: 0 0 3px 24px; font-size: 100%; color: #111; background: url(/images/skin/catalog_new.gif) left 2px no-repeat }
.mainArea .catalogNew h4 span	{ font-weight: normal; color: #d3d3d3 }
.mainArea .catalogNew h4 a	{ font-weight: normal }
.mainArea .catalogNew ol	{ padding: 0; margin: 7px 0 0 64px }
.mainArea .catalogNew li a:visited	{ color: #6F3799 }
.mainArea .line			{ background: url(/images/skin/line.gif) left 6px repeat-x; display: block; margin: 0 17px 0 43px; height: 13px }

/* tiresome = banner (we must hide banners form banners terminators) :-) */
.tiresomeBlock			{ text-align: center; border: 1px solid #ccc }
.tiresomeTop			{ text-align: center; margin-top: 1px }
.tiresomeTopLeft		{ clear: both; margin-bottom: 34px; height: 100px }
.tiresomeBig			{ height: 150px; margin: 0 0 22px 0 }
.tiresomeBig a			{ display: block; width: 100% }

.tiresomeBottom			{ height: 125px }
.tiresomeBottom a		{ width: 100%; display: block }



.baza				{ padding: 17px 0 30px 0 }
.baza h1 span			{ font-size: 14px }
.baza h1 span span		{ color: #d3d3d3; padding: 0 8px 0 6px } 
.baza .col1			{ float: left; width: 36% }
.baza .col2			{ float: left; width: 36% }
.baza .col3			{ float: left; width: 27% }
.baza 				{ padding-bottom: 0 }
.baza ul			{ margin: 0; padding: 15px 0 0 0; list-style: none }
/* background: url(/images/skin/bullet1.gif) 6px 6px no-repeat; */
.baza li			{ color: #464646; font-size: 110%; padding: 0 0 10px 19px;  }
.baza li.selected a	{ font-size:1.5em }
.baza li a			{ color: #464646 }
.baza #newItem			{ background-position: right 3px }

.vacancy			{ clear: left; float: left; margin: 30px 0 0 0; width: 100% }
.vacancy td			{ vertical-align: top }
.vacancy .list			{ width: 268px }
.vacancy .list li a:visited	{ color: #6F3799 }
.vacancy .colSep		{ width: 5% }
.vacancy ol			{ margin: 11px 0 0 28px; padding: 0 }

#sitemap			{ margin-top: 10px }

.footerContainer		{ /*width: 100%*/ }
.footer				{ padding: 0 0 18px 0; color: #959595; font-size: 10px; //font-size: 80%; padding-left: 4%;  }
.footer a			{ color: #959595 }
.footer p			{ margin: 0; padding: 0 0 10px 0 }
.footer table			{ width: 99% }
.footer .r			{ text-align: rigth }

.path				{ color: #a1a1a2; margin: 0 0 10px 0 }
.path span			{ margin: 0 3px }

#childPage			{ background: #fff url(/images/skin/catalog_c.gif) right 101px no-repeat;   }
#childPage .colLeft		{ width: 21.2% }
#childPage .colLeft .logo	{ margin-right: 15px }

#childPage .colLeft .logo img	{ width: 116px; height: 28px; margin-top: 53px }
#childPage .colRight		{ width: 75%; background: url(/images/skin/catalog_c.gif) left 101px repeat-x }
#childPage .colRightTop		{ width: 98%; margin-top: 17px; height: 84px }

#childPage .search 		{ height: 105px }
#childPage .search H1		{ padding: 0 0 10px 0 }
#childPage .search .button	{ margin-top: 50px; // margin-top: 47px }


#childPage .footer		{ padding-left: 0; padding-top: 50px }
#childPage .links		{ padding-top: 9px; font-size: 110% }
#childPage .links a		{ display: block; color: #ff850d; font-size: 105%; margin-bottom: 10px; padding-left: 16px; background: url(/images/skin/li.png) left 7px no-repeat }


/* only opera here */
@media all and (min-width: 0px) {
}


/*
by fedorenko (9:50 17.12.2007)
new year|новый год
!!! не надо это удалять, просто закомментируйте, на следующий год пригодится
*/
/*
#main .search			{ background: url(/images/ny2008.jpg) top left no-repeat; height: 128px; margin-left: -13px; position: relative }
*/




.searchEx		{ width: 100%; white-space: nowrap }
.searchEx h1		{ color: #111; margin: 0; padding: 0 }
.searchEx .i		{ width: 233px; margin-right: 4px }
.searchEx .sc1		{ width: 407px }
.searchEx input		{ width: 130px }
.searchEx td		{ vertical-align: middle }
.searchEx .f1		{ background:#e2e5e9 url(/images/skin/fr1.gif) left top no-repeat; margin: 0 0 0 10px; //margin: 0 0 0 3px }
.searchEx .f2		{ background: url(/images/skin/fr2.gif) right top no-repeat }
.searchEx .f3		{ background: url(/images/skin/fr3.gif) right bottom no-repeat }
.searchEx .f4		{ width: 393px; background: url(/images/skin/fr4.gif) left bottom no-repeat; padding: 4px 0 4px 7px }
#hi			{ background: url(/images/skin/hi.gif) left top no-repeat }
#hi a			{ color: #fff; text-decoration: none }