/* 2006-11-10 */
/* produkty.icom.eu */

body
{
	color: Black;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
    font-size: 82%;
    background-color: #e8f7ff;
    margin: 0px;
    padding: 10px 0 0 0;
}

a { color: blue; text-decoration: none; background-color: transparent; }
a:visited { color: #0066cc; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }
a:active { color: black; text-decoration: underline; }

a.wiecej {
	background: transparent url(images/strzalka_white_blue.gif) left no-repeat;
	padding-left: 18px;
}

div#allcontent
{
    width: 1192px;
    margin: 0 auto 0 auto;
}

/* PAGE HEADER */

div#header
{
	 border-top: 1px solid Navy;
	 border-left: 1px solid Navy;
	 border-right: 1px solid Navy;
	 border-bottom: 0;
}

/* 						
	Menu z linkami 		
					  */

div#toolmenu
{
    width: 100%;
    height: 28px;
    font-size: 13px;
    border-bottom: 1px solid #003366;
    background: #8394E4 url(images/toolmenu-tlo.png) repeat-x;
}
	  
div#toolmenu ul{ margin: 0px; padding: 0px; }

div#toolmenu ul li
{ 
	float: left;
	height: 22px;
    list-style-type: none;
	padding: 6px 20px 0px 10px; 
	background: url(images/toolmenu-kreska.png) right no-repeat;
	
}
div#toolmenu li a
{ 
    color: white; 
    font-size: 12px; 
    letter-spacing: 1px;     
    font-weight: normal; 
    text-decoration: none;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

div#toolmenu a:link, 
div#toolmenu a:visited { color: white; }

div#toolmenu a:hover,
div#toolmenu a:active { color: yellow; }

div#toolmenu a.menu-home, div#toolmenu a.menu-ulubione,
div#toolmenu a.menu-startowa, div#toolmenu a.menu-email,
div#toolmenu a.menu-szukaj
{
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;  
}

div#toolmenu a.menu-home	{ background-image: url(images/toolmenu-home.gif); }
div#toolmenu a.menu-ulubione{ background-image: url(images/toolmenu-ulubione.gif); padding-left: 22px; }
div#toolmenu a.menu-startowa{ background-image: url(images/toolmenu-startowa.gif); }
div#toolmenu a.menu-szukaj	{ background-image: url(images/toolmenu-szukaj.png); }

div#toolmenu-left
{
	width: 650px;
	height: 28px;
	float: left;
}

div#toolmenu div#toolmenu-right a 
{ 
    color: #000;	
    text-decoration: none;	
}

div#toolmenu div#toolmenu-right a:hover {
	color: Blue;
} 

/* Linki nad nagłówkiem - Wyszukiwarka prawa strona */

div#toolmenu-right
{
    width: 330px;
    height: 28px;
    margin: 0px;
	padding-right: 10px;
    float: right;
    font-size: 13px;
    background-image: url(images/toolmenu-tlo3.png);
}

div#toolmenu-right div#separator
{
	float: left;
	width: 66px;
	height: 28px;
	background-image: url(images/toolmenu-separator.png);
}

div#toolmenu-right a.menu-szukaj
{
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;  
}

/* TOOLBARS */

div#toolbar-top
{ 
	padding: 5px 0 0 0;
	float: right;
}

/* Nagłówek strony z animowanym logiem i banerami */

div#header-design
{
	width: 100%;
	margin: 0px;
	background-color: #245E9E;
	border-top: 1px solid #A9B7EF;
	border-bottom: 1px solid #003366;
	background-image: url(images/naglowek-kratka.gif);
}

/* --------------------------------------
                                         
	Nagłówek strony www - Logo firmy     
                                         
	-------------------------------------
*/

/* Lewa część Nagłówka */

div#header-design-left
{
    height: 90px;
    width: 490px;
    float: left;
}

/* Prawa część Nagłówka */
div#header-design-right 
{
    width: 500px;
    float: right;
}

/* Top Menu */

div#topmenu
{
	font-size: 92%;
	font-weight: bold;
	height: 25px;
	border-top: 1px solid #ffeea8;
    border-bottom: 1px solid #ffd627;
    background: #ffd627 url(images/topmenu.gif) repeat-x top;
}
div#topmenu-design
{

}  
div#topmenu ul{ margin: 0px; padding: 0px; }
div#topmenu ul li
{ 
	float: left;
	margin-top: 1px;
    list-style-type: none;
	border-right: 1px solid #FDE698;
}

div#topmenu ul li.topmenu-start
{
	border-left: 1px solid #FDE698;	
}
div#topmenu li a
{ 
    color: #000;
    letter-spacing: 1px;     
    font-weight: bold; 
    text-decoration: none;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
    padding: 5px 15px 5px 15px;
	display: block;
	border-right: 1px solid #D97A07;
}

div#topmenu a:link, 
div#topmenu a:visited { color: #000; }

div#topmenu a:hover,
div#topmenu a:active { 
	color: #A52A2A; 
	background-color: #FED626;
    padding: 6px 15px 4px 15px;
}

/* MSX - toolbar-top : zamiast li dajemy div dla NS */

div#toolbar-top div.toolbar-item
{
    margin: 0;
    padding: 0px 10px 0 6px;
}

div#toolbar-top div.search-line, div#toolbar-bottom div.search-line
{
    display: inline;
    vertical-align: middle;
}

div#toolbar-top div.search-line form, div#toolbar-bottom div.search-line form
{
    display: inline;
}

div#toolbar-top input.searchinput, div#toolbar-bottom input.searchinput
{
    width: 100px;
    height: 16px;
    padding: 1px 0 0 2px;
    margin-right: 5px;
    border: 1px solid #A9A9A9; 
}

/* PATH */

div#path
{
}

div#path-design
{
    padding: 5px 0 5px 10px;
    background: #336699 url(images/path.gif) repeat-x top;
}

div#path p
{
    font-size: 100%;
    color: #FFF;
    margin: 0px;
	letter-spacing: 1px;
}

div#path p a
{
    color: #FFF;
	margin: 0 5px 0 0;
    text-decoration: none;
	background: url(images/sciezka-arrow.png) center left no-repeat;
	padding-left: 18px;
}

/* cs.css */

div#path p a:hover
{
    color: yellow;
    text-decoration: underline;
}

/* COLUMNS */

div#columns
{
    width: 1192px;
    height: 100%;
    margin: 0px;
	background-color: #ffffff;
	border-bottom: 2px solid white;
}

/* 					
	Left MENU 		
				  */	
				  
td.leftmenu {
	width: 195px;
	background-color: #fafafa;
}
  
div#leftmenu {
	width: 190px;
	border-left: 1px solid #256aab;
}

div#leftmenu li span {
	display: block;
}

div#leftmenu div#leftmenu-head{
	width: 195px;
	padding: 9px 0 0 0;
	background: transparent url(images/path.gif) top repeat-x;
}

div#leftmenu div.leftmenu-stopka{
	font-size: 0px;
	width: 190px;
	height: 17px;
	background: #1a558f url(images/leftmenu-stopka.gif) top left repeat-x;
}

div#leftmenu H2 {
	color: #1a558f;
	width: 188px;
	font-size: 18px;
	text-align: center;
	margin: 0;
	padding: 4px 0px 4px 0;
	border-left: 1px solid #336699;
	border-right: 1px solid #336699;
	border-bottom: 1px solid #336699;
	background: #c8c8c8 url(images/leftmenu-naglowek.gif) top left no-repeat;
}

div#leftmenu ul{
    margin: 1px 0px 0px 0px;
	padding: 0px;
}


div#leftmenu-design li.menu-level-0
{ 
	margin: 0px 0px 1px 0px;
	padding: 0px;
    list-style-type: none;
	background-color: #256aab;
	border-left: 10px solid #f4ab03;
}

div#leftmenu-design li.menu-level-0 a
{ 
	font-size: 85%;
    color: #FFF;
	margin: 0px;
	display: block;    
	text-align: left;
    font-weight: bold;
    text-decoration: none;
    padding: 4px 0px 4px 10px;
}

div#leftmenu-design li.menu-level-0 a:hover
{
    color: #ffff99;
	background-color: #598eda;
}

div#leftmenu-design li.menu-level-0 a.selected
{
    color: #ffff99;
	margin: 0px;
	padding-right: 5px;
	background-color: #598eda;
}

div#leftmenu-design li.menu-level-0 ul{
	margin: 0px;
	padding-bottom: 1px;
	background-color: #F8F8F8;
}

/* TOOLBOXES */

div.toolbox
{ 
    width: 100%;
    margin: 0;
	border-right: 1px solid #FFF; 
}

div.toolbox div.toolbox-header
{ 
	border-bottom: 1px solid #FFF;
	background: #c5c5c5 url(images/toolbox-naglowek.gif) top repeat-x;
}

div.toolbox h2
{ 
	font-size: 90%;
    color: #003366;
    padding: 9px 0 3px 15px;
	background: transparent url(images/toolbox-naglowek-left.gif) top left no-repeat;
}

div.toolbox div.toolbox-content
{ 
	background: transparent url(images/toolbox-content-top.gif) top repeat-x;
	padding: 14px 10px 10px 10px;
}

/* Linie komputerów pod menu z lewej strony */

div.toolbox ul.linie{
	margin: 0;
	padding: 0px;
    list-style-type: none;
}
div.toolbox ul.linie li { margin: 5px 0 0 0; }
div.toolbox ul.linie li.selected { border: 1px dashed #999; background-color: #ffffff; padding: 1px; }
div.toolbox ul.linie li.selected a { color: Blue; font-weight: bold; }

/* 								
	Treść strony - Content 		
							  */

/* Prawa kolumna */
td.content {
	width: 997px; 
	background: transparent url(/images/dots_pion.gif) left repeat-y;
}

/* dla mapy */
td.content-wide { width:1190px; } 

div.content{ padding: 0px 20px 20px 20px; }

/* Galeria zdjęć - Zdjęcia komputerów */
div.galeria {
	padding: 0px 0 20px 0px;
}

div.galeria div.zdjecie
{
	float: left;
	margin: 8px;
}

/* Naglowek strony */

h1, h2, h3
{
	color: #0066CC;
    padding: 0;
}

h1 { font-size: 1.5em; margin: 0.7em 0 1.0em 0;text-decoration: none; font-weight: bold; }
h2 { font-size: 1.4em; margin: 0.5em 0 0.5em 0;text-decoration: none; font-weight: bold; }
h3 { font-size: 1.0em; margin: 0.5em 0 0.5em 0; text-decoration: none; font-weight: bold; }
div#konfigurator h2 
{ color: #0066CC; font-size: 1.3em; text-decoration: none; font-weight: bold; }

h1 span,
h2 span { font-family: Arial, Helvetica, sans-serif; color: #003399; text-decoration: none; font-weight: bold; font-style: normal}

h1 a, h1 a:hover,
h2 a, h2 a:hover { color: #0066CC; text-decoration: none; }

h1.linie { color: #6495ED; font-size: 1.7em; text-decoration: none; font-weight: bold; }

div.linie H2 { margin: 0.5em 0 0.5em 0; }
div.linie p { margin: 0em 0 0.5em 0; line-height: 130%; text-align: justify; }

/* Paragrafy */

p { margin: 0em; line-height: 150%; }
p.a, p.akapit { text-indent: 1.5em; text-align: justify; }
p.i, p.italic { font-style: italic; w\idth: 98%;  /*for IE6 bug*/  }
p.b, p.bold { font-weight: bold; }
p.small, .small { font-size: 82%; }
p.center{ text-align: center; }
p.marker {
	font-weight: bold;
	text-align: justify;
	background-color: yellow;
	padding: 10px;
	margin: 20px 0 20px 0;
}

div.content ul { list-style-image: url('/images/dot-ul.gif'); line-height: 1.5; }

/* FOOTER */

div#footer
{ 
	clear: both;
	width: 1192px;
	margin: 0px;
	border-top: 1px solid #2942b3;
}

div#footer-design 
{
	color: Navy;
	float: left;
	width: 1192px;
	border-top: 3px solid #8394e4;
} 

div#footer-design div.wykonal
{
	width: 820px;
	float: left;
}

div#footer-design address
{
	color: Navy;
	font-size: 90%;
	padding-top: 3px;
	font-style: normal;
	float: left;
}

div#footer-design div.stat
{
	padding-top: 2px;
	float: right;
}

div#footer-design a
{
	color: blue;
	text-decoration: none;
}

div#footer-design a:hover
{
	color: #003399;
}

/* MISC STYLES */

img { border: 0px; }
a.pdf:link, a.pdf:visited,
a.pdf-big:link, a.pdf-big:visited,
a.lupa-ico:link, a.lupa-ico:visited,
a.doc:link, a.doc:visited,
a.form:link, a.form:visited,
a.zapisz:link, a.zapisz:visited,
a.zamow:link, a.zamow:visited,
a.drukuj:link, a.drukuj:visited,
a.odznacz:link, a.odznacz:visited,
a.ico-icc:link, a.ico-aps:visited,
a.login-ico:link, a.login-ico:visited,
a.signup-ico:link, a.signup-ico:visited
{
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	display: block;
}
a.form:link, a.form:visited { background-image: url(images/ico/form.gif); }
a.pdf:link, a.pdf:visited {	background-image: url(images/ico/pdf.gif); }

a.login-ico:link, a.login-ico:visited { background-image: url(images/ico/kluczyk.gif); }
a.signup-ico:link, a.signup-ico:visited { background-image: url(images/ico/ludzik.gif); }

a.pdf-big:link, a.pdf-big:visited  { background-image: url(images/ico/pdf_icon.jpg); padding: 10px 0 10px 50px; }
a.lupa-ico:link, a.lupa-ico:visited { background-image: url(images/ico/lupa-ico.gif); padding: 10px 0 10px 25px; }
a.zapisz:link, a.zapisz:visited    { background-image: url(/konfigurator/images/zapisz.jpg); padding: 10px 0 10px 25px; margin-right: 10px; }
a.zamow:link, a.zamow:visited    { background-image: url(/konfigurator/images/zamow.jpg); padding: 10px 0 10px 25px; margin-right: 10px;}
a.drukuj:link, a.drukuj:visited    { background-image: url(/konfigurator/images/drukuj.png); padding: 10px 0 10px 25px; margin-right: 10px;}
a.odznacz:link, a.odznacz:visited  { background-image: url(/konfigurator/images/odznacz.gif); padding-left: 30px; }

a.mapa-zoom-out:link, a.mapa-zoom-out:visited,
a.mapa-zoom-in:link, a.mapa-zoom-in:visited
{
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	display: block;
}
a.mapa-zoom-out:link, a.mapa-zoom-out:visited  { background-image: url(/images/mapa/mapa-zoom-out.gif); }
a.mapa-zoom-in:link, a.mapa-zoom-in:visited  { background-image: url(/images/mapa/mapa-zoom-in.gif); }

.small { font-size: 85%; }

.ukryty { visibility: hidden; display: none } /* Ukryty H1 */
.hide { display: none; } /* ukryty <hr> */
br.break, div.break { clear: both; }

/* linia przerywana pozioma */

div.line-dotted-h,
div.line-dotted-h2 {
	height: 1px;
	padding: 0px;
	font-size: 0px;
	overflow: hidden; /* IE6 Bug */
	background: #aaa url(images/dots_poziom.gif) repeat-x;
}
div.line-dotted-h2 { margin: 5px 0 10px 0; }

div.line-dotted-h-gray {
	height: 1px;
	font-size: 0px;
	overflow: hidden; /* IE6 Bug */
	background: #DDD url(images/dots_poziom_gray-white.gif) top repeat-x;
}

/* Okienko promocji */

div.linia-promocja { border: 0px; margin: 0px; padding: 5px; background-color: #FFFFFF; }
div.linia-promocja p { margin: 0; padding: 0; }

/* 					
		Tabelki 	
				  */

/* Tabelka z konfiguracjami i doplatami */

table.tabelka { width: 100%; border-right: 0; border-bottom: 0; border-top: 1px solid #6699FF; border-left: 1px solid #6699FF; margin: 1em 0 0.5em 0; }
table.tabelka td,
table.tabelka th {
	font-family:  Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: Navy;
	padding: 3px;
	border-bottom: 1px solid #6699FF;
	border-right: 1px solid #6699FF; 
}
table.tabelka td { 	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; }
table.tabelka th { background-color: #B8CFFF; }
td.daneopis { font-size: 85%; background-color: white; }
td.danecena { text-align: right; padding-right: 5px; font-weight: bold; background-color: #EEEEEE; }

/* Tabelka deklaracji ce */
table.light-grey td { background-color: #F7F7F7 }

/* Menu */

/*								
	 Stare style do przejżenia!	
	- oprócz strona główna		
							  */

.menu1, .menu1:visited  { font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #0066cc; text-decoration: none; font-weight: bold}
.menu1:hover { color:black; text-decoration: none; }
.menu1 span{ font-family: serif; font-size: 140%; color: blue; text-decoration: none; font-weight: bold;   }

div.adobe-reader {
	padding: 10px;
	background-color: #FAFAFA;
	border: 1px solid #EEE;
}
/* Form karty zgloszeniowej */
input.form01 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000033; }
.form02 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 90%; color: #000033; }

/* Klub konto */
.styl01 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; }
.styl02 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; }

/* 						
	Strona główna 		
					  */	

/* Blok - Glowny Flash z reklama */
					  
div#blok-mainflash{ margin: 1px 0 1px 1px; }
					  
/* 								
	Blok - "Konfigurator" ICom 	
							  */

div#blok-konfigurator { margin: 2px 1px 2px 1px; }
div#blok-konfigurator h2,
div#blok-konfigurator h2 a {
	color: #6495ED; 
	font-size: 20px; 
	font-weight: bold;
	margin: 0px 0px 5px 0;
	text-decoration: none; 
}

div#blok-konfigurator td.box-left,
div#blok-konfigurator td.box-right { color: #4682B4; padding: 2px; background-color: #F5F5F5; }
div#blok-konfigurator td.box-right { padding: 4px; }
div#blok-konfigurator td.box-right p { font-weight: bold; }

ul.doplaty {margin: 0; padding: 0 ; }
ul.doplaty li {list-style-image: none; list-style-type: disc; margin: 0 0 0 20px; }
ul.doplaty li.kreska { list-style-type: none; list-style-image: none; margin: 0; }

/* Lista konfiguracji */

div#blok-konfigurator .lista { background: #fafafa; font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
div#blok-konfigurator p.opis { font-size: 95%; color: #4682B4; text-decoration: none;}

/*							
	 STRONA KONFIGURATOR 	
	 					  */

/* Okienko gorne z przyciskami*/
div.konfigurator-top
{
	padding: 10px;
	background-color: #F1F5F8;
	border-bottom: 3px solid #dde6ee;
}

/* Dol strony z warunkami */
div.uwaga { 
	border-top: 1px solid #EFEFEF;
	background-color: #FaFaFa;
	padding: 7px;
}

/* MSX - navbar styl do usuniecia */
.navbar
{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

.navbar:hover
{
	color: #000000;
	text-decoration: none;
}

/* Logowanie form1 form2 - podłączyć styl do pliku dlogin_box.php */

.form1{
	color: #000000;
	border: #000000 1px solid;
	background-color: #eeeeee;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.form2
{
	border-right: #333333 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #333333 1px solid;
	background-color: #ffffff;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 80%;
}

/* Wybór Linii */

.form4
{
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: #333333 1px solid;
	background-color: #ffffff;
}

/* Wybor dopłat */
.form5
{
	width: 14px;
	height: 14px;
}

/* Nazwa komputera */
div.nazwa
{
	width: 950px;
	color: #0000FF;
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}
div.nazwa h3 {
	color: Blue;
}

/* Opis Komputera */
div.opis
{
	color: #333333;
	padding: 3px 5px 3px 5px;
}

/* Konfiguracja Komputera */

div.konf
{
	color: #333333;
	width: 950px;
	padding: 5px;
}

/* Aktualnie wybrana - na gorze - Konfiguracja Komputera */
div.aktkonf
{
	color: black;
	text-decoration: none;
	border: 1px dashed #999999;
	background-color: #FAFBFD;
	padding: 10px;
}

/* Cena wybranej konfiguracji */
span.cena
{
	font-size: 130%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: blue;
	text-decoration: none;
	font-weight: bold;
}

/* Link niebieski podkreślenie przerywane */
a.link1
{
	color: blue;
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: 1px dashed blue;
}

a.link1:hover {
	color: blue;
	text-decoration: none;
	border-bottom: 1px solid blue;
}

/* Link do logowania */

a.logowanie { color: blue; font-weight: bold; }
a.logowanie:hover { color: red; text-decoration: none;}

/* Promocja Microsoft prodkty.icom.eu/promocja_microsoft.html - 2006-12-07 */

div.pkomp {float: right; width:130px; text-align:right; padding-right:10px; /*border: 1px solid red; */}
h1.pnag { background-color: #3CB371; padding: 20px; margin: 0px; text-align: center; color: White; letter-spacing: 2px; font-weight: normal; font-size: 180%  }
p.cena {color:red; font: bold 160% verdana, arial, helvetica, sans-serif; text-align:left } 
p.cena span {color:#666666; font-size:85%}
sup {font-size:75%}

div.mapa-nav-legenda { width: 95%; padding: 5px; }
div.mapa-nav { width: 98%; padding: 5px; background-color: #F0F8FF; margin-left: 1px}
div.mapa-nav-wide { width: 973px; padding: 5px; margin: 0 5px 0 5px; background-color: #F0F8FF; }
div.mapa-nav-left { width: 55%; float: left; }
div.mapa-nav-right { float: right; width: 43%; }
div.mapa-nav label, div.mapa-nav-wide label { font-weight: bold;}
div.mapa-icc { width: 99%; height: 450px; border: 1px solid blue; }
div.mapa-icc-full { width: 980px; height: 520px; margin: 0 5px 0 5px; border: 1px solid blue; }


a.ico-icc:link { background-image: url(images/ico/icon-icc.gif); padding: 10px 0 10px 25px; }
a.ico-aps:visited { background-image: url(images/ico/icon-aps.gif); padding: 10px 0 10px 25px; }

td.small { font-size: 70%; }

div#cena_netto
{
	font-family: Verdana;
	font-size: 70%;
	font-style: italic;
	font-weight: normal;
	color: #333333;
	white-space: nowrap;
}

div#cena_promo
{
	white-space: nowrap;
}

td s
{
	color: red;
}