#zag0{font-family:trebuchet MS;  font-size:25px;  color:#000000;  background-color:#fff; }



/*8 july 2009. this new css file was placed by ejik */

a img {border: none;}

.f10px {font-size:10px !important;}

.f11px {font-size:11px !important;}

.f12px {font-size:13px !important;}

.f14px {font-size:14px !important;}

.f17px {font-size:17px !important;}

.f18px {font-size:18px !important;}

.f24px {font-size:24px !important; margin-bottom:15px;}




.fGrey   {color:#222222 !important;}

.fBlack  {color:#000000 !important;}



/*MY CODE*/

#tableHead {height:106px; background:url("../img/header-bg.jpg") no-repeat 0 0;}
h4 {font-size:15px;}


    

.menu_left {margin-left:37px; font-size:13px; float:left; margin-top:22px; display:inline; margin-right:10px;}
	.menu_left td {vertical-align:top; padding-bottom:12px;}
    .menu_left a {color:#0082c5;}
    .menu_left a:hover {text-decoration:none;}
    .menu_left img {padding-right:2px;}

.left {background:url("../img/fon_left.jpg") no-repeat; background-color:#fff; }

.menu2 {width:170px; margin-left:30px; }

	.menu2	.link { background:url("../img/str.gif") no-repeat right 14px; padding:5px 0px 9px 17px; margin:0 10px 0 8px;}
    .menu2	.link_act { background:url("../img/str_active.gif") no-repeat right 13px; padding:5px 0px 9px 17px; margin:0 10px 0 8px;}
	.menu2 a {color:#0082c5; text-decoration:underline;}
	.menu2 a:hover {text-decoration:none;}
    
.section_text {}
	.section_text p {margin-bottom:15px;}
    .section_text h4  {}
	.section_text h1 {padding-top:4px; margin-top:0px !important;}
	.section_text ul {margin:0; padding:0; margin-left:16px;}
    .section_text ul li {padding-bottom:12px;}

.about {}
	.about a {color:#1e67b9;}

.letter {width:562px; height:599px; background:url("../img/letter-bg.jpg") no-repeat;}

.block2 {margin:0; padding:0; list-style:none; padding-bottom:50px;}
	.block2 li {float:left; display:inline; margin-right:38px;}
    .block2 a {color:#0082c5;}
    
.section2 {padding-right:45px;}
	.section2 td {padding-bottom:20px; vertical-align:top; font-size:11px;}
    .section2 td.img {padding-right:6px;}
    .section2 p {margin-top:3px;}

/*registration*/
.reg {padding:40px 45px 0 40px; clear:both;}
	.reg_margin {padding:0;}
	.reg h3 {padding-bottom:25px;}
	.reg p.add_reg {padding:3px 0 12px 1px; font-size:10px; color:#666666;}
    .reg input {width:325px; height:21px; border:1px solid #a8acad;}
    .reg input.images {width:auto; height:auto; border:none; cursor:pointer;}
    .reg textarea {width:325px; height:140px; border:1px solid #a8acad;}
    .reg a {color:#000000;}

.razd {height:1px; width:100%; background:#d6d6d6; overflow:hidden; margin:35px 0 32px 0;}
    
/*bottom*/
.bottom {height:86px; background:url("../img/header-bg.jpg") no-repeat 0 0;}



/* каталог в две колонки */

	 /* размер картиночек*/





.cat2columns {border:none; border-collapse: collapse; vertical-align: top; margin-bottom:40px;	}

.cat2columns th, .cat2columns td {border-collapse: collapse; vertical-align: top;}

.cat2columns td {padding:0 13px 20px 22px;}

.cat2columns p {font-weight:normal; font-size:11px; text-align:justify;}



.cat2columns .catHead  {}

	.cat2columns .catHead p 		{color:#222222;}

	.cat2columns .catTitle			{font-size:12px;}

	.cat2columns .catCaptionLeft	{padding-bottom:20px; }

	.cat2columns .catCaptionRight   {padding-bottom:20px;}



.cat2columns .catSet   {}

	.cat2columns .tag-lightCherry 	{background:url("../img/color/teorema_vishnya_svetl.gif") left top no-repeat;}

	.cat2columns .tag-lightCherry1	{background:url("../img/color/premier_svetl_vishn_1.gif") left top no-repeat;}

	.cat2columns .tag-lightCherry2	{background:url("../img/color/premier_svetl_vishn_2.gif") left top no-repeat;}

	.cat2columns .tag-Cherry1		{background:url("../img/color/vishnya_1.gif") left top no-repeat;}
	.cat2columns .beliy		{background:url("../img/color/beliy.jpg") left top no-repeat;}
	.cat2columns .venge		{background:url("../img/color/venge.jpg") left top no-repeat;}
	.cat2columns .beliy_99		{background:url("../img/color/beliy_99.jpg") left top no-repeat;}
	.cat2columns .venge_99		{background:url("../img/color/venge_99.jpg") left top no-repeat;}


	.cat2columns .tag-Cherry2		{background:url("../img/color/vishnya_2.gif") left top no-repeat;}

	.cat2columns .tag-darkCherry  	{background:url("../img/color/premier_lux_temn_vishn.gif") left top no-repeat;}

	.cat2columns .tag-blackOak    	{background:url("../img/color/cherniy_dub.gif") left top no-repeat;}

	.cat2columns .tag-whiteOak    	{background:url("../img/color/vibelen_dub.gif") left top no-repeat;}

	.cat2columns .tag-wildPear    	{background:url("../img/color/prestig_lux_grusha.gif") left top no-repeat;}

	.cat2columns .tag-wildPear2   	{background:url("../img/color/prestig_elit_grusha_2.gif") left top no-repeat;}

	.cat2columns .tag-lightPear   	{background:url("../img/color/svetliy_grusha.gif") left top no-repeat;}

	.cat2columns .tag-lightPear2   	{background:url("../img/color/svetl_grusha_2.gif") left top no-repeat;}

	.cat2columns .tag-lightPear3   	{background:url("../img/color/svetl_grusha_3.gif") left top no-repeat;}

	.cat2columns .tag-lightWalnut 	{background:url("../img/color/svetliy_oreh.gif") left top no-repeat;}

	

.cat2columns .catItem  {}

	.cat2columns .catItem img 		{float:left; width:120px; height:120px;}	

	.cat2columns .catItem p	  		{color:#343434;}

	.cat2columns .itemLeft			{float:left;  margin-left:10px; width:220px;}

	.cat2columns .itemTitle	  		{margin:5px 0 10px 0; width:220px;}

	.cat2columns .catItem h5   		{font-weight:bold; font-size:11px; margin:0;}



.cat2columns .itemSpecs 			{}

	.cat2columns .itemSpecs td 		{padding:0;}

	.cat2columns .itemSpecName		{width:40px;}

	.cat2columns .itemSpecSep		{text-align:center; width:15px;}

	

	/* адаптация */

#indexOptima .catSet p {font-weight:bold;}

.iCat2 {width:350px; height:233px;}



/*	HEADER	*/

#tableHead 	{border:none;}

#logo_o 	{margin:23px 0 0 20px;}

#phone 		{float:left; white-space:nowrap;

			font-size:30px; color:white; height:40px; width:190px; margin-top:20px;

			background:url("../img/sep1.gif") repeat-y right 0; padding-right:20px;}

#phone span {font-size:20px;}

#adress 	{float:left; white-space:nowrap; font-size:18px; color:white; margin: 28px 0 0 20px;	}



/* FOOTER */

#tableFoot 	{border:none; background:url("../img/footer_bg.gif") repeat-x 0 bottom ;}

#copyright  {margin-left:40px; white-space:nowrap; color:#fff;}

#listFoot	{ list-style:none; position:relative; top:10px;}

#listFoot li	{float:left; margin-right:3px; height:41px; position:relative;}

#listFoot img	{float:left;}

#listFoot p	{margin:0 0 0 5px;}

#listFoot a	{color:#0082C5;}



#listFoot .mapp 	{padding-left:0px; top:3px;}

#listFoot .phonee 	{padding-left:25px; top:3px;}

#listFoot .studia25 {padding-left:98px; top:-7px;}
#listFoot .counter_01 {padding-top:3px; }




#liveInternet {float:left;}

#studio25 {float:left; position:relative; left:20px; top:-4px;}



#listFootMenu	{list-style: none; font-size:11px; margin:0px 0 0px 0px;height:17px; padding-left:40px; width:320px; display:block;}

#listFootMenu li {display:inline; margin-right:20px;}

#listFootMenu a	{color:#ffffff; text-decoration:none; white-space:nowrap; text-decoration:underline;}

#listFootMenu a:hover	{text-decoration:none;}

		

/* индексная страница раздела	

.sectionIndex {}

.sectionIndex ul {list-style: none; padding-left:20px;}

.sectionIndex a {color:black;}



#metallIndex {}

#metallIndex li {padding:10px; width:94px; height:140px; border:1px solid #E0E0E0;}

#metallIndex li img {width:94px;}



	 <div class="sectionIndex">

		 <ul  id="metallIndex">

			<li>

				<img src="img/shkaf/ofice/1203674078close_prv.gif" />

				<p><a href="shkaf_ofice.php">Шкафы для офиса</a><p>

			</li>

		 

		</ul>

	</div>

*/



/* боковое меню */

#side_menu 			{padding:40px 0 0 47px; width:180px;}

#side_menu ul 		{list-style:none; padding:0 0 20px 0px;}

#side_menu ul li 	{margin-bottom:5px; color:black;}



#side_menu .subSection	{font-size:13px; color:#A7A7A7; margin:20px 0 0 0;}

#side_menu .topmost		{margin-top:0 !important; padding-top:0 !important;}

	

/* tempTEMPtemp

			<tr class="catItem">

				<td>

					<img src="img/office_mebel_shem/27.jpg" />

					<div class="itemLeft">

					<h5>модель</h5>

					<p class="itemTitle">текстекст</p>

					<table class="itemSpecs">

						<tr>

							<td><p class="itemSpecName">Размер<br/>Вес<br/>Объем</td>

							<td><p class="itemSpecSep">:<br/>:<br/>:</td>

							<td><p class="itemSpecValue">текст.<br/>текст.<br/>0.текст</td>

						</tr>

					</table>

					</div>

				</td>

				<td>

					<img src="img/office_mebel_shem/11.jpg" />

					<div class="itemLeft">

					<h5>модель</h5>

					<p class="itemTitle">текстекст</p>

					<table class="itemSpecs">

						<tr>

							<td><p class="itemSpecName">Размер<br/>Вес<br/>Объем</td>

							<td><p class="itemSpecSep">:<br/>:<br/>:</td>

							<td><p class="itemSpecValue">текст.<br/>текст.<br/>0.текст</td>

						</tr>

					</table>

					</div>

				</td>

			</tr>	

*/

/* temp

		<table class="cat2columns" width="814px">

			<tr class="catHead">

				<td width="385px" class="catCpationRight"><p class="catTitle">Офисная мебель Futura&nbsp;/&nbsp;<span class=zag_3>Teorema</p>

															<p>Данная серия офисной мебели идеально подходит для комплектации мебелью 

															 кабинета руководителя, а также рабочей зоны секретаря. Сочетание наиболее 

															 востребованных цветов и алюминиевых вставок, придадут вашему интерьеру 

															 неповторимый стиль.</p>

				</td>

				<td width="367px" class="catCpationRight"><p>&nbsp;</p>

															<p>Данная серия офисной мебели идеально подходит для комплектации мебелью 

															 кабинета руководителя, а также рабочей зоны секретаря. Сочетание наиболее 

															 востребованных цветов и алюминиевых вставок, придадут вашему интерьеру 

															 неповторимый стиль.</p>

				</td>

			</tr>

			<tr class="catSet">

				<td class="tag-lightCherry"><a href="ofice_mebel_teorema_big_2.html" target="blank"><img src="img/dop_foto/teorema_vishnya_svetl.jpg" alt="Увеличить"></a></td>

				<td class="tag-lightCherry"><a href="ofice_mebel_teorema_big.html" target="blank"><img src="img/teorema.jpg" alt="Увеличить"></a></td>

			</tr>

			<tr class="catSet">

				<td class="tag-lightCherry"><a href="ofice_mebel_teorema_big_3.html" target=blank><img src="img/dop_foto/teorema_vishnya_2.jpg" alt="Увеличить"></a></td>

				<td class="tag-blackOak"><img src="img/teorema_black_dub.jpg"></td>

			</tr>

									

		</table>



*/


.image_menu2 {float:left; margin:4px 4px 0px 0px;}
.diler_set td {vertical-align:top;}
.stroka_1 td {background:#f1f1f1; padding:12px;}
.stroka_2 td {background:#ffffff; padding:12px;}
.stroka_2 td a, .stroka_1 td a {color:#0082C5; text-decoration:underline;}
.stroka_2 td a:hover, .stroka_1 td a:hover {text-decoration:none;}
 
 .drop_menu {padding:14px 10px 14px 10px; background:#1a1a1a;}
 .drop_menu li { float:none !important; display:list-item !important; list-style:none; padding:5px 0px 5px 0px;}
 .drop_menu li  a{color:#fff !important; text-decoration:underline !important;}
 .drop_menu li  a:hover{color:#0082c5 !important; text-decoration:none !important;}
 .drop_menu li.razdel {background:#ddd; height:1px; padding:0px !important;}
 .text_index_001 {color:#0082C5; font-family:trebuchet ms; font-size:13px; line-height:17px; text-decoration:none;}
 
 



#menu_01 { font-size:14px; color:#fff; margin-left:15px;}
#menu {position:relative; z-index:10;}
	#menu ul {margin:0; padding:0;}
    #menu ul li {float:left; display:inline; margin:0 15px 0 15px;}
    #menu ul li.active {margin:0 18px 0 18px; background:url("../img/ic_bullet.jpg") no-repeat center 35px; }
    #menu ul li a {color:#fff;}
	#menu ul li a:hover {text-decoration:none;}
    #menu ul li 		.tButton {float:left; margin-top:0px; color:#fff;}
	#menu ul li 		.tButton p {margin:0px; padding:0px;}
    #menu ul li			.tbutton2 {height:29px; vertical-align:top; padding-top:10px}
    #menu ul li.active 	.tButton {margin-top:6px; height:35px;}
    #menu ul li.active p { color:#fff;}
#menu ul li.active	.tbutton1 {width:5px; height:29px; background:url("../img/uk1.jpg") no-repeat;}   
#menu ul li.active	.tbutton2 {background:url("../img/uk-bg.jpg") repeat-x; height:29px; padding:5px 8px 0 8px !important;}   
#menu ul li.active	.tbutton3 {width:5px; height:29px; background:url("../img/uk2.jpg") no-repeat;}


.dawn {position:relative;}

.dawn_menu {position:absolute; display:none;  top:27px; left:2px; font-family:arial; font-size:12px;}
.dawn_menu li {display:block !important; float:none !important; margin:0 !important;}
.dawn_menu li div {background:#1F67BB; border-bottom:1px solid #174EAB; color:#FFFFFF; display:block !important; float:none !important; list-style:none outside none; padding:3px 8px 5px; width:120px;cursor:pointer; }
.dawn_menu li div:hover {background:#174FAC; }


    .stud25_01 {color:#fff;}
	.stud25_01 a {color:#fff; text-decoration:none; font-size:12px;}
	.stud25_01 a:hover {text-decoration:underline;}

	
	.tovar_1 {height:395px;}
	.text_1 {color::#464646;}
		.text_1 h1 {font-size:19px; padding-bottom:10px;}

		
	.met_mebel_01 {width:168px;}
		.met_mebel_01 a.ssilka  {color:#0082c5;}
	.inform_01 {width:820px;}
		.inform_01 div {float:left; width:366px; margin-right:40px;}
		
		
		
		
		
		
		
		
.ofm_text h2 { margin-bottom:13px; }
.ofm_text a { color:#0082C5; }
.ofm_text td { width:500px; vertical-align:top; padding:25px 30px 0 0; }
.ofm_text img { float:left; margin:5px 20px 3px 0; }
.ofm_text .hr { height:0; border-bottom:1px solid #c7c7c7; margin-bottom:25px; }
		
		
.cena_001 {position:relative; padding:5px; background:#1e66ba; color:#fff; font-size:20px; overflow:hidden;}	  
.cena_001 b {position:absolute; width:1px; height:1px; background:#fff; top:0; left:0; display:block;}	 
.cena_001 s {position:absolute; width:1px; height:1px; background:#fff; top:0; right:0; display:block;}	 
.cena_001 u {position:absolute; width:1px; height:1px; background:#fff; bottom:0; left:0; display:block;}	 
.cena_001 i {position:absolute; width:1px; height:1px; background:#fff; bottom:0; right:0; display:block;}	 

.cena_002 {background:#1e66ba; color:#FFFFFF; float:left; font-size:14px; margin:6px 0 0 3px; overflow:hidden; padding:3px; position:relative; font-weight:bold;}	  
.cena_002 b {position:absolute; width:1px; height:1px; background:#fff; top:0; left:0; display:block;}	 
.cena_002 s {position:absolute; width:1px; height:1px; background:#fff; top:0; right:0; display:block;}	 
.cena_002 u {position:absolute; width:1px; height:1px; background:#fff; bottom:0; left:0; display:block;}	 
.cena_002 i {position:absolute; width:1px; height:1px; background:#fff; bottom:0; right:0; display:block;}	 


.cena_003 {position:relative; padding:5px; background:#1e66ba; color:#fff !important; font-size:16px; overflow:hidden;}	  
.cena_003 b {position:absolute; width:1px; height:1px; background:#fff; top:0; left:0; display:block;}	 
.cena_003 s {position:absolute; width:1px; height:1px; background:#fff; top:0; right:0; display:block;}	 
.cena_003 u {position:absolute; width:1px; height:1px; background:#fff; bottom:0; left:0; display:block;}	 
.cena_003 i {position:absolute; width:1px; height:1px; background:#fff; bottom:0; right:0; display:block;}	 

.box_001 {overflow:hidden; padding-top:20px;}


.spoiler > span:first-child {

clear:both;
color:#fff !important;
cursor:pointer;
float:left;
padding-right:15px;
text-decoration:underline;
}
.spoiler.open > span:first-child {
background-position:100% -35px;
}
.spoiler > span:first-child > * {
color:#fff !important;
}
.spoiler > span:first-child:hover {
text-decoration:none;
}
.spoiler > span:first-child + span {
clear:both;
display:none;
}
.spoiler.open > span:first-child + span {
display:block;
}

