/* CSS 2006-11-10 Media Studio*/
/* www.icom.eu */

body
{
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; /* Base font family for most elements */
/*    font-size: 82%; */
	font-size: 12px;
    background-color: #e8f7ff;
    margin: 0px;
    padding: 10px 0 0 0;
}

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

/* PAGE HEADER */

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

/* 						
	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; 
/*    padding: 4px 0px 3px 0px; */
}

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: 100%;
	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 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
{
	height: 25px;
}

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: 0px;
	margin-right: 5px;
    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: 992px;
    height: 100%;
    margin: 0px;
	background-color: #ffffff;
	border-bottom: 2px solid white;
}

/* Tabelki */

/* HEADERS */

h1, h2
{
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
}

h1
{
    font-size: 1.8em;
}

h2
{
	font-size: 140%;
}

table.icom-dzialy {
	width: 990px;
	padding: 0px; 
	margin: 5px 1px 0px 1px;
/*	border-collapse: collapse;*/
}

table.icom-dzialy div#promo {
	width: 245px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #F4A614 url(images/promo-tlo.gif) repeat-x top;
	cursor: pointer;
}

table.icom-dzialy div#promo-design {
	height: 68px;
	width: 185px;
	padding: 5px 40px 5px 15px;
	background: url(images/promo-arrow.gif) center right no-repeat ;
}

table.icom-dzialy div#club { 
	height: 69px; 
	width: 190px;
	padding: 5px 40px 5px 15px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #8394E4 url(images/club-arrow.gif) no-repeat right top;
	cursor: pointer;
}

table.icom-dzialy div#club a,
table.icom-dzialy div#club h2 { color: White; }
table.icom-dzialy div#club h2 { font-size: 170%; }

table.icom-dzialy div#partner {
	height: 68px; 
	width: 190px;
	padding: 5px 40px 5px 15px;
	margin-right: 5px;
	background: #DDE6EE url(images/partner-arrow.gif) no-repeat right;
	cursor: pointer;
}

table.icom-dzialy p { margin-top: 10px; }
table.icom-dzialy div#konfigurator p  { color: #FFF; margin-top: 30px; }
table.icom-dzialy div#kup-online p { margin-top: 20px; }

table.icom-dzialy a { color: Black; cursor: pointer; text-decoration: none; }

div#promo h2 { color: #000000; font-size: 170%; }
div#partner h2 { color: #000;  font-size: 170%; }
div#kup-online h2 { color: #0000CD; font-size: 190%; }
div#kup-online h2 a { color: #000000; }
div#konfigurator h2 { color: #fff; margin-bottom: 0px; font-size: 190%;  }
div#konfigurator h2 a { color: #fff; }
div#konfigurator a { color: #FFF; }

table.icom-dzialy td#flash { width: 490px; height: 245px; }

/* 					
	Prawa kolumna 	
				  */

table.icom-dzialy div#kup-online {
	height: 110px; 
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 5px 10px;
	background-color: #dde6ee;
	cursor: pointer;
}

table.icom-dzialy div#kup-online img { border: 0; float:right; margin: 5px 5px 0px 0px; }

table.icom-dzialy div#konfigurator { 
	height: 110px; 
	margin: 0 0 0px 5px;
	padding: 5px 5px 1px 10px;
/*	background: #ABA8E1 url(images/konfigurator-tlo.gif) repeat-x top;*/
	background-color: #8394E4;
	cursor: pointer;
}

table.icom-dzialy div#konfigurator img { border:0 ; float: right; margin: 0px 0px 0px 5px; }

div.odstep { font-size: 1px; height: 5px; }

/* Tabelka Linie */

table.icom-linie { padding: 0px; margin: 0px 0px 0 1px; border-collapse: collapse; }
table.icom-linie td,
table.icom-linie th { padding: 0px;	margin: 0px; background-color: #cfe7ff; border-right: 1px solid white; text-align: left; }
table.icom-linie th,
table.icom-linie tr.footer td { padding: 0px; margin: 0px; background-color: #bcdcff }
table.icom-linie tr.footer td { font-size: 1px; height: 7px; }

table.icom-linie td.komputery {	width: 227px; padding: 5px 8px 5px 8px; height: 83px }
table.icom-linie td.notebooki {	width: 230px; padding: 5px 8px 5px 8px; }
table.icom-linie td.serwery {	width: 229px; padding: 5px 8px 5px 10px; }
table.icom-linie td.media-center {width: 230px; padding: 5px 8px 5px 5px; }

img.left { float: left; margin: 0px 8px 0px 0px; border: 0; }
td.media-center img { margin-top: 15px; }

td.komputery p { margin-left: 80px; }
td.notebooki p { margin-left: 80px; }
td.serwery p { margin-left: 60px; }
td.media-center p { margin-left: 15px; }
table.icom-linie td a { color: Black; text-decoration: none; display: block; }
table.icom-linie td a:hover { color: Blue; text-decoration: none; }

p span {
	font-size: 85%;
	color: red;
	font-weight: bold;
}

table.icom-linie th h2 { color: #000080; font-size: 145%; padding: 3px 3px 3px 15px; }
table.icom-linie h2 a { color: #000080; text-decoration: none; display: block;}
table.icom-linie h2 a:hover { color: blue; text-decoration: none;}

/* FOOTER */

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

div#footer-design 
{
	color: Navy;
	float: left;
	width: 992px;
	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;
}

div.break /* Used this style to terminate floating elements, to clear all floating attributes */
{
    clear: both; 
}
/* MISC STYLES */

img { border: 0px; }
.small
{
    font-size: 85%;
}

.hide
{
    display: none;
}
div.poz  { visibility: visible; display: block; background-color:#dde6ee; padding: 2em; }
div.poz h1 { color: Navy; font-family: Verdana, Tahoma; font-size: 160%; font-weight: bold;}
div.poz .poz  { visibility: hidden; display: none }
div.poz a  { color: blue; text-decoration: underline;}
div.poz p  { line-height: 150%;}
div.poz ul li p {margin:0; padding:0}