* { margin:0; padding:0;}

body {
    background: url('projektory_multimedialne_warszawa.jpg') repeat-x #323F4D; 
    font-size:100%; 
    line-height:1em; 
    font-family:Arial, Tahoma; 
    text-align:center;
padding: 30px 0;
}



img {border:0; vertical-align:top; text-align:left;}

a:hover{text-decoration:none;}

a {color:#7a7a7a;}

.column { float:left;}

.clear { clear:both;}





.h_logo, .h_wr, #footer{width:879px;}

/*header*/

.h_logo{ height:82px;}

.h_logo .logo{ position:absolute; margin:6px 0 0 8px;}

.h_logo ul{ position:absolute; display:block; margin:38px 0 0 520px; text-transform:uppercase; font-weight:bold;}

.h_logo ul li{ display:inline; text-decoration:none; height:41px; font-size:0.687em; background:url(list_menu_wr.gif) 0 0 repeat-y; padding:0 0 0 10px; float:left; display:block; width:111px;}

.h_logo ul li a{ text-decoration:none; color:#212121;}

.h_logo ul li a:hover{ color:#329dcc;}

.h_logo ul li{ color:#329dcc;}

.h_wr{background:url(ekrany_projekcyjne_tablice_interaktywne_projektory_warszawa.jpg) 0 0 no-repeat; height:353px;}

.h_wr .indnt_box{ padding:275px 0 0 237px;}

.h_wr .indnt_box .col_1{ width:159px; height:47px; margin-left:1px; cursor: pointer;}

.h_wr .indnt_box .col_1 img{ position:absolute; margin:17px 0 0 142px; float:right;}

.h_wr .indnt_box .col_1 span{ display:block; width: 100%; text-align: center; padding-top: 6px; color:#ffffff; font-size:0.9em;}



/*footer*/

#footer{ background:url(footer_top_line.gif) 0 0 repeat-x; font-family:Tahoma; padding:18px 0 20px 0;}

#footer .box_right{ position:absolute; width:195px; margin:0 0 0 682px; color:#9a9a9a;font-size:0.625em;}

#footer .box_right span{ color:#07608e;}

.footer_menu{ font-size:0.625em;  color:#9a9a9a; text-transform:uppercase; word-spacing:4px;}

.footer_menu a{ text-decoration:none; word-spacing:normal; color:#9a9a9a;}

.footer_menu a:hover{ text-decoration:underline;}

#footer .text{ font-size:0.625em; color:#000000;}

#footer .text a{ color:#000000; margin-left:11px;}

#footer .text span{ color:#319bb9;}

#footer h1, #footer h2 {
  font-size: 11px;
  color:#000000;
  font-weight: normal;
  margin: 0 0 0 11px;
}



/*content*/

#content{ padding:0 0 41px 0; font-size:0.687em;}

h1{ font-size:1.7em; margin-top: 0.5em; margin-bottom:20px; line-height: 1.3em;}

.bg_none{ background:none !important;}

.br{ display:block;}

.link{ color:#329dcc;}

.ind_top_bot{ margin:12px 0;}

.ind_bot{ margin-bottom:11px;}


.cecha_sel {width: 50%; float: left; height: 30px;}

.cecha_sel label {width: 35%;}

.box_img .wr_1{ background:#e4e4e4; cursor: pointer;}

.box_img .wr_2{ background:#666666; margin:10px 9px 10px 10px; height: 180px;}

.box_img .ind_text{ padding:10px 15px 11px 14px;}

.box_img{ color:#d1d1d1; font-size:0.875em; line-height:1.312em;}

.box_img strong{ display:block; color:#ffffff; margin-bottom:5px; font-size:1.187em;}

.box_img .ind_text h2 { padding:0; color:#ffffff; margin-bottom:5px; font-size:1.187em; }

.box_img .img_indent{ float:right; display:block;}

.box_img .indent_box_col{ margin:0 21px;}



.box_wr{ border:1px solid #acdcee; margin-bottom: 1em;}

.box_wr .box_wr_border{background:#d3f0fb url(wr_box_x.gif) 0 0 repeat-x; text-align: center;}

.box_wr .indent_text{ padding:34px 21px 28px 24px;}

.title{ display:block; margin-bottom:20px;}



.box_wr dt{ background:url(dt_bull.gif) center left no-repeat; padding:0 0 0 12px; font-weight:bold; font-size:1.06em; margin-top:15px;}

.box_wr dd{ padding:11px 0 21px 0; font-size:1.06em; background:url(dd_line_x.gif) bottom left repeat-x;}

.box_wr dd a{ color:#000; text-transform:uppercase;}



.link_wr{ border:1px solid #666666; width:102px; height:21px; text-align:center; line-height:22px !important; background:#ffffff; margin: 0 auto;}

.link_wr a{ background:url(link_marker.gif) center left no-repeat; padding:0 0 0 14px; font-weight:bold; color:#07608e; text-decoration:none;}

.link_wr a:hover{ letter-spacing:1px; text-decoration:none; color:#000;}



.ind_top{ margin-top:15px;}

.line_top{ background:url(line_wr.gif) 0 0 repeat-x;}

.line_bot{ background:url(line_wr.gif) bottom left repeat-x; padding:28px 0 18px 0;}





.wr_from .wr_top_x{ background:#0c8cc1 url(wr_top_x.gif) 0 0 repeat-x;}

.wr_from .wr_bot_x{ background:url(wr_bot_x.gif) bottom left repeat-x;}

.wr_from .wr_con_top{ background:url(wr_con_top.gif) top right no-repeat}

.wr_from .wr_con_bot{ background:url(wr_con_bot.gif) bottom right no-repeat;}



.ind_1 li{ padding:12px 0;}

.ind_left{ margin-left:23px;}

.img_left{ float:left; margin-right:23px;}

.element_box {
    background:#d3f0fb url('wr_box_x.gif') 0 0 repeat-x;
    margin-bottom: 1em;
    padding: 10px;
    border: 1px solid #ACDDEE;
}

.element_tytul {
   background: #5C6164;
   padding: 5px 20px;
   color: white;
   text-decoration: none;
   font-size:1.7em;
   margin-left: -20px;
   line-height: 1.3em;
   font-weight: bold;
   display: inline;
}

#content .text{ font-size:1.06em !important;}

.width_long{ width:124px !important;}

.link_1{ text-transform:uppercase; font-size:1.06em; color:#000;}

/*================== index.html ==================*/

#page1 #content .col_1 .indent_text{ padding:44px 0 0 13px;}

#page1 #content .col_1 .list_1{ width:178px;}



#page1 #content .col_1 .wr_from{ padding-top:11px; color:#ffffff; font-weight:bold; width:218px; margin-left:-13px; font-size:1.06em;}

#page1 #content .col_1 .indent_form{ padding:17px 0 24px 19px;}

#page1 #content .col_1 .wr_from select{ margin-top:21px; width:177px; height:18px; border:1px solid #000000; font-size:11px; font-family:Arila; color:#000000;}

#page1 #content .col_1 .wr_from .wr_con_bot{ height:91px;}

/**/

#page1 #content .col_2 .row_top{ padding-bottom:21px;}



/*================== index-1.html ==================*/

#page2 #content .col_2 .box_list ul{ float:left; width:264px; display:block;}

#page2 #content .col_2 .box_list .ind_left_list{ margin:0 0 0 50px;}

#page2 #content .col_2 .row_top{ padding-bottom:31px;}

/*================== index-2.html ==================*/

#page3 #content .col_1 .indent_text{ padding:44px 0 0 13px;}

#page3 #content .col_2 .row_top{ padding-bottom:21px;}

#page3 #content .ind_list{ width:104px; position:absolute; margin:-90px 0 0 100px;}

/*================== index-3.html ==================*/

#page4 #content .col_1 .indent_text{ padding:0 0 0 13px;}

#page4 #content .col_1 strong{ display:block; margin-top:9px;}

#page4 #content .col_2 .row_bottom .col_box_1 span{ float:right; margin-right:30px;}

#page4 #content .col_2 .row_top{ padding-bottom:38px;}

#page4 #content .form .col_boxa{ width:341px;}

#page4 #content .form .col_box_1a{ width:87px; padding-top:3px; float:left;}

#page4 #content .form .col_box_2a{ width:254px; float:left;}

#page4 #content .form input{ height:18px;}

#page4 #content .form textarea{ height:85px; display:block; overflow:auto; margin-bottom:11px;}

#page4 #content .form textarea, #page4 #content .form input{ width:251px; border:1px solid #3f3f3f; padding-left:3px; font-size:1em; color:#000; font-family:Arial;}

#page4 #content .form .ind_form_bot{ height:37px;}

#page4 #content .form .w{ width:168px; float:right;}

#page4 #content .form .w1{ width:69px; margin-right:10px;}

#page4 #content .form .w2{ width:81px;}

/*================== index-4.html ==================*/

#page5 #content .col_1 strong{ display:block; margin-top:11px;}

#page5 #content .col_1 .indent_text{ padding:0 0 0 13px;}

/*==================list====================*/

.list {background:url(list_wr_line_x.gif) 0 0 repeat-x; width:175px; display:block;}

.list li{font-weight:bold; font-size:1.06em; background:url(list_wr_line_x.gif) bottom left repeat-x; width:175px; line-height:2em;}

.list li a{background:url(list_bull_1.gif) 152px 7px no-repeat; margin:0 0 0 0; padding:0 0 0 13px; color:#04070e; text-decoration:none; width:175px; display:block;}

.list li a:hover {background:url(list_bull_1.gif) 3px 7px no-repeat;  text-decoration:none; color:#2394e2;}


.list_1 li{ background:url(list_wr_line_x.gif) bottom left repeat-x; display:block; padding-bottom:5px;}

.list_1 li a{ background:url(list_bull_1.gif) 0 4px no-repeat; padding:0 0 0 11px; color:#000000; display:block; line-height:1.25em; text-decoration:none; margin-top:5px;}

.list_1 li a:hover{ color:#0096d4; text-decoration:none;}

.list_1 li a span{ color:#0096d4;}

/*==========================================*/


.rama {margin: 0px auto; width:879px; text-align:left; background: #fff; border: 30px solid white;}





.col_1, .col_2, .col_3, .col_box_1, .col_box_2{ float:left;}





/*======= index.html =======*/

#page1 #content .col_1{width:220px;}

#page1 #content .col_2{width:639px; margin-left:19px;}

#page1 #content .col_2 .col_box_1{ width:199px; margin: 7px;}

#page1 #content .col_2 .row_bottom .col_box_1{ width:418px;}

#page1 #content .col_2 .row_bottom .col_box_2{ margin-left:22px; width:199px;}

/*=========================*/



/*======= index-1.html =======*/

#page2 #content .col_1{width:247px;}

#page2 #content .col_2{width:609px; margin-left:23px;}

#page2 #content .col_2 .box_wr{ width:607px;}

/*=========================*/



/*======= index-2.html =======*/

#page3 #content .col_1{width:220px;}

#page3 #content .col_2{width:639px; margin-left:19px;}

#page3 #content .col_2 .row_top .col_box_1{ width:199px;}

#page3 #content .col_2 .row_bottom .col_box_1{ width:418px;}

#page3 #content .col_2 .row_bottom .col_box_2{ margin-left:22px; width:199px;}

/*=========================*/



/*======= index-3.html =======*/

#page4 #content .col_1{width:250px;}

#page4 #content .col_2{width:609px; margin-left:20px;}

#page4 #content .col_2 .row_top .col_box_1{ width:199px;}

#page4 #content .col_2 .row_bottom .col_box_1{ width:247px; margin-right:19px;}

#page4 #content .col_2 .row_bottom .col_box_2{ margin-left:19px; width:341px;}

/*=========================*/



/*======= index-4.html =======*/

#page5 #content .col_1{width:878px;}

/*=========================*/





#strony {
    margin-bottom: 1em;
    font-size: 0.9em;
}

#strony a, #strony a:link, #strony a:visited {
	color: #0040b6; 
	text-decoration: none;
	border: 1px solid #80ABFF;
	padding: 2px 4px;
    font-weight: bold;
}

#strony a:hover {
	border: 1px solid #0057FF;
	color: #fff !important;
	background-color: #4D8AFF;
}

#strony a.aktualna {
	border: 1px solid #fff;
	color: #333;
	background-color: #fff;
}

#strony a:hover {
	color: #FC0000; 
}


h2 {
margin-bottom: 1em;
}

.h2like {
  font-weight: bold;
  font-size:1.5em;
  margin-bottom: 1em;
}

.prod_nazwa {
    font-weight: bold;
    font-size:1.7em;
    line-height: 1.3em;
    padding-top: 0em;
    margin-bottom: 1em;
}

.element_lewa_kol h3, #right h3 {
    margin-bottom: 0.4em;
    font-size: 13px;
    font-wight: bold;
}

.element_lewa_kol, .element_prawa_kol {
            background-color: #fff;
          	margin: 0 5px 12px 5px;
          	padding: 4px 0;
    font-size: 11px;
}

label {
    float:left;
    clear: both;
    width:40%;
    margin-right:0.5em;
    text-align:right;
    font-weight:bold;
    padding-top: 2px;
}

input {
    color: #333;
    font: 1.1em/1.45em Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 0px 5px;
    margin: 1px 0;
}

.koszyk_komorka {
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    padding: 3px;
    font-size: 12px;
}

.koszyk_naglowek {
    font-weight: bold;
    background-color: #F6F9DD;
}

.cecha_nazwa {
    font-weight: bold;
    text-align: right;
    width: 50%;
    font-size: 12px;
    padding: 2px;
}

.cecha_wartosc {
    font-size: 12px;
    text-align: left;
    padding: 2px;
}

ul.lista li {
    list-style: none;
    margin:0;
    padding: 4px;
    background:url(list_wr_line_x.gif) bottom left repeat-x; 
}
ul.lista li a {
    padding-left: 20px;
    background: url('list_bull_1.gif') no-repeat 0px 3px;
}

/* DRZEWO KATEGORII */

#menu_kat ul, #menu_kat li, #menu_poradniki ul, #menu_poradniki li {
    list-style: none;
    margin:0;
    padding:0;
}

#menu_kat, #menu_poradniki li {
    display: inline;
}

#menu_kat ul li a, #menu_poradniki ul li a {
    display: block;
    margin: 0;
    padding: 4px;
    padding-left: 10px;
    font-weight: bold;
    text-decoration: none;
    background: gray;
    color: white;
}

#menu_kat ul ul li a, #menu_poradniki ul ul li a {
    padding-left: 20px;
    text-decoration: none;
    background: #EDF9FF url(list_wr_line_x.gif) bottom left repeat-x;
    color: black;
}

#menu_kat ul ul ul li a, #menu_poradniki ul ul ul li a {
    padding-left: 30px;
    text-decoration: none;
}

#menu_kat ul li a:hover, #menu_poradniki ul li a:hover {
    background: gray;
    color: white;
}

.li_bg {
    background:url(list_wr_line_x.gif) bottom left repeat-x; 
}

#menu_kat ul ul li a:link.kat_zwinieta, #menu_kat ul ul li a:visited.kat_zwinieta {
    background: #EDF9FF url('list_bull_1.gif') no-repeat 170px 8px;
}

#menu_kat ul ul li a:hover.kat_zwinieta {
    background: gray;
    color: white;
}

.kat_rozwinieta {
    background: url('list_bull_1.gif') no-repeat 170px 8px;
}

a.kat_aktywna, a.kat_aktywna:hover {
    background: gray !important;
    color: white !important;
}

.kategorie2 {
    margin-bottom: 1em !important;
    display: block !important;
}

.ocena_img {
    vertical-align: middle;
    padding: 0;
    border: 0;
    background-color: transparent;
}

#kategoria_tabela {
    border-collapse: collapse;
}

#kategoria_tabela tr.naglowek a {
    color: black;
}

#kategoria_tabela th {
    padding: 3px;
    text-align: center;
}

#kategoria_tabela tr:hover {
    background-color: #EDEDED;
}

#kategoria_tabela tr.naglowek:hover {
    background-color: white;
}

#kategoria_tabela td {
    padding: 2px;
    border-bottom: 1px dotted #AAA;
    height: 38px;
}

#porownaj_tabela {
    border-collapse: collapse;
}

#porownaj_tabela td {
    padding: 2px;
    border: 2px solid white;
    border-collapse: collapse;
}

#porownaj_tabela td.porownaj_cecha {
    font-weight: bold;
    background-color: rgb(200,255,238);  
}

#porownaj_tabela td.porownaj_wartosc {
    background-color: #DDD;  
}

@media print {
  * {
  background-color: white !important;
  background-image: none !important;
  }

#porownaj_tabela td.porownaj_cecha {
    font-weight: bold;
    border: 1px solid #333;
}

#porownaj_tabela td.porownaj_wartosc {
    border: 1px solid #333;
}

}