
/* LAYERS ----------------------------------------------- */
body						{ color: #4b4b4b; font-size: 12px; font-family: Arial; margin: 0; padding: 0; background: url('/i/bgs.jpg') repeat-x bottom }
div#grad					{  /*background: url('/i/bg.jpg') center top no-repeat;*/  min-width: 999px; }
div#body					{ text-align: left; clear: both; margin: 0 auto; width: 999px; position: relative }
div#head_top				{ background: url('/i/top_bg.gif') center 20px no-repeat; height:80px;}
div#head_middle				{ height: 296px; overflow:hidden; }
/*div#contact					{ border:1px solid black; position: absolute; width: 200px; top: 175px; left: 600px; font-size: 11px;}*/

div#content					{ float: right; width: 670px; padding: 0 15px}
div#sider					{ float: left; width: 250px; padding: 0 15px; font-size: 11px;}

div.bl33					{ width: 33%; float: left; margin: 10px 0; }
div.akcia					{ background: url('/i/rozetka.jpg'); display: block; height: 84px; width: 246px; position: relative; }
div.akcia span				{ position: absolute; top: 30px; left: 110px; width: 100px; }

div#footer					{ clear: both; position: relative; color: #000; padding: 10px 0 25px 0; height: 125px; font-size: 11px;background: url('/i/bot-bg.jpg') center bottom no-repeat; }
div#footer .block			{ border-top: 1px solid #dee2e5; margin: 0 0 0 310px; padding: 20px 10px; }
div#footer .counter			{ position: absolute; top: 31px; left: 15px; }
div#footer .phone			{ position: absolute; left: 630px; width: 200px }
/* FORMS ------------------------------------------------- */

.input						{ margin: 0 0 10px 0; }
.input input				{ padding: 4px; font-size: 11px; }

.textarea					{ margin: 0 0 10px 0; }
.textarea textarea			{ padding: 4px; font-size: 11px; }

/* HEADERS ----------------------------------------------- */
div#logo					{ position: absolute; display: block; width: 479px; top: 27px; left: 15px; height: 45px; background: url('/i/logo.gif') no-repeat; margin: 0; padding: 0;}
h1, span.title				{ display:block; font-weight:bold; color: #1b8eb3; font-size: 24px; margin: 10px 0; letter-spacing: -1px; text-transform: uppercase; }
h2							{ color: #1b8eb3; font-size: 20px; margin: 10px 0; letter-spacing: -1px; }
h3							{color: #1b8eb3; font-size: 13px; margin: 0px 0;}

.email						{float:right; margin:35px 30px 0 0; font-size:14px; font-weight:bold;}
.email a					{color:#2a96b8;}
#top_tel, #top_menu 		{float:left; margin-top:2px;}
#top_tel					{border-top:1px solid #e5e5e5; padding:10px 30px 0 30px;}
#top_menu					{border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; padding:0 0 2px 2px;}

/* LISTINGS----------------------------------------------- */
/*ul#menu						{ position: absolute; margin: 33px 0 0 260px; list-style: none; padding: 0; }*/
ul#menu						{ margin:0; padding:0;}
ul#menu li					{ float: left; list-style:none; background-color:#fafafa;}

/*ul.list						{ margin: 0; padding: 0; list-style: none; }
ul.list li					{ padding: 5px; }*/

/* MISC -------------------------------------------------- */
img							{ border: 0; }
img.ico						{ vertical-align: middle; }
img.bord					{ border: 1px solid #f1f1f1; }

.clear						{ display: block; width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 3px; }
.space						{ display: block; width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 20px; }
.space1						{ display: block; width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 35px; }

.line						{ display: block; width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 1px; border-bottom: 1px solid #eaeaea; }
.hide						{ display: none; font-size: 1px; }
.date						{ display: block; margin: 10px 0 0 0; color: #a3a7ac; }

.tel						{ display: block; height: 29px; width: 212px; background: url('/i/tel.gif') no-repeat; }

.color-a					{ color: #76797c }
.color-b					{ color: #c5c5c5 }
.color-c					{ color: #a9a496 }


/* LINKS ------------------------------------------------- */
a, a:visited				{ color: #1a8cb3; text-decoration: underline }
a:hover						{ color: #0a69ab; text-decoration: none;}

a.big, a.big:visited		{ font-size: 15px; color: #5a6c7e; }

/*a.link, a.link:visited		{ float: left; height: 15px; line-height: 15px; border-left: 1px solid #dde2e6; display: block; text-transform: uppercase; font-size: 11px; color: #078fb6; text-decoration: none; padding: 10px 20px 10px 10px ;}
a.link:hover				{ text-decoration: underline; }*/
a.link, a.link:visited		{ float: left; display: block; text-transform: uppercase; font-size: 13px; color: #1a8cb3; padding: 12px 11px 12px 11px; background-image:url('/i/li.jpg'); background-repeat:no-repeat; background-position:left; font-weight:bold;}
a.link:hover				{ text-decoration: underline; }
span.link_on				{ float: left; display: block; text-transform: uppercase; font-size: 13px; text-decoration:none; color:#4d4d4d; background:#ebf0f2 url('/i/li_on.jpg') left 0 no-repeat; padding: 12px 11px 12px 11px; font-weight:bold;}
.here						{ float: left; background: #078fb6; color: #FFFFFF; text-decoration: none; height: 15px; line-height: 15px; display: block; text-transform: uppercase; font-size: 11px; padding: 10px 20px 10px 10px; }


.catalog_img	{
	margin: 0 10px 0 10px;
	padding: 10px;
}

.catalog_white	{ display:block; width:180px; height:130px; border: 1px solid #595959; 	vertical-align: middle; margin: 0 0 10px 0; cursor:pointer; }
.catalog_white img	{margin: 10px}

input, select, textarea	{width: 250px}


div#last ul					{ list-style: none; margin: 0; padding: 0 0 0 10px; }
div#last ul li				{ margin: 0 0 5px 0; padding: 0 10px 0 20px; background: url('/i/list.gif') 0 -4px no-repeat; }


