@import url(catalog.css);

body                        {margin:0px auto; width: 100%; font:9pt  Arial,  Helvetica, sans-serif; background:#000;}

/* Global resets */
html                        {}
body                        {padding: 0;position: relative;}
a img                       {border: 0;}
form 			    {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 	    {font-weight: normal;margin: 0 0 1em;padding: 0;}
input, select, textarea     {font-family: inherit;font-size: inherit;}
p 							{margin: 0 0 1em 0;padding: 0;}
/* - Global resets */


/**	div,li,a   {border:1px solid #ddd;} /**/

.clear                      {clear:both}

.container                  {width:1055px; margin: 0px auto;}
.head                       {}
.head .logo                 {}
.middle                     {}
.topmenu                    {padding-top:50px; padding-bottom:30px;}
.topmenu ul                 {padding:0px; margin:0px;}
.topmenu li                 {list-style:none; padding:0px; margin:0px; display:block; float:left; margin-right:50px;}
.topmenu a                  {color:#707F85; font:italic 14pt Arial; text-decoration:none}
.topmenu a:hover            {color:#999;}
.topmenu a.sel              {color:#F6C401;}
.topmenu a.sel:hover        {color:#F6C401;}


.toplabel                   {height:220px;}
.toplabel a.cosmocloud      {display:block; position:absolute; width:85px; height:28px; padding:7px 10px 12px 10px; background:url(../images/cosmocloud.png) no-repeat; color:#ddd;  margin-left:900px; margin-top:45px; text-align:center;}
.toplabel .logo             {position:absolute; margin-left:20px; margin-top:30px;}
.toplabel .title            {width:400px;  padding-top:100px; padding-left: 320px;}



.top_order                  {width:150px; margin-left: 900px; display:block; position:fixed; top:0;background:url(../images/bg_order.gif); color:#fff; padding: 5px; height: 20px; font:10pt Arial; text-decoration: none; text-align: center; z-index: 100;}
* html .top_order           {position:absolute; top: expression( eval(document.documentElement.scrollTop) +"px" );}
.top_order:hover            {color:#fff;}


.mp_menu                    {height: 114px; z-index: 10; position: absolute; width: 1050px;}
.mp_brr                     {position:absolute; display: inline; z-index: 5; height: 957px; width: 100%;  background:#000 url(../images/mp/bg_brr2.jpg) no-repeat top center; margin: 0px; }
.mp_off                     {display:block; position: absolute; background:url(../images/mp/off.gif) no-repeat top left; width: 87px; height: 76px; margin-top: 250px; margin-left: 720px; }
.mp_on                      {display:block; position: absolute; background: url(../images/mp/on.gif) no-repeat top left; width: 87px; height: 76px; margin-top: 250px; margin-left: 720px; }

.mp_label                   {position: absolute; display: block; text-decoration: none; text-align: center; color: #C8CEDF; font:27pt 'Trebuchet MS';  margin-left: 750px; margin-top: 495px; width: 160px;}
.mp_label span              {font:13pt 'Trebuchet MS'; border: none;}
.mp_label:hover             {color:#fff; text-decoration: none;}

.mp_zlayer                  {z-index:10; margin-top: 780px; position: absolute; width: 1055px;}
.mp_zlayer .col             {width: 290px; margin-right: 80px; float: left; font: italic 9pt Georgia, "Times New Roman", Times, serif; color: #686868}
.mp_zlayer .zag             {color:#F7C303; font:15pt Tahoma,Arial; text-decoration:none; display: block; margin-top:10px; margin-bottom: 20px;}
.mp_zlayer .img             {width: 240px; height: 90px;}
.mp_zlayer .priceblock      {width: 280px; height: 255px; float: left; background: url(../images/icons/cotel.gif) no-repeat top right;}
.mp_zlayer .minicom         {color: #686868; margin-top: -20px; font: bold 9pt Arial; display: block; padding-left: 25px;}
.mp_zlayer .pricedown       {background: url(../images/icons/pdf.gif) no-repeat top left; padding-left: 45px}
.mp_zlayer .str             {background: url(../images/mp/str.gif); width: 14px; height: 32px; display: block; position: absolute; float: left; margin-left: 100px; margin-top: 10px;}
.mp_zlayer .zag:hover       {color:#F7C303; text-decoration: underline}

.mp_infoicons               {background: url(../images/mp/bg_infoblock.jpg) no-repeat top center; height: 290px;}



.whitepanel                 {background:#fff; }
.whitepanel .w_top          {height:8px; background:#FF6F00 url(../images/white_top.jpg) repeat-y left; }
.whitepanel .w_data         {border-left:8px solid #888; border-right:8px solid #888; padding-bottom:20px;}
.whitepanel .w_bot          {height:8px; background:#888; display: block;}

.whitepanel .w_picgr        {height:8px; width:8px; background:#4E4E4E;}
.whitepanel .w_picor        {height:8px; width:8px; background:#883B00;}
.fr                         {float:right;}
.fl                         {float:left;}


.block_action               {font: italic 9pt Georgia, "Times New Roman", Times, serif; color: #aaa; padding-top: 20px; width: 180px;}

.print                      {display: block; float: right; font:8pt tahoma; color: #444; text-decoration: none;  background: url(../images/icons/print.gif) no-repeat top left; padding: 4px; padding-left: 26px;}
.print:hover                {background-color: #F9D23A; color: #000; text-decoration: none;}

.data                       {padding:10px;}
.data .nav                  {background:url(../images/shtrih.gif) repeat-x top; padding-bottom:20px; font:8pt Tahoma; color:#666;}
.data .nav span             {background:#fff; padding:3px; padding-right:20px;}
.data .nav a                {color:#000; text-decoration: none; margin-left: 5px;}
.data .nav .sel             {color:#006B9D}
.data a:hover               {text-decoration: underline;}
.data .datatitle            { padding:20px 30px 20px 280px;  text-align:center; font:14pt "Trebuchet MS", Arial, Helvetica, sans-serif;}



.leftmenu                   {width:240px; float:left;}
.leftmenu a                 {color:#304F6C; font:9pt Arial, Helvetica, sans-serif; text-decoration: none; background:none; }
.leftmenu li                {list-style:none; padding:5px; background:#fff url(../images/lm_pic.gif) no-repeat top left; padding-left:12px; padding-bottom:10px; display: block; margin-bottom: 2px;}
.leftmenu ul                {margin:0px; padding:0px; display: block;}
.leftmenu .sub              {padding-left:15px;}
.leftmenu .sub2             {padding-left:15px;}
.leftmenu .sub2 a           {font: 9pt Arial, Helvetica, sans-serif; }
.leftmenu li.sel            {color:#000; background-color: #eee;}


.leftmenu li.main           {padding:0px; margin: 0px; display: block; margin-bottom:1px;  }
.leftmenu a.main            {display:block; padding:10px;  background:#395676 url(../images/bgmenu.gif) repeat-x top; color:#fff; font:9pt Arial; text-decoration:none;}
.leftmenu a.main:hover      {color:#E2F0F7; text-decoration: none}
.leftmenu span              {background:url(../images/lm_up.gif) no-repeat top left; width:9px; height:15px; display:block; float:right;}
.leftmenu span.sel          {background-image:url(../images/lm_down.gif);}



.leftmenucont               {width:240px; float:left;}
.leftmenucont a             {color:#304F6C; text-decoration: none; font:9pt Arial, Helvetica, sans-serif; background:none; }
.leftmenucont li            {list-style:none; padding:5px; margin-left:15px; background:#fff url(../images/lm_pic.gif) no-repeat top left; padding-left:12px; padding-bottom:10px;}
.leftmenucont ul            {margin:0px; padding:0px; padding-top:5px; background:#fff;}
.leftmenucont li.main       {padding:0px; margin: 0px; display: block; margin-bottom:1px}
.leftmenucont a.main        {display:block; padding:10px;  background:#395676 url(../images/bgmenu.gif) repeat-x top; color:#fff; font:9pt Arial; text-decoration:none;}
.leftmenucont a.main:hover  {color: #E2F0F7;}
.leftmenucont li.sel        {color:#000; background-color: #eee;}
.leftmenucont span          {background:url(../images/lm_up.gif) no-repeat top left; width:9px; height:15px; display:block; float:right;}
.leftmenucont span.sel      {background-image:url(../images/lm_down.gif);}



.searchblock                {background: #F9D23A; padding: 10px; margin-top: 20px;}
.searchblock input          {background: #fff; border: none; width: 70%;}
.searchblock a              {margin-left: 10px; color: #000; text-decoration: none;}
.searchblock a:hover        {color: #000; text-decoration: underline;}
.searchblock p              {margin: 0px; margin-top: 5px;}

.cnt					{float:left; width:740px; padding:10px; padding-left:20px;}


.item					{margin-bottom:10px; width:345px; padding:20px 10px 10px 10px; float:left; margin-left:5px; background:url(../images/item_t.png) no-repeat top left; cursor:pointer;}
.item .bot				{background:url(../images/item_b.png) no-repeat bottom left;  height:25px; margin:-10px;}

.hov .bot				{background:url(../images/item_bs.png) no-repeat bottom left;}
.hov					{background:url(../images/item_ts.png) no-repeat top left;}

.item .cntdata				{ height:220px;}
.item .img				{ width:120px; float:left; text-align: center}
.item .img img				{}
.item .img img.producer                 { width: 60px; padding-top: 7px}
.item .txt				{ margin-left:130px;}
.item .title				{ font:bold 11pt Arial; color:#3A3A3A;}
.item .comment				{ font:8pt Tahoma; margin-top: 3px; color:#444; background:#E7EDF9; padding:10px;}
.item .pict                             {background: url(../images/noimage.gif) no-repeat top center; display: block; width: 120px; height: 120px;}
.item .pict .action                     {height: 17px; width: 84px; display: block; background: url(../images/hit.gif) no-repeat top left; margin-top: 10px;}

.button_mini span                       {display: block; float: left; background:url(../images/mbut_l.gif) no-repeat left top; height: 15px; padding: 2px 15px 2px 15px;}
.button_mini                            {font:11px Arial; padding:0px;margin-right: 5px; color: #666; text-decoration:none; background: url(../images/mbut_r.gif) no-repeat right top; height: 19px; display: block; float: left;}
.button_mini:hover                      {color:#000; text-decoration: none;}

.subcats                                { padding: 10px; background: #F9D23A; margin-bottom: 20px; margin-left: 5px;}
.subcats ul                             { padding: 0px; margin: 0px;}
.subcats li                             { list-style: none; margin: 0px; padding: 0px; display:inline; margin-right: 7px;}
.subcats a                              { display:inline-block; padding: 5px; color: #222; text-decoration: none}
.subcats a:hover                        { color: #000;}
.subcats a.sel,.subcats a.sel:hover     { background:#fff; color: #000; text-decoration: none; }


.price						{ font:8pt Tahoma; color:#666;}
.price span					{ color:#1D9498; font:13pt "Trebuchet MS"; margin-right:5px;}


input.button                            {background:#395676 url(../images/bgmenu.gif) repeat-x top; color: #fff; padding: 7px 25px 7px 25px;}

a.button				{display:block;float:left; height:26px; background:url(../images/but_r.gif) no-repeat top right; text-decoration:none; color:#000; font:9pt Arial; color:#333; margin-bottom: 7px; margin-top: 7px;}
a.button span				{display:block; float:left; background:url(../images/but_l.gif) no-repeat top left; height:16px; padding:5px 25px 5px 25px; cursor:pointer}
a.button:hover                          {color:#000; text-decoration: none;}


table.notable                            {border:none}
table.notable td                         {border:none}


.fitem                              {margin-bottom: 30px;  border: 1px dashed #ddd;}
.fitem .quest                       {padding:10px;  color: #000; font-weight: bold; background: #f7f7f7;}
.fitem .reply                       {padding:10px; padding-left: 25px;}

.zag                                {font:bold 12pt "Trebuchet MS",Arial;}


.pages								{background:#466084 url(../images/lm_main_r.gif) no-repeat top right; height:29px; float:right; padding-right:15px; margin-right:10px; margin-top:10px;}
.pages div							{background:url(../images/lm_main_l.gif) no-repeat top left;height:29px; padding-left:15px; float:left}
.pages a							{ color:#fff; font:italic bold 11pt Arial; text-decoration:none; display:block; float:left; padding:6px 7px 6px 7px; width:16px; text-align:center; height:17px;}
.pages a:hover						{ text-decoration:none; color:#fff;}
.pages .sel							{ background:url(../images/pagessel.gif) no-repeat top center; color:#466084;}
.pages .sel:hover					{ color:#466084;}
.pages .title						{}


.msg                    {padding:10px;}
.error                  {background: #F9D23A}
.succes                 {background: #61D434}


.infoicons              {color:#686868;  padding-top:50px;}
.infoicons .icon        {width:250px; text-align:center; float:left;}
.infoicons .img         {height:150px; padding-bottom: 5px;}
.infoicons .str		{float:left; width:100px; height:100px; margin-top:70px; background:url(../images/str.gif) no-repeat top center;}
.infoicons .zag		{color:#F7C303; font:15pt Tahoma,Arial; text-decoration:none;}
.infoicons .comment	{font: italic 9pt Georgia, "Times New Roman", Times, serif;}
.infoicons .zag:hover   {color:#F7C303; text-decoration: underline}


.footmenu		{ padding-top:80px; color:#545454;}
.footmenu a.zag		{font:italic 16pt Arial; text-decoration:none;}
.footmenu a		{color:#545454; font:italic 10pt Georgia, "Times New Roman", Times, serif;}
.footmenu a:hover	{ color:#F6C401; text-decoration: underline}
.footmenu .col		{float:left; width:22%; padding:0px 1% 0px 1%;}
.footmenu ul            {margin: 0px; padding: 5px; padding-left: 25px;}
.footmenu li            {margin: 0px; padding: 5px; }


.footer						{color:#545454; padding:10px; padding-top:50px;}
.footer a					{color:#545454;}
.footer a:hover				{ color:#F6C401;}


a							{color:#035990; text-decoration:underline;}
a:hover						{color:#016093;text-decoration:underline;}

ul                          {padding:5px; padding-left:25px;}
li                          {padding:5px;}

img							{border:0px;}
.pict                       {float:left; margin-right:10px; margin-bottom:5px;}

h1                          {font:22pt Tahoma; color:#000;}
h2                          {font:18pt Tahoma; color:#000;}
h3                          {font:14pt Tahoma; color:#333}
.h2                         {font:18pt Tahoma; color:#000;}

.r							{text-align:right;}
.c                          {text-align:center;}


.content .notbl                      {background: #F7F5E7;  padding: 10px;}
.content .notbl table               {background: none;}
.content .notbl td                   {border:none}

.content                    {padding-left: 10px; padding-bottom: 30px;}
.content table              {width:100%; background:#fff;}
.content td					{border:0px; border-bottom:1px solid #ddd; padding:5px;}
.content th                 {text-align:left; padding:5px; background:#555555; color:#fff}

.div_files                  {}




input,textarea 				{border:1px solid #ddd; background:#fff; padding:5px; font:8pt Tahoma;}





.blockerrors                        {background:#CE0B26; padding:10px; color:#fff; font:8pt Tahoma;}
.blocksucces                        {background:#468C00; padding:10px; color:#fff; font:8pt Tahoma;}
.blockerrors p,.blocksucces p       {margin:0px; margin-bottom:5px;}



.foto_id                    		{float:left; margin:5px; border:1px solid #ddd;display:block; width:150px; height:150px; padding:5px; text-align:center}
.foto_id img                        {}


.file                       {background:url(../images/attach.gif) no-repeat top left;padding-left:20px; color:#666}
.file a                     {margin-right:20px;}
.file a:hover               {}



.fsearch                    {padding:20px 10px 20px 10px;}


#cmtwind 							{position: fixed;top:50%;left:50%;z-index:9999;width:450px; padding:20px;margin:-300px 0 0 -250px;border:5px solid #eee;background:#fff;}
* html #cmtwind             {position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); margin:0 0 0 -150px;}
#cmtwind .title             {font:19pt Tahoma; color:#212020; margin-bottom:25px;}
#wndclose                   {float: right}

#overlay                   			{position: fixed;z-index:500;top: 0px;left: 0px;height:100%;width:100%;background:#000; -moz-opacity: 0.8;opacity:.80; filter: alpha(opacity=80);}
* html #overlay            			{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}